* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}
html {
    height: 100%;
}
body {
    background:url("/tl_files/brennholz/images/bg.png") repeat-x scroll 0 0 #4a3a2c;
	//background: none repeat-x scroll 0 0 #4a3a2c;
    /*background: #453528;*/
    font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;
    height: 100%;
    text-align: justify;
}
a{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
h2.link a{
    color:#fff;
}
.clear{
    clear: both;
}
#shadow{
      background:url("/tl_files/brennholz/images/shadow2.png") repeat-y scroll 0 0 transparent;
      width: 1040px;
      margin:0 auto;

}
#wrapper {  
    background: #2f241e;
    height:auto !important;
    margin:0 auto;
    min-height:100%;
    width:1003px;
    overflow: hidden;
}
.topline{
    height: 8px;
     background: #2f241e;
}
#header {
    position: relative;
    background:url("/tl_files/brennholz/images/header.jpg") no-repeat;
    height:439px;
    width: 1003px;
}
.inside{
    position: relative;
}
.logo{
    height:77px;
    width: 294px;
    padding: 5px 0px 0px 37px;
}
.phone{
     position: relative;
     height:21px;
     right: -740px; top: 45px;
}
#hotline {
     position: absolute;
     right: 30px; 
     top: 15px;
     font-size: 2em;
     text-transform: uppercase;
}
.phone h2{
    background:url("/tl_files/brennholz/images/phone.png") no-repeat scroll 0 6px transparent;
    font-size: 2.8em;
    padding-left: 40px;
    color: #000;
}
.mod_navigation{
    float: right;
    height: 20px;
    margin-right: 23px;
    
}
.blocks{
    float: left;
    padding-left: 36px;
    margin-top: 18px;
    
}
.blocks img{
    position: relative;
    
}
.block1,.block2,.block3{
    position: relative;
    float: left;
    
}
.block2,.block3{
    padding-left: 19px;
}
.block1 h2.link,.block2 h2.link,.block3 h2.link{
    position: absolute;
    bottom: 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.9em;
}
.block1 h2.link{
     left: 108px;
}
.block2 h2.link{
     left: 96px;
}
.block3 h2.link{
     left: 140px;
}
.mod_navigation ul li{
    float: left;
    padding:0px 10px;
}
.mod_navigation ul.level_1 > li.first {
    background: none;
}
.mod_navigation ul.level_1 > li {
    background:url("/tl_files/brennholz/images/sep.png") no-repeat scroll 0 3px transparent;
}
.mod_navigation ul li a,.mod_navigation ul li span{
    font:bold 1.2em Arial,Helvetica,sans-serif;
    color: #a16d2d;
    text-transform: uppercase;
}
.menu{
    position: relative;
    height: 46px;
    background: #1c1816;
    padding-left: 37px; padding-right: 30px;
}
#submenu * {
    float: none;
    display: inline;
    font: 14px/18px Arial, Tahoma, Verdana, sans-serif;
    text-transform: none;
}
#submenu ul li a{
    color: #a16d2d;
}
#submenu ul li.active span{
    color: #fa6600;
}
.menu ul{
    margin-left: 30px;
}
.menu ul li{
    position: relative;
    float: left;
    padding:0px 10px;
    top: -14px;
}
.menu ul li.s{
    background:url("/tl_files/brennholz/images/sep2.png") no-repeat scroll 0 4px transparent;
}
.flame{
    position: relative;
    background:url("/tl_files/brennholz/images/flame.png") no-repeat scroll 0 0 transparent;
    height:27px;
    width: 17px;
    top: 7px; left: 2px;
}

hr { border: dotted #fff; border-width: 1px 0 0; height: 1px; margin-bottom: 20px; }

#container {
    background:url("/tl_files/brennholz/images/krug.png") no-repeat right top #2f241e;
    min-height: 279px;
    padding-left: 37px; padding-right: 30px;
}
#right{
    float: right;
    width: 299px;
}
#angebote{
    position: relative;
    height: 93px;
    background: #341c11;
}
#angebote h2.link{
    color: #fff;
    text-transform: uppercase;
    font-size: 2em;
    padding-top: 57px; padding-left: 20px;
}
#social-buttons {
    position: relative;
}
.angebot {padding-bottom: 18px;}
.line{
    border-bottom: 1px dotted #a16d2d;
    margin: 0px 28px 10px 20px;
}
.drova{
    position: absolute;
    background:url("/tl_files/brennholz/images/drova.png") no-repeat right top transparent;
    height:158px;
    width: 223px;
    top: -30px; right: 0px;
    z-index: 100;
}
.banner{
    background:url("/tl_files/brennholz/images/banner.png") no-repeat scroll 0 0 transparent;
    height:322px;
    width: 298px;
    padding-left: 1px;
}
.ce_text1{
    padding-right: 12px;
}
.gratis{
    background:url("/tl_files/brennholz/images/gratis.png") no-repeat scroll 0 0 transparent;
    position: relative;
    margin: 22px 0px;
    height:112px;
    width: 299px;
}
#main{
    width: 600px;
    padding-top: 20px;
    min-height: 600px;
}

