/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*Haake-Beck Main Template */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:0;
	margin:0;
	background:#90060a url(../images/body_background.jpg) top left repeat-y;
}
#container {
	width:998px;
	margin:10px 0 0 5px;
}
#container_left {
	float:left;
	width:158px;
}
#container_right {
	float:left;
	width:840px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* allgemeine dinge */
.clear_left { clear:left; }
.clear_right { clear:right; }
.clear_both { clear:both; }

.float_left { float:left; }

a {
	color:#fff;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
h1 {
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;	
}
h1 a {	
	text-decoration: none; 
	display: inline !important; 	
	margin: 0px 0px 10px 0px;		
}
.teaser h1 a {	
	float: left; text-decoration: none; 
 	display: inline !important; 
}

.shadow {
	clear:left;
	font-size:0.5em; /* sonst macht ie6 das div höher als 10px! */
	width:100%;
	height:10px;
	background: url(../images/shadow_bottom_header_406.gif) top left no-repeat;
}

/*RTE-Tabellen & FE-Icons*/
.contenttable p {
	margin: 2px 0px 0px 0px;
}
.frontEndEditIcons {
	width: 11px !important;	height: 11px !important;
}

/*typo3 Überschreibungen */
.csc-header-n2, .csc-header-n3 {
	margin-bottom: 10px;	
}
.csc-textpic-imagewrap .csc-textpic-image {
	margin-left: 0px !important;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*header*/
.header_406 {
	BACKGROUND: url(../images/shadow_right.gif) no-repeat right top; 	
	MARGIN: 0px 0px 10px; 
	WIDTH: 836px;
}
.header_406 .inner_box {
	CLEAR: left; 
	WIDTH: 824px; 
	BORDER-RIGHT: #fff 2px solid;
	BORDER-BOTTOM: #fff 2px solid;
}
.header_406 .inner_box IMG {
	FLOAT: left; 
	WIDTH: 406px; 
	height:239px;
}
.header_406 .csc-textpic-header {
	padding: 5px 0px 0px 10px;
}
.header_406 .csc-textpic-text {
	BACKGROUND: url(../images/header_txt_bg.jpg) #d71514 no-repeat left top; 
	FLOAT: left; 
	HEIGHT: 239px !important;
  	WIDTH: 416px; 
 	 margin-left: -10px;
}
.header_406 .csc-textpic-text p {
	margin: 15px 20px 0px 10px;
}
.header_406 .csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px !important;	
	border-right: 2px solid #fff;
}
.header_406 .csc-textpic-imagewrap {
	margin-right:0px !important;
}
.header_406 h1.csc-firstHeader  {
	margin: 49px 20px 0px 10px;
	font-size: 1.4em;		
}

.header_521 {
	BACKGROUND: url(../images/shadow_right.gif) no-repeat right top; 	
	MARGIN: 0px 0px 10px; 
	WIDTH: 836px;
}
.header_521 .inner_box {
	CLEAR: left; 
	WIDTH: 824px; 
	BORDER-RIGHT: #fff 2px solid;
	BORDER-BOTTOM: #fff 2px solid;
}
.header_521 .inner_box IMG {
	FLOAT: left; 
	WIDTH: 521px; 
	height:306px;
}
.header_521 .csc-textpic-header {
	padding: 5px 0px 0px 10px;
}
.header_521 .csc-textpic-text {
	BACKGROUND: url(../images/header_txt_bg_521.gif) #d71514 no-repeat left top; 
	FLOAT: left; 
	WIDTH: 301px; 
	height:306px !important;
	margin-left: -10px;
}
.header_521 .csc-textpic-text p {
	margin: 15px 20px 0px 10px;
}
.header_521 .csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px !important;	
	border-right: 2px solid #fff;
}
.header_521 .csc-textpic-imagewrap {
	margin-right:0px !important;
}
.header_521 h1.csc-firstHeader  {
	margin: 62px 20px 0px 10px;
	font-size: 1.4em;		
}
.shadow_521 {
	clear:left;
	font-size:0.5em; /* sonst macht ie6 das div höher als 10px! */
	width:100%;
	height:10px;
	background: url(../images/shadow_bottom_header_521.gif) top left no-repeat;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*teaser*/
.teaser {
	float:left;
	background:url(../images/shadow_right.gif) top right no-repeat; 
	width:418px;
	margin:0 0 10px 0;
}
.teaser h3 {
	margin:0 0 15px 0;
	font-weight:bold;
	font-size:1.1em;
}
.teaser p {
	margin: 0;
	clear: left;
}
.teaser .inner_box {
  position: relative;
	width:406px; /* 418 - 2 border - 10 schatten rechts */
	height: 100px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	background:#d71514;
}
.teaser .inner_box img {
	float:right;
	width:170px; 
	height:100px; 
	border:none;
}
.teaser .inner_box .txt { 
	float:left;
	width:232px;
}
.csc-textpic-intext-right-nowrap {
	border-bottom: 0px !important;
	height:100px;
	overflow:hidden;	
}
.teaser .csc-textpic-text {
	padding: 4px 0px 0px 4px;
}
.teaser .csc-textpic-imagewrap {
	margin: 0px 0px -5px 0px;
}
.teaser .shadow {
	clear:left;
	font-size:0.5em; /* sonst macht ie6 das div höher als 10px! */
	width:100%;
	height:10px;
	background: url(../images/shadow_bottom_teaser.gif) top left no-repeat;
}
.teaser a.internal-link {
	display:block;
	float:right; 
  bottom:5px;
  padding:5px 0px 0px;
 	position:absolute;
 	right:180px; 	
	width:50px; 	
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* allgemeine box mit outline und schatten */
.box {
	float:left;
	background:url(../images/shadow_right.gif) top right no-repeat; 
	width:836px;
	margin:0 0 10px 0;
}
.box h3 {
	margin:0 0 15px 0;
	font-weight:bold;
	font-size:1.1em;
}
.box p {
	margin-bottom: 1px;
	/*height: 1%;*/ /* jue */
}
.box .inner_box {
	clear:left;
	width:824px; /* gesamtbreite - 2 border - 10 schatten rechts */
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	background:#d71514;

}
.box .scroll {
	height: 321px;
	overflow: hidden;
	overflow-y: scroll;
}
.box .inner_box img {
	float:left; /* alle bilder müssen floaten, da sonst in boxen mit bildern ein 2px roter abstand zur weißen outline angezeigt wird */
}
.box .inner .txt {
	float:left;
	width:232px;
}

.box .shadow {
	clear:left;
	font-size:0.5em; /* sonst macht ie6 das div höher als 10px! */
	width:100%;
	height:10px;
	background: url(../images/shadow_bottom.gif) top left no-repeat;
}

.box_quarter_empty {
	width:204px; 
	font-size: 0.1em;
	height: 1px;
}

.box_half_empty {
	width:418px; 
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* zusatzklasse zur allgemeinen box ==> halbe breite */
.box_half {
	width:418px;
}
.box_half_empty {
	width:418px; 
	font-size: 0.5em;
}
.box_half .inner_box {
	width:396px;	
	padding: 4px 6px 20px 4px;	
	}
.box_half .inner_box_image {
	width:396px;		
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	padding: 0px 10px 0px 0px;	
}
.box_half .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0px 0px 0px 0px !important;
}

/*FLEXIBOX*/
.box_flexi {
  margin-right: 0px;
  /*width: auto !important;*/
  width: 418px;
}

.box_flexi .inner_box_image {
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	margin: 0px 10px 0px 0px;	
}
.box_flexi .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0px 0px 0px 0px !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* zusatzklasse zur allgemeinen box ==> viertel breite (bilder) */
.box_quarter {
	width:214px !important;
}
.box_quarter_empty {
	width:204px; 
}
.box_quarter .inner_box {
	width:202px !important; /* breite - 2 border - 10 schatten rechts */
}
.box_quarter .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0px 0px 0px 0px !important;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* zusatzelemente zur gruppierung von bildern inkl. deren ausrichtung (in der mitte, je nach dem, ob bild links oder rechts von einem text angezeigt wird */
.box_group_half_left {
	clear:left;
	float:left;
	width:418px;
}
.box_group_half_right {
	float:left;
	width:418px;
	margin:0 0 10px 0; /* margin-bottom der .box geht sonst verloren */
}
.box_group_half_left .box_quarter {	


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* innerhalb einer gruppierung auf der linken seite sind alle
   unterboxen clear right und floaten rechts! */
	clear:right;
	float:right;
}
.box_group_half_right .box_quarter {
/* innerhalb einer gruppierung sind alle unterboxen clear left */
	clear:left;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* zusatzklasse zur allgemeinen box ==> dreiviertel breite (bilder) */
.box_threequarters {
	width:622px;
}
.box_threequarters p {
	margin: 0px 0px 10px 0px;
}
.box_threequarters .inner_box {
	width:600px; /* breite - 2 border - 10 schatten rechts - padding */
	padding: 4px 5px 20px 4px;
}
.box_group_threequarters_right {
	float:left;
	width:214px;
	margin:0 0 10px 0; /* margin-bottom der .box geht sonst verloren */
}
/* innerhalb einer gruppierung sind alle unterboxen clear left */
.box_group_threequarters_right .box_quarter {
	clear:left;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* NAVI top, nutzt allgemeine .box */
#navi_top {
	clear:left;
	width:994px;
	height:36px;
	margin:0px 0 20px 0;
}
#navi_top .inner_box {
	width:984px; /* breite - 10 schatten rechts */
	height:26px;
	border-right:0px;
	border-bottom:0px;	background:url(../images/navi_bottom.gif) top left repeat-y;    
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* NAVI LEFT nutzt allgemeine .box */
#navi_left {
	clear:left;
	width:158px;
}
#navi_left .inner_box {
	width:148px; /* breite  - 10 schatten rechts */	
	border-bottom: 0px;
	border-right: 0px; 
	min-height:364px; /*min-height hack */
	height:auto !important;
	height:364px;
	background:url(../images/navi_left.jpg) top left no-repeat;
}
/*klick-div fürs logo */
#navi_left .inner_box #logo {
	height: 120px;
}
#navi_left ul.navi {
	padding: 20px 0 0 0px;
	margin: 0;
	list-style-type: none;
}
#navi_left ul.navi li {
	margin:0 0 2px 0;
	overflow: hidden;
}
#navi_left span {
  border-top: 2px none transparent;
  border-bottom: 2px none transparent;
  padding: 1px 0;
  background-color: transparent;
  display: block;
}
#navi_left span.active, #navi_left span:hover {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#navi_left ul.navi li a {
	clear:left;
	display:block;
	width:148px; /* war 148 - padding */
	font-weight:bold;
	text-decoration:none;
	padding:2px 0px 2px 10px; /* pendant zu hover: - outline*/
}
#navi_left ul.navi li a:hover, #navi_left ul.navi li.active a {
	background:#fff;
	color:#a70000;
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
	padding:0px 0px 0px 0px;
}
/* span für doppelte outline der links */
#navi_left ul.navi li a span {
	display:block;
	padding:4px 10px 4px 0px;
}
#navi_left ul.navi li a:hover span, #navi_left ul.navi li.active a span {
	display:block;
	background:#fff;
	border-top:solid 2px #a70000;
	border-bottom:solid 2px #a70000;
	padding:2px 2px 2px 10px; /* outline beim padding abziehen*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* FOOTER nutzt allgemeine .box */
