/* oekametall microsite */

html, body, p, h1, h2, h3, span, table, td, form, hr, div {
	margin:    0px;
	padding:   0px;
	font:      10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:     #000;
}

a {
  color:      #ffffff;  
  text-decoration: none;
}

a:link {  
     color:      #ffffff;  
     text-decoration: none;
}  

a:hover {  
     color:      #990100;  
     text-decoration: none;  
}  


.navlink_aktiv {
     background: #c9c7ca; 
     padding-left:3px;
     padding-right:3px;
     color:      #990100; 
}

img {  
     border:     0px;  
}

.hidden {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
	display: none;
}


/******************************************/
/* END General definitions                */
/******************************************/

#page {
	height:    723px;
	width:     996px;
}


#header {
  width:      996px;
  height:     79px;
	background: #e3e3e3;
	border-bottom:#eaeaea solid 1px;
}

#navi {
  width:      996px;
  height:     58px;
	background: #8e8e8e;
	float:      left;
	border-bottom:#ffffff solid 1px;
}

#navi_top {
	margin:0px;
	padding:0px;
	text-align:left;
	padding-left:50px;
	padding-top:37px;
	height: 29px;
}

#navi_top li {
	display: inline;
	margin:0px;
	text-align:left;
	padding-right:32px;
	padding-left:20px;
	background: transparent url(img/navi_bullet.gif) no-repeat 0px 2px;
	color:#ffffff;
}

#navi_top li:hover {
	background: url(img/navi_bullet_red.gif) no-repeat 0px 2px;
}

#gradient {
  margin-bottom:1px;
  width:996px;
  height:19px;
  background: transparent url(img/gradient.jpg) no-repeat;
}

#header #cco {
	float:     left;
  position:relative; left:50px; top:10px;
}

#header #oeka {
	float:     left;
  position:relative; left:520px; top:20px;
}

#visual {
  width:454px;
  height:480px;
  margin:0px;
  padding:0px;
  position:relative; left:0px; top:0px;
  float:left;
}

#contact {
  width:454px;
  height:479px;
  margin-bottom:1px;
  padding:0px;
  background:#cddaeb;
  position:relative; left:0px; top:0px;
  float:left;
}

#contact input {
 margin:2px 0px 2px 0px;
 padding:0px;
}

.formlabel {
  text-align:right;
  padding-right:10px;
  padding-bottom:3px;
  color:#808185;
  font:      11px Verdana, Arial, Helvetica, sans-serif;
}

.form_text {
  font:      11px Verdana, Arial, Helvetica, sans-serif;
  color:#808185;
}

.form_area {
  border:0px;
  width:275px;
  height:80px;
  font:      11px Verdana, Arial, Helvetica, sans-serif;
  color:#000;

}

.textinp {
  border:0px;
  width:275px;
  height:19px;
  margin-bottom:5px;
  padding-left:5px;
  padding-top:2px;
  font:      11px Verdana, Arial, Helvetica, sans-serif;
}

.checkinp {
  border:0px;
  margin-left:1px;
  padding-left:0px;
}


#contact_content {
  padding-left:35px;
  padding-top:10px;
}
#visual_sub {
  width:454px;
  height:319px;
  margin:0px;
  padding:0px;
  position:relative; left:0px; top:0px;
  float:left;
}

#visual_text {
  float:left;
  width:454px;
  height:159px;
  margin:1px 0px 0px 0px;
  padding:0px;
  background:#9f9f9f;
  position:relative; left:50px; top:-121px;
  color:#ffffff;
}

#vt_content {
  padding-left:40px;
  padding-right:40px;
  padding-top:15px;
  margin:0px;
  color:#ffffff;
  font:      11px/14px Verdana, Arial, Helvetica, sans-serif;
}

#leftcorner {
  float:left;
  width:50px;
  height:159px;
  border-top:1px solid #9a0000;
  background: #eaeaea;
  position:relative; left:0px; top:320px;
  margin:0px;
  padding:0px;  
}

#leftcorner_sub {
  float:left;
  width:50px;
  height:159px;
  background: #9a0000;
  position:relative; left:0px; top:320px;
  margin:0px;
  padding:0px;  
}


#content {
  float:left;
  width:430px;
  height:280px;
  position:relative; left:40px; top:40px;
  font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
  color: #8f8f8f;
}

#content h1 {
  color: #990100;  
  font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-bottom:15px;
}

#visual_rb {
  float:left;
  width:492px;
  height:160px;
  position:relative; left:0px; top:40px;
}

#visual_rb_sub {
  float:left;
  width:492px;
  height:159px;
  background:#9a0000;
  margin-bottom:1px;
  position:relative; left:0px; top:40px;
}

#visual_rb_sub a:hover { color:#cccccc; }

#vrb_content {
  padding-left:40px;
  padding-right:40px;
  padding-top:60px;
  color:#ffffff;
  font:      11px/16px Verdana, Arial, Helvetica, sans-serif;
}


#footer {
  background-color:#8e8e8e;
  height:73px;
  width:996px;
}

#footer_sub {
  background-color:#8e8e8e;
  height:73px;
  width:996px;
  position:relative; left:0px; top:-120px;
}

#footercontent {
  padding-left:50px;
  padding-top:10px;
  color:c8c8c8;
}


.cleaner {
	font: 1px/1px Arial, Helvetica, sans-serif;
	clear: both;
}