/*  (c)2009  
**********************************************
einfach-persoenlich.de - 
Professionelles Webdesign mit Persoenlichkeit
Dipl.-Ing. Joerg Petermann  
**********************************************/

*{
margin:0;
padding:0;
}

body{
margin:0 auto;
text-align:center;
font:80%/1.6em arial, "trebuchet ms", verdana, sans-serif; 
color:#333;
background:#fff;
position:relative;
}

a,
a:link,
a:visited{
color:#009f8b;
font-weight:normal;
text-decoration:none;
border-bottom:1px solid #009f8b;
}

a:hover{
color:#666;
border-bottom:1px dotted #666;
}


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

#kopf{
height:157px;
background:#fff url(/bild/head.jpg) no-repeat 0 0;
}

#kopf h1{
display:block;
text-indent:-88888px;
}

#kopf h1 a{
display:block;
padding:65px 0;
border:0;
outline:none;
}

#kopf h2{
text-indent:-88888px;
font-size:1px;
line-height:1px;
height:0;
outline:none;
position:absolute;
top:110px;
left:120px;
width:128px;
height:128px;
z-index:300;
background:transparent url(/bild/siegel.gif) no-repeat 0 0;
}

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

#seite{
margin:0 auto;
text-align:center;
width:960px;
background:#fff;
position:relative;
background:#fff url(/bild/bg.jpg) repeat-y 0 0;
}

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

#content{
float:left;
text-align:left;
width:760px;
margin-top:24px;
}

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

#content{
width:660px;
float:right;
font-size:1.1em;
}

#main{
float:left;
width:600px;
margin-bottom:4em;
}

#main h2, 
#main h3, 
#main h4, 
#main h2 a,
#main h3 a,
#main h4 a{
color:#009f8b;
font-size:19px;
font-size:22px;
margin:10px 0;
font-weight:bold;
line-height:1.1em;
font-family:arial,verdana;
border:0;
text-decoration:none;
}

#main h3,
#main h3 a{
margin:10px 0;
color:#009f8b;
font-size:15px;
}

#main h4,
#main h4 a{
color:#009f8b;
font-size:15px;
margin:0 0 4px;
}

#main h2.header{
margin-bottom:1em;
padding:0 0 .2em;
border-bottom:1px solid #ccc;
}

#main h3 span{
color:#333;
font-weight:normal;
font-size:.8em;
}

#main ul{
margin:10px;
list-style-type:none;
}

#main ul li{
margin-left:12px;
padding-left:20px;
list-style-type:none;
background:transparent url(/bild/pkt.gif) no-repeat 0 1px;
}

#main ol{
padding:10px 0;
}

#main ol li{
margin-left:40px;
}

#main p{
margin-bottom:1em;
}

#main .r{
float:right;
margin:3px 0 13px 13px;
}

#main .l{
float:left;
margin:3px 13px 13px 0;
}

#main .bild{
padding:5px;
border:1px solid #e2e2e2;
}

#main p.bild a{
border:0;
}
#main .bild img{
border:1px solid #e2e2e2;
}

#main blockquote{
padding:10px;
margin:10px 30px;
border:1px solid #CAC9C9;
background:#f5f5f5;
font-style:italic;
}

#main blockquote p{
margin:.6em;
}

#main table{
margin-bottom:1.4em;
}

#main a.off{
color:#333;
border:none;
cursor:text;
}

#main .googleads{
margin:0;
}

#main #trackbacks{
font-size:.9em;
margin-left:1em;
}

#main .tags,
#main .post,
#main .posted{
clear:both;
font-size:.95em;
}

#main .posted{
margin-top:1em;
}

#main .tags{
text-align:right;
}

#main .tags a,
#main .posted a{
color:#333;
border:0;
}

#main a.no,
#main a.no img{
border:0;
}

#main textarea,
#main input{
color:#666;
padding:2px 4px;
font-family:verdana;
width:300px;
}

