/* (c)2006-2007  einfach-persoenlich.de
                 Dipl.-Ing. Joerg Petermann  */

*{
margin:0;
padding:0;
}

body{
margin-left:auto;
margin-right:auto;
text-align:center;
font:80%/1.4em "trebuchet ms", verdana, arial, sans-serif; 
color:#333;
background:transparent url(/bild/head5.gif) repeat-x 0 3px;
border-top:3px solid #558ACC;
}

#page{
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
position:relative;
height:1%;
}

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

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

h1{
font-size:2em;
}

h2, h3{
color:#039;
font-size:1.5em;
margin-bottom:0.7em;
}

h3{
font-size:1.2em;
margin-bottom:0.3em;
}

p,ol,ul,blockquote{
margin-bottom:1em;
}

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

#menu{
float:left;
margin-top:-30px;
height:28px;
}

#menu ul{
list-style:none;
float:left;
font:.95em/1.4em verdana;
border-right:1px solid #fff;
border-left:1px solid #8CC0FF;
}

#menu ul li{
list-style:none;
float:left;
}

#menu ul li.start{
border-left:1px solid #8CC0FF;
}

#menu ul li a{
padding:6px 13px 5px;
color:#333;
text-decoration:none;
float:left;
height:1%;
display:block;
border:0;
border-left:1px solid #fff;
border-right:1px solid #8CC0FF;
}

#menu ul li a:hover{
background:transparent url(/bild/head3.jpg) repeat-x center -90px;
color:#039;
} 

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

#kopf{
clear:both;
height:120px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
z-index:10;
}

#kopf h1 a{
height:84px;
padding:0;
display:block;
font-size:20px;
font-weight:normal;
text-decoration:none;
text-indent:-8888px;
border:0;
background:transparent url(/bild/logo3.jpg) no-repeat right 1px;
z-index:20;
}

#kopf h1 a:hover{
background:transparent url(/bild/logo2.jpg) no-repeat right 1px;
}

#kopf h2{
display:none;
font-size:10px;
font-weight:normal;
}

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

#content{
float:left;
margin-top:7px;
padding:10px 10px 20px;
width:960px;
text-align:left;
background:#fff url(bild/bg4.jpg) repeat-y 100% 0;
} 

#main{
float:left;
width:560px;
}

#nav{
float:right;
width:350px;
margin:0 5px 0 0;
font-size:.95em;
}

#nav .spalte{
width:165px;
margin-bottom:1em;
}

#nav .rechts{
float:right;
}

#nav .links{
float:left;
}

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

#content h2{
clear:both;
margin-top:1em;
line-height:1.4em;
padding-bottom:.3em;
}

#content h2 a{
text-decoration:none;
border:none;
border-bottom:1px dotted #36c;
}

#content h2 a:hover{
color:#36c;
background:#E4EDF6;
border-bottom:1px dotted #039;
}

#content blockquote{
clear:both;
color:#444;
margin:2em;
padding:1em 1.8em .1em;
border-left:2px solid #9DC3E7;
background:#E4EDF6;
font-style:italic;
}

#content blockquote strong{
margin-top:.3em;
font-style:normal;
}


#content #kommentar,
#content .trackbacks,
#content .comment{
margin:.8em  0 1em 0;
padding:1em;
background:#fff url(/bild/comment.gif) repeat-x 0 -110px;
border:1px solid #9DC3E7;
border-width:1px 0 0 1px;
}


#content #kommentar{
background:transparent url(/bild/comment2.gif) repeat-y 0px 0;
}

#content .trackbacks strong{
display:block;
font-size:.9em;
}

#content .trackbacks a{
font-weight:normal;
}

#content .comment a{
border:none;
}

#content .comment p{
margin:.8em 0 0 0;
}

#content .comment .meta strong{
color:#c60;
font-size:1.1em;
}

#content .comment .meta{
margin:0;
font-size:.9em;
color:#039;
}

#content .comment .meta a{
color:#039;
}

#content .comment .meta a:hover{
color:#36c;
}

#content #trackback{
margin:1.6em 0;
padding:.5em 1em;
color:#666;
font-size:.9em;
border:solid#9DC3E7;
border-width:1px 0 0;
background:#fff url(/bild/comment.gif) repeat-x 0 -125px;
}

