body {
  background:url(images/design/bg.jpg);
  margin: 0; 
  padding: 0; 
  color: #000000; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10pt;     
}
p{
  margin:0;
  padding:0;
  }  
a{   
  color: #ffffff; 
  font-weight: bold;  
  text-decoration: none; 
  }
a:hover{
  text-decoration:underline;
} 
img{  
  border:none; 
  }
  
h1{
  margin:0;
  padding-top:0px;
  padding-bottom:50px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 14pt;
  }
h2{
  margin:0;
  padding-top:0px;
  padding-bottom:5px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 11pt;
  }

/* optik */
.rahmen {
  position:relative;
  width:90%; 
  min-width:760px; 
  margin-left:auto; 
  margin-right:auto;
  margin-top:25px;
  margin-bottom:25px;  
  padding:10px;
  background: #4682b4;
}

* html .rahmen {
	width:760px;
}

#rtl, #rbl, #rtr, #rbr {position:absolute; width:10px; height:10px; z-index:1;margin:0;padding:0;border:0; overflow:hidden;}
#itl, #ibl, #itr, #ibr {position:absolute; width:10px; height:10px; z-index:1;margin:0;padding:0;border:0; overflow:hidden;}

#rtl {top:0; left:0;background:url(images/design/rtl.jpg);}
#rbl {bottom:0px; left:0px;background:url(images/design/rbl.jpg);}
#rtr {top:0; right:0;background:url(images/design/rtr.jpg);}
#rbr {bottom:0; right:0;background:url(images/design/rbr.jpg);}
#itl {top:0; left:0;background:url(images/design/itl.jpg);}
#ibl {bottom:0px; left:0px;background:url(images/design/ibl.jpg);}
#itr {top:0; right:0;background:url(images/design/itr.jpg);}
#ibr {bottom:0; right:0;background:url(images/design/ibr.jpg);}

.container {
  position:relative;
  width:100%;
  padding:0;
}

/* Kopfzeile*/
.title {
  position:relative;
  margin-left:0; 
  margin-right:0;
  margin-bottom:5px;
  height:150px;
  width:100%;
  background: #cde0f9 url(images/design/header_bg.jpg) right top no-repeat;
  border: 0px solid #b0c4de;
  padding:0;  
}
.title h1 {
  position: relative;
  margin:0;
  padding:0;
  left:0px;
  top:0px;  
  width:500px;
  line-height:75px;
  background: #cde0f9 url(images/design/header_h1.jpg) left top no-repeat;
  text-indent: -100em;
}

/* navigation */
#navigation {
  position: absolute;
  left:0px;
  top:75px;
  height:75px;
  width:100%;  
  background: #4682b4 url(images/design/nav.jpg) left bottom no-repeat;
  border-bottom:10px solid #4682b4;
  list-style:none; 
}
#navigation ul{
	z-index:100;
	position:absolute;
	height:40px;
	left:100px;
	top:9px;
	margin:0;
	padding:0;
	padding-bottom:5px;
	padding-right:25px;
	padding-left:0px;
	border-bottom:2px solid #b0c4de;
	white-space:nowrap; 
}
#navigation ul li{
	display:table-cell;
	float:left;
	background:#b0c4de;
}
#navigation ul li.first{
	padding-left:25px;
	background: #b0c4de url(images/design/nav_left2.jpg) left bottom no-repeat;
}
#navigation ul li.last{
	background: #b0c4de url(images/design/nav_right.jpg) right bottom no-repeat;
}
#navigation ul li a{
	font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif;font-size:14px; color:#4682b4;line-height:40px;letter-spacing:1px;font-weight:bold;text-decoration:none;
	height:40px;
	padding-bottom:11px;
	padding-top:11px;
	margin-left:10px;
	margin-right:10px;
}
#navigation ul li a.active{
	color:#f0f0f0;
}
#navigation ul li a:hover{
	color:#f0f0f0;
	background: #b0c4de url(images/design/nav_hover.jpg) center bottom no-repeat;	
}

