/* CSS Document */


@import url(layout.css);
@import url(navi.css);
@import url(typo.css);



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Layout
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.header {background: #A3C401; height: 259px;}



.headerLeft {
	float: left; 
	width: 176px; 
	height: 235px; 
	padding: 12px 16px;
	border-right: 1px solid #FFF;
	}


.headerRight {
	float: left;
	width: 767px; 
	height: 259px;
	}


#left {float: left; width: 208px;}

.special  {width: 196px; margin-right: 12px; min-height: 180px;}

.stiftung, 
.aktuelles, 
.experimente, 
.mitmachen {
 	width: 188px; margin-right: 5px; float: left;
	}
	
.mitmachen {margin-right: 0px; width: 189px;}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Typo
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

 
 
.headerLeft { color:#212121;}
.headerLeft h1 { color:#FFF; padding-bottom: 8px; font-size: 1.08em;}
.headerLeft p a { color:#FFF; background: url(../img/pfeile/pfeil_weiss.gif) no-repeat; padding-left: 16px; font-weight: normal;}
.headerLeft p {}



#content h1 {padding: 2px 4px; font-size: 1.00em}
#content p {padding-right: 4px; }
#content p a {padding-bottom: 12px; display:block;}
 
 
.special h1, .tx-felogin-pi1 h3 { color:#FFF; padding-left: 16px; background:#C7C7C7; margin-bottom: 1px;}
.special p, .tx-felogin-pi1 div {padding-left: 16px; padding-top: 6px;}

.special p a, .special p a:visited {color:#999; background: url(../img/pfeile/pfeil_special.gif) 0px 2px no-repeat; padding-left: 16px;}
.special p a:hover {color:#C7C7C7;}
 
.stiftung h1 {color:#FFF; background: #A3C401;}
.stiftung p a, .stiftung p a:visited {color:#91AC0E; background: url(../img/pfeile/pfeil_stiftung.gif) 0px 2px no-repeat; padding-left: 16px;}
.stiftung p a:hover {color:#A3C401; }
 
.aktuelles h1 {color:#FFF; background: #F8A401;}
.aktuelles p a, .aktuelles p a:visited {color:#D6920E; background: url(../img/pfeile/pfeil_aktuelles.gif)  0px 2px no-repeat; padding-left: 16px;}
.aktuelles p a:hover {color:#F8A401;}
  
.experimente h1 {color:#FFF; background: #E66F15;}
.experimente p a, .experimente p a:visited {color: #C8671E; background: url(../img/pfeile/pfeil_experimente.gif) 0px 2px no-repeat; padding-left: 16px;}
.experimente p a:hover {color:#E66F15;}
  
   
.mitmachen h1 {color:#FFF; background: #6DC62C;}
.mitmachen p a, .mitmachen p a:visited {color:#65AE31; background: url(../img/pfeile/pfeil_mitmachen.gif) 0px 2px no-repeat; padding-left: 16px;}
.mitmachen p a:hover {color:#6DC62C;}

a {color: #91AC0E;}
a:hover {color:#A3C401;}

	
#guideInfo {background: #A3C401 ;}
#guideBubble {background: transparent url(../img/pointer/pointer_experimente_li.gif) top right no-repeat; }



/* Login */	
.tx-felogin-pi1 {}	
.tx-felogin-pi1 h3 {color: #FFF; text-transform: uppercase;}

.tx-felogin-pi1 legend {display: none;}
.tx-felogin-pi1 form {margin-top: 6px;}
.tx-felogin-pi1 input {padding: 2px; border: 1px solid #C7C7C7; background-image: none; width: 174px;}

.tx-felogin-pi1 div.feLogin input,
.tx-felogin-pi1 .feLogout input
 {
	margin-top: 12px; 

	padding: 2px; 
	background-color: #999;
	border: none;
	text-align: left;

	width: 180px; 
	background-image: none;
	height: 1.75em;
	color: #FFF;

	}

.tx-felogin-pi1 a {color:#FFF;}




#footerContent {height: 0px; width: 0px; display:none; margin: 0px;}

#footerWrap, #content {margin: 0px; }

 #content {padding-bottom:0px;}