/* 
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:-1px;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:#ccc;font-weight:bold;}
a.non:link,a.non:visited,a.non:active{font-weight:normal;font-style:normal;}
a:hover{color:#999;}
body{font-family:Arial;font-size:12px;color:#fff;background:#2C3332 url(../img/bg.jpg) 0px 0px repeat-x;text-align:center;}
h1{display:none;}
#home_link{display:block;z-index:20;position:absolute;width:198px;height:45px;top:108px;left:21px;}
#wrap{position:relative;width:960px;margin:10px auto 0;text-align:left;background:transparent url(../img/logo.gif) 21px 108px no-repeat;}
#header{height:260px;margin-top:0px;position:relative;background:transparent url(../img/headers/02produktion.jpg) right top no-repeat;}
ul#navi{height:204px;padding:56px 0px 0 0;margin-left:246px;width:134px;background:transparent url(../img/mnu_bg.png) top left no-repeat;text-align:right;font-size:13px;color:#2C3332;line-height:220%;position:absolute;left:0px;top:0px;z-index:1;}
ul#navi #l_mehrwegbecher_NOT {background:#fd7b11; color:#000; padding: 8px 0px 8px 0; margin:4px 0; opacity:0.7;}
#motiv{width:714px;height:260px;position:absolute;z-index:1;right:0px;top:0px;background:transparent url(../img/headers/01start.jpg) top left no-repeat;}
.header01{background-image:url(../img/headers/01start.jpg) !important;}
.header02{background-image:url(../img/headers/02produktion.jpg) !important;}
ul#navi li a:link,ul#navi li a:active,ul#navi li a:visited{color:#2c3332;font-weight:normal;padding-right:20px;}
ul#navi li a:hover,ul#navi li.act a:link,ul#navi li.act a:active,ul#navi li.act a:visited,a.act:link,a.act:active,a.act:visited{color:#fd7b11;}
ul#navi #l_mehrwegbecher_NOT a {color:#000;}
ul#navi #l_mehrwegbecher_NOT a:hover,ul#navi #l_mehrwegbecher_NOT.act a {color:#fff;}
#content{text-align:left;}
.block{padding:13px 0 16px;}
.light{background:#586969 url(../img/bottom_light.jpg) left bottom repeat-x;}
.medium{background-color:#3F4948;}
.sep{background:transparent url(../img/sep.png) center center no-repeat;}
#dg{display:block;width:81px;background:transparent url(../img/dug_logo.gif) left center no-repeat;}
#dg:hover{background-image:url(../img/dug_logo_black.gif);}
h2{color:#fd7b11;font-size:18px;padding-bottom:9px;}
h2 span{font-size:12px;font-style:italic;}
.brack span{display:block;float:left;width:33%;}
#history{position:relative;height:430px;margin-top:-64px;color:#ccc;}
#timeline{display:block;width:944px;height:22px;position:absolute;z-index:100;left:0px;top:50%;margin-top:-5px;background:transparent url(../img/timeline-bg.gif) 0px 0px no-repeat;}
#years{position:absolute;left:0px;top:50%;width:944px;height:3px;z-index:10;}
#years a:link,#years a:active,#years a:visited{display:block;width:21px;height:50px;position:absolute;}
#years a.top:link,#years a.top:active,#years a.top:visited{bottom:1px;padding-bottom:5px;background:transparent url(../img/timeline-needle.gif) 0px 0px no-repeat;}
#years a.top:hover,#years a.top-active{background-position:-42px 0px !important;}
#years a.bottom:link,#years a.bottom:active,#years a.bottom:visited{top:2px;padding-top:10px;background:transparent url(../img/timeline-needle.gif) 0px bottom no-repeat;}
#years a.bottom:hover,#years a.bottom-active{background-position:-42px bottom !important;}
#years a.level-2:link,#years a.level-2:active,#years a.level-2:visited{height:90px;}
#years a.level-3:link,#years a.level-3:active,#years a.level-3:visited{height:130px;}
#years a.low-2:link,#years a.low-2:active,#years a.low-2:visited{height:90px;}
#years a.low-3:link,#years a.low-3:active,#years a.low-3:visited{height:130px;}
#imprint div div{margin-bottom:19px;}
#years div.t-content{display:none;position:absolute;left:0px;z-index:10000;}
#years div{font-size:11px;line-height:1.4em;width:391px;padding-bottom:7px;background:transparent url(../img/box-bottom.gif) left bottom no-repeat;}
#years div div{padding:5px 0 0;background-image:url(../img/box-top.gif);background-position:0px 0px;width:auto;}
#years div div div{background:transparent url(../img/box-mid.gif) 0px 0px repeat-y;padding:4px 24px 7px 24px;position:relative;}
#years div div div div.arr{position:absolute;padding:0;width:16px;height:42px;overflow:hidden;background:transparent url(../img/box-left.gif) 0px 0px no-repeat;left:0px;top:50%;margin:-21px 0 auto;}
#years div.t-right div div div.arr{background-image:url(../img/box-right.gif);left:auto;right:0;}
.news{color :#ccc;}
.news h3{font-size:bold;color:#fff;}
.news h3 span{font-style:italic;display:block;color:#ccc;}
#newslist div{background:transparent url(../img/sep_large.png) right 7px no-repeat;}
#newslist div.title_container,#newslist div.title_container div{background:none;}
#newslist div.last{background:none;}
h3 a:link,h3 a:active,h3 a:visited{font-weight:normal;color:#fff;}
h3 a:hover,h3 a.act:link,h3 a.act:active,h3 a.act:visited{color:#fd7b11 !important;}
a.more:link,a.more:active,a.more:visited{display:block;width:21px;height:21px;float:right;background:transparent url(../img/arrow_right.png) top left no-repeat;}
.light a.more:link,.light a.more:active,.light a.more:visited,a.more:hover{background-image:url(../img/arrow_right_light.png);}
.light a.more:hover{background-image:url(../img/arrow_right.png);}
.more span{display:none;}
a.cut:link,a.cut:active,a.cut:visited{display:block;width:222px;height:116px;overflow:hidden;border:4px solid #fff;margin-bottom:7px;}
a.cut:hover{border-color:#ccc;}
.cut img{width:222px;}
input.text_input{border:1px solid #ccc;color:#666;font-family:Arial;}
#map,#directions{display:block;width:100%;}
#map{height:550px;overflow:hidden;}
ol li{padding-left:10px;background:transparent url(../img/ol.gif) left 5px no-repeat;}
#footer{padding:17px 0;margin:0 auto;width:944px;text-align:left;}
#footer li{float:right;margin-left:15px;display:inline;}
#footer li.float_l{float:none;margin-right:15px;margin-left:0;}
#footer li a:link,#footer li a:active,#footer li a:visited{color:#586969;font-weight:bold;font-size:10px;}
#footer li a:hover{color:#738989;}
.lh,.news,.text{line-height:160%;}
.text{color:#ccc;}
table.mw{width:100%;}
table.mw th, table.mw td {vertical-align:top; padding:0.75em 0.5em;}
table.mw th {font-weight:bold;}
table.mw thead th {padding-top:0; padding-bottom:0; font-weight:bold; padding-bottom:5px;}
table.mw tr.alt td, table.mw tr.alt th {background:#687979;}
table.mw .right {text-align:right;}
.clear{margin:0 !important;height:auto !important;width:auto !important;padding:0 !important;float:none !important;clear:both !important;}

