/* 
# Werbeagentur 3geist, kommunikativ - innovativ - kreativ
# Ina Wilfert 
# Stand: Aug. 2008
# CSS Formatierungen 
*/

/*	undo
*******************************************************************************/

table {	border:none; padding:0px; margin:0px; border-spacing:0px; }
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; font-size:1.4em; }



ul,ol { list-style:none; margin:0px; padding:0px }

.clearer {
	clear:both;
}

html {
	min-height: 100%;
	margin-bottom: -1px;	
}

/*	allemeine Seitenformatierungen
*******************************************************************************/

body {
	margin: 0px;
	background-color:#FFF4DE;
	}
	
body,td,th,div {	
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #555555;
	font-size:9px;
}

	


h1, h2, h3, h4, h5, h6 {	
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style:normal;
	color: #658B14;
	line-height:1.3em;
	margin:0 0 8px 0;

}

h1 {
	font-size:1.5em;
	background-image:url(../images/navline-dotted.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:153px;
}
h2 {
	font-size:1.5em;
	background-image:url(../images/navline-dotted.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:13px;
}
h3 {
	font-size:1.4em;
}
h4, h5, h6 {	
	font-size:1.2em;
}

a {
	color:#6D2C4D;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}



/*	###   website  ---------------------------------------------------   */

#website {
	background-image:url(../images/hgtop.jpg);
	background-repeat:repeat-x;
	width:100%;
	}


#titel {
	font-size:2.0em;
	font-style:italic;
	color:#669900;
	width:975px;
	height:30px;
	margin:  0 0 0 0;
	padding: 10px 0 0 15px;
}

/*	 
###   HEAD-Bereich  -----------------------------------------------------------------------------------------------------------   
*/

#head {
	height:200px;
	width:990px;
}


#head .head-logo {
	float:left;
	width:245px;
	margin:  0 0 0 0;
	padding: 25px 0 0 0;
}
#head .head-logo img{
	padding: 0 0 0 25px;
}
#head .head-bild {
	float:left;
	width:490px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}

#head .head-zitat {
	float:left;
	width:220px;
	margin:  0 0 0 0;
	padding: 40px 10px 0 10px;
	color:#E17100;
	font-size:1.7em;
	line-height:1.2em;
	font-weight:bold;
	font-style:italic;
}





/*	
###   Formatierungen im Content-Bereich ---------------------------------------------------------------------------------------------
*/


#content {	
	width:990px;
	margin:0; 
}


/*	### Main Bereich  -- NAVIGATION  ---------------------------------------------------*/


#content .navigation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:  0;
	padding: 0;
	float:left;
	width:245px;
	font-size:1.2em;
}

#content .navigation ul.nav {
	margin: 0 10px 0px 15px;
	background-image:url(../images/navline-welle.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#content .navigation ul.nav li {
	margin:0;
}

#content .navigation ul.nav li a.navi {
	background-image:url(../images/navline-welle.gif);
	background-repeat:repeat-x;
	background-position:top;	
	padding: 11px 0 11px 5px;
	margin-bottom:0px;
	display:block;
	color:#789726;
	font-weight:bold;
	text-decoration:none;
}
#content .navigation ul.nav li a:hover {
	color:#884400;
}

#content .navigation ul.nav li a.current {
	background-image:url(../images/navline-welle.gif);
	background-repeat:repeat-x;
	background-position:top;	
	padding: 11px 0 11px 5px;
	margin:0px;
	display:block;
	color:#884400;
	font-weight:bold;
	text-decoration:none;
}



#content .navigation ul.nav li .pfeil {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color: #884400;
	width:15px;
	float:right;
	padding: 0;
}



#content .navigation ul.sub	 {
	margin:0;
	padding: 0 0 5px 0;
}

