/*  
Copyright 2021 agentur einfachpersönlich
Dipl.-Ing. Joerg Petermann
http://www.einfach-persoenlich.com/
*/


*{
margin:0;
padding:0;
}

body{
margin:0 auto;
text-align:center;
font:80%/1.5em verdana, arial, "trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
color:#666;
background:#fff7e0;
}

a{
color:#d06531;
font-weight:normal;
text-decoration:none;
outline:none;
border-bottom:1px solid #d06531;
}

a:hover{
color:#5E6871;
border-bottom:1px solid #5E6871;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,table,td,input,textarea,form,select,blockquote{
margin:0 0 1em;
}

ul,
ul li{
list-style-type:none;
}

h1,
h2,
h3{
color:#006CAC;
line-height:1.2em;
font-family:Calibri, "trebuchet MS",helvetica;
}

h4{
}

h2{
margin:0 0 .3em;
}

h3,
h4{
margin:0 0 .5em;
}

h1 a,
h2 a,
h3 a{
color:#006CAC;
border-bottom:1px solid #006CAC;
font-weight:bold;
}

h1 a:hover,
h2 a:hover,
h3 a:hover{
color:#5E6871;
border-bottom:1px solid #5E6871;
}

.scfl:after{
content:" ";  
display:block; 
visibility:hidden;
clear:both; 
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

* html .scfl { display:inline-block; }
/*  \*/
* html .scfl { height:1%; }
.scfl{ display:block;}
/*  */

/*** seite ***************************************/

#seite{
margin:0 auto;
width:1000px;
position:relative;
background:#fff7e0 url(/bild/bg.jpg) repeat-y center 0;
border:0;
}

#blatt{
margin:0 auto;
width:960px;
border-bottom:1px solid #fff;
}

#seitein{
}

/*** kopf ***************************************/

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

#kopf h1 {
float:left;
display:inline;
width:960px;
font-weight:normal;
font-size:1.1em;
text-align:left;
margin:0;
}

#kopf h1 a{
display:block;
width:100%;
height:200px;
color:#ababab;
font-weight:bold;
}

#kopf h1 a span{
display:none;
}

#kopf h2{
display:none;
}

/*** menu ***************************************/

#menu{
margin:0 0 2em;
clear:both;
float:left;
display:inline;
width:960px;
background:#fff url(/bild/menu.jpg) repeat-x 0 0;
overflow:hidden;
}

#menu ul{
float:left;
display:inline;
width:100%;
padding:0 0 0 130px;
}

#menu ul li{
float:left;
display:inline;
margin:0;
list-style:none;
line-height:1.6em;
margin:0;
}

#menu ul li a{
float:left;
display:block;
margin:0;
padding:6px 15px;
color:#fff;
border:0;
}

#menu ul li a:hover{
background:#5E6871;
}

#menu ul li ul{
display:none;
}

/*** content ***************************************/

#content{
clear:both;
margin:0 auto 3em;
text-align:center;
width:100%;
}

#main{
float:left;
display:inline;
margin:0 0 0 11.4em;
width:700px;
overflow:hidden;
text-align:left;
}

#main h2,
#main h3,
#main h4{
font-family:Calibri, "trebuchet MS",helvetica;
}

#main .entry{
margin:0 4em 1em 0;
}

#main .mr{
margin-right:25px;
}

#main p.bild img{
padding:4px;
border:1px solid #bbb;
}

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

#main .entry p img,
#main .entry2 p img{
margin:0;
}

#main .l{
float:left;
display:inline;
margin:4px 10px 10px 0;
}

#main .r{
float:right;
display:inline;
margin:4px 0 10px 10px;
}

#main .mitte{
margin:0 auto;
text-align:center;
display:block;
}

#main input,
#main textarea{
display:block;
}

#main form input#comment-preview,
#main form input#comment-submit{
display:inline;
}


#main ol{
margin:0 0 1em 4.5em;
}

#main ol li{
padding:0 0 .4em;
}

#main ul{
margin:0 0 1em 3em;
}

#main ul li{
padding:0 0 .4em 1.6em;
background:#fff url(/bild/pkt.gif) no-repeat 0 2px;
}

#main ul.archiv li ul{
margin:0 0 0em 2em;
}

#main #comments{
margin:1em 0;
}

#main .comment{
margin: 0 0 1em;
padding:1em 1em 0;
border:1px solid #ccc;
background:#f9f9f9;
}

#main .comment-header{
border-bottom:1px solid #ccc;
margin:0 0 .6em;
}

#main .comment-header span{
position:absolute;
right:10px;
top:8px;
display:block;
font-size:2em;
color:#ccc;
}

#main .comment-header img{
display:none;
}

#main blockquote{
font-style:italic;
color:#006CAC;
}

#main blockquote strong{
font-style:normal;
font-weight:normal;
color:#333;
}

#main .date{
color:#888;
margin:0 0 .5em;
}

#main .date a{
color:#999;
border-bottom:1px solid #888;
}

#main .tag{
clear:both;
text-align:right;
}

#main .tag a:hover{
border-bottom:1px solid #5E6871;
}

#main p.nomargin{
margin:0;
}

#main iframe{
border:1px solid #ccc;
background:#fff;
padding:4px;
}

/*** nav ***************************************/

#nav{
float:left;
display:inline;
margin:0 0 1em 30px;
width:242px;
overflow:hidden;
display:none;
}

#nav .box{
margin:0 0 2em;
border:1px solid #ccc;
}

#nav .box h3{
margin:0;
padding:8px 0 7px 20px;
background:#eee url(/bild/navbox.jpg) repeat-x 0 0;
color:#fff;
border:1px solid #fff;
font-weight:normal;
}

#nav .aktuell ul{
background:#fff;
border:0;
padding:0;
font-size:.9em;
}

#nav .aktuell ul li{
margin:0 0 1em;
}

#nav ul{
margin:1px;
border-top:1px solid #ccc;
padding:10px 10px 10px 20px;
background:#fff url(/bild/box.jpg) repeat-x 0 0;
}

#nav ul li{
}

#nav ul li a{
color:#006bab;
border:0;
}

#nav ul li a:hover{
color:#5E6871;
border-bottom:1px solid #5E6871;
}

#nav form,
#nav p{
padding:10px 10px 0 20px;
}

#nav form input#button{
display:none;
}

#nav .box ul#tagcloud{
float:left;
display:inline;
}

#nav .box ul#tagcloud li{
float:left;
display:inline;
border:0;
padding:0 10px 0 0;
}

#nav .box ul#tagcloud li.rank-1 { font-size: 21px; }
#nav .box ul#tagcloud li.rank-2 { font-size: 19px; }
#nav .box ul#tagcloud li.rank-3 { font-size: 17px; }
#nav .box ul#tagcloud li.rank-4 { font-size: 15px; }
#nav .box ul#tagcloud li.rank-5 { font-size: 13px; }
#nav .box ul#tagcloud li.rank-6 { font-size: 11px; }


/*** fuss ***************************************/

#fuss{
margin:0 auto;
padding:3em 0 0;
text-align:center;
width:1000px;
background:#fff7e0 url(/bild/footer.jpg) no-repeat center 0;
font-size:.85em;
border:0;
}

#fuss p{
margin:0;
}

#fuss p,
#fuss p a{
color:#ababab;
border:0;
}

/*** sonstig ***************************************/

.clear,.clr{
clear:both;
}

.nodis{
display:none;
}