/**
*
* LÖWENBRÄU MAIN TEMPLATE
*
* @DATE: 25.6.2008
*
*/



/**
*
* CSS-RESET
*
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,th,var { font-style:normal; font-weight:normal; }
strong { color:#028AC9; }
ol,ul { margin: 5px 0px 5px 25px; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
a:focus,a:active { outline:none; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }



/**
*
* LAYOUT/BACKGROUND/HEADER
*
*/

html {
	height: 100.02%;
}
body {
	background:transparent url(../images/bg_border.gif) repeat-x ;
	/*background:transparent url(../images/background.gif);*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #3bb4d7;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
}
#frame {
	/*width: 812px;*/
	margin: 0 auto;
}
#bg_left {
	background:transparent url(../images/bg_left.jpg) scroll right top;
	float: left;
	width: 394px;
	height: 800px;
}
#bg_right {
	background:transparent url(../images/bg_right.jpg) scroll left top;	
	float: left;
	width: 394px;	
	height: 830px;
}
#center {
	background: url(../images/bg_border_lines.gif);
	margin: 0pt auto;
	width: 812px;
  height: 100%;
	float: left;
}
#container {
	background: #ffffff none repeat scroll 0%;
	margin: 0 auto;
	width: 800px;
	font-size: 12px;
  overflow: hidden;
}
#header {
	width: 800px;
	height: 346px;
}
#head_container_left {
	background: url(../images/navi_left_bg.jpg);
	float: left;
	width: 300px;
	height: 346px;
}
#head_container_right {
	float: left;
	width: 500px; 
}
.divider {
	border-bottom: 2px solid #dcba7f;
	clear: both;
}


/**
*
* CONTENT
*
*/

.content_full {
}
.content_column {
}
.links {
	clear: left;
	float: left;
	width: 376px;
  margin-right: 16px;
}
.rechts {
	float: left;
	width: 376px;
	padding-bottom: 10px;
}
#content {
  padding: 0;
  margin: 0 16px;
}
#inner_content {
	padding: 25px 0px 0px 0px;
	height: 1%;	
}
/*padding*/
.inner_box {
	padding: 5px 16px 0px 16px;
}
.element_textimage {
	margin: 0px 0px 15px 0px;
}
.element_table {
  padding-right: 12px;
}
.element_image {
  padding: 0px 12px;
}
/*12px padding bild/text für von überschrift getrennter elemente (z.B. rohstoffe)*/
.content_padding {
  padding: 0px 0px 0px 12px;
}
.element_text {
  margin-bottom: 15px;
}
div.element_text h1.csc-firstHeader {
	padding-bottom: 10px;
	line-height: 21px;
}
#backlink {
	float: right;
	color: #028ac9;
	font-weight: bold;
	margin: -30px 16px 0px 0px;
}



/**
*
* ALLGEMEINES
*
*/

.clear_left { clear:left; }
.clear_right { clear:right; }
.clearer { clear:both; font-size: 0; line-height: 0; }

.float_left { float:left; }
.float_right { float:right; }

/* bilder haben immer ein 12px padding bis auf die last-minute ausnahme: wiesn plan. merci, grafik! */
.px12fix {
  margin-left: -12px;
}

a {
	color:#028AC9;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a.arrow {
	background-image:url(../images/arrow.gif);
	background-position:center right;
  background-repeat:no-repeat;
	color:#028ac9;
	/*display:block;
	float: left;
	font-weight:bold;*/
	line-height:14px;
	padding: 0px 14px 2px 0px;
	text-decoration:underline;
  margin-top: 10px;
}
a:hover.arrow {
	background-image:url(../images/arrow_hover.gif);
	text-decoration: none;
	color: #d72227;
}

