/*  
Theme Name: Business-Theme bring-den-muell-raus.de
Theme URI: http://www.einfach-persoenlich.com/
Description: Business  Theme bring-den-muell-raus.de
Version: 1.0
URL: Business-Theme fuer bring-den-muell-raus.de
Author: Dipl.-Ing. Joerg Petermann
Author URI: http://www.einfach-persoenlich.com/
*/

*{
margin:0;
padding:0;
}

body{
margin:0 auto;
text-align:center;
font:85%/1.5em arial, "trebuchet ms", verdana, sans-serif; 
color:#111;
position:relative;
}

a,
a:link,
a:visited{
color:#36c;
font-weight:normal;
text-decoration:underline;
outline:0;
}

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

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

h1,h2,h3,h4{
}

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{
margin:0 auto;
text-align:center;
width:945px;
position:relative;
}

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

#kopf{
float:right;
display:inline;
width:100%;
height:382px;
overflow:hidden;
text-align:left;
background:#fff url(http://www.bring-den-muell-raus.de/business/bg2.jpg) no-repeat 0 bottom;
}


#kopf{background:#fff url(http://www.bring-den-muell-raus.de/business/bg1.jpg) no-repeat 0 bottom;}


#kopf h1{
float:right;
display:inline;
text-indent:-88888px;
margin:30px 0 0;
}

#kopf h1 a{
float:right;
display:block;
width:250px;
height:100px;
background:#fff url(http://www.bring-den-muell-raus.de/business/logo-dira-gmbh.gif) no-repeat right 50%;
text-decoration:none;
}

#kopf ul#menu{
float:left;
display:inline;
width:600px;
margin:65px 0 0 -10px;
}

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

#kopf ul#menu li a{
float:left;
display:block;
color:#333;
text-decoration:none;
padding:0 10px;
border-left:1px solid #333;
}

#kopf ul#menu li.active a{
font-weight:bold;
}

#kopf ul#menu li.home a{
border:0;
}

#kopf h2{
position:absolute;
top:160px;
left:25px;
color:#fff;
font-size:2.2em;
}

#kopf ul#tonnen{
position:absolute;
width:400px;
height:160px;
top:290px;
right:0;
}

#kopf ul#tonnen li{
float:left;
display:inline;
padding:0 4px;
}

#kopf ul#tonnen li a{
display:block;
width:40px;
height:104px;
padding:10px;
overlay:hidden;
}

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

#content{
float:left;
display:inline;
text-align:left;
width:100%;
margin:0 0 0em;
}

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

#main{
float:right;
display:inline;
margin:0 0 3em;
width:100%;
font-size:1.1em;
margin:0em;
}

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


#main .title{
margin:0 10px 0 0;
font-size:1.8em;
font-weight:bold;
}

#main .farbe{
font-weight:bold;
}

#main .grau{
color:#555;
}

body.eins #main .title{color:#FBAE0B;}
body.eins #main .farbe{color:#FBAE0B;}
body.zwei #main .title{color:#0080E2;}
body.zwei #main .farbe{color:#0080E2;}
body.drei #main .title{color:#ED0018;}
body.drei #main .farbe{color:#ED0018;}
body.vier #main .title{color:#15CE1F;}
body.vier #main .farbe{color:#15CE1F;}
body.fuenf #main .title{color:#5D5D5D;}
body.fuenf #main .farbe{color:#5D5D5D;}

#main ul#maenner{
width:700px;
height:150px;
margin:-4em 0 0;
}

#main ul#maenner li{
float:left;
display:inline;
padding:0 5px;
}

#main ul#maenner li a{
display:block;
width:80px;
height:120px;
overlay:hidden;
}

#main ul#maenner li.kontakt a{
margin-top:1.2em;
}


#main h2{
font-size:1.3em;
text-align:left
color:#900;
border:0;
}

#main h2 a{ 
font-weight:bold;
text-align:left
color:#900;
border:0;
}

#main h2 a:hover{
color:#ab1a22;
border-bottom:1px solid #ab1a22;
}

#main h3{
font-size:1.15em;
margin:1em 0 .6em;
}

#main h4{
margin:0 0 .4em;
}

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

#main ul li{
padding-left:20px;
list-style-type:none;
background:transparent url(http://www.bring-den-muell-raus.de/business/pkt.gif) no-repeat 0 0px;
}

#main ol{
padding:10px 0;
}

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

#main p{
margin-bottom:.5em;
}

#main .navigation{
font-size:.9em;
}

#main .alightleft{
float:left;
display:inline;
}

#main .alignright{
float:right;
display:inline;
}

#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 #eee;
background:#ccc;
}

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

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

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

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

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

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

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

#main form input.checkbox{
width:20px;
}

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

#main p.trenner{
margin:2em 0 1em;
padding:1em 0 0 0;
border-top:1px solid #999;
}

#kopf .slogan{
position:absolute;
top:330px;
right:40px;
color:#fff;
font-size:1.5em;
}

#main form{
float:right;
display:inline;
width:400px;
}

#main form label{
display:block;
}

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

.nodis{
display:none;
}

.nobord{
border:0 !important;
}

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

.clr,
.clear{
clear:both;
}

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

hr{
font-size:1em;
height:1px;
margin:1em 0;
padding:0;
border:0;
border-bottom:1px solid #ccc;
}