/*  (c)2014
**********************************************
agentur einfachpersoenlich - 
Internetkompetenz mit Strategie-B
Dipl.-Ing. Joerg Petermann  
**********************************************/

          
*{
margin:0;
padding:0;
}

body{
margin:0;
padding:29px 0;
text-align:left;
font:90%/1.5em arial, verdana, arial, sans-serif;
color:#555;
background:#aaa url("https://www.einfach-persoenlich.com/bild/aep-header.jpg") no-repeat center 0;
background:#aaa;
}

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

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

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;
}

.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;
padding:0;
text-align:center;
width:930px;
position:relative;
}

#blatt{
margin:0 auto;
padding:0;
text-align:center;
width:930px;
background:#fff;
-moz-box-shadow: 0 0  5px 5px #888;
-webkit-box-shadow: 0 0  5px 5px #888;
box-shadow: 0 0 5px 5px #888;
position:relative;
overflow:hidden;
}

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

#kopf{
height:278px;
overflow:hidden;
margin:0;
}

#kopf h1{
margin:0;
}

#kopf h1 a{
display:block;
height:125px;
height:95px;
background:#fff url("https://www.einfach-persoenlich.com/bild/logo.jpg") no-repeat 550px 13px;
text-indent:-8888px;
border:0;
}

#kopf h2{
margin:0;
display:block;
height:185px;
background:#fff url("https://www.einfach-persoenlich.com/bild/aep-foto1.jpg") no-repeat 0 0;
text-indent:-8888px;
border-top:1px solid #ccc;
border-bottom:1px solid #f00;
}


/*** koerper ************************************/

#kopf{
text-align:left;
}

#menu{
float:left;
display:inline;
margin:0 0 0em;
text-align:left;
width:930px;
height:36px;
background:#e6822a url("https://www.einfach-persoenlich.com/bild/aep-menu.jpg") repeat-x 0 30px;
}

#menu ul{
float:left;
height:28px;
display:inline;
margin:0 0 0 272px;
}

#menu ul li{
float:left;
display:inline;
}

#menu ul li a{
float:left;
display:block;
height:1%;
color:#fff;
margin-top:1px;
padding:4px 16px 3px;
border:0;
}

#menu ul li a:hover{
color:#333;
border-bottom:0px solid #666;
b ackground:#eee;
}

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

#content{
clear:both;
float:left;
display:inline;
text-align:left;
width:864px;
padding:0em 0 0;
background:#eee;
}

#main{
float:right;
display:inline;
width:560px;
margin:2em 0 2em;
color:#666;
/*
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
*/
}

#mainin{
margin:0 40px 0 0;
}

#main .entry{
margin:0 0 2em;
}

#main h2,
#main h3,
#main h4{
color:#333;
font-size:1.6em;
margin:0 0 1em;
/*font-family:"trebuchet ms", "BellGothic Blk BT", sans-serif;*/
font-weight:bold;
line-height:1.2em;
}

#main h3{
font-size:1.3em;
margin:0 0 .5em;
font-weight:bold;
}

#main h4{
font-size:1em;
margin:0 0 .3em;
font-weight:bold;
}

#main h2 a,
#main h3 a,
#main h4 a{
color:#333;
border:0;
font-size:1em;
font-weight:bold;
}

#main h2 a:hover,
#main h3 a:hover,
#main h4 a:hover{
color:#e6822a;
border-bottom:1px solid #e6822a;
font-size:1em;
}

#main h3.header{
margin:0 0 1.4em;
font-size:.85em;
f ont-weight:normal;
text-transform:uppercase;
font-family:verdana;
}

#main p.date{
margin:0 0 .5em;
color:#888;
font-size:.9em;
font-weight:normal;
}

#main p.date a{
color:#888;
border:0;
font-weight:bold;
}

#main p.date a:hover{
color:#e6822a;
border-bottom:1px solid #e6822a;
}

#main .tag{
text-align:right;
font-size:.9em;
}

#main .tag a{
color:#666;
border:0;
}

#main form input,
#main form textarea{
font-family:verdana;
font-size:.85em;
}

#main form label{
display:block;
}

#main ul{
margin:0 0em 2em 2.5em;
}

#main ul li{
list-style-type:disc;
padding-left:.5em;
}

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


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

#nav{
float:left;
display:inline;
width:264px;
margin-bottom:-888888px !important;
padding-bottom:888888px !important;
background:#fff;
z-index:10;
padding-top:2em;
font-size:.9em;
}

#nav .box{
margin:0 2em 1em 3em;
clear:both;
}

#nav .box h3{
margin:0;
color:#666;
font-size:1em;
clear:both;
}