a.backarrow {
	background-image:url(../images/arrow_back.gif);
	background-position:center left;
  background-repeat:no-repeat;
	color:#028ac9;
	display:block;
	clear: left;
	float: right;
	font-weight:bold;
	font-size: 14px;
	line-height:14px;
	padding: 0px 0px 1px 16px;
	text-decoration:underline;
	margin: 5px 0px 30px 0px;
}
a:hover.backarrow {
	background-image:url(../images/arrow_back_hover.gif);
	text-decoration: none;
	color: #d72227;
}

h1 {
	font-family: Times, Arial, Helvetica, sans-serif;
	margin: 0px 12px;
	font-weight: normal;
	font-size: 20px;	
	color: #028ac9;
	padding: 2px 0px 2px 0px;
	line-height: 20px;
	border-bottom: 2px solid #dcba7f;
}
h2 {
	font-family: Times, Arial, Helvetica, sans-serif;
	margin: 0;
	font-weight: normal;
	font-size: 20px;	
	color: #028ac9;
	padding: 2px 0px 12px 0px;
	border-bottom: 2px solid #dcba7f;
}
div.blue_background div.element_text {
	margin-bottom: 0px;
}
div.blue_background h2 {
	border-bottom: 2px solid #ffffff;
	font-size: 30px;
	padding: 2px 0;
	margin: 0px 12px;
	line-height: 31px;
}
div.blue_background table.form h2{
	font-size: 20px;
	line-height: 21px;
	margin: 10px 0;
}
div.blue_background h2.form_heading{
	border-top: 2px solid #ffffff;
	border-bottom: 0;
	font-size: 20px;
	line-height: 21px;
	padding: 10px 0 0 0;
	margin: 10px 0;
}
div.blue_background h4 {
	font-family: Times, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;	
	color: #028ac9;
	line-height: 21px;
	border: 0;
	padding: 0;
	margin: 0px 0px 10px 0px;
}
div.links div.blue_background div.element_text, div.rechts div.blue_background div.element_text {
	margin-bottom: 0px;
}



/**
*
* NAVIGATION
*
*/

#navi_top {
}
#navi_top #navi_top_padding {
  font-size: 0;
}

#history_navi {
	float: right;
	margin: 0px 0px 30px 0px;
}
#history_navi a {
  color: #028AC9;
  margin-right: 12px;
	display: block;
	float: left;
}
#history_navi a:hover {
  color: #D72227;
}
#history_navi li {
	display: inline;
}
#history_navi ul#navi_browse li.active a{
	text-decoration: none;
	color: #d72227;
}

ul#navi_left {
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 16px;
	display: block;
	line-height: 1em;
	list-style-type: none;
	margin: 10px auto;
	padding: 0pt;
}
ul#navi_left li {
	border-bottom: 1px solid #ffffff;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}
ul#navi_left li a {
	display: block;
	color: #075898;
	font-weight: bold;
	text-decoration: none;
}
ul#navi_left li a:hover{
	color: #d72227;	
	text-decoration: none;	
}
ul#navi_left li a.active{
	color: #d72227;	
	text-decoration: none;	
}
ul#navi_left li.first {
}
ul#navi_left li.middle {
}
ul#navi_left li.last {
}



/**
*
* FOOTER
*
*/

#footer {
	background: url(../images/footer_bg.jpg) no-repeat;
	width: 800px;
	height: 67px;
  position: relative;
  margin: 25px 0px 0px 0px !important;
	padding: 0 !important;;
}
#footer #footer_padding {
	padding: 27px 0px 0px 15px;
	clear: left;
}
#footer #footer_padding ul#navi_footer {
	display: block;
	line-height: 0.9em;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footer #footer_padding ul#navi_footer li {
	border-left: 1px solid #e9cb90;
	float: left;
	height: 1em;
	font-size: 11px;
	margin: 0pt;
	padding: 0pt 10px;
}
#footer #footer_padding ul#navi_footer li a {
	display: block;
	color: #ffffff;	
	text-decoration: none;
}
#footer #footer_padding ul#navi_footer li a:hover {
	color: #d72227;
}
#footer #footer_padding ul#navi_footer li.active a {
}
#footer #footer_padding ul#navi_footer li.first {
	border: medium none;
}
#footer #footer_padding ul#navi_footer li.middle {
}
#footer #footer_padding ul#navi_footer li.last {
}
#footer_masskrug {
	/*background: transparent url(../images/footer_masskrug.png);*/
	float: right;
	clear: both;
	position: absolute;
  right: 16px;	
  bottom: -1px;
	/*top: 72px;*/
}
#footer_bg_border {
	background: transparent url(../images/bg_border_footer.gif);
	width: 812px;
	height: 6px;
  margin-left: -6px;
	position: absolute;
}



