/* CSS Document */
@import url(layout.css);
@import url(navi.css);
@import url(typo.css);

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Header
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#experimenteTop {background: #F0700D; height: 259px; clear: both; overflow: hidden;}

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


/* Slideshow oder Flash */	
#media {
	float: left;
	width: 383px; 
	height: 259px;
	border-right: 1px solid #FFF;
	}


/* Filter Form */		
#experimenteTop #filter select,
#experimenteTop #filter input {
	width: 175px;
	background: #FFF;
	
	display: block;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: none;
	}
	
	
#experimenteTop #filter input {
	padding-left: 4px; width: 170px;
	}	
	
#experimenteTop #filter input[type=checkbox] {
margin-top: 6px;
margin-right: 2px;
border: none;
padding-top: 4px;

}	
	
	
	
	
#experimenteTop #filter .submit {margin-top: 16px; width: 175px; background: #E5965B;  cursor: pointer;}
	



#experimenteTop #filter .checkbox {display: inline; background: #FFF; width: 12px; height: 12px; border: none; margin-top: 1px;}
#experimenteTop #filter label.card {clear:both; }


/* Überschriften Experimente Top */	
#descriptionLeft h1,
#descriptionRight h1 {
	color: #FFF;
	margin-bottom: 8px;
	font-size: 1.0em;
	font-weight: bold;
	}
	
	
#descriptionLeft a,
#descriptionRight a {
	color: #FFF;
	}	
		

/* Text normal */	
#experimenteTop #filter,
#experimenteTop ul li {
	color: #212121;	
	} 
	

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 Liste 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* Liste: Global Laypot */
#listWrap {float: left; width: 768px; }
* html #listWrap {width: 765px; }
#listContent {height: 100%;}

/* Liste: Header */
#listInfo {padding: 0.75em 1.00em; width:350px; float: left;}
#listInfo a {color:#FFF;}
#listInfo p {color:#212121; line-height: 1.3em;}
#listInfo h1 {color:#fff; margin-bottom: 0.81em; font-size: 1.0em; }

#listHeader {float: left; width: 501px; margin-bottom: 16px; }
#listHeader h1 {margin-bottom: 22px; }
#listHeader p {  }

/* Liste: Suchen */
#listSearch {  padding-bottom: 16px; }
#listSearch label {float: left; margin-right: 12px; background: url(../img/metanav_back.gif) 0px 4px no-repeat;	padding-left: 8px;}
#listSearch select{
	width: 147px;
	font-size: 0.92em;
	color: #666;
	background: #FFF;
	border: 1px solid #E1E1E1;	 
	float: left;
	}


/* Liste: Ausgabe */
.listExperiment {}
.listExperimentLeft {float: left; border-top: 1px solid #E1E1E1; padding: 5px 0; width: 371px; margin-right: 13px; }
.listExperimentRight{float: left; border-top: 1px solid #E1E1E1; padding: 5px 0; width: 371px; height: 80px;}

* html .listExperimentLeft,
* html .listExperimentRight {width: 364px;}

.listExperiment .image {float: left; margin-right: 16px; height: 80px;}
.listExperiment h2  {margin: 3px 0;}
.listExperiment h2 a  {font-weight: bold;}

.listExperiment p a {font-size: 0.92em; padding-left: 16px;  background: url(../img/pfeile/pfeil_aktuelles.gif) no-repeat 0px -1px;}
.listExperiment p  {margin-bottom: 2px;}

/* Liste: Pagebrowser */
.pagebrowser {clear: both; margin-bottom: 12px; font-size: 0.92em;}
.pagebrowser a {font-weight: normal}
.previous, .display, .next {float: left; margin-right: 6px;}


/* Liste: Gesamte Schlagwortliste */
.tx-vgetagcloud-pi1  {background:  #ECECEC url(../img/comment_focus_marker.gif) top right no-repeat; 
 padding: 6px; width: 574px; }
/*  */





/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Detailseite
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* Spalten*/	
#leftContent {padding: 0 16px;}
#centerWrap {float: left; width: 576px; border-right: 1px solid #E1E1E1;}
#centerContent {padding-right: 16px;}
#rightWrap {float: left; width: 191px; }
#rightContent { padding: 0px 16px;}


/* Kurzinfos */	
#descriptionLeft {
	position: relative;
	float: left; 
	width: 159px; 
	height: 235px; 
	padding: 12px 16px;
	border-right: 1px solid #CC6113;

}

#descriptionLeft #info  {color: #212121;}
#info h1 {color:#FFF;}



#descriptionRight {padding: 12px 16px; width: 159px; float: left; overflow: hidden;}
#descriptionRight  {color: #212121; }



#descriptionRight ul {

	padding-bottom: 0px;
	list-style-type: none;
	list-style-position:outside;
	}