#content .banner{
margin:1em 0;
}

#content .banner a{
border:0;
}

#content a img{
border:1px solid #ccc;
text-decoration:none;
}

#content a:hover img{
border:1px solid #333;
}

#content .entry{
margin-bottom:2.5em;
padding-bottom:1.5em;
border-bottom:1px solid #9CC3E8;
overflow:hidden;
}

#content .tag{
clear:both;
font-size:.9em;
text-align:right;
font-weight:normal;
}

#content .date{
margin:-1em 0 0 0;
padding:0 0 1em 0;
font-size:.9em;
font-weight:normal;
}

#content .weiter{
clear:both;
}

#content .teaser{
font-style:normal;
}

#content .tag a,
#content #trackback a,
#content .date a,
#content .teaser a{
font-weight:normal;
}

#content #kommentar textarea,
#content #kommentar input{
display:block;
}

#content #kommentar #comment-preview,
#content #kommentar #comment-post{
display:inline;
}

#content .contnav{
margin-top:.8em;
font-size:.9em;
font-weight:normal;
}

#content .contnav a{
font-weight:normal;
}

#content ul{
margin:0 0 1em 1.6em;
list-style-type:none;
}

#content ul li{
padding:0 0 0 1.8em;
background:transparent url(/bild/pkt.gif) no-repeat 0 0;
list-style-type:none;
}

#content ol{
margin:0 0 1em 3.4em;
}

#content  ol li{
background:none;
}

#content #main p.bild{
border:1px solid #efefef;
background:#efefef;
}

#content #main p.bildlink a,
#content #main p.bild a{
border:0;
}

#content #main p a:hover img.bildu,
#content #main p.bild a:hover img{
border:1px solid #36c;
}

#content #main img.bildu,
#content #main p.bild img{
position:relative;
top:-4px;
left:-4px;
padding:4px;
background:#fff;
border:1px solid #bbb;
}

#content #main img.bildu{
display:block;
}

#content #main .r{
float:right;
margin:6px 4px 10px 10px;
}

#content #main .l{
float:left;
margin:6px 10px 10px 4px;
}


#content .entrytags{
border:1px solid #8CC0FF;
width:100%;
float:left;
}

#content .entrytags ul{
float:left;
margin:.8em 1.3em;
list-style-type:none;
}

#content .entrytags ul li{
float:left;
background:0;
list-style-type:none;
padding:0 1em .4em;
}

#content .entrytags ul li a{
border:0;
font-weight:normal;
}

#content .entrytags ul li.premium{
border:1px solid #8CC0FF;
background:#ffc url(/bild/fuss.jpg) 0 0; 
line-height:.7em;
padding:.5em 1em 1.4em;
width:100%;
}

#content .entrytags ul li.premium a{
display:block;
margin-top:.8em;
font-weight:bold;
}

#content .entrytags ul li.supporter{
clear:both;
margin-bottom:.8em;
padding:.8em 1em;
border:1px solid #8CC0FF;
background:#f5f5f5;
width:100%;
}

#content .entrytags ul li.supporter a{
display:block;
font-weight:bold;
}

#content ul.hersteller{
float:left;
width:98%;
margin:0 0 1em;
padding:.4em;
list-style-type:none;
background:#f5f5f5;
border:solid #8CC0FF;
border-width:1px 0;
}

#content ul.hersteller li{
float:left;
margin:.3em 0;
padding:0 0 0 6px;
list-style-type:none;
background:0;
}

#content ul.hersteller li a{
border:0;
}

#content .liste{
margin:0;
clear:both;
}

#content ul li.supporter,
#content ul li.premium{
margin:.5em 0;
padding:.8em 1.8em 1.2em;
border:1px solid #8CC0FF;
background:#f5f5f5 url(/bild/fuss.jpg) 0 0; 
}

#content ul li.supporter{
background:#f5f5f5;
}

#content ul li.premium span{
float:right;
}

#content ul li.premium span a{
display:inline;
}

.inaktiv{
color:#999;
}


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

