/*reset*/
html {
color:#FFF;
background:#FFF;
font-family: Verdana, Geneva, sans-serif
}
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;
}
li {
list-style:none;
}
fieldset, img {
border:0;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
legend {
color:#000;
}
a{
color:#FFF;
}
/*document*/
html{background:#83924e url(../img/bg_enter.jpg) 0 0 repeat-x;}
.all{width:910px; height:680px; margin:0 auto; color:#FFF; background:url(../img/bg_main_7.jpg) 25px 25px no-repeat; position:relative; padding:25px 25px 0 25px}
/* HEADER */
#header{width:910px; height:15px; margin:0; padding:32px 0 23px 0; background: url(../img/bg_bar.png) 0 0 repeat; position:relative; overflow:hidden}
#header .navibar{width:960px; margin:0 auto; list-style-type:none; height:70px;}
#header .navibar li{height:16px; float:left; padding:0 0 0 27px; overflow:hidden}
#header .navibar li a{height:16px; display:block; color:#FFF; font-size:16px; text-decoration:none; /*font-weight:bold*/ overflow:hidden}
#header .navibar li.unternehmen a{width: 121px; background: url(../img/btn_navi_unternehmen.gif) no-repeat top;}
#header .navibar li.produkte a{width: 83px; background: url(../img/btn_navi_produkte.gif) no-repeat top;}
#header .navibar li.auszeichnungen a{width: 156px; background: url(../img/btn_navi_auszeichnungen.gif) no-repeat top;}
#header .navibar li.news a{width: 48px; background: url(../img/btn_navi_news.gif) no-repeat top;}
#header .navibar li.fun a{width: 30px; background: url(../img/btn_navi_fun.gif) no-repeat top;}
#header .navibar li.kontakt a{width: 76px; background: url(../img/btn_navi_kontakt.gif) no-repeat top;}
#header .navibar li.download a{width: 103px; background: url(../img/btn_navi_download.gif) no-repeat top;}
#header .navibar li.impressum a{width: 93px; background: url(../img/btn_navi_impressum.gif) no-repeat top;}
#header .navibar li.jobs a{width: 46px; background: url(../img/btn_navi_jobs.gif) no-repeat top;}
#header .navibar li.btn_active a{background-position:0 -16px;}
#header .navibar li a:hover{background-position:0 -16px;}
/* logo - unabhängig */
#logo_bier{position:absolute; top:350px; right:25px;}
/* CONTENT */
.content{width:910px; margin:0 auto; /*overflow:scroll;*/ overflow:hidden; position:absolute; bottom:0; left:25px;}
/*CNT_content_LFT*/
/*content_main*/
#CNT_content_LFT{width:472px; padding-left:15px; background:#969; float:left; background:url(../img/bg_bar_LFT.png) 0 0 repeat-y; position:relative;}
.content_main{position:relative; /*background: url(../img/bg_content-cms.gif) top right repeat-y*/ height:250px;}
.content_main .cms-content{width:457px!important; padding:11px 15px 11px 0; font-size:12px; text-align:justify; position:relative; overflow:auto; height:228px; height:auto */ }
#tabCntnt1{/*background: url(../img/bg_content-cms.gif) top right repeat-y;*/}
.content_main .cms-content h3{font-weight:bold; font-size:14px; padding-bottom:5px; color:#f1ca4d;}
.content_main .cms-content p{width:456px; float:left;}
.content_main .cms-content p.sc_space{width:1px; height:124px; margin:0; padding:0;}
/*CNT_content_RGT*/
#CNT_content_RGT{background:url(../img/bg_bar.png) 0 0; width:423px; height:170px; float:right; position:absolute; bottom:0; right:0; }
/*submenu*/
.submenu{width:423px; height:17px; padding:10px 0 8px 0; text-transform:uppercase; position:relative; clear:both}
.tabNAV{width:423px; height:13px;}
.submenu li{height:12px; float:left; padding:0 0 0 14px;}
.submenu li a{height:12px; font-size:11px; text-decoration:none; display:block; overflow:hidden;}
.submenu li.geschichte a{width: 72px; background: url(../img/btn_submenu_geschichte.gif) no-repeat top;}
.submenu li.datenfakten a{width: 98px; background: url(../img/btn_submenu_datenfakten.gif) no-repeat top;}
.submenu li.brauereifuhrung a{width: 106px; background: url(../img/btn_submenu_brauereifuhrung.gif) no-repeat top;}
.submenu li.sponsoring a{width: 78px; background: url(../img/btn_submenu_sponsoring.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
/*content_extra*/
.content_extra{width:423px; height:135px; padding:11px 15px; position:relative; }
.content_extra h3{padding:2px 0 2px 0; font-size:14px;}
.content_extra .imggallery{}
.content_extra .imggallery li{float:left; padding-right:20px;}
.content_extra .imggallery li a{color:white; font-size:10px; display:block}
.content_extra .imggallery img{padding-bottom:5px;}
.content_extra .imggallery2{}
.content_extra .imggallery2 li{float:left; padding-right:10px;}
.content_extra .imggallery2 li a{color:white; font-size:10px; display:block; text-align:center;}
.content_extra .imggallery2 img{padding-bottom:5px;}
/* FOOTER */
#footer{width:910px; margin:11px auto; font-size:11px; text-align:center}
#footer a{color:#FFF;}
/**********/
/*PRODUKTE*/
#all-produkte{width:910px; height:680px; margin:0 auto; color:#FFF; background:url(../img/bg_main_2.jpg) 25px 25px no-repeat; position:relative; padding:25px 25px 0 25px}
.pg_produkte{background:url(../img/bg_main_2.jpg) 25px 25px no-repeat;}
.pgproduktea{background:url(../img/bg_main_2.jpg) 25px 25px no-repeat!important; width:910px; height:680px; position:relative; padding:25px 25px 0 25px}
.pgprodukteb{ background:url(../img/bg_main_2-b.jpg) 25px 25px no-repeat!important; width:910px; height:680px; position:relative; padding:25px 25px 0 25px;}
.pgproduktec{background:url(../img/bg_main_2-c2.jpg) 25px 25px no-repeat!important; width:910px; height:680px; position:relative; padding:25px 25px 0 25px}
.pgprodukted{background:url(../img/bg_main_2-d.jpg) 25px 25px no-repeat!important; width:910px; height:680px; position:relative; padding:25px 25px 0 25px}
.pgproduktee{background:url(../img/bg_main_2-e.jpg) 25px 25px no-repeat!important; width:910px; height:680px; position:relative; padding:25px 25px 0 25px}
.pgproduktef{background:url(../img/bg_main_2-f.jpg) 25px 25px no-repeat!important; width:910px; height:680px; position:relative; padding:25px 25px 0 25px}
.pg_produkte .content_main{/*height:450px!important; wenn aktiviert, fehler in ie. div wird statt 250 immer 450*/}
.submenu li.sortiment a{width: 65px; background: url(../img/btn_submenu_sortiment.gif) no-repeat top;}
.submenu li.zutaten a{width: 51px; background: url(../img/btn_submenu_zutaten.gif) no-repeat top;}
.submenu li.brauprozess a{width: 81px; background: url(../img/btn_submenu_brauprozess.gif) no-repeat top;}
.submenu li.abfullung a{width: 67px; background: url(../img/btn_submenu_abfullung.gif) no-repeat top;}
.submenu li.vertrieb a{width: 50px; background: url(../img/btn_submenu_vertrieb.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
.pg_produkte .content_main table{font-size: 11px; text-align: left;}
/*AUSZEICHNUNGEN*/
.pg_auszeichnungen{background:url(../img/bg_main_5.jpg) 25px 25px no-repeat;}
.submenu li.x a{width: 65px; background: url(../img/btn_submenu_x.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
.pg_auszeichnungen .cms-content ul{padding-top:10px; }
.pg_auszeichnungen .cms-content ul li{list-style-type:disc!important; padding-bottom:10px; margin-left:20px;}
.pg_auszeichnungen #logo_bier{position:absolute; top:524px!important; right:120px!important; z-index:9999}
/*NEWS*/
.pg_news{background:url(../img/bg_main_3.jpg) 25px 25px no-repeat;}
.submenu li.x a{width: 65px; background: url(../img/btn_submenu_x.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
.pg_news .cms-content ul{padding-top:10px; }
.pg_news .cms-content ul li{list-style-type:disc!important; padding-bottom:10px; margin-left:20px;}
.pg_news #logo_bier{position:absolute; top:524px!important; right:120px!important; z-index:9999}
/*FUN*/
.pg_fun{background:url(../img/bg_main_30.jpg) 25px 25px no-repeat;}
.submenu li.x a{width: 65px; background: url(../img/btn_submenu_x.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
.pg_fun .cms-content ul{padding-top:10px; }
.pg_fun .cms-content ul li{list-style-type:disc!important; padding-bottom:10px; margin-left:20px;}
.pg_fun #logo_bier{position:absolute; top:524px!important; right:120px!important; z-index:9999}
/*KONTAKT*/
.pg_kontakt{background:url(../img/bg_main_4.jpg) 25px 25px no-repeat;}
.submenu li.email a{width: 39px; background: url(../img/btn_submenu_email.gif) no-repeat top;}
.submenu li.anfahrt a{width: 54px; background: url(../img/btn_submenu_anfahrt.gif) no-repeat top;}
.submenu li.jobs a{width: 39px; background: url(../img/btn_submenu_jobs.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
.kontakt_form{text-align:right; width:270px; margin:0 auto;}
.kontakt_form label{text-align:left; padding-right:10px}
.kontakt_form input, #nachr{width:170px}
#nachr_lab{vertical-align:top}
#kt_submit, #kt_reset{width:65px;}
#kt_submit{margin-right:40px}
/*DOWNLOAD*/
.pg_download{background:url(../img/bg_main_8.jpg) 25px 25px no-repeat;}
.submenu li.logos a{width: 43px; background: url(../img/btn_submenu_logos.gif) no-repeat top;}
.submenu li.packshots a{width: 68px; background: url(../img/btn_submenu_packshots.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
/*.download_logos img{float:left; width:200px; padding-right:25px;}
.download_logos p{float:left; width:200px; padding-right:25px;}*/
.pg_download table td{padding-right:15px;}
/*IMPRESSUM*/
.pg_impressum{background:url(../img/bg_main_20_3.jpg) 25px 25px no-repeat;}
.pg_impressum .content_main #tabCntnt1{font-size:11px;}
.submenu li.x a{width: 65px; background: url(../img/btn_submenu_x.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
.pg_impressum #logo_bier{position:absolute; top:524px!important; right:120px!important; z-index:9999}
/*JOBS*/
.pg_jobs{background:url(../img/bg_main_40.jpg) 25px 25px no-repeat;}
.submenu li.x a{width: 65px; background: url(../img/btn_submenu_x.gif) no-repeat top;}
.submenu li.btn_sub_active a{background-position:0 -12px;}
.submenu li a:hover{background-position:0 -12px;}
.pg_jobs .cms-content ul{padding-top:10px; }
.pg_jobs .cms-content ul li{list-style-type:disc!important; padding-bottom:10px; margin-left:20px;}
.pg_jobs #logo_bier{position:absolute; top:524px!important; right:120px!important; z-index:9999}
/* FUN */
.content_fun{width:910px; padding-top:5px; background:#969; background:url(../img/bg_bar.png) 0 0 repeat; text-align:center;}
.content_fun .content_main{width:770px; position:relative; /*background: url(../img/bg_content-cms.gif) top right repeat-y*/ height:570px; margin:0 auto;}
.content_fun .content_main .cms-content{width:895px!important; padding:11px 15px 11px 0; font-size:12px; text-align:justify; position:relative; overflow:auto; height:450px; height:auto}
.invisible {
position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px; overflow:hidden; display:inline;}
/* STEPCAROUSEL */
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 1px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 770px; /*Width of Carousel Viewer itself*/
height: 560px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel .CNT_fun-img{ width:755px; position:relative; text-align:center; height:425px; vertical-align: middle;}
.fun-second{padding-left:30px}
.stepcarousel .panel .CNT_fun-txt{ width:695px; text-align:center; padding:30px 30px 10px 30px;}
.stepcarousel .panel .CNT_fun-txt p{ width:695px; font-size:17px; font-weight:bold;}
.stepcarousel .panel .CNT_fun-txt span{ font-size:10px; padding-top:20px}
/*.stepcarousel .panel .CNT_fun-img{ position:relative; text-align:center; height:425px;}
.stepcarousel .panel .CNT_fun-img_LFT{ width:385px; position:absolute; top:0; left:0; text-align:left; vertical-align:middle}
.stepcarousel .panel .CNT_fun-img_RGT{ width:385px; position:absolute; top:0; right:0; text-align:right; vertical-align:middle}
.stepcarousel .panel .CNT_fun-txt{ width:700px; text-align:center; padding:30px;}
.stepcarousel .panel .CNT_fun-txt p{ width:700px; font-size:17px; font-weight:bold;}
.stepcarousel .panel .CNT_fun-txt span{ font-size:10px; padding-top:20px}*/