#subNavigation {position:absolute;top:0px;width:100%;list-style-type:none;height:75px;}
#subNavigation.home_ueberblick {background:url(images/design/subnav_team1.jpg) right top no-repeat;}
#subNavigation.home_news {background:url(images/design/subnav_wafer1.jpg) right top no-repeat;}

#subNavigation.products_system {background:url(images/design/subnav_layout.jpg) right top no-repeat;}
#subNavigation.products_asic {background:url(images/design/subnav_chiphv.jpg) right top no-repeat;}
#subNavigation.products_fertigung {background:url(images/design/subnav_system.jpg) right top no-repeat;}
#subNavigation.products_projekte {background:url(images/design/subnav_mems.jpg) right top no-repeat;}

#subNavigation.about_about {background:url(images/design/subnav_prober.jpg) right top no-repeat;}
#subNavigation.about_profile {background:url(images/design/subnav_work.jpg) right top no-repeat;}
#subNavigation.about_standort {background:url(images/design/subnav_standort_tpc.jpg) right top no-repeat;}

#subNavigation.contact {background:url(images/design/subnav_asic.jpg) right top no-repeat;}
#subNavigation.contact_anfahrt {background:url(images/design/subnav_wafer2.jpg) right top no-repeat;}
#subNavigation.contact_impressum {background:url(images/design/subnav_chipmems.jpg) right top no-repeat;}

#subNavigation ul{
	position:absolute;
	height:16px;
	top:56px;
	margin:0 auto;
	padding:0;
	border:none;
	background:#4682b4;			
}
#subNavigation ul li{
	display:table-cell;
	background:#4682b4;			
}
#subNavigation ul li a{
	padding:0;
	font-size:10px;
	line-height:16px;
	height:16px;
	color:#b0c4de;
	background:#4682b4;
	}
#subNavigation ul li a.active{
	color:#cde0f9;
}	
#subNavigation ul li a:hover{
	color:#f0f0f0;
	background: #4682b4;
}	

#subsubNavigation {position:relative;width:400px;margin: 0 auto;padding:5px 0;text-align:center;border-top:3px solid #4682b4;}
#subsubNavigation a {padding:5px;font-size: 12px;line-height:16px;color:#4682b4;border:1px solid #4682b4;}
#subsubNavigation a#active {border-bottom:5px solid #4682b4;}

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


.headstartseite {
  font-size: 10pt;  
  font-weight: bold;
  text-align: center;
  color: #000000;
  margin-bottom:25px;
}
.headstartseite a{
  font-size: 18pt;
  line-height:50pt;  
  font-weight: bold;
  text-align: center;
  color: #4682b4;  
  text-decoration: none;  
}
.indexmenu_r {
  position:relative;
  /*width:400px;*/
  height:80px;
  margin:auto;
  margin-right:10%;
  margin-bottom:10px;
  padding:0;
}
.indexmenu_r h1{
  position:absolute;
  right:110px;
  font-size: 14pt; 
  margin:0;padding:0;
}
.indexmenu_r h1 a:hover{
  text-decoration:none;
}

.indexmenu_r img{
  float:right;
  width:100px;
  height:80px;
  padding:0;
  margin:0;
}
.indexmenu_r p{
  float:right;
  text-align:right;
  width:300px;
  height:50px;
  margin-top:30px;
  margin-right:10px;
}
.indexmenu_r p a{
 font-weight:normal;
}

.indexmenu_l {
  position:relative;
  /*width:450px;*/
  height:80px;
  margin:auto;
  margin-left:10%;
  margin-bottom:10px;
  padding:0;
}
.indexmenu_l h1{
  position:absolute;
  left:110px;
  font-size: 14pt; 
  margin:0;padding:0;
}
.indexmenu_l h1 a:hover{
  text-decoration:none;
}
.indexmenu_l img{
  float:left;
  width:100px;
  height:80px;
  padding:0;
  margin:0;
}
.indexmenu_l p{
  float:left;
  text-align:left;
  width:300px;
  height:50px;
  margin-top:30px;
  margin-left:10px;
}
.indexmenu_l p a{
 font-weight:normal;
}
/* Inhalt */


