/* (c) 2005-2007 - Dipl.-Ing. Joerg Petermann
http://www.einfach-persoenlich.de/
*/

* {
margin: 0;
padding: 0;
font: 1em/1.4em "trebuchet ms", verdana, arial, helvetica, sans-serif;
color: #333;
text-align: left;
}

body {
margin:0 auto;
text-align:center;
background:#930 url(/bild/bg2.jpg) repeat-y center 0;
background:#EB6D09 url(/bild/bg3.jpg) repeat-y center 0;
}

#seite{
margin:0 auto;
text-align:center;
background: #fff url(/bild/bg1b.gif) repeat-x top left;
width:1024px;
border:solid #D55B05;
border-width:0 1px;
}

a{
color: #36c;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1,
h2,
h3,
h4{
color:#FE8A0F;
font-family: "trebuchet ms", verdana, georgia, arial, helvetica, sans-serif;
}

h1{
margin: 0 0 10px 0;
font-weight: bold;
font-size: 1.1em;
font-style: italic;
clear:both;
}

h2,
h3{
margin: 0 0 5px 0;
font-size: 1.1em;
font-weight: bold;
font-style: italic;
clear:both;
}

h3{
font-style: normal;
font-size: 1em;
}

h4{
color: #666;
font-size: .9em;
font-weight: bold;
}

em{
font-style: italic;
}

strong, b{
color:#444;
font-weight:bold;
}


/*** Kopf ***/

#kopf {
height: 120px;
background:#FF813E url(/bild/kopf2.jpg) no-repeat top left;
}

#kopf h1{
padding:2em 1.2em;
text-indent: -10000px; 
}

/*** Content ***/

#content {
float:left;
width:780px;
margin-right:10px;
min-height:540px;
height:auto !important;
height:540px;
clear: both;
}

#text {
margin: 12px 0;
padding:0 20px 40px;
float: right;
width:500px;
font-size:13px;
border:1px dotted #FE8A0F;
border-width:0 1px;
overflow:hidden;
}

#text p{
margin: 0 0 10px 0;
}

#text a{
text-decoration: underline;
}

#text a:hover{
text-decoration: none;
}

#text .teas{
float:left;
margin-right:20px;
width: 280px;
}

#text h1,
#text h2,
#text h3,
#text h4,
#text p,
#text blockquote,
#text form,
#text label,
#text fieldset{
margin-bottom: 1em;
}


/* Textformatierung */

#text .links{
margin:4px 10px 10px 0;
padding:0;
float:left;
}

#text .mitte{
margin:4px 10px 10px 10px;
padding:0;
text-align:center;
}

#text .rechts{
margin:4px 0 10px 10px;
padding:0;
float:right;
}

#text .rand{
padding:4px;
border:1px solid #ccc;
background:#fff;
}

#text img{
margin:0;
padding:0;
}

#text .rand2{
border:1px solid #333;
}

text .ohne{
border:none;
}

#text .box{
padding:10px;
background:#efefef;
}

#text .box2{
padding:10px;
background:#f5f5f5;
}

#text .box3{
margin:0;
padding:10px;
border:1px solid #ccd9e5;
background:#f2f5f8;
}

#text blockquote{
margin:10px 0;
padding:20px 15px 0 35px;
width:290px;
color:#666;
font-family:georgia;
border:1px solid #FCE1B1;
background:#FFF2E4 url(/bild/bq.gif) no-repeat top left;
}

#text blockquote.rechts{
margin:3px 0 10px 10px;
padding:20px 15px 0 35px;
float:right;
width:290px;
color:#666;
font-family:georgia;
border:1px dotted #FCE1B1;
background:#FFF2E4 url(/bild/bq.gif) no-repeat top left;
}

#text blockquote.links{
margin:3px 10px 10px 0;
padding:20px 15px 0 35px;
float:left;
width:290px;
color:#666;
font-family:georgia;
border:1px dashed #FCE1B1;
background:#FFF2E4 url(/bild/bq.gif) no-repeat top left;
}

#text blockquote em{
margin:0;
padding:0;
display:block;
text-align:right;
}

#text ul{
margin:10px 0;
padding:0;
}