#nav ul,
#subnav ul{
margin:0;
padding:0;
list-style-type:none;
}

#nav ul li,
#subnav ul li{
margin:0;
padding-left:.8em;
list-style-type:none;
background:transparent url(/bild/pkt3.gif) no-repeat 0 0;
}

#nav ul li a,
#subnav ul li a{
font-weight:normal;
text-decoration:none;
border:0;
color:#4B7AB3;
}

#nav ul li a:hover,
#subnav ul li a:hover{
color:#039;
background:#9DC3E7;
}

#nav h2,
#subnav h2,
#nav h3,
#subnav h3{
font-size:1.1em;
margin:1em 0 .4em;
padding:0;
border-bottom:1px dotted #558ACC;
}

#nav input{
margin:0 8px 4px 0;
padding:3px 2px;
border:1px solid #558ACC;
width:160px;
}

#nav input#senden{
padding:3px;
width:80px;
color:#fff;
font-weight:bold;
background:#558ACC;
}


#nav p,
#subnav p{
margin:1em 0 .4em;
}

#nav p a{
color:#558ACC;
font-weight:normal;
border:0;
}

#nav p a:hover{
color:#039;
}

#nav p.bildl{
float:left;
border:1px solid #9DC3E7;
padding:4px;
background:#fff;
margin:8px 8px 8px 0px;
}

#nav p.bildr{
float:right;
border:1px solid #9DC3E7;
padding:4px;
background:#fff;
margin:8px 0px 8px 8px;
}

#nav ul.bad-lexikon{
float:left;
margin-bottom:1em;
}

#nav ul.bad-lexikon li{
border:1px solid #9DC3E7;
background:#E4EDF6;
margin:0 6px 6px 0;
padding:0;
float:left;
text-align:center;
}

#nav ul.bad-lexikon li a{
padding:6px 10px;
width:13px;
height:1%;
display:block;
background:#fff url(/bild/comment.gif) repeat-x 0 -125px;
}

#nav ul.bad-lexikon li a:hover{
background:#9DC3E7;
}

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

#werbung{
position:absolute;
top:13px;
left:10px;
width:468px;
height:60px;
text-align:center;
color:#039;
background:#f5f5f5;
z-index:100;
}

#werbung p{
font-size:0;
}

#werbung p a img{
font-size:0;
}

#werbung p a img{
border:1px solid #bbb;
border:1px solid #558ACC;
}

#werbung p a{
border:0;
}

#nav p.werbung,
#subnav p.werbung{
clear:both;
border:1px solid #558ACC;
background:#fff;
color:#039;
padding:10px;
}

#nav select{
width:165px;
}

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

#fuss{
clear:both;
height:4em;
padding:2em 0 1em;
font-size:.95em;
background:transparent url(/bild/fuss.jpg) repeat-x 0 0;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#fuss p,
#fuss p a{
color:#666;
text-decoration:none;
font-weight:normal;
border:0;
}

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

.clr,
.clear{
clear:both;
}

hr{
clear:both;
display:none;
border:0;
}

#nav .spon{
padding:0px 10px 10px;
border:1px solid #9DC3E7;
background:#fff;
}

#nav p.brdi img{
float:left;
margin-right:10px;
}

#nav p.brdt{
margin-top:40px;
}

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

#content .domtab{
margin:24px 0;
border:1px solid #fff;
}

#content .domtab div{
clear:both;
margin-bottom:24px;
margin:0 0 24px;
padding:10px;
border:1px solid #9DC3E7;
background:#E4EDF6;
}

#content ul.domtabs{
margin:0;
float:left;
list-style-type:none;
background:none;
}

#content ul.domtabs li{
margin:0 6px -1px 0;
padding:0;
float:left;
list-style-type:none;
border:1px solid #9DC3E7;
border-bottom:0;
background:0;
}

#content ul.domtabs li a:hover,
#content ul.domtabs li.active{
background:#E4EDF6;
}

#content ul.domtabs li a{
float:left;
padding:4px 13px;
height:1%;
display:block;
border:0;
outline:0;
}

#nav ul li.rss{
background:transparent url(/bild/rss.gif) no-repeat 2px 50%;
padding-left:24px;
}