#footer {
	clear:left;
	margin: 20px 0px 0px 5px;
	width:994px;
	height:36px;
}
#footer .inner_box {
	width:982px; /* breite - 2 border - 10 schatten rechts */
	background:url(../images/navi_bottom.gif) top left repeat-y;   
  height:26px;		
}
#footer ul.navi {
	padding:0 0 0 158px;
	margin:0;
	list-style-type:none;
}
#footer ul.navi li {
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  float:left;
  margin:0px 0px 0px 0px;  
  height: 26px;
}
#footer ul.navi li a {
  clear:left;
  display:block;
  padding:0px 12px;
  text-align:center;
  text-decoration:none;  
  margin-top: 5px;
}
#footer ul.navi li.first {
	border-left: 2px solid #fff;
}
#footer ul.navi li.last {
	border-right: 2px solid #fff;
}
#footer ul.navi li a:hover, #footer ul.navi li.active a {
  background:#fff;
  border-bottom:2px solid #fff;
  border-top:0px solid #fff;
  color:#A70000;
  display:block;
  margin:0px 2px;
  padding:5px 10px;
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* Kontaktformular Styles, INBEV FormWizard */

/*Anpassungen 100.000 Euro Schuss*/
table.form_id_0 {
	margin-bottom: 10px;
}
table.form_id_0  td.radio_buttons{
	width: 20px;
}


