/*---------------------------------------------------------------------------------------*/
/*StyleSheet BioethanolControl 2008 alle guten Brauser*/
/*(C) NEUNELF 08/2008*/
/*---------------------------------------------------------------------------------------*/


body { 
background-image: url(../pic/oeltropfen.jpg); 
background-attachment:fixed;
background-position: top left;
background-repeat: no-repeat;
overflow:hidden; 
color: #333; 
/* normale Schriftgroessen-Einstellung*/
font-size: 101,01%; 
line-height: 100%; 
font-family: Verdana, Arial, sans-serif; 
text-align: left; 
letter-spacing: 0.1pt; 
height: 100%; 
scrollbar-3dlight-color: #808080; 
scrollbar-arrow-color: #e54e16; 
scrollbar-darkshadow-color: #d3d3d3; 
scrollbar-face-color: a9a9a9; 
scrollbar-highlight-color: #333333; 
scrollbar-shadow-color: #e54e16; 
scrollbar-track-color: #f3f3f3; 
}

/* Safari Mac Schriftgroessen-Einstellung*/
html.webkit body {
font-size:100%
}

/*kein Linkrahmen*/
a:focus { 
outline: none;
}

html,
body
{
margin: 0;
padding: 0;
height: 100%;
}

/*CSS Menu*/
/*---------------------------------------------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.blacktabs{
width: 100%;
position:absolute;
left:0px;
top:2px;
height:31px;
overflow: hidden;
border-bottom: 1px solid #693; /*bottom horizontal line that runs beneath tabs*/
background-image: url(../pic/buttonbg.gif);
}

.blacktabs ul{
margin: 0;
padding: 0;
padding-left: 30px; /*offset of tabs relative to browser left edge*/
font: bold 70% Verdana;
list-style-type: none;
}

.blacktabs li{
display: inline;
margin: 0;
}

.blacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px; /*padding inside each tab*/
border-right: 1px solid #e7de6e; /*right divider between tabs*/
color: white;
/*background: #414141; /*background of tabs (default state)*/
background-image: url(../pic/buttonbg.gif);
}

.blacktabs li a:visited{
color: white;
}

.blacktabs li a:hover, .blacktabs li.selected a{
/*background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
background-image: url(../pic/buttonbghover.gif);
border-top: 1px solid #e7de6e; /*bottom horizontal line that runs beneath tabs*/
color: yellow;
}

.blacktabs .current{
/*background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
background-image: url(../pic/buttonbghover.gif);
border-top: 1px solid #e7de6e; /*bottom horizontal line that runs beneath tabs*/
color: yellow;
}


/*---------------------------------------------------------------------------------------*/
/*Inhalte*/
/*---------------------------------------------------------------------------------------*/

#biologo{
	height: 115px;
	width: 570px;
	position:absolute;
	top:445px;
	left:60px;
	visibility:visible;
	background-color:transparent;
}

#bioethanol{
height: 85%; 
width: 800px; 
position:absolute;
left: 30px; 
top: 35px; 
overflow: auto;
/*background-color:#ffc;*/
background-image: url(../pic/oeltropfen_bg.jpg);
}

#index {
height: 70%; 
width: 800px; 
position:absolute;
left: 30px; 
top: 35px; 
overflow: auto;
/*background-color:#ffc;*/
background-image: url(../pic/oeltropfen_bg.jpg);
}

#teaser {
height: 80%; 
width: 800px; 
position:absolute;
left: 30px; 
top: 35px; 
overflow: auto;
visibility:hidden;
}


#text{
height: auto; 
width: 720px; 
position:relative;
top:15px;
left:25px;
}

.line{
height:1px;
width:95%;
border:0px;
margin-top:5px;
}




h1, h3 { 
color: #060; 
text-align: left; 
letter-spacing:0,5px;
	font: bold 90%/120% 'Lucida Grande', Geneva, Arial, Helvetica, Verdana, sans-serif;
}

p { 
color: black; 
font-size: 80%; 
line-height: 140%;
text-align: left;
}


.small {
color: black; 
font-size: 90%; 
}