#main input#submit{
width:100px;
}

#main small{
font-size:.85em;
color:#666;
}

#main ol.commentlist{
margin:0 2em 0;
}

#main ol.commentlist li{
margin:0 0 1em;
padding:.4em 1em 0 ;
background:#f5f5f5;
border:1px dotted #cac9c9;
}

#main p.years{
margin:0;
}

#main .navigation{
margin-top:.6em;
}

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

#nav{
display:none;
}

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

#subnav{
padding-top:94px;
text-align:left;
width:237px;
float:left;
background:transparent url(/bild/nav.jpg) no-repeat 0px 0;

width:260px;
background:transparent url(/bild/nav.jpg) repeat-x 0px 0;
line-height:1.4em;
}

#subnav .box{
margin-bottom:.5em;
clear:both;
}

#subnav h3{
padding:4px 0 0 23px;
font-size:13px;
color:#333;
}

#subnav h3 a{
color:#333;
border:0;
padding:0 0 0 25px;
text-decoration:none;
font-weight:bold;
}

#subnav h3 a:hover{
color:#009f8b;
background:transparent url(/bild/navpkt.gif) no-repeat 0px 0;
}

#subnav p{
margin:8px 10px;
font-size:12px;
}

#subnav p.bild{
margin:0 21px 0 12px;
padding:5px;
border:1px solid #e2e2e2;
}

#subnav .bild img{
border:1px solid #e2e2e2;
}

#subnav p.bild a{
border:0;
}

#subnav ul{
margin:0 0 0 13px;
list-style:none;
padding:2px 10px 0;
}

#subnav ul li ul{
border:0;
padding:0;
margin:0 0 .3em;
}

#subnav ul li{
padding-left:26px;
color:#999;
list-style:none;
}

#subnav ul li a{
color:#333;
font-weight:normal;
border:0;
text-decoration:none;
}

#subnav ul li a:hover{
color:#009f8b;
}

#subnav select{
margin:.4em;
padding:2px;
width:160px;
border:1px solid #CAC9C9;
}

#subnav form{
margin-left:48px;
}

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

#fuss{
padding:.3em 1em 3em 1em;
padding:4.3em 1em 3em 20em;
clear:both;
color:#009f8b;
font-size:11px;
background:#fff url(/bild/fuss.jpg) no-repeat 0 0;
}

#fuss p{
margin:0 0 1em;
letter-spacing:1px;
}

#fuss a{
color:#009f8b;
border:0;
font-weight:normal;
}



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

.clr,
.clear{
clear:both;
}

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



hr,
.no,
.rubriken{
display:none;
}

#main input.nobord,
#main #comments-open{
margin:0;
padding:0;
border:0;
}

#main input,
#main textarea,
#main #comment-form-remember-me{
display:block;
margin-bottom:1em;
}

#main input#comment-bake-cookie{
width:20px;
margin-bottom:0;
}

#main input#comment-preview,
#main input#comment-submit{
display:inline;
width:154px;
color:#333;
}

#main #comment-form-remember-me{
border:1px solid red;
display:none;
}

body.news #subnav h3.news a,
body.kontakt #subnav h3.kontakt a,
body.wir-ueber-uns #subnav h3.wir-ueber-uns a,
body.mitglieder-foerdergemeinschaft #subnav h3.mitglieder-foerdergemeinschaft a,
body.pruefsiegel #subnav h3.pruefsiegel a,
body.pruefverfahren #subnav h3.pruefverfahren a,
body.start #subnav h3.pruefverfahren a{
color:#009f8b;
background:transparent url(/bild/navpkt.gif) no-repeat 0px 0;
}

body.sitemap #main h3{
color:#333;
}

#main object{
border:1px solid #48bea6;
display:block;
padding:1px 4px 6px 4px;
}

#subnav ul.flag li a img{
border:0;
}

#subnav ul.flag li a{
margin:0 0 0 -4px;
}