#descriptionRight ul li {
	background: url(../img/bullettop.gif) 0px 4px no-repeat;
	padding-left: 10px;
	
	}



* html #descriptionRight ul {list-style-image:none; }
	
.jdGallery a.left {background: url('../img/pfeile/back_experimente.gif') no-repeat center left;}
.jdGallery a.right {background: url('../img/pfeile/next_experimente.gif') no-repeat center right;}



/* Kommentare */

.tx-comments-comment {
	background:  #ECECEC url(../img/comment_marker.gif) top right no-repeat; 
	padding: 6px;
	margin-bottom: 8px;
	width: 537px;
	}
	


.tx-comments-comment-form {margin-top: 16px;}
.tx-comments-comment-form h2 {color: #C8671E;}
.tx-comments-comment-name a,
.tx-comments-comment-date {font-weight: bold;}

.tx-comments-comment-form label span  {color: #444;}
.tx-comments-form-top-message {font-weight: bold; margin-bottom: 16px;}

.tx-comments-comment-form label  {
	clear:both;
	display: block;
	color: #C8671E;
	}
	
.tx-comments-comment-form input {
	width: 192px;
	background: #ECECEC;
	border: none;
	padding: 3px;
	color: #666;
	margin-bottom: 12px;
	}
	
	
.tx-comments-comment-form textarea {
	background:  #ECECEC url(../img/comment_focus_marker.gif) top right no-repeat; 
	padding: 3px;
	margin-bottom: 8px;
	color: #666;
	width: 537px;;
	padding: 6px;
	border: none;
	}


#tx_comments_pi1_submit {
	width: 192px;
	background:  #E66F15;
	color: #FFF;
	float: right;
	margin-right: 0px;
	width: 82px;
	}



 
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Content

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* Typo */	
h1, .teaserContent h2, a, a:visited {color: #C8671E;}
a:hover {color:#E66F15;}
.teaserContent p a {background: url('../img/pfeile/pfeil_experimente.gif') no-repeat top left;}

	
/* Experimente: Head */
#centerContent #experimentHeader {margin-bottom: 16px;}

#experimentHeader h1 {
	font-size: 1.17em; /* 14px */
	line-height: 1.17em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#experimentHeader h2 {
	font-size: 1.08em; /* 13px */
	line-height: 1.3em;	
	font-weight: bold;
	margin-bottom: 16px;
	color:#555;

}





#centerContent #experimentHeader h3 {font-size: 1.0em; margin-top: 4px; color:#A3A2A2; font-weight: normal;}	
#centerContent #experimentHeader h3 a {font-size: 0.92em; padding-top: 4px;}

/* Experimente: Keywords */
#centerContent #description h2 {color: #C8671E;}

#centerContent #description h3 {
	font-size: 1.0em;/* 12px */	
	color:#555; 	
	margin-bottom:6px; 
	font-weight: bold;

}


	
#centerContent #keywords {margin: 16px 0px; background-color: #F1F1F1; padding: 6px;}	
#centerContent #keywords h3 {color:#444; font-size: 0.92em; text-transform: uppercase;}
#centerContent #keywords #keywordList a {font-size: 0.92em;}
		
/* Experimente: Guide */
#guideInfo {background: #E66F15 url(../img/bubble_experimente_oben.gif) top left no-repeat; color:#fff; }
#guideBubble {background: transparent url(../img/bubble_experimente_unten.gif) top right no-repeat;}









/* Experimente: Rechte Spalte */


#rightContent a { 
	font-size: 0.92em; 
	line-height:1.2em;
	font-weight:normal;
	background: url(../img/bullet.gif) 0px 2px no-repeat; padding-left: 8px;
	}
	



#rightContent div {margin-bottom: 20px;}	
#rightContent h3  {color:#888; text-transform: uppercase; line-height: 1.0em; margin-bottom:6px;  font-size: 1.0em; font-weight:bold;} 

#rightContent h1 {margin-bottom: 8px;}

*+ html #rightContent h1 {margin-left: -10px; font-size: 1.0em;}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Special
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.header  {background: #F0700D; position: relative; }
#leftWrap #subNav, #rightTop  {background: #F0700D;}
#subNav li {border-bottom: 1px solid #F1F9EA;}
#subNav a { color:#333; font-weight: normal; background-color: #E89A5C;}
#subNav a:hover,
#subNav a.active {background-color:#F1C09F;}

#listContent .tx-ratings { position: relative; left: 0; top: 0;  margin: 0px ; float: left; }
#listContent .tx-ratings-grey-bar { background: url(../img/rating_stars_weiss.gif) repeat-x 0 0px; }
#listContent .tx-ratings-gold-bar { background: url(../img/rating_stars_weiss.gif) repeat-x 0 -12px; }