.update { color: #e54e16; font-size: 90%; text-align: left; padding-left:3px;   }

sup {vertical-align: top; font-size:70%; line-heigt:100%;}
sub {vertical-align: bottom; font-size:70%; line-heigt:100%;} 

#bioethanol ul   
{ 
color: black; 
font-size: 80%; 
line-height: 140%;
text-align: left;
padding-left: 18px;
list-style-image: url(../pic/li.gif);
}

/*---------------------------------------------------------------------------------------*/
/*Links*/


a:link { color: #060; text-decoration: none; }
a:visited { color: #060; text-decoration: none;  }
a:active { color: #e54e16; text-decoration: none   }
a:hover { color: #e54e16; text-decoration: none; }


.imglink { background-image: url(../pic/linkpfeilhover.gif); background-repeat: no-repeat;  padding-left: 10px;}
.imgup { background-image: url(../pic/linkpfeilup.gif); background-repeat: no-repeat;  padding-left: 10px;}
.imgback { background-image: url(../pic/linkpfeilback.gif); background-repeat: no-repeat;  padding-left: 10px;}


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

#content ul { list-style-image:url(../pic/c.gif); font-size:70%; color: #333; list-style-position:outside; padding-left: 18px; line-height: 140%; text-align: left; }
#content ul li { list-style-image:url(../pic/c.gif); color: #333; }
#content ol { color: #333; }
#content ol li {color: #333;  }

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

.imgright {margin-left:10px; margin-right:10px; float:right;  border: 1px solid #3c0;}
.imgleft {margin-right:10px; float:left;  border: 1px solid #3c0;}
.imgpfeil {border: 0px;}

/*---------------------------------------------------------------------------------------*/
/*  LogIn und Form */	
/*---------------------------------------------------------------------------------------*/
#login{
position:absolute;
right:20px;
top:30px;
height:122px;
width:152px;
background-image: url(../pic/bglogin.gif);
border:0px;	
}
	
form { 
font-size: 90%; 
width: 90%; 
border:0; 
}
 input{
	color: white;
	font: bold 12px Verdana, Arial, sans-serif;
	border-style: ridge;
cursor:pointer;
}

.loginbutton {
	background-image: none;
	color: yellow;
	font-weight: bold;
height: 31px;width:103;
	font: bold 12px Verdana, Arial, sans-serif;
	background-color: gray;
}


.loginbutton:hover { 
	background-image: none;
	color: green;
	font-weight: bold;
height: 31px;width:103;
	font: bold 12px Verdana, Arial, sans-serif;
	background-color: silver;
}

/*---------------------------------------------------------------------------------------*/
/*Tabelle*/
/*---------------------------------------------------------------------------------------*/

table {
border-collapse:collapse;
color: #333; 
font-size: 80%; 
line-height: 140%;
text-align: left;
	margin-left: 4px;
}

.tdleft{
text-align:left;
}

.tdlefttop{
text-align:left;
vertical-align: top;
border-bottom: 1px dotted silver;
line-height: 150%;
}

.tdright{
text-align:right;
}

.tdcenter{
text-align:center;
}
.tdprice{
text-align:right;
color:#e54e16;
}

.white{
color:#fff;
}

/*---------------------------------------------------------------------------------------*/
/* contentsearch*/
/*---------------------------------------------------------------------------------------*/

/*--CSS wenn Suchfeld oben
#indexsuchform {
position: absolute;
width: 170px;
right: 0;
top: 35px;
font-size: 70%; 
z-index:99;
}
*/

#indexsuchform {
position: absolute;
width: 170px;
left: 3px;
bottom: 3px;
font-size: 100%; 
z-index:99;
}

#contentsearch {
font-size: 70%;
letter-spacing: 0.2pt;
line-height: 140%;
color: #333;
margin-top:5px;
position: absolute;
height: 95%;
width: 600px;
left: 0;
top: 0px;
visibility: visible;
overflow:auto;
border:0;
}

#contentsearch p {
font-size: 100%; 
margin: 5px 0 7px 0 ; 
color: #333;
}

#contentsearch em 
{
color: #e54e16;  
font-weight: bold;
font-style: normal;
}

.searchword 
{
color: #333;
background-color: #ffffee;
border: 0px;
}

#contentsearch ul { list-style-image:url(../pic/c.gif); color: #333; font-size:100%; list-style-position:outside; padding-left: 18px; text-align: left; 
}
	
#contentsearch li { font-size:100%; list-style-image: url(../pic/pf_menu_re.gif); line-height: 140%; 
}
		
#contentsearch a:link, #contentsearch a:visited, #contentsearch a:active      
{ 
color: #e54e16;  
font-size: 100%; 
font-weight: bold;
text-decoration: none; 
border-bottom: 1px dotted #ccc;
}

#contentsearch a:hover     
{ 
color: #fff;  
font-size: 100%; 
font-weight: bold;
text-decoration: none; 
border-bottom: 1px dotted #e54e16;
background-color:#e54e16; 
}	

/*---------------------------------------------------------------------------------------*/	
/* IE Hack */
/*---------------------------------------------------------------------------------------*/

body div:after {
/* etwas Inhalt definieren */
    content: ".";
/* explizit als Blockelement definieren, weil clear mit Inline-Elementen nicht funktioniert */
    display: block;
/* keine Zeilenh?he */
    height: 0;
/* Sichtbarkeit aus, damit Container "sauber" bleibt */
    clear: both;
    visibility: hidden;
}


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

#hinweis{
	z-index:200;
	color: black;
	font: 100%/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	visibility: visible;
	display: block;
	margin-left: -100px;
	position: absolute;
	top: 90px;
	left: 640px;
	width: 250px;
	height: auto;
	border: 0px;
	background-color: white;
	padding: 10px;
	border: 1px solid red;
}

#x{
	z-index:200;
	color: black;
	visibility: visible;
	display: block;
	margin-left: 6px;
	position: absolute;
	top: 70px;
	left: 696px;
	width: 63px;
	height: 15px;
}

/* accordion*/

.accordion {
	width: 730px;
}

.accordion h3 {
	background: url(../pic/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px 7px 3px;
	margin: 0;
	border-bottom: none;
	cursor: pointer;
	border-top: dotted 1px #003399;
	color: #060;
	}

.accordion h3:hover {
	border-top: dotted 1px #003399;
	color: #e54e16;
}

.accordion h3.active {
	border-top: dotted 1px #003399;
	background: url(../pic/arrow-square.gif) no-repeat right 5px;
	border-top: dotted 1px #003399;
	color: #e54e16;
}

.accordion p, .accordion ul{
/*background: #f7f7f7;*/
	margin: 0;
	padding: 10px 15px 5px 5px;
  /*  display:none; erstes nicht anzeigen */
}

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