/*FORMATING*/
body {
	background-color:#BCCAE2;
	text-align:left;
	}
		
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#4564AA;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#4564AA;
	font-size:18px;
	font-weight:bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#4564AA;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4564AA;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
	
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px
}


table {
	border: 0;
}
      
tr{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}


img {
	border: 0;
}
   
hr {
	border:solid;
	border-color:#eeeeee;
	border-width:1px;
}

ul {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	list-style-image:url(/pictures/dot.gif);
	list-style-position:outside;

}

li {
		padding-bottom:8px;
	}
	


a:link {
	text-decoration: none;
	color: #3A43B6;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #3A43B6;      /* blau*/
	font-weight: bold;
	padding: 2px;
}

a:hover {
	color: #C75670;     /* rot*/
	font-weight: bold;
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color: #C75670 ;
}


/* MARK-UPS */

#headline {
	text-align:left;
	margin-left: 3px;
	padding :3px 50px 0px 10px;
	border-bottom:1px solid #E4E5FD;
	background-image: url(../pictures/header-back.gif);
	background-repeat:no-repeat;
    background-position:left bottom;
	}


/* NAVIGATION */

a.nav2:link {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:160px;
	}
	
a.nav2:visited {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:160px;
	}
	

a.nav2:hover {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:160px;
	background-image: url(../pictures/maul-kl.jpg);
	background-repeat:no-repeat;
    background-position:right 10px;
	}
	
html>body a.nav2:hover {        /* ff layout stuff */
	background-position:right center;
	}


a.nav2:active {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:160px;
    background-image: url(../pictures/maul-kl.jpg);
	background-repeat:no-repeat;
    background-position:right 10px;
	}

html>body a.nav2:active {        /* ff layout stuff */
	background-position:right center;
	}

a.nav3:link {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:160px;
	}
	
a.nav3:visited {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:160px;
	}
	

a.nav3:hover {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:160px;
	}

a.nav3:active {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:160px;
	}
  




/*LAYOUT*/

#box {
	position: absolute;
	left :50%;
	width:980px;
	margin-left: -490px;
	text-align:left;
}

#content {
        position:absolute;
		top: -15px;
		left: 0px;
		padding-top:160px;
		padding-right:260px;
		padding-left:180px;
		padding-bottom:0px;
		border-left:1px solid #E4E5FD;
		width: 550px;
		background-image:url(../pictures/back-2.jpg);
		background-repeat:repeat-y;
	}


#header {
	position: absolute;
	top: 0px;
	left: 1px;
}

html>body #header {        /* ff layout stuff */
	top: 20px;
	}


#news {
        position: absolute;
        top: 120px;
        left: 740px;
        width: 210px;
        padding-left: 10px;
        border-left: 1px solid #E4E5FD;
}

html>body #news{        /* ff layout stuff */
	top: 130px;
} 

#werbung {
        position: absolute;
        top: 380px;
        left: 22px;
}

html>body #werbung{        /* ff layout stuff */
	top: 390px;
} 

#menu-left {
        position: absolute;
        top: 110px;
        left: 14px;
		width: 160px;
		text-align:right;
		padding-right:18px;
		line-height: 15px;
}

html>body #menu-left{        /* ff layout stuff */
	top: 130px;
}
	

#tank-preise {
        position: absolute;
        top: -10px;
        left: 55px;
		border-right:1px solid #eeeeee;
		border-bottom:1px solid #efefef;
		}

html>body #tank-preise{        /* ff layout stuff */
	top: 10px;
}

#tank-preise-bio {
        position: absolute;
        top: -10px;
        left: 730px;
		border-right:1px solid #eeeeee;
		border-bottom:1px solid #efefef;
		}

html>body #tank-preise-bio{        /* ff layout stuff */
	top: 10px;
}

#linie {
	position: absolute;
    top: 120px;
	left: 160px;
}

html>body #linie{        /* ff layout stuff */
    top: 130px;
}

/*menu*/
.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {
 color: #000;
 font: 12px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
 padding:1px;
}

.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus {
 color: #fff;
 font: 12px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
 padding:1px;

}

/* Borders used by some items */

.itemBorder {
 border: 0px solid #666666;

}
.itemBorderBlank {
 border: 0px solid #CCCCDD;
}


.buttonText, a.buttonText:link, a.buttonText:visited, a.buttonText:active, a.buttonText:focus {
 text-decoration: none;
 color: #000;
 font: Bold 12px Arial, Helvetica;
}
.buttonHover, a.buttonHover:link, a.buttonHover:visited, a.buttonHover:active, a.buttonHover:focus {
 text-decoration: none;
 color: #99CCFF;
 font: Bold 12px Arial, Helvetica;
 padding: 1px;
}
.buttonBorder {
 border: 1px outset #339966;
}
.buttonBorderOver {
 border: 1px inset #CC9966;
}