/**
*
* AGECHECK
*
*/

div#agecheck_container {
}
div#agecheck {
	background: url(../images/bg_agecheck.jpg);
	/*should be: 992px*/
	width: 1024px;
	height: 700px;
  margin: 0 auto;
}
div#agecheck_under18 {
	background: url(../images/bg_agecheck_under18.jpg);
	/*should be: 992px*/
	width: 1024px;
	height: 700px;
  margin: 0 auto;
}
div#agecheck_text{ 
}
div#agecheck_message{ 
	position: absolute;        
  margin: 505px 0px 0px 214px;
  font-weight: bold;
}
div#agecheck_message_under18{ 
	position: absolute;        
  margin: 445px 0px 0px 205px;
	width: 630px;
}
div#agecheck_buttons{
  position: absolute;   
  margin: 500px 0px 0px 205px;
	width: 630px;
}
div#agecheck_button_yes{
	cursor: hand;
  float: left;
  width: 260px;
  height: 50px;              
  margin: 28px 0px 0px 0px;
}
div#agecheck_button_no{ 
	cursor: hand;
  float: left; 
  margin: 28px 0px 0px 60px;
  width: 265px;
  height: 50px; 
}


div#agecheckV2 {
	background: url(../images/bg_agecheck_v2.jpg);
	/*should be: 992px*/
	width: 1024px;
	height: 700px;
  margin: 0 auto;
}
div#agecheck_form{
  position: absolute;   
  margin: 535px 0px 0px 205px;
  width:350px;
  height:59px;
  background: url(../images/bg_agecheck_form.jpg) no-repeat;
  padding:20px 0 0 14px;
}
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;
}



/**
*
* TYPO3 STYLES
*
*/

div#inner_content  .csc-header {
  clear: left;
	margin: 0;
}
div#inner_content p.bodytext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 3px 12px 0px 12px;
}
div#inner_content p.bodytext span {
	color: #028AC9;

}
div#inner_content table.product  {
	font-family: Arial, Times, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0px 0px 12px;
}
div#inner_content table.product tr.tr-odd  {

}
div#inner_content table.product tr.tr-even  {

}
div#inner_content table.product td  {
	border-bottom: 2px solid #dcba7f;
	width: 180px;
	padding: 2px 0px 4px 0px;
}
div#inner_content table.product td.td-0  {
	color: #028ac9;
	font-weight: bold;
	vertical-align: top;
}
div#inner_content .blue_background {
	background: #d8f0f7;
	padding: 3px 0px 10px 0px;
	margin: 0px 0px 16px 0px;
}
div#inner_content b {
	color: #028AC9;
}
div#inner_content div.csc-textpic-clear {
  clear: none;
}
div.links div.element_text div.csc-header {
	margin: 0 !important;
}
div.rechts div.element_text div.csc-header {
	margin: 0 !important;
}
div.links div.element_text, div.rechts div.element_text {
	margin-bottom: 10px;
}
div.links h1.csc-firstHeader, div.rechts h1.csc-firstHeader {
	margin-bottom: 3px;
	padding-bottom: 3px;
	line-height: 21px;
}
div#inner_content .csc-textpic-image img {
	margin-bottom: 5px;
}
div#inner_content .csc-textpic-caption {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	margin-bottom: 8px;
}


