/* 
Author: Marijan Barkic <marijan.barkic@gmail.com>
Version: 1.0
Last Update: 26.08.2008
----------------------------------------------------------------
(c) Copyright 2008 David&Goliath. All Rights Reserved.
----------------------------------------------------------------
*/

body,div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,
dfn,em,strong,th,var{ 
    font-style: normal;
    font-weight: normal;
}

strong {
    font-weight: bold;
}

li {
    list-style: none;
}

caption,th {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

sup,sub {
    line-height: 0px;
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
} 

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

a:link, a:visited, a:active {
    text-decoration: none;
    cursor: pointer;
    color: #333;
    font-weight: bold;
}

a.non:link, a.non:visited, a.non:active {
    font-weight: normal;
    font-style: normal;
}

a:hover {
    color: #00903b;
}

body {
    font-family: Arial;
    font-size: 12px;
    color: #666;
    background: #cacaca url(../img/bg.jpg) top center repeat;
    text-align: center;
    line-height: 150%;
}

h1 { display: none; }
h3, h4 { text-transform: uppercase; font-size: 11px; font-weight: bold; color: #333; }
h4 { font-size: 9px; }
h2 { color: #000; font-size: 16px; }

#header {
    height: 400px;
    background: #686868 url(../img/top.jpg) top center repeat-x;
    overflow:hidden;
}
#abs {height:360px; position:relative; width:966px; margin:0 auto;}

#guide {
    margin: 0 auto;
    text-align: left;
    width: 240px;
    height: 212px;
    padding: 148px 3px 0 723px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: transparent;
    position:absolute; left:0px; top:0px; z-index:100;
}
.guide01 { background-image: url(../img/headers/05.jpg); }
.guide02 { background-image: url(../img/headers/01.jpg); }
.guide03 { background-image: url(../img/headers/08.jpg); }
.guide04 { background-image: url(../img/headers/04.jpg); }
.guide05 { background-image: url(../img/headers/07.jpg); }
.guide06 { background-image: url(../img/headers/09.jpg); }

.empty {background:none !important;}

#background div { display:block; width:966px; height:360px; background-color:transparent; background-repeat:no-repeat; background-position:0px 0px; position:absolute; top:0px; left:0px; z-index:1; }
#background div.prevslide {z-index:5;}
#background div.activeslide {z-index:10;}

.crumb { font-size: 10px; font-family: Helvetica, Arial; }

ul#navi {
    height: 40px;
    margin: 0 auto;
    width: 960px;
    position:relative;
    padding: 0 3px 0 3px;
    background: transparent url(../img/mnu_bg.jpg) top right no-repeat;
}

ul#navi li, ul#navi li a:link, ul#navi li a:visited, ul#navi li a:active {
    display: block;
    float: left;
    height: 40px;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
}
ul#navi li span { display: none !important; }
#l_news, #a_news { width: 113px; background-image: url(../img/mnu/01.jpg); }
#l_unternehmen, #a_unternehmen { width: 140px; background-image: url(../img/mnu/02.jpg); }
#l_leistungen, #a_leistungen { width: 121px; background-image: url(../img/mnu/03.jpg); }
#l_kaminholz, #a_kaminholz { width: 119px; background-image: url(../img/mnu/04.jpg); }
#l_kontakt, #a_kontakt { width: 100px; background-image: url(../img/mnu/05.jpg); }
#l_impressum, #a_impressum { width: 120px; background-image: url(../img/mnu/06.jpg); }
#a_news, #a_unternehmen, #a_leistungen, #a_kaminholz, #a_kontakt, #a_impressum { background: none; }

ul#navi li a:hover, ul#navi li.act a:link, ul#navi li.act a:active, ul#navi li.act a:visited { background: transparent url(../img/mnu/indicator.gif) bottom center no-repeat !important; }

#guide li {
    font-size: 11px;
    color: #ccc;
    padding: 12px 5px 18px 25px;
    background: transparent url(../img/sep_light.jpg) bottom center no-repeat;
}
#guide li h3 { color: #ccc; }
#guide li.last { background: none; }
#guide li a:link, #guide li a:active, #guide li a:visited { 
    color: #ccc; 
    padding-right: 35px; 
    font-weight: normal; 
    display: block; 
    background: transparent url(../img/more_light.gif) 188px 17px no-repeat; 
}
#guide li a:hover { color: #fff; }

#content, #footer {
    margin: 0 auto;
    text-align: left;
    width: 960px;
    padding: 25px 3px 40px;
    background: transparent url(../img/bg_page.jpg) top left repeat-y;
}

img.nimg { width: 209px; border: 1px solid #ccc; }
.hidden { display: none !important; }

#footer {
    margin: 0 auto 8px;
    width: 902px;
    padding: 15px 36px 0 28px;
    height: 29px;
    font-size: 10px;
    background: transparent url(../img/bg_footer.jpg) top left no-repeat;
}
#footer li {
    display: inline;
}
#footer li a:link, #footer li a:visited, #footer li a:active { color: #ccc; float: right; margin-left: 35px; }
#footer li.float_l a:link, #footer li.float_l a:visited, #footer li.float_l a:active { float: left; margin: 0 25px 0 0; }
#footer li #dg { color: #fff; font-weight: normal; }
#footer li #dg span { font-weight: bold; }
#footer li a:hover, #footer li #dg:hover { color: #a9a9a9; }

.title, .mid_title { margin-bottom: 25px; }
.mid_title { margin-top: 30px; }

#imprint div div { margin-bottom: 18px; }

ul.other { font-size: 11px; }
ul.other span { font-weight: bold; text-transform: uppercase; display: block; }
ul.other li a:link, ul.other li a:visited, ul.other li a:active { font-weight: normal; display: block; padding-right: 35px; background: transparent url(../img/more_dark.gif) 188px 25px no-repeat; }
ul.other li.act a:link, ul.other li.act a:visited, ul.other li.act a:active, ul.other li a:hover { background-image: url(../img/more_green.gif); color: #00903b; }
ul.other li { margin-top: 14px; padding-top: 20px; background: transparent url(../img/sep_dark.jpg) 30px top no-repeat; }
ul.other li.first { margin: 0; padding: 0; background: none; }

ol li { list-style: disc; margin-left: 1.7em;}

.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}
.b {border:1px solid #bcbcbc;}

table#preise, table#preise2 {width:90%;}
table.stable tr th, table.stable tr td {
    padding: 5px 10px 5px 8px;
    background: #fff;
    border-right: 1px solid #d6d6d6;
}

table.stable tr th {
    font-weight: bold;
    border-left: 1px solid #d6d6d6;
    width: 107px;
}

table#preise2 {margin-top:1em;}
table#preise2 tr th {width:190px;}

table.stable tr.alt td, table.stable tr.alt th { background: #ededed; }

table.stable tr.first th, table.stable tr.first td, table.stable tr.last th, table.stable tr.last td {
    border: none;
    height: 5px;
    padding: 0;
}
table.stable tr.first th { border-right: 1px solid #d6d6d6; background: #ededed url(../img/tbl_tl.jpg) top left no-repeat }
table.stable tr.first td { background: #ededed url(../img/tbl_tr.jpg) top right no-repeat }
table.stable tr.last th { border-right: 1px solid #d6d6d6; background: #ededed url(../img/tbl_bl.jpg) bottom left no-repeat }
table.stable tr.last td { background: #ededed url(../img/tbl_br.jpg) bottom right no-repeat }

a.pdf {float:right; background:transparent url(../img/pdf_icon.gif) left top no-repeat; padding-left:22px;}

.clear {
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}