#nav .box h3 a{
color:#666;
font-weight:bold;
border:0;
}

#nav .box ul{
margin:0 0 1.5em;
}

#nav .box ul li a{
color:#666;
border:0;
display:block;
height:1%;
}

#nav .box ul li a:hover{
color:#e6822a;
}

#nav .kontaktbox{
margin-top:3em;
}
     
#nav ul#tagcloud,
#nav ul#tagcloud li,
#nav ul#tagcloud li a{
float:left;
display:inline;
}

#nav ul#tagcloud li a{
margin-right:1em;
}
            
/*** subnav *************************************/

#subnav{
float:left;
display:inline;
width:130px;
border:1px solid red;
}


/*** footer *************************************/

#footer{
float:left;
display:inline;
text-align:left;
border-top:1px solid #333;
width:930px !important;
margin-bottom:-888888px !important;
padding-bottom:888888px !important;
background:#555;
}

#footer .box{
float:left;
display:inline;
margin:0 0 1em 8px;
padding:20px;
}

#footer .box h3{
color:#666;
margin:0 1em .2em;
font-size:1em;
}

#footer .box h3 a{
color:#e6822a;
border:0;
font-weight:bold;
}

#footer .box ul{
float:left;
display:inline;
width:182px;
border-top:1px dotted #aaa;
margin:0;
}

#footer .box ul li{
border-bottom:1px dotted #aaa;
}

#footer .box ul li a{
display:block;
font-size:.9em;
color:#eee;
border:0;
padding:0 1em;
}

#footer .box ul li a:hover{
color:#e6822a;
}

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

#fuss{
clear:both;
margin:0 auto;
text-align:center;
width:960px;
font-size:.8em;
}

#fuss p{
padding:1em 0;
color:#666;
}

#fuss p a{
color:#666;
border:0;
}

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

.clr,
.clear{
clear:both;
}

.nodis,
#comment-form-remember-me,
#comments-open-text span{
display:none;
}

body.start #footer,
body.page #footer{
disp lay:none;
}


body.voll #main,
body.voll #mainin,
body.voll #content{
width:930px;
margin:0;
text-align:left;
background:#fff;
}

body.voll #main .entry{
margin:2em 4em 3em;
}

body.voll #nav,
body #footer,
.search{
display:none;
}

#main table{
border:1px solid #aaa;
border-width:0 0px 1px 1px;
width:100%;
bor der-collapse:collapse;
border-spacing:0;
}

#main table th{
width:25%;
border:1px solid #aaa;
border-width:1px 1px 0 0;
padding:1em !important;
vertical-align:top;
background:#e6822a;
color:#fff;
}

#main table td{
width:25%;
border:1px solid #aaa;
border-width:1px 1px 0 0;
padding:.3em 1em;
vertical-align:top;
}

#main tr.gerade td{
background:#f1f1f1;
background:#fbf1e9;
}

#main table.nobord,
#main table.nobord td{
border:0;
padding:0;
}

#main em{
display:block;
margin-top:1em;
color:#e6822a;
}
            
#main .l{
float:left;
display:inline;
margin:2px 13px 13px 0px;
}

#main .r{
float:right;
display:inline;
margin:2px 0px 13px 13px;
}
            
body.kontakt #main #comment-form-url{
display:none;
}
            
#main small{
line-height:1.3em;
}
            
#main ul.spalte{
float:left;
display:inline;
margin:0 0 2em 2em;
width:40%;
} 

/*
#main ul.spalte li{
line-height:1.5em;
list-style-position: outside! important;
}
*/
            
#main p.date,
#main p.date a{
margin:-1em 0 -.5em;
font-size:.9em;
font-weight:normal;
}
     
#main p.projekt{
float:left;
display:inline;
width:160px;
height:160px;
margin:.3em .3em;
border:1px solid #888;
background:#fff;
}

#main p img{
border:0;
}

#main p.bild{
padding:4px;
background:#fff;
border:1px solid #ccc;
-moz-box-shadow: 0 0  3px 3px #ccc;
-webkit-box-shadow: 0 0  3px 3px #ccc;
box-shadow: 0 0 3px 3px #ccc;
}

#main .medien{
clear:both;
margin:0 0 2em;
padding:1em 2em;
border:1px solid #ccc;
background:#fff;
}

iframe{
clear:both;
background:#fff;
border:1px solid #ccc;
padding:4px;
margin:0 0 1em;
display:block;
}

#main blockquote{
border:3px double #ccc;
border-width:3px 0;
padding:1em 2em 0;
margin:0 0 1em;
background:#f9f9f9;
font-style:italic;
}

#main blockquote em{
font-style:normal;
margin:0;
text-align:right;
}