.tx-inbevformwizard-pi1 {
	margin: 5px 0px 0px 0px;
	position: relative;
}
.form {
	padding: 0px;
}
.form td {
	padding: 0;
}
.form td.input_question {
	width: 130px;
}
.form td.freetext_question {
 	 padding-right: 10px;
}
.form td.address {
	width: 130px;
}
.form input {
	margin: 0px 15px 5px 0px;
	width: 200px;
}
.form tr.radio_row {
	padding-top: 2px;
} 
.form td.radio_buttons {
	/*width: 30px;*/
}
.form td.radio_buttons input {
	width: 20px;
	margin-top: 6px;
}
.form input.checkbox {
	margin: 0px 10px 0px 5px;
	width: 15px;
} 
.form .text {
	margin: 0px 15px 5px 0px;
}
.form .freetext {
	margin: 0px 15px 5px 0px;
}
.form textarea.freetext {
	margin: 5px 15px 5px 0px;
	width: 540px;  
}

.formButton {
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
	border-bottom: 1px solid #818386;	
	border-right: 1px solid #818386;	
	color: #ffffff; 
  	background-color: #d71515; 
	width: 100px;
	clear: left;  
}
.imgButton {
	margin: 15px 0px 35px 0px;
}
.form .formArea {
 	 width: 547px;
 	 margin-top: 0px; 
}
.form .radio {
	width: 25px;  
	display: inline;
	float: none;
	margin-bottom: 0px;
	margin-right: 5px;
}
.form .radio_buttons {
	padding-bottom: 5px;
}
.form select {
	margin: 0px 0px 10px 57px;
}
.form .plz {
	width: 40px;
	margin-right: 5px;
	margin-left: 0px;
}

