@charset "utf-8";
/* Baumgartner - Main Styles */

html {
	width:100%;
	height:100%;
}

body {
	background:#ffffff url(../layout_img/mbpage_hg.jpg) repeat-x;
	text-align:center;
	word-wrap: break-word;
	line-height:110%;
}

#wrapper {
	width:957px;
	height:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-left:15px;

}

#header {
	width:989px;
	height:229px;
	background:url(../layout_img/mbheader_main.jpg) no-repeat;
}

/*************** LOGO - BOXEN ***********************/

div.logobox {
	overflow:hidden;
}

#logo {
	float:left;
	margin-top:15px;
	width:394px;
	height:103px;
}

.logobox .logo1 {
	background:url(../layout_img/metallbaulogo.gif) no-repeat;
}

.logobox .logo2 {
	margin-left:5px;
	background:url(../layout_img/metallbaulogo.gif) no-repeat;
}

/*************** META-NAVIGATION ***********************/

#metanavigation {
	margin-top:10px;
	width:260px;
	height:30px;
	display:inline;
	color:#666666;
	font-weight:bold;
}

#metanavigation ul.nav li span.trenner {
	margin-left:7px;
	margin-right:7px;
}

#metanavigation ul.nav li {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

#metanavigation ul.nav li a {
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
	font-size:100%;
}

#metanavigation ul.nav li a:hover {
	text-decoration:none;
}

/*************** HAUPTNAVIGATION ***********************/

#hauptnav {
	width:850px;
	height:36px;
	font-weight:bold;
	margin-top:1px;
	text-transform:uppercase;
	color:white;
	font-size:110%;
	padding-left:0px;
	margin-left:-8px;
	_margin-left:-15px;
	overflow: hidden;
}

#hauptnav ul {
	margin:0;
	padding:0;
}

#hauptnav ul li {
	list-style:none;
	display:inline;
}


/* CSS Scalable Round Buttons */


a.button, span.button, del.button {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
	font-size:0;
	line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:36px;
	text-decoration:none;
	color:white;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 0 0 0;
	vertical-align:middle;
	padding-top:-2px;
	_position:relative;
	_width:10px;
	_overflow-y:hidden;
}

a.button, span.button, del.button, a.button span, span.button button, span.button input, del.button span {
	background-image:url(../layout_img/mbnav_buttons.png);
	_background-image:url(../layout_img/mbnav_buttons.gif);
}

a.button span, span.button button, span.button input, del.button span {
	white-space:nowrap;
	cursor:pointer;
	color:#ffffff;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
	letter-spacing:0 !important;
	font-family:"Arial" !important;
	font-size:13px !important;
	font-style:normal;
	background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:36px;
	padding:8px 10px 0 0px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
	_padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
}
span.button button {
	line-height:2.5;/*Opera need this*/
}

html.safari a.button span, html.safari del.button span {
	line-height:1.3;
}

html.safari span.button button {
	line-height:2.6;
}

html.safari a.button:focus, html.safari span.button button:focus {
	outline:none;
}

del.button {
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
}

del.button span {
	cursor:default;
	color:#aaa !important;
	background-position:100% -120px;
}

span.button button, span.button input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover,
a.button.act,
span.button:hover, 
a.button:focus,  
a.dom-button-focus, 
span.button-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span, 
a.button.act span,
span.button:hover button, 
a.button:focus span,  
span.button-behavior-hover button, 
span.button-behavior-hover input {
	background-position:100% -60px;
	color:#555555;
}
a.button:active, a.button:focus span {
	color:#111111;
}

span.button.act-behavior-hover button.act, 
span.button.act-behavior-hover input,
a.button.act:active,
a.button.act:visited,
a.button.act,
a.button.act:hover,
a.button.act span,
a.button.act:focus span,
span.button.act:hover button, 
del.button.act:hover,
a.button.act span:hover,
del.button.act-behavior-hover,
del.button.act:hover span,
a.button.act:hover span
{
color:#333333;
}

del.button-behavior-hover, del.button:hover {
	background-position:0 -180px;/* cursor:not-allowed; */	
}



del.button-behavior-hover span, del.button:hover span {
	background-position:100% -180px;/* cursor:not-allowed; */
	
	
}



/*************** ROOTLEVEL NAVIGATION ***********************/

#rootline {
  display:block;
	width:591px;
	height:20px;
	margin-top:20px;
	margin-left:20px;
	color:#666666;
	font-weight:bold;
}

#rootline .rtext {
	font-weight:normal;
	padding-right:10px;
}

#rootline .trenner {
	margin-left:5px;
	margin-right:7px;
}

#rootline a {
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}

#rootline a:hover {
	text-decoration:underline;
}

#rootline a.active, #rootline a.active:hover {
	text-decoration:underline;
}




/***************SUBNAVIGATION***********************/

	#subnav {
	float:right;
	width:207px;
	height:349px;
	background:url(../layout_img/mbsubnav.gif) no-repeat;
	margin-top:15px;
	padding-top:20px;
	}
	
	#subnav ul, 
	#subnav ul li, 
	#subnav ul li a {
  margin:0;
  padding:0;
  }
	
	
	#subnav ul li {
  border-bottom:1px solid #F4F4F4;
  background:url(../layout_img/subnav_li.gif) 2% center no-repeat;
  }
  
	#subnav ul li:hover {
  background:url(../layout_img/subnav_li_over.gif) 2% center no-repeat;
  }
	
	#subnav ul li a {
	display:block;
	line-height:25px;
	height:25px;
	text-transform:uppercase;
	color:#666666;
	text-decoration:none;
	padding-left:30px;
	}
	
	#subnav ul li a:hover {
	text-decoration:underline;
	}


#subnav .rightcontent {
 padding:5px;
 }

#subnav .rightcontent a, a:visited{
	color:#333333;
 }
#subnav .rightcontent a:hover{
	text-decoration:none;
 }
	
	

/***************CONTENT-CONTAINER***********************/


#content_container {
  float:left;
	overflow:hidden;
	text-align:left;
	width:740px;
	margin-top:15px;
	background:url(../layout_img/mbmain_container.gif) no-repeat;
	padding-top:20px;
	min-height:350px;
	height:auto !important;  /* fuer moderne Browser */
  height:330px;  /*für den IE */
}


#content {
	_margin-left:2px;
	margin-left:15px;
}

#content_container .cbox {
	float:left;
	width:235px;
	height:327px;
  	max-height:327px;
	min-height:327px;
	padding-right:4px;
	/*background:url(../layout_img/cbox.gif) no-repeat;*/
	margin:0px;
}

#content_container .cbox .csc-textpic {
height:327px;
}
#content_container .cbox h1, {
      	margin-top:0;
      	margin-bottom:10px;
	padding:0px;
      	font-size:140%;
	color:#4d6c81;
} 
#content_container .cbox h2, {
      	margin-top:0;
      	margin-bottom:10px;
	padding:0px;
      	font-size:130%;
	color:#4d6c81;
}
#content_container .cbox h3 {
      	margin-top:0;
      	margin-bottom:10px;
	padding:0px;
      	font-size:120%;
	color:#4d6c81;
}

#content_container .cbox p {
	margin:0;
	padding:0 10px 5px 0;
	}

#content_container .cbox a {
	color:#4d6c81;
	}

#content_container .cbox a:hover {
	color:#666666;
	text-decoration:none;
	}
	
#main_wrapper {
	overflow:hidden;
	}





/*************** INFO - CONTAINER ***********************/
#info {
	font-size:0.85em;
	width:969px;
	background:url(../layout_img/mbfooter_2.gif) no-repeat;
	height:65px;
	padding:15px 10px 0 25px;
	margin-bottom:0;
	font-size:100%;
	color:white;
	letter-spacing:0.03em;
	line-height:1.2em;
}