#CONTENTBOX{
  position:relative;
  width:100%;
  margin-left:10px; 
  margin-right:10px;
  margin-top:10px;
  display:block; 
  min-width:760px; 
  background:  #ffffff; /* url(images/design/content.jpg) right repeat-y ;*/
  margin-left:auto; 
  margin-right:auto;
  padding-top:10px;
  padding-bottom:0;
  }
    
#TEXTBOX{
  position:relative;
  /*width:100%;*/
  margin-right:0px;
  margin-left:0px;
  padding-left:60px;
  padding-right:20px;
  padding-top:30px;
  text-align:justify;
  font-weight: normal;
  color: #000000; 
  font-size: 10pt;
  min-height:550px; /* für richtige Browser */
  }
/* IE Win only \*/
* html #TEXTBOX {
  height:550px;
}
/* End IE Win */

#TEXTBOX p{  
  padding-bottom: 1em;
  }

#TEXTBOX a{
	color:#4682b4;
}
   
#TEXTBOX ul{
	padding-bottom:1em;
}
#TEXTBOX ul li ul{
	padding-bottom:0px;
}

#TEXTBOX iframe{
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 2em;
  border: 1px solid #4682b4;
}

#TEXTBOX table{
  margin-bottom:1em;
  line-height:1em;
}
#TEXTBOX img{
	margin-bottom:1em;
	}

#TEXTBOX form{
	position:relative;
	width:520px;
	margin:auto;
	padding:10px;
}
#TEXTBOX form p{
	margin:0;
	margin-bottom:20px;
	padding:0;
}
#TEXTBOX form input{
	position:relative;  
	width:100%;
	margin:0 auto;
	/*margin-bottom:20px;*/
	padding:0;
	border:2px ridge #4682b4;
}
#TEXTBOX form input.btn{
	border:2px outset #4682b4;
	margin-left: 2px;
	background:	#4682b4;
	color:#f0f0f0;
}
#TEXTBOX form textarea{
	position:relative;
	width:100%;
	margin: 0 auto;
	/*margin-bottom:20px;*/
	padding:0;
	border:2px ridge #4682b4;  
}
#TEXTBOX form label{
	width:100px;
	float:left;
	margin:0;
	padding:0;
	font-size: 12px;
  font-weight: bold;
  color:#4682b4;  
}

.newsbox {
	margin-bottom:25px;
	padding:10px;
	border: 2px solid #4682b4;
}

.koopbox {
	position:relative;
	margin-bottom:25px;
	padding:10px;
	border: 2px solid #4682b4;
}

.koopbox img{
	display:inline; 
	float:left;
	margin:10px;
}

.kooptext {
	position:relative;
	margin-left:250px;
	margin-top:2em;
}

.kooptext ul{
	margin:0;
	margin-top: 1em;
	margin-left:1em;
	padding:0;
}

#VALIDATES{
  position:relative;
  display:block;
  background: #4682b4;  
  }
#VALIDATES a{
  color: #4682b4;
  }
#VALIDATES img{
  border:0px;  
  }



/* Fusszeile */
.footer {
  position:relative;
  background: #4682b4;
  color: #EED;
  text-align: center;  
}
.footer p{ 
  font-size: 11px; 
}

.footer a {
  color: #FFF;
  text-decoration: none;
}
.footer a:hover {
  color: #FFF;
  text-decoration: underline;
}

/* Hilfsmittel*/
.clear {
  clear: both;
}

.txtgrau {
  font-weight: normal;
  color: #333333;  
}
.txtgraufett {
  font-weight: bold;
}
.txtgraufettsmall {
  font-size:8pt;
}

ul{
  margin-left: 25px;
  margin-top: 1em;
  margin-bottom: 2em;
  text-align:left;
}
li {
  margin-bottom:0.5em;
}


.center {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px; margin-top:0px;text-align:center;}
.left	{display:block; float:left;margin:10px;}
.right 	{display:block; float:right;margin:10px;}
.alert {color:#ff8a58;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { /*zoom: 1;*/ } /* IE6 */
*:first-child+html .clearfix { /*zoom: 1;*/ } /* IE7 */