/* Ökoprofi - Seitenaufbau */
body{
margin:0;
padding:0;
background-color: #CCC;
font-family:Arial, sans-serif;
line-height:1.2em;
text-align:center;
}
table {
	border-spacing: 0;
	font-size: 14px;
}
#randrechts{
width:55em;
margin:0 auto;
background-color: #FFF;
background-image: url(../pix/randrechts.gif);
background-repeat:repeat-y;
background-position: 100% 100%;
}
#randlinks{
margin-right:15px;
background-image: url(../pix/randlinks.gif);
background-position: 0% 0%;
background-repeat:repeat-y;
}
#page{
margin-left:15px;
text-align:left;
}

/* Ökoprofi - Design */

#navi{
background:#036 url(../pix/hg-navi.gif) 50% 0 repeat-x;
}
#navi ul{
list-style-type:none;
margin:0;
padding:0.5em;
text-align:center;
}
#navi li{
border-left: 1px solid #036;
border-right: 1px solid #369;
display:inline;
margin:0;
padding:0;
font-size:0.8em;
}
#navi li a{
margin:0;
padding:0.5em 1em 0.5em 2.5em;
color:#EE1;
text-decoration:none;
}
#navi li a:hover{
text-decoration:underline;
color:#FFF;
}
#navi .startseite { background: url(../pix/home.gif) no-repeat 0.7em 50%; }
#navi .meldungen { background: url(../pix/meldungen.gif) no-repeat 0.7em 50%; }
#navi .service { background: url(../pix/service.gif) no-repeat 0.7em 50%; }
#navi .aktionen { background: url(../pix/aktionen.gif) no-repeat 0.7em 50%; }
#navi .boerse { background: url(../pix/boerse.gif) no-repeat 0.7em 50%; }
#navi .shop { background: url(../pix/shop.gif) no-repeat 0.7em 50%; }
#navi .katalog { background: url(../pix/katalog.gif) no-repeat 0.7em 50%; }
#navi .kontakt { background: url(../pix/kontakt.gif) no-repeat 0.7em 50%; }

#home #navi .startseite a, #meldungen #navi .meldungen a, #service #navi .service a, #aktionen #navi .aktionen a, #boerse #navi .boerse a, #shop #navi .shop a, #katalog #navi .katalog a, #kontakt #navi .kontakt a, #boerse #navi .boerse a{
text-decoration:none;
color:#FFF;
font-weight:bold;
cursor:default;
}
#ueberuns #bottom .ueberuns a, #jobs #bottom .jobs a, #agb #bottom .agb a, #faq #bottom .faq a, #newsletter #bottom .newsletter a, #impressum #bottom .impressum a{
color: #EE0;
font-weight:bold;
text-decoration:none;
cursor:default;
}

#logo{
width:100%;
overflow:hidden;
background: url(../pix/foto-lager.jpg) 415px 0 no-repeat; 
}
#logo a{
text-decoration:none;
}
#logo h1{
position:relative;
overflow:hidden;
width:420px;
height:144px;
margin:0;
padding:0;
}
#logo h1 span{
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:420px;
height:144px;
margin:0;
padding:0;
background: #FFF url(../pix/logo-oekoprofi.png) 50% 50% no-repeat;
cursor:pointer;
}
#logo h2{
font-size:0.9em;
color:#036;
background-color:#EEE;
border-top:2px solid #036;
border-bottom:2px solid #036;
margin:0;
padding:0.3em 0;
text-align:center;
}
#logo h3{
position:absolute;
top:-999px;
left: -999px;
font-size:0.6em;
height:1px;
overflow:hidden;
}
a:focus{
outline:none;
}

#text{
padding: 0 1em;
}
#text img{
border:0;
}
#text h1{
font-size:1.2em;
font-weight:normal;
color:#036;
}
#text h2{
font-size:1em;
color:#444;
border-bottom:2px solid #EE1;
}
#text h2 a{
text-decoration:none;
color:#444;
}
#text h3{
font-size:0.9em;
}
#text p, #text li{
font-size: 0.8em;
}
#text a{
color: #036;
}
#text a:hover{
color:#ED1;
}
#text label span{
display:block;
float:left;
width:6em;
}
#text th{
font-size:0.8em;
color:#FFF;
background-color:#036;
text-align:left;
font-weight:bold;
}
#text .text td{
font-size: 0.8em;
}
#text .linknew{
background-image: url(../redaktion/new.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
#text .linkdel{
background-image: url(../redaktion/delete.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
#text .linkedit{
background-image: url(../redaktion/edit.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
#text .linkweiter{
background-image: url(../pix/link.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
#text .linkgalerie{
background-image: url(../pix/galerie.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
#text .linksave{
background-image: url(../pix/anhang.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
/* Fehlernachricht */
#text .errmsg{
border-left: 15px solid #B00;
background-color: #EEE;
color: #000;
text-align:left;
margin:2em;
padding:1em;
}
/* OK-Nachricht */
#text .okmsg{
border-left: 15px solid #060;
background-color: #EEE;
color: #000;
text-align:left;
margin:2em;
padding:1em;
}

#text .foto{
border: 1px solid #036;
padding:4px;
margin: 0.3em 1em 0.5em 0;
background-color:#EEE;
float:left;
}
#text .clear{
clear:both;
}
#text .zeilehell{
background-color: #FFF;
}
#text .zeiledunkel{
background-color: #EEE;
}
#text .zeilehover{
background-color: #FFE;
}
/* Formulargestaltung */
.textnormal{
background-color: #EEE;
border: 1px solid #666;
color: #000;
}
.textfocus{
background-color: #EE0;
border: 1px solid #036;
color: #000;
}
.button{
border: 2px outset #036;
background-color: #036;
color: #EE0;
font-weight:bold;
}
.boxblau{
margin-top:0.5em;
border:2px solid #036;
background-color:#DEF;
padding:0 0.5em;
}
.boxgelb{
margin-top:0.5em;
border:2px solid #EE0;
background-color:#FFE;
padding:0 0.5em; 
}
.boxblau h1, .boxgelb h3, .boxblau h3{
margin-top:0.5em;
font-weight:bold;
}


#bottom{
background:#036 url(../pix/hg-bottom.gif) 50% 0 repeat-x;
padding:2%;
color:#EEE;
font-size:0.8em;
border-top:4px solid #EE0;
}
#bottom .botcol{
float:right; 
width:32%;
margin:0;
padding:0;
}
#bottom .small{
margin-top:0;
font-size:11px;
color:#DDD;
}
#bottom li{
margin:0 1em;
}
#bottom a{
color:#EEE;}
#bottom hr{
visibility:hidden;
clear:both;}