/*

-----------------------------------------------

kunstwerkstatt e.v.

author:   	miguel heß

version:  	juli-august 2009

----------------------------------------------- */



/* importierter css */

@import url("import.css");



html,body {

	background: #fff url(../pics/bg.jpg) no-repeat fixed center top !important;

	background: #fff;

	margin: 0 0 10px 0;

	color: #000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



a, a:link, a:visited, a:active {

	font-weight: bolder;

	text-decoration: none;

	color: #0099ff;

}



a:hover {

	/* color: #00ccff;*/

	text-decoration: underline; 

	}

	

h1 {

	font-weight: bold;

	font-size: 12px;

	margin: 0 0 10px 0;

	padding-left: 10px;

	color: #000;

	background: url(../pics/point.gif) no-repeat left 7px;

	text-decoration: none;

}



h2 {

	font-weight: bold;

	font-size: 16px;

	margin: 0;

	padding-bottom: 10px;

	color: #666;

}





/* -------------------------------------------------------------------

	Seitenelemente

------------------------------------------------------------------- */



#page {

	margin: 0 auto;
	padding: 0;
	/* border: 1px solid #b69e7c; */
	width: 788px;

}

#pageover div, #foot {
	background-color: #fff;

}

#pageover {
	background: url(../pics/bg_shade.png) repeat-y;
	padding: 0 4px 0 4px;
}



#head {

	height: 100px;
	background: url(../pics/banner.png) no-repeat;
	/* background: url(../pics/bg_head.jpg) no-repeat; */
	width: 780px;

}



#navi {

	background: #666 url(../pics/bg_navi2.gif) repeat-x; 
	height: 25px; 	
	/* background: #666 !important;*/
	width: 780px;
}



#content {
	min-height: 500px !important;
	text-align: left;
	line-height: 20px;
	padding: 10px 10px 0 10px;
}



#foot {

	background: url(../pics/bg_foot.png) no-repeat;
	height: 28px;
	text-align: right;
	padding: 3px 10px 0 0;
	color: #FFF;
	font-size: 10px;
}

/* -------------------------------------------------------------------

	NAVI

------------------------------------------------------------------- */

#navi ul, #foot ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

	

}

#navi li, #foot li {

	float: left;

}



#navi a {

	display: block;

	font-weight: bold;

	text-decoration: none;

	font-size: 12px;

	color: #FFF;

	padding: 0 20px 0 0;

	/* border-bottom: 2px dotted #edebe2; */

}



#navi a:hover, #foot a:hover, .underlink {

	/* border-bottom: 2px dotted #666666; */

	color: #ffff00 !important;

	/* text-decoration: underline; */

}



#navi ul li div {

	position: absolute;

}



#navi ul div ul {

	display: none;

	position: absolute;

	left: 0px;

	/* top: -30px; */

}

#navi li:hover div ul {

	display: block;

}

#navi ul div ul a {

	width: 152px;

	line-height: 20px;

	border-bottom: 1px dotted #CCCCCC;

	padding-left: 10px;

	background: #666;

}

#navi ul div ul a:hover {

	background: #333;

}



.overlink {

	padding: 6px 8px 3px 9px !important;

}

.overlink:hover {

	background: url(../pics/bg_navi_hover.gif) repeat-x; 

}

.underlink{

	color: #CCC !important;

	padding-left: 20px !important;

	width: 142px !important;



}

/* -------------------------------------------------------------------

	Content

------------------------------------------------------------------- */



#contentleft {

	padding-right: 12px;

	float: left;

	width: 500px;

	border-right: 1px dotted #CCCCCC;

}



#contentleft img {

	margin: 10px 0 10px 0;

	border: 1px solid #999;

}

.imgborder img {

	border: 0px !important;

}

#contentright {

	float: left;

	width: 233px;

	padding-left: 12px;

}



#contentright h1 {

	font-weight: bold;

	font-size: 12px;

	margin: 0 0 8px 0;

	color: #666;

}

#contentleft h3, .anker {

	font-weight: bold;

	font-size: 14px;

	margin: 0 0 10px 0;

	padding-left: 10px;

	color: #000;

	background: url(../pics/grey_point.gif) no-repeat left 7px;

}



#contentleft span {

	font-size: 9px;

	color: #666666;

	float: right;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	padding: 0;

}





.anker {

	background: none;

	margin: 0;

	padding: 0;

}



.textright {

	border-bottom: 1px dotted #999999;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.third {

	width: 160px;

	padding-right: 5px;

	float: left;

} 

.twothird {

	width: 320px;

	padding-right: 5px;

	float: left;

} 

#clear, .clearn {

	clear: both;

	height: 10px;

}

.sauber {

	border-bottom: 1px dotted #CCC;

	clear: both;

	margin-bottom: 20px;

	height: 5px;



}



/* -------------------------------------------------------------------

	Foot

------------------------------------------------------------------- */

#foot a {

	color: #fff;

	font-weight: normal;

}	

#foot a:hover {

	color: #fff !important;

	font-weight: normal;

}	

#underfoot {

	width: 728px;

	height: 90px;

	margin: 0 auto;

	padding: 20px 0 20px 0;

}

#underfoot a img{

	width: 82px;

	height: 17px;

	cursor: pointer;

	float: left;

	margin-right: 5px;

	border: 0;



}	

/* #underfoot a img:hover {

	opacity: 0.75;

} */

/* -------------------------------------------------------------------

	Formular

------------------------------------------------------------------- */

#form input, textarea {

	width: 495px;

}

#form div input {

	width: 100px;

}

#feme {

	width: 488px;

	border: 1px solid #0099ff;

	color: #0099ff;

	padding: 5px;

	font-weight: bold;

}

/* -----------------------------------------------

	VALIDE und Browser

----------------------------------------------- */

#underfoot a, #browser a {

	float: right;

	margin: 5px 10px 0 0;

	height: 17px;

	width: 82px;

}

#browser a {

	float: left;

}



#validom {

	background: url(../pics/vali/validome.gif) no-repeat;

}

#w3c_html {

	background: url(../pics/vali/w3c_html.gif) no-repeat;

}

#w3c_css {

	background: url(../pics/vali/w3c_css.gif) no-repeat;

}

#ie7 {

	background: url(../pics/vali/ie7.gif) no-repeat;

}

#firefox {

	background: url(../pics/vali/firefox.gif) no-repeat;

}

#chrome {

	background: url(../pics/vali/chrome.gif) no-repeat;

}

#opera {

	background: url(../pics/vali/opera.gif) no-repeat;

}

#safari {

	background: url(../pics/vali/safari.gif) no-repeat;

}



#validom:hover, #w3c_css:hover, #w3c_html:hover, #ie7:hover, #firefox:hover, #chrome:hover, #opera:hover, #safari:hover {

	background-position: -82px 0;

}

/* -----------------------------------------------

	Hinweis zur ausgedruckten Seite

----------------------------------------------- */



#druckmeldung {

 	display: none;

}