#info p {
	color:#ffffff;
	letter-spacing:0.02em;
	line-height:1.2em;
}

#info h1, #info h2, #info h3 {
	color:#cccccc;
	font-weight:bold;
	font-size:110%;
	padding:0;
	margin:0;
}

#info a {
	color:#ffffff;
	text-decoration:underline;
}

#info a:hover {
	text-decoration:none;
}



/***************FOOTER***********************/

#footer {
	color:#222222;
	font-size:0.85em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:920px;
}


/***************CLEAR - FLOATING**********************
.clear {
	clear:both;
	height:1px;
	zoom:1%;
	visibility:hidden;
}
*/

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
	display: inline-block;
}

/* Hide from IE-mac \*/
* html .clear {
	height: 1%;
}

.clear {
	display: block;
}
/* End hide from IE-mac */


/* Powermail */

.tx-powermail-pi1 fieldset {
border:0 solid;
}

.tx-powermail-pi1 .tx-powermail-pi1_fieldset legend,
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
text-indent:-3000em;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html{
padding:5px 0;
}
.powermail_projektanfrage powermail_submit.powermail_submit_uid13 {width:250px;}

.tx-powermail-pi1 .powermail_mandatory,
.tx-powermail-pi1 .req {color:red;}


.tx-powermail-pi1 label {
width:90px;
float:left;
padding-left:6px;
white-space:nowrap; /*to fix IE6 wrapping*/
line-height:16px;
color:#999;
cursor:pointer;
}

.tx_powermail_pi1_fieldwrap_html {
clear:left;
white-space:nowrap; /*to fix IE6 wrapping*/
}

.tx_powermail_pi1_fieldwrap_html_textarea{
clear:none;
padding-left:6px;
}

#optionsDiv1 {
text-align:left;
}

#optionsDiv1 select option selected {

background:white;
}

.tx_powermail_pi1_fieldwrap_html_textarea label
 {
float:none;
overflow:hidden;
display:block;
padding:0;
}

.tx-powermail-pi1_formwrap .powermail_mandatory_js {
color:red;
margin-left:100px;
padding:2px 0;
background:transparent;
}

.tx_powermail_pi1_fieldwrap_html_textarea .powermail_mandatory_js {
margin-left:5px;
padding-left:0px;
}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_check {
width:500px;
height:auto;
overflow:hidden;
clear:left;
float:left;
}


.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_check label {
float:left;
width:180px;
height:auto;
}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_check .powermail_check_inner {
float:left;
}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_submit {
float:none;
clear:both;
margin-top:10px;
}

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}

label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../form_img/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../form_img/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
	float:left;
}
.checkboxArea {background:url(../form_img/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../form_img/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(../form_img/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../form_img/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../form_img/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../form_img/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../form_img/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../form_img/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../form_img/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../form_img/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../form_img/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
	
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(../form_img/select_bg.gif) repeat-x left top;
	overflow:hidden;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../form_img/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../form_img/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(../form_img/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}


/* Powermail */



/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input,
span.button.act button, del.button.act span, span.button.act input{
 _behavior:expression(  (function(el) {
 if( typeof( behavior_onMouseEnter) == 'undefined') {
 behavior_onMouseEnter = function(el) {
 var dEl = this.parentNode;
 var sClass = dEl.className;
 dEl.__defaultClassName = sClass;
 dEl.className = sClass + ' button-behavior-hover';
 this.setCapture();
};
 behavior_onMouseLeave = function(el) {
 var dEl = this.parentNode;
 dEl.className = dEl.__defaultClassName;
 dEl.__defaultClassName = undefined;
 this.releaseCapture();
};
};
 el.runtimeStyle.behavior = 'none';
 el.onmouseenter = behavior_onMouseEnter;
 el.onmouseleave = behavior_onMouseLeave;
}
)(this));
}

.randombox{
	margin:10px;
}