#text ul li{
margin:0 0 0 13px;
padding:0 0 3px 20px;
list-style:none;
background:transparent url(/bild/pkt5.gif) no-repeat left 3px;
}

#text ul li ul li{
list-style:none;
background:transparent url(/bild/pkt2.gif) no-repeat left 3px;
}

#text ul li ul li ul li{
list-style:none;
background:transparent url(/bild/pkt3.gif) no-repeat left 3px;
}

#text ol{
margin:10px 0 10px 33px;
padding:0;
}

#text ol li{
margin:0 0 0 0px;
padding:0 0 3px 0px;
}

#text ul li.dok{
background:transparent url(/bild/dok.gif) no-repeat left 3px;
}

#text ul li.ext{
background:transparent url(/bild/pkt12.gif) no-repeat left 3px;
}

#text sup,
#text sup a{
font-weight:bold;
font-size:.8em;
}

#text p#fn1{
margin-top:20px;
padding-top:20px;
border-top:1px solid #ccc;
}

#text .footnote{
font-size:.9em;
margin:0;
padding:0 0 0em;
}

#text .footnote sup{
font-weight:bold;
}

/*** update ***/

#text .weiter{
clear:both;
}

#text .tags{
text-align:right;
font-size:.85em;
clear:both;
}

#text .meta{
font-size:.85em;
clear:both;
}

#text .trackbackurl{
margin-bottom:1em;
padding:0 0 1em;
font-size:.8em;
color:#666;
}

#text .trackbackurl a,
#text .trackbackurl span{
color:#666;
text-decoration:none;
}

#text .entry{
padding:1.6em 0;
border-bottom:1px solid #ddd;
}

#text #trackbacks{
margin-top:2em;
}

#text .trackback,
#text .comment{
margin-bottom:1em;
padding:.8em 2em 0;
background:#f5f5f5;
border:1px solid #ddd;
border-left:2px solid #FCE1B1;
background: transparent url(/bild/nav.gif) repeat-y top left;
}

#text .trackback .meta,
#text .comment-header{
margin-bottom:.4em;
padding-bottom:.2em;
border-bottom:1px solid #FE8A0F;
}

#text .comment-header a,
#text .comment-header{
font-size:.9em;
color:#FE8A0F;
}

#text .comment-header img{
border:0;
display:inline;
}

#text #comments-open{
margin-bottom:1em;
padding:.8em 2em 0;
background: transparent url(/bild/nav.gif) repeat-y top left;
border-top:1px solid #FE8A0F;
border-left:2px solid #FE8A0F;
}

#text #comments-open input{
display:block;
margin-bottom:.4em;
color:#39c;
}

#text #comments-open label{
color:#666;
}

#text #comments-open input#comment-submit,
#text #comments-open input#comment-preview{
display:inline;
margin:.6em .2em;
padding:.1em .6em;
border:1px solid #FE8A0F;
border-left:1px solid #FE8A0F;
border-bottom:1px solid #FE8A0F;
font-weight:bold;
font-size:.9em;
color:#fff;
background:#FE8A0F;
text-align:center;
}

#text #comments-open input#comment-bake-cookie{
display:inline;
}

#text h1 a,
#text h2 a,
#text h3 a{
color: #FE8A0F;
font-style:italic;
text-decoration:none;
font-weight: bold;
}

#text h3 a{
font-style:normal;
}

#text h1 a:hover,
#text h2 a:hover,
#text h3 a:hover{
text-decoration:underline;
}


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

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

#text p a:hover img.bildu,
#text p.bild a:hover img{
border:1px solid #FE8A0F;
}

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

#text img.bildu{
display:block;
}

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

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

/**** Menu ****/

#menu {
float: left;
width: 1024px;
background: #fff url(/bild/menu.gif) repeat-x bottom left;
border: #FE8A0F solid;
border-width: 1px 0;
border-bottom:1px solid #FF9E17;
}

#menu p{
float: left;
color: #f00;
font-style: italic;
font-size: 90%;
font-weight: bold;
padding: 6px 0px 3px 22px;
}

#menu ul{
margin: 0 0 0 250px;
list-style-type: none;
}

#menu li{
float: left;
}

#menu ul li a{
float: left;
padding: 7px 12px 6px;
display: block;
color: #FE8A0F;
font-weight: bold;
font-size:.8em;
height: 1%; 
white-space: nowrap;
text-decoration:none;
font-family:verdana, arial, helvetica, sans-serif;
}

#menu ul li a:hover,
#menu ul li a:visited
#menu ul li a:active{
text-decoration:none;
}

#menu ul li ul li a:hover,
#menu ul li ul li a:visited
#menu ul li ul li a:active{
text-decoration:underline;
}

/********/

#menu ul li ul{
position:absolute;
top:30px;
left:4px;
margin:0;
padding:6px 0 4px;
width:170px;
border:1px solid #FE8A0F;
background:#fff8ea;
display:none;
z-index:100;
}

#menu ul li:hover ul,
#menu ul li.over ul{
display: block;
}

#menu ul li{
position: relative;
}

#menu ul li ul li{
clear:both;
}

#menu ul li ul li a{
margin:0;
padding:3px 10px;
display:block;
width:150px;
height:1%;
font-weight:normal;
}

#menu ul li ul li a:hover{
color:#36c;
background:#FFA942;
text-decoration:none;
}

#menu ul li h2{
display:none;
}

/*** Navigation ***/

#subnav,
#nav {
margin: 20px 0 0 6px;
padding: 15px;
float: left;
color:#FE8A0F;
font-size:13px;
font-weight: bold;
width:180px;
background: transparent url(/bild/nav.gif) repeat-y top left;
overflow:hidden;
}

#subnav h2,
#nav h2{
margin-bottom: 4px;
color:#FE8A0F;
font-weight: bold;
font-size: 1.1em;
border-bottom: #dff0f9 1px solid;
border:0;
}

#subnav ul,
#nav ul{
margin-bottom:10px;
list-style-type: none;
}

#subnav li,
#subnav a,
#nav li,
#nav a{
color: #36c;
font-size:13px;
}

#subnav ul li ul,
#nav ul li ul{
margin:0 0 4px 20px;
list-style-type: none;
}

#subnav ul li ul li ul,
#subnav ul li ul li ul li ul,
#nav ul li ul li ul,
#nav ul li ul li ul li ul{
margin-bottom:0;
}

/*** subnav ***/

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

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

#subnav p.bild a:hover img{
border:1px solid #FE8A0F;
}

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

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

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

#subnav{
font-size:.8em;
}

#subnav p,
#subnav ul,
#subnav h3,
#subnav h2{
margin-bottom:.4em;
}


/*** Fuss ***/

#fuss {
padding: 20px 0;
clear: both;
height: 50px;
border-top: 1px #FE8A0F dotted;
font-size: 80%;
background:#fff url(/bild/bg2.gif) repeat-x left bottom;
}

#fuss p{
text-align:center;
}

/*** sonstig ***/


.statno{
display:none;
}

#badexperte p a{
text-align: left;
position: absolute;
top: 0px;
left: 0px;
width: 240px;
height: 120px;
}

.clear,
.clr{
clear:both;
}




#text ul#tagcloud{
list-style:none;
text-align:center;
padding:1em;
border: 1px #FE8A0F dotted;
background:#fff url(/bild/bg2.gif) repeat-x left bottom;
}

#text #tagcloud li{
display:inline;
list-style:none;
background:0;
margin:0 .4em 1em;
padding:0 .5em;
}

#text #tagcloud li a{
text-decoration:none;
}

#text #tagcloud li a:hover{
text-decoration:underline;
}

#text #tagcloud li.rank-1{
font-size:1.5em;
}

#text #tagcloud li.rank-2{
font-size:1.4em;
}

#text #tagcloud li.rank-3{
font-size:1.3em;
}

#text #tagcloud li.rank-4{
font-size:1.2em;
}

#text #tagcloud li.rank-15{
font-size:1.1em;
}

#text #tagcloud li.rank-6{
font-size:1em;
}

#text ul.center li{
display:inline;
background:0;
}

#text .center{
margin-top:1em;
text-align:center;
}