#content .navigation ul.sub	li {
	margin:0;
	padding: 0 0 0 0;
}
#content .navigation ul.sub	li a.sub {
	background-image:url(../images/navline-dotted.gif);
	background-repeat:repeat-x;
	background-position:top;	
	padding: 8px 0 8px 10px;
	margin-bottom:0px;
	display:block;
	color:#AD6A27;
	font-weight:normal;
	text-decoration:none;
}
#content .navigation ul.sub	li a.sub:hover	{
	color: #AD6A27;
	text-decoration:underline;
}
#content .navigation ul.sub	li a.current {
	background-image:url(../images/navline-dotted.gif);
	background-repeat:repeat-x;
	background-position:top;	
	padding: 8px 0 8px 10px;
	margin-bottom:0px;
	display:block;
	color: #AD6A27;
	font-weight:bold;
	text-decoration:none;
}
#content .navigation ul.sub li .pfeil {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color: #884400;
	width:15px;
	float:right;
	padding: 0;
}


#content .navigation ul.nav3rd	 {
	margin:0;
	padding: 0 0 10px 0;
}

#content .navigation ul.nav3rd	li {
	margin:0;
	padding: 0 0 0 0;
}
#content .navigation ul.nav3rd	li a.nav3rd {
	background-image:url(../images/spacer.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding: 4px 0 4px 20px;
	margin:0;
	display:block;
	color:#CC6600;
	font-weight:normal;
	text-decoration:none;
}
#content .navigation ul.nav3rd	li a.nav3rd:hover	{
	color: #AD6A27;
	text-decoration:underline;
}
#content .navigation ul.nav3rd	li a.current {
	background-image:url(../images/spacer.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding: 4px 0 4px 20px;
	margin:0;
	display:block;
	color: #CC6600;
	font-weight:bold;
	text-decoration:none;
}
#content .navigation ul.nav3rd li .pfeil {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	padding:0;
	margin:0;
	color: #CC6600;
	float:right;
}




#content .trennlinie {
	background-image:url(../images/navline-dotted.gif);
	background-repeat:repeat-x;
	background-position:center;
	margin:7px 0 0 0;
	height:7px;
	float:left;
	width:100%;
	clear:both;
}



	




/*	Main Bereich  -- Leiste für Druckausgabe, Top usw.  */


#content .main  {
	float:left;
	width:460px;
	margin: 3px 15px 0 15px;
	padding:0 0 0 0;
	font-size:1.4em;
	line-height:1.6em;
	color:#663300;
}
#content .main p {
	margin: 5px 0 7px 0;
	}
	
#content .main img {
	padding: 5px;
	margin: 0 20px 0 0;
	background-color:#FFFFFF;
	border:1px solid #D9B38C;
	float:left;
	}

#content .main p img {
	padding: 5px;
	margin: 0 10px 0 0;
	background-color:#FFFFFF;
	border:1px solid #D9B38C;
	float:left;
	}
#content .main a {	
	color: #658B14;
	text-decoration:underline;
	}
#content .main ul {
	list-style-type:disc;
	margin: 3px 0 10px 15px;
	padding:0;
	}
#content .main ul li{
	line-height:1.3em;
	margin: 0 0 4px 0;
	padding:0;
	}

#content .main table.seminartabelle {
	width:100%;
	margin:15px 0 15px 0;
	}

#content .main table.seminartabelle td {
	font-size:1.0em;
	line-height:1.4em;
	color:#663300;
	padding: 4px 0 4px 0;
	background-image:url(../images/navline-dotted.gif);
	background-repeat:repeat-x;
	background-position:top;
	}
#content .main table.seminartabelle td.titel {
	width: 80px;
	font-weight:bold;
	}	
	





/*	Main Bereich  -- Bildergalerie  */

#content .main .bildergalerie {
	border:0px none;
	padding:0;
	width:100%;
	float:left;
}
#content .main .bildergalerie .rahmen {
	border:1px solid #D9B38C;
	background-color:#fff;
	float:left;
	padding:4px;
	margin:0 5px 5px 0; 
	}
#content .main .bildergalerie .rahmen .bild {
	border:0px none;
	padding:0;
	margin:0;
	cursor: pointer; 
	background-repeat:no-repeat; 
	}
#content .main .bildergalerie .rahmen .bild img {
	border:0px none;
	background-color:transparent;
	margin:0;
	padding:0;
	}




/*	### Main Bereich  -- ZUSATZINFOS  ---------------------------------------------------*/


#content .right {
	float:left;
	margin: 0 0 0 10px;
	padding:10px 0 0 0;
	width:230px;
	
	}

