/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { height: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 76%;
	color: #666;
	height: 100%;
	background: #fff url(img/bg.jpg) repeat-x;
	}
a { text-decoration: none; color: #008795; font-size: 1em; padding: 1px 2px; }
a:hover { background-color: #f4f4f4; }
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: center;
	}	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header { 
	background: url(img/header_top.jpg) no-repeat 100% 8px; 
	width: 750px; 
	margin: 0 auto;	
	padding: 0;
	}
#header div { 
	background: url(img/header_botm_Neu.jpg) no-repeat 0px 70px; 
	text-align: left;
	padding: 45px 0 48px 20px;	
	}	
#header h1 {
	margin: 95px 0px 0px 0px;;
	color:#303030; 
	clear: both;
	padding: 40px 0 0 30px;	
	font-size: 1.5em;	
	}
#header h1 a { 
	padding: 0;
	color: #000;
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	color: #09C;	
	}	
#header h1 a:hover { background-color: transparent; }	
* html #header h1 { padding-top: 23px; }	

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#header ul {
	margin: 0 40px;
	padding: 0;	
	}
#header li { 
	display: inline;
	list-style-type: none;
	margin: 0 5px;
	font-size: 1.2em;
	background: url(img/nav.gif) no-repeat;
	width: 114px;
	height: 25px;
	float: left;
	text-align: center;
	}	
#header li a { 
	display: block; 
	width: 100%;
	color: #fff;
	padding-top: 7px;
	}		
#header li a.on	{ background-color: #333; color: #e00073; height: 20px; }
#header li a:hover { background-color: #333; color: #e00073; height: 20px; }

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	width: 750px;
	margin: 0 auto;
	padding-bottom: 50px;
	background: url(img/content_bg.jpg) no-repeat 100% 0px; 
	}
* html #content { padding-bottom: 60px; }	
#content:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
#content h2 { 
	font-size: 20px;
	color: #333;
	font-weight: normal;
	font-size: 1.8em;	
	margin: 0 0 20px 0;
	clear: both;
	}	
#content h2 em { 
	color: #008795; 
	font-style: normal;
	}
#content p {
	text-indent: 0em;
	line-height: 1.5em;
	letter-spacing: 0.1em;	
	}	
	
#content ul {
	margin: 20px 0;
	padding: 0 0 0 10px;
	}	
#content li {
	list-style-type: none;
	background: url(img/arrow.png) no-repeat 0px 8px;
	padding: 0 0 0 25px;
	line-height: 1.5em;
	letter-spacing: 0.1em;	
	}	
	
#content li.ohne {
	list-style-type: none;
	background: none;
	padding: 5px 0 5px 25px;
	line-height: 1.5em;
	letter-spacing: 0.1em;	
	}		
	
#content li.mit {
	list-style-type: none;
	background: none;
	background-color:#e6e6e6;
	padding: 0 0 0 25px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	/*color:#e00073;*/	
	}			
	
#content li.light{
	list-style-type: none;
	background: url(img/arrow.png) no-repeat 0px 8px;
	padding: 0 0 0 25px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color:#ccc;	
	}	
#content blockquote { 
	background-color: #FFFFF0; 
	margin: 20px 0; 
	padding: 10px 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
#content blockquote p { margin: 0; text-indent: 0; }


/*------------------------------------------------------------*
**  Thumbnails
**------------------------------------------------------------*/
#content ul.thumbs { 
	width: 350px;
	margin: 20px 20px 0px 0px;
	padding: 0;
	}
#content ul.thumbs:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
#content ul.thumbs li { 
	float: left;
	margin: 3px 3px 0px 0px;
	padding: 0px;
	background-image: none;
	}
#content ul.thumbs li a img { border: 5px solid #ddd; }
#content ul.thumbs li a:hover img { border: 5px solid #333; }	
html>body #content ul.thumbs li a { background-color: transparent; }
	
/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#right {
	float: right;
	width: 290px;
	text-align: left;
	margin-top:140px;
	margin-right: 5px;	
	}

#right a img { padding:1px 2px; text-decoration: none; float:right; margin:0px 50px 15px 0px; }	
#right a:hover img { background-color: #ffffff; }


/*------------------------------------------------------------*
**  left
**------------------------------------------------------------*/
#left {
	float: left;
	width: 380px;	
	text-align: left;
	margin-top:35px;
	margin-left: 25px;	
	margin-right: 25px;	
	}
	
.kuenstlerklein  {float: left; margin: 5px 10px 10px 0px; border: 5px solid #ddd;}
.leer 			 {float: left; margin: 5px 10px 10px 0px; border: 5px solid #fff;}
.pdf 			 {float: left; margin: 1px 1px 1px 0px; border: 0px solid #fff;}

/*------------------------------------------------------------*
**  iFrame
**------------------------------------------------------------*/


.normal 		{float: left; margin: 5px 10px 10px 0px; border: 5px solid #ddd;}


/*------------------------------------------------------------*
**  Form Elements
**------------------------------------------------------------*/
form {
	margin: 0px 0px; 
	padding: 0px 10px 20px 0px;
	border: 0px solid #f1f1f1; 	
}
label {
	display: inline;
	margin: 5px 0 5px 0;
	color: #7f7f7f;
}
input, select {
	padding: 4px;
	background: #fff;
	color: #e2007a;  	
}
textarea {
	width: 350px;
	padding: 4px;
	height: 100px;
	display: block;
	color: #e2007a;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

input.button { 
	height: 30px;
	margin: 0px 5px 0px 0px;
	padding: 2px 8px; 
	color: #555;
	background: #E6E6E6;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
}
		
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/		
#footer {	
	position: absolute !important;
	width: 100% !important;
	z-index: 500 !important;
	position: relative;	
	padding: 10px 0;	
	margin-top: -33px;
	background-color: #333;		
	color: #999;	
	font-size: 11px;
	border-top: 0px solid #ccc;
	}	
#footer p { margin: 0 10px; text-align: center; }	
#footer a:hover { color: #e00073; background-color: #333;}