#main h1 {
    font:bold 2em Arial,Helvetica,sans-serif;
    color: #fff;
}
#main h2 {
    font:bold 16px Arial,Helvetica,sans-serif;
    color: #fa6600;
}
#main h1, #main h2 {    
    
    padding-bottom: 20px;padding-top: 20px;
}
#main p{
     color: #fff;
     padding-bottom: 15px;
     font-size: 1em;
}
#main li {
     color: #fff;
     font-size: 1em;
     padding: 0 0 9px 27px;     
     background:url("/tl_files/brennholz/images/arrow.png") no-repeat scroll 0 0 transparent;
}
#main table {
     color: #fff;
     font-size: 1em; 
     width: 100%;
     text-align: left;    
}
#main .image_container img {border: 2px solid #453d3a;}
#main .no-border .image_container img {border: 0px;}

.botmenu{
    margin-top: 20px; padding-bottom: 100px;
}
.botmenu ul.lt,.botmenu ul.rt{
    width: 280px;
    float: left;
}
.botmenu ul li{
    background:url("/tl_files/brennholz/images/arrow.png") no-repeat scroll 0 0 transparent;
    padding-bottom: 8px;
}
.botmenu ul li a{
    padding-left: 35px;
    color: #fff;

}
#footer {
    background:none repeat scroll 0 0 #1c1816;
    height:34px;
    margin:-34px auto 0;
    position:relative;
    width:1003px;
    margin-top: 33px;
}
.footmenu{
    padding: 8px 0px 0px 15px;
}
.footmenu ul li{
    background:url("/tl_files/brennholz/images/sep3.png") no-repeat scroll 0 3px transparent;
    float: left;
    padding: 0px 10px;
}
.footmenu ul li.f{
    background: none;
}
.footmenu ul li a{
    font:normal 1.1em Arial,Helvetica,sans-serif;
    color: #fff;
}
/*************dropdown menu*********************/
.level_1{
    margin: 0;
    padding: 0;

}
.level_1 li.submenu{
    height: 30px;
}
.level_1 a{

        float: none !important;
        float: left;
        display: block;
        color: #FFFFFF;
        height: auto !important;
        height: 1%;

}
.level_2{
    display: none;
    position: absolute;
    float: none;
    z-index: 100;
    top: 123px;
}

.level_2 li{
     background:url("/tl_files/brennholz/images/arrow1.png") no-repeat scroll 8px 5px #453d3a;
     clear: both;
     margin-bottom: 1px;
     padding-top: 2px; padding-bottom: 2px;
     width: 127px;
}
.level_2 li:hover{
     background:url("/tl_files/brennholz/images/arrow2.png") no-repeat scroll 8px 5px #453d3a;
     width: 127px;
}
.level_1 li li a, .level_2 li span.active{
     font:normal 1.2em Arial,Helvetica,sans-serif;
     color: #fff;
     text-transform: lowercase;
     margin-left: 14px;
     padding-top: 1px; padding-bottom: 1px;
}
/* Second Menu */
.level_1 li:hover li a{
        float: none;
        background: #453d3a;
        color: #FFFFFF;
}
.level_1 ul ul {
        display: none;
        position: absolute;      
}
.level_1 li:hover ul ul{
        display: none;
}
.level_1 li:hover ul,
.level_1 ul li:hover ul{
        display: block;
}
/* Contao */
.block {overflow:hidden;}
.clear,#clear {height:0.1px; font-size:0.1px; line-height:0.1px; clear:both;}
.invisible{width:0px; height:0px; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline;}

/* extra tables */

#main .table_data td, #main .table_data th {
     padding: 3px;	
     border: 1px solid #fff;
}
#main .table_price table {border-collapse:collapse; table-layout: fixed;}
#main .table_price th {background: #5c514b;}
#main .table_price td {background: #453c37;}
#main .table_price td, #main .table_price th {
     padding: 5px;	
     border: 1px solid #2f241e;
}
/* G+ */
.mod_googleplus1button {display: inline;}