/**
*
* MAILFORM STYLES
*
*/

.tx-thmailformplus-pi1 {
	color: #048ac9;
	font-family:Arial,Verdana,Helvetica,sans-serif;	
}
.mailformplus_contactform {
	margin: 0px;
}
.mailformplus_contactform div.form_padding {
	padding: 0px 12px 0px 12px;
}
.mailformplus_contactform div.error {
	color:#dd7777;
}
.mailformplus_contactform input {
	margin: 3px 0px 3px 0px;
	border: 1px solid #028AC9;
	width: 190px;
}
.mailformplus_contactform input#attach {
	width: 188px;
	border: 1px solid #028AC9;	
}
.mailformplus_contactform input#plz {	width: 49px; margin-right: 0px;}
.mailformplus_contactform input#city {	width: 136px; }
.mailformplus_contactform input#gender_male {	width: 25px; margin-bottom: -2px; }
.mailformplus_contactform input#gender_female {	width: 25px; margin-bottom: -2px;  }
.mailformplus_contactform label {
	display:block;
	float:left;
	width:156px;
	margin: 3px auto;
}
.mailformplus_contactform .radio_caption {
	color: #000000;
	display:inline;
	width:auto;
	float:none;
	font-weight:normal;
	padding-left:5px;
}
.mailformplus_contactform .caption {
	margin:10px 0 -10px 0;
}
.mailformplus_contactform  select.selectfield{
	border: 1px solid #028AC9;
	width: 192px;		
	margin: 3px 0;	
}
.mailformplus_contactform #caption_label {
	width: 160px; 
	float: left;
	margin: 4px 0px 3px 0px;
}
.mailformplus_contactform #text {
	width: 350px;
	border: 1px solid #028AC9;	
	margin-top: 3px;
}
.mailformplus_contactform #submit {
	width: 100px;
	background: #3cb4d7;
	color: #ffffff;
	border: 2px solid #e0c087;
	float: right;
	margin: 12px 0px 0px 0px;
}
.mailformplus_contactform #form_error {
	color: #D72227;
	margin: 10px 0px 15px 0px;
	list-style-type: none;
}
.mailformplus_contactform #error_header { 
	font-weight: bold; 
}
div.caption label {
	padding: 0px 0px 2px 0px;
}
p#required_info {
	font-size: 10px;
	color: #000000;
}

div.csc-textpic-center {
	/*float: left;*/
}


/**
 *
 * mp3-player playlist styles
 *
 * author: stk [stk@coma.de]
 */

.tx-txloewenmp3-pi1 {
	margin-bottom: 20px;
	font-size: 11px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}

.yft { background: #d8f0f7 !important; }
.yft:hover { background: #d8f0f7 !important; }
.hidden { display: none; }
.shown { display: block; }

div#mp3_flashplayer { width: 376px; height: 39px; background: #064a81; }

div#mp3_playlist { width: 352px; height: 200px; margin: 2px 12px 0px; overflow: auto; background: #fff; }

div#mp3_playlist ul { margin: 0; }
div#mp3_playlist li { clear: both; min-height: 22px !important; border-bottom: 2px solid #e9cb90; }
* html div#mp3_playlist li { height: 22px; }

div#mp3_playlist li a { color: #028ac9; }
div#mp3_playlist li a:hover { text-decoration: none; }

div#mp3_playlist a.trackLink { display: block; width: 290px; }
div#mp3_playlist a { float: left; padding: 3px 5px 4px 0px;}
div#mp3_playlist p { clear: both; padding: 5px 0px; border-top: 2px solid #e9cb90; color: #000; }

div#mp3_playlist li:hover { background: #d8f0f7; }



/**
*
* INBEV FORMWIZARD STYLES
*
*/

div.tx-inbevformwizard-pi1 {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	padding: 12px 12px 12px 12px;
}
div.tx-inbevformwizard-pi1 p.infotext { 
	font-size: 10px; 
	margin: 10px 0;
}
div.tx-inbevformwizard-pi1 p.newsletter_info { 
	font-size: 12px; 
}
div.tx-inbevformwizard-pi1 input.formButton {
	background:#3CB4D7 none repeat scroll 0%;
	border:2px solid #E0C087;
	color:#FFFFFF;
	width:100px;
}
div.tx-inbevformwizard-pi1 table.form td {
	padding: 3px 0;
}
table.form td input {
	border: 1px solid #028AC9;
}
table.form td.address { width: 160px; color: #028ac9; }
table.form input.radio { margin-right: 5px;	width: 25px; display: inline;}
table.form td input.text { width: 190px; }
table.form td.input_question { width: 160px; color: #028ac9; }
table.form td input.plz { width: 50px; margin-right: 2px;  }
table.form td input.ort { width: 136px; }
table.form td input.checkbox {
	margin-right: 10px;
	border: 0 !important;
}
table.form td.radio_buttons input {
	border: 0 !important;
}
table.form td.option_question {

}
table.form td.radio_buttons {
	/*width: 50px;*/
  display: block;
  margin-right: 12px;
}
table.form td.radio_label {
	margin-left: 10px;
}
div.imgButton {
	margin-top: 15px;
	margin-left: 252px;
}
div.address_fields {
	margin-top: 20px;
}

table.form td.clozetext {
	width:350px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	vertical-align:top;
	letter-spacing: 4px;
	padding:15px 0 10px 0 !important;
}
table.form td.input_question input.clozetext {
	width:17px;
	height:20px;
	font-size:18px;
	color:#028AC9;
	text-align:center;
	background:transparent;
	vertical-align:bottom;
	border:none;
	border-bottom:1px solid #028AC9;
	margin:0 3px 2px 0;
	padding:0;
}

/*SR_FREECAP CAPTCHA*/
table.form td input.captcha {
	float: left;
	margin: 5px 10px 0px 0px;
}
table.form td div.captcha_elements{
	margin: 5px 10px 5px 0px;
}
table.form td p.captcha_notice{
	margin: 0;
	font-size: 10px;
}
table.form td img.tx-srfreecap-pi2-image {
	width: 170px;
	height: 40px;
	margin: 5px 0px 0px 0px;
}
div#captcha_code_header {
	color: #028AC9;
	margin-bottom: 0px;
}

/**
*
* TEASER
*
*/

.tx-loewenteaser-pi1 {
	font-family: Arial, Times, Helvetica, sans-serif;	
	border: 1px solid #3cb4d7;
	padding: 10px 12px 12px 12px;
	margin-bottom: 10px;
}
.tx-loewenteaser-pi1 img {
	float: left;
	padding: 3px 10px 10px 0px;
}
.tx-loewenteaser-pi1 h3.teaser {
	font-family: Times, Arial, Helvetica, sans-serif;	
	color: #008ac8;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}
.tx-loewenteaser-pi1 p {
	font-size: 12px;
	margin-top: 0px;
}
.tx-loewenteaser-pi1 div.teaser_link {
}


/**
*
* SMOOTHGALLERY
*
*/

div.slideInfoZone h2 {
	font-size: 14px !important;
	color: #ffffff;
}


/**
*
* GOOGLE MAPS
*
*/

.tx-rggooglemap-pi1 {
	clear: both;
	margin-bottom: 10px;
}

.tx-zwgmap-pi1 {
	clear: both;
	margin-bottom: 10px;
}



/**
*
* TEASER
*
**/

#teaserBO {
	width:252px;
	padding:7px;
	border:1px solid #028AC9;
	background: url(../images/white_transparenz.png);
	overflow:hidden;
}
#teaserBO h1 {
	font-size:14px;
	font-weight:bold;
	border:none;
	margin:0 0 8px 0;
}
#teaserBO img {margin-right:12px;}
#teaserBO p span {
	color:#028AC9;
	font-weight:bold;
}