#content .right .titel {
	background: url(../images/navline-welle.gif) bottom repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#7BAB18;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 7px 0;
	
	}
	
#content .right .rightbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663300;
	font-size:1.2em;
	line-height:130%;
	margin:0 0 0 0;
	padding: 5px 0 7px 0;
	background:url(../images/navline-dotted.gif) bottom repeat-x;
	}

#content .rightbox h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:1.0em;
	color:#CC6600;
	font-weight:bold;
	font-style:normal;
	padding:0;
	margin:0 0 7px 0;
	background-image:none;
}
#content .rightbox h2 a {
	color:#CC6600;
	text-decoration:none;
	}

#content .rightbox p {
	margin:0 0 7px 0;
}
#content .rightbox ul {
	margin:0 0 7px 15px;
	list-style-type:disc;
}
#content .rightbox ul li{
	margin:0 0 2px 0;
}

#content .rightbox a {
	text-decoration:underline;
	color:#7BAB18;
}
#content .rightbox a:hover {
	text-decoration:none;
}


/*  ### Formatierungen für die Sitemap --------------------------------------------------------------------------------*/

#content .main ul.sitemap1st {
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:#FFF4DE;
	}  
#content .main ul.sitemap1st li {
	margin: 2px 0 0 0;
	padding: 4px 0 4px 0;
	background-color:#FFDF95;
	} 	
	
#content .main ul.sitemap1st li a{
	text-decoration:none;
	}
#content .main ul.sitemap1st li a:hover{
	text-decoration:underline;
	}

#content .main ul.sitemap2nd {	
	list-style-type:none;
	margin: 0;
	padding:0;
	background-color:#FFF4DE;
	}  
	
#content .main ul.sitemap2nd li {	
	margin: 2px 0 0 0;
	padding: 4px 0 4px 20px;
	background-color:#FFE6AA;
	}  	
	
#content .main ul.sitemap3th {	
	list-style-type:none;
	margin: 0;
	padding:0;
	background-color:#FFF4DE;
	} 
#content .main ul.sitemap3th li {
	margin: 2px 0 0 0;
	padding: 4px 0 4px 40px;
	background-color:#FFF2D5;
	}  




/*	### Fußzeile  -------------------------------------------------------------------------*/
#footer {
	width: 990px;
	height:35px;
}


#footer .copy {	
	font-family:Verdana, Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:1.0em;
	background-image:url(../images/navline-dotted.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:460px;
	padding:10px 0 0 0;
	margin: 5px 15px 0 260px;
	color:#9F793D;
	text-align:center;
}

#footer .copy a {
	color:#9F793D;
	text-decoration:underline;
}
#footer .copy a:hover {
	text-decoration:none;

}
#footer .copy .top {
	width:10px;
	display:block;
	padding:6px 0 5px 0;
	float:right;
}




/* ### Formular -------------------------------------------------------  */
#form-module * {
	padding:0;
	margin:0;
}

#form-module {
	margin:0 0 20px 0;
	padding:0px;
	width:460px;
	float:left;
}

#form-module fieldset {
	border:none;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding-top:8px;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
}

#form-module label {
	display:block;
	float:left;
	padding:6px 3px  0px  3px ;
	width:70px;	
	text-align:right;
	font-size:1.4em;
}

#form-module label.checkbox {
	width:240px;	
	padding:1px 0 0px 5px;
	line-height:120%;
	text-align:left;
}

#form-module input.checkbox {
	width:14px;
	margin:1px 0px 0px 90px;
	padding:0;
	border:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {	
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#663300;
	float:left;
	margin:1px 3px 3px 3px;
	padding:3px 0 0 2px;
	width:340px;
	border:1px solid #D8C68D;
	background-color:#FFF2D5;
}

#form-module input.text {
	height:20px;

}


#form-module input.submit { 
	margin:0px 0px 0px 79px;
	width:344px;
	padding:3px;
	font-size:1.2em;
	border:1px solid #D8C68D;
	background-color:#FFE6AA;
	color:#666;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#FFDD8C;
	color:#663300;
	font-weight:bold;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#663300;
	font-size:1.2em;
	font-weight:bold;
}