.form input.captcha {
	margin: 0px 0px 5px 0px;
}

.error {
	background-color: #f94b2f;
	margin-bottom: 10px;
	padding: 5px 0px 1px 0px;
}


/*Captcha*/
.tx-srfreecap-pi2-image {
	margin: 10px 0px 5px 0px;
	width: 300px;
}

/* * * * * * * * * * * * * */
/* Newsletter Subscription */

.ceBody_mailForm {
	color: #fff !important;
	font-size: 12px;
}


/********************/
/*SR Freecap*/
.tx-srfreecap-pi2-cant-read {
	color: #ffffff;
	font-size: 1.0em;
}

/********************/
/*LG Smooth Gallery*/
.tx-rgsmoothgallery-pi1 {
	margin: 0px 0px 0px 0px;
}

/********************/
/*Flash Video Player */
.tx-bddbflvvideogallery-pi1 {
	margin: 0px -10px 0px 0px;
	padding: 0;
}
#player {
	margin-bottom: 0px;
	margin-right: 0px;
	float: none;
}
#flvplayercaption {
	margin: 0;
	padding: 0;
	float: none;
	width: 0px;
}
#flvcaption {
	display: none;
	margin: 0px;
	padding: 0px;
	height: 1px;
}


/********************/
/*AgeCheck */
.agecheck {
  margin: 0px 0px 0px 0px;
  position: absolute;
  height:548px;
  width: 994px;
  background:#d71514 url(../images/agecheck_bg.jpg) top left no-repeat;      

}
.agecheck_text {
position: absolute;
  padding: 145px 0px 0px 355px;
  width: 500px;
}
.agecheck_message {
position: absolute;        
  margin: 320px 0px 0px 356px;
  font-weight: bold;
}        
.agecheck_buttons {
  position: absolute;   
  margin: 366px 0px 0px 350px;
}
.agecheck_button_ja {
cursor: hand;
  float: left;
  width: 275px;
  height: 90px;              
  margin: 0px 35px 0px 0px;
}
.agecheck_button_nein {
cursor: hand;
  float: left; 
  width: 250px;
  height: 90px;              
}



div#agecheckV2 {
	margin: 0px 0px 0px 0px;
  position: absolute;
  height:548px;
  width: 994px;
  background:#d71514 url(../images/agecheck_bg_v2.jpg) top left no-repeat; 
}
div#agecheck_form{
  position: absolute;   
  margin: 362px 0px 0px 361px;
  width:250px;
  height:50px;
  background: url(../images/agecheck_bg_form.gif) no-repeat;
  padding:5px 0 0 3px;
}
div#agecheck_form td {padding:0 1px 0 1px;}
div#agecheck_form td.col4 {padding:0 0 0 4px;}
div#agecheck_form select, div#agecheck_form option {
  font-size:12px;
}
div#agecheck_form select {
  border:1px solid #028AC9;
}
div#agecheck_form #submitForm {
  margin:20px 0 0 0;
}