@charset "utf-8";
/* =================================================================
             www.metallbau-klein-wolfsburg.de - CSS Document 
===================================================================*/

*{ padding: 0;
   margin: 0;
   outline: none;
 }
 
body {
	background: url(../images/bg_pattern.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#595959;
}

/* =================================================================
            www.metallbau-klein-wolfsburg.de - DIV Settings
===================================================================*/

#container {
	min-width:100%;
	min-height:100%;
	background: url(../images/bg_pattern.jpg) #6594DA repeat-x;
}

* html #container {
	width:100%;
	height:100%;
	margin:0 auto;	
}

#wrapper {
	width:853px;
	height:auto;
	margin:0 auto;
	background:url(../images/bg_wrapper.jpg) repeat-y;
}


#top {
	width:853px;
	height:138px;
	background:url(../images/bg_top.jpg) no-repeat;
}

#header {
	width:853px;
	height:202px;
	background:url(../images/bg_header.jpg) no-repeat;
}

#main {
	width:853px;
	min-height:300px;
	background:url(../images/bg_main.jpg) no-repeat;
}

*html #main {
	height:300px;
}

#left_area {
	width:317px;
	height:auto;
	float:left;
	padding:25px 0 0 14px;
}

#content {
	width:455px;
	height:auto;
	float:right;
	padding:25px 33px 0 0;	
}



#footer {
	clear:both;
	width:100%;
	margin:0 auto;
	height:156px;
	background:url(../images/bg_pattern_footer.jpg) repeat-x;
}

#footer_content {
	width:853px;
	margin:0 auto;
	height:156px;
	background:url(../images/bg_footer.jpg) no-repeat;

}


/* =================================================================
             www.metallbau-klein-wolfsburg.de - Other Settings
===================================================================*/

p {
	line-height:20px;
	padding-bottom:10px;
	font-weight:normal;
}

h1 {
	font-size:18px;
	color:#3a67b6;
	font-weight:normal;
}

h3 {
	color:#999999;
	font-size:16px;
	padding-bottom:10px;

}

.clear {
	clear:both;
}


.box_left {
	padding:10px;
	background:#F6F6F6;
}

.highlight_a {
	font-size:18px;
	color:#6594da;
}

.highlight_b {
	color:#6594da;
}

.highlight_c {
	font-size:18px;
	color:#fff;
}

.highlight_d {
	font-size:14px;
	color:#6594da;
	font-weight:bold;
}


.kontakt_box {
	width:254px;
	height:auto;
	float:left;
	padding:70px 0 0 37px;
}

.anfahrt_box {
	width:449px;
	height:auto;
	float:left;
	color:#fff;
	padding:70px 0 0 80px;
}

.divider {
	clear:both;
	width:435px;
	height:1px;
	background:url(../images/divider.gif) no-repeat;
	margin-bottom:10px;
}


#content input#submit_map24 {				/* Gestaltung des Submit-Buttons */
	width:205px;
	padding:5px;
	background:#406DBB;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps !important;
	cursor:pointer;
	border:none;
}

#content input#adress_map24 {

	border:1px solid #B1B1B1;
	color:#666666;
	width:205px;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
}


/* ====================================================================
				CLEARFIX Settings
======================================================================= */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */