/************************************************
 Basic Kram
************************************************/
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	margin: 0; 
	padding: 0; 
	text-align: center;
}



/**********************************
Container
***********************************/
.container {
	position:absolute;
	margin-top:0px;
    left:50%;
    width: 970px;
	border: none;
	margin-left: -480px;
	text-align: left;
	height: 740px;
	background: url(Bilder/hg_verlauf.jpg);
	z-index: 1;
}

/**********************************
Containermitte
***********************************/
.containermitte {
    overflow:auto;
    position:absolute;
	float: left;
	margin-top:0px;
    left:50%;
    width: 940px;
	margin-left: -460px;
	text-align: left;
	height: 740px;
	border: none;
	z-index: 2;
}


/**********************************
Navigation1+Logo
***********************************/
.navi1logo {
    padding: 0px;
    clear:left;
    margin-left: 0px;
	margin-top: 0px;
    border: none;
	float: left;
	text-align: left;
	margin-top: 0px;
	background-color: #ffffff;
	height: 125px;
	width: 900px;
}

.navi1logo #navi1 {
    position: relative;
	margin-left: 30px;
	margin-top: 80px;
	padding: 0px;
	float:left;
    width: 200px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px;
}

A.navi1link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
A.navi1link:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal; text-decoration: none; }
A.navi1link:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #d58106; font-weight: normal;}
A.navi1link:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #d58106; font-weight: normal; }

.navi1logo #logo {
    border: none;
	float: right;
	text-align: right;
	margin-right: 0px;
	margin-top: 0px;
}


/**********************************
Navigation2+Bild
***********************************/

.navi2bild {
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
	border: none;
	float: left;
	text-align: left;
	width: 916px;
}

.navi2bild #bild {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 575px;
	height: 135px;
}

.navi2bild #navi2start {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2start.jpg);
}

.navi2bild #navi2products {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2products.jpg);
}
.navi2bild #navi2vehicles {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2vehicles.jpg);
}
.navi2bild #navi2tools {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2tools.jpg);
}
.navi2bild #navi2appropriate {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2appropriate.jpg);
}
.navi2bild #navi2water {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2water.jpg);
}
.navi2bild #navi2building {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2building.jpg);
}
.navi2bild #navi2scientific {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2scientific.jpg);
}
.navi2bild #navi2medical {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2medical.jpg);
}
.navi2bild #navi2rehabilitation {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2rehabilitation.jpg);
}
.navi2bild #navi2ophthalmology {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2ophthalmology.jpg);
}
.navi2bild #navi2office {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2office.jpg);
}
.navi2bild #navi2communication {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2communication.jpg);
}
.navi2bild #navi2mission {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2mission.jpg);
}
.navi2bild #navi2transportation {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2transportation.jpg);
}
.navi2bild #navi2emergency {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2emergency.jpg);
}
.navi2bild #navi2tendering {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2tendering.jpg);
}
.navi2bild #navi2experience {
    float:left;
	border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	height: 135px;
	width: 325px;
    background: url(Bilder/navi2experience.jpg);
}
.navi2bild #navi2_abstand {
	float:left;
    border: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 5px;
	height: 130px;
	width: 325px;
}

.navi2bild #navi2_abstand a:link, .navi2bild #navi2_abstand a:visited{
    
	margin-top: 0px;
	padding-left: 35px;
	text-align: left; 
    text-decoration: none;
	background: url(Bilder/navi2hg.gif);
	float: left;
	clear:left;
	width: 290px;
	font-family: Arial, Helvetica, sans-serif;
    color: #333333;
	height: 18px;
	line-height: 18px;
    font-size: 11px;
	border: none;
	font-weight: normal;
}

.navi2bild #navi2_abstand a:hover, .navi2bild #navi2_abstand a#aktiv{
    margin-top: 0px;
	padding-left: 35px;
	text-align: left;   
    text-decoration: none;
	background: url(Bilder/navi2hg_off.gif);
	float: left;
	clear:left;
	width: 290px;
	font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	border: none;
	font-weight: normal;
}




/************************************************
Hauptinhalt
************************************************/

.haupt {
    overflow: auto;
    clear:left;
    position: relative;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
    width: 917px;
	height:450px;
	border: none;
	background:url(Bilder/hg_haupt.gif);
	
}

td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	font-weight: normal;
}

.haupt #text{
	position: relative;
	float:left;
	margin-left: 30px;
	margin-top: 40px;
	padding: 0px;
	width: 540px;
	border: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	
}
* html .haupt #text {  /* nur fuer Internet Explorer */
  margin-left: 15px;     /* Version 5.x */
  ma\rgin-left: 15px;   /* Version 6 */  
}

.haupt #rechts{
	position: relative;
	float:left;
    border: none;
	text-align: left;
	margin-top: 40px;
	margin-left: 30px;
	padding: 0px;
	width: 300px;
}

.haupt #rechtsindex{
	position: relative;
	float:left;
    border: none;
	text-align: left;
	margin-top: 40px;
	margin-left: 40px;
	padding: 0px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

.haupt #rechts  #navigation4{
    border: none;
	float:left;
	text-align: left;
	margin-top: 16px;
	padding: 0px;
	width: 300px;
}
.haupt #rechts #navigation1{
    border: none;
	float:left;
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	width: 300px;
}
.haupt #rechts #navigation2{
    border: none;
	float:left;
	text-align: left;
	margin-top: 16px;
	padding: 0px;
	width: 300px;
}
.haupt #rechts #navigation3{
    border: none;
	float:left;
	text-align: left;
	margin-top: 16px;
	padding: 0px;
	width: 300px;
}


.ueberschrift {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #d58106; font-weight: bold; }
.orange1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #d58106; font-weight: normal; }
.orange2 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #d58106; font-weight: bold; }
.graugross {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; font-weight: bold; }
.rot {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ff0000; font-weight: normal; }

A.linkorange:link {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #d58106; font-weight: normal; text-decoration: underline;}
A.linkorange:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #d58106; font-weight: normal; text-decoration: underline;}
A.linkorange:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #d58106; font-weight: normal; text-decoration: underline;}
A.linkorange:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #d58106; font-weight: normal; text-decoration: underline;}

a.navi3:link, a.navi3:visited{
    margin: 0px;
	text-align: left; 
	padding-left: 10px;
	width: 290px;
    text-decoration: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
    color: #333333;
	height: 18px;
	line-height: 18px;
    font-size: 11px;
	border: none;
	font-weight: normal;
	background-color: #e0e0e0;
	background: url(Bilder/navi3hg.gif);
}

a.navi3:hover, a.navi3#aktiv3{
    margin: 0px;
	text-align: left; 
	padding-left: 10px;
	width: 290px;
    text-decoration: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
    color: #d58106;
	height: 18px;
	line-height: 18px;
    font-size: 11px;
	border: none;
	font-weight: normal;
	background-color: #e0e0e0;
}
a.navi3_unten:link, a.navi3_unten:visited{
    margin: 0px;
	text-align: left; 
	padding-left: 10px;
	width: 290px;
    text-decoration: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
    color: #333333;
	height: 17px;
	line-height: 17px;
    font-size: 11px;
	border: none;
	font-weight: normal;
	background-color: #e0e0e0;
	background: url(Bilder/navi3hg_unten.gif);
}

a.navi3_unten:hover, a.navi3_unten#aktiv3{
    margin: 0px;
	text-align: left; 
	padding-left: 10px;
	width: 290px;
    text-decoration: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
    color: #d58106;
	height: 17px;
	line-height: 17px;
    font-size: 11px;
	border: none;
	font-weight: normal;
	background-color: #e0e0e0;
}




/************************************************
Leiste Unten
************************************************/
.unten {
    width: 870px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 30px;
	border: none;
	background-color: #d58106;
	font-size: 11px;
	line-height: 14px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
    color: #fff;
	}
	
	.unten a{
	text-decoration: underline;
    font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
    color: #fff;
	}
	
* html .unten{  /* nur fuer Internet Explorer */
  width: 900px;     /* Version 5.x */
  w\idth: 870px;   /* Version 6 */  
}