/****************************/
/* CSS Document: HTP.eu			*/
/* Description: for FF & Co */
/*													*/
/* Author: J. Hölken				*/
/* Copyright: CAND Vision		*/
/* www.candvision.de				*/
/****************************/

/************************************/
/* Die Design definitionen			*/
/************************************/

body {
	background-image:url(./img/bg.gif);
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
	color:#000000; 
	}

.logoarea {
	background-image:url(./img/logobg.gif);
	position:absolute;
	left: 20px;
	top:10px;
	width:948px;
	max-width: 948px;
	height:85px;
	}
	#logo {
		position:absolute;
		top: 20px;
		left: 30px;
		z-index:100;
		}
	#logo2 {
		position:absolute;
		top: 13px;
		left: 250px;
		z-index: 23;
		}
	.logo-text {
		position:absolute;
		top: 13px;
		left: 230px;
		max-width: 200px;
		text-align:center;
		color: #808080;
		font-family: Arial, Verdana, Sans-serif;
		z-index:101;
		}
			.logo-text h1 {
				position:absolute;
				top:0px;
				left:0px;
				display:none;
				}
			.logo-text p {
				position:absolute;
				top:0px;
				left:0px;
				display:none;
				}
	.image {
		position: absolute;
		top: 95px;
		left: 200px;
		z-index:22;
		max-width: 700px;
		}
	.linie1 {
		background-image:url(./img/linie.gif);
		position:absolute;
		left: 20px;
		top: 220px;
		width:948px;
		max-width: 948px;
		line-height: 12px;
		z-index:100;
		}	
		
	.linie2 {
		background-image:url(./img/linie.gif);
		position:relative;
		padding:0;
		bottom: 0px;
		width: 948px;
		max-width: 948px;
		line-height: 12px;
		z-index:100;
		}	
	
/****************************/	
/* Hier beginnen die Menues */
/****************************/

	/* Definition für das horizontale Menue */
	#horizontal {
	padding-top: 0px;
	margin-top: 0px;
	position:absolute;
	left: 730px;
	top: 0px;
	z-index: 18;
	}
	#horizontal li
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: inline;
	list-style-type: none;
	padding-right: 1px;
	color:#006633;
	max-width: 120px;
	}
	#horizontal_en {
	padding-top: 0px;
	margin-top: 0px;
	position:absolute;
	left: 757px;
	top: 0px;
	z-index: 18;
	}
	#horizontal_en li
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: inline;
	list-style-type: none;
	padding-right: 1px;
	color:#006633;
	max-width: 120px;
	}
	#horizontal_navigation a:link, #horizontal_navigation a:visited, #horizontal_navigation a:active {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#006633; 
	}
	#horizontal_navigation a:focus, #horizontal_navigation a:hover {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#006633;
	}
	#flag_de {
	position:absolute;
	left: 810px;
	top: 40px;
	z-index: 102;
	}
	#flag_en {
	position:absolute;
	left: 860px;
	top: 40px;
	z-index: 102;
	}
	
	/* Definitionen des Hauptmenues */
	
	#current a:link, #current a:visited, #current a:active, #current a:hover, #current a:focus {
		color:#006633;
		font-size:15px;
		font-weight: bold;
		}
	
	#headline {
	color: #006633;
	text-decoration:none;
	font-weight:bold;
	}
	
.main_navigation {
	z-index: 10;
	padding-top: 0px;
	margin-top: 0px;
	position:absolute;
	top: 82px;
	left: 10px;
	}
	.main_navigation ul{
		margin-left: 10px;
		padding-left: 0px;
		list-style-type:none;
		font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
		font-size:13px;
		line-height: 25px;
		font-weight:bold;
	}
	.main_navigation li {
		background-image:url(inc/main1.gif);
		background-repeat:no-repeat;
		width: 185px;
		list-style: none;
		padding: 0;
		}

		.main_navigation a:link, .main_navigation a:visited, .main_navigation a:active {
			color:#000000;
			text-decoration:none;
		}
		.main_navigation a:hover, .main_navigation a:focus
		{
			color:#006633;
			font-size:15px;
			font-weight: bold;
			text-decoration:none;
		}
		
	/* Definition des Untermenues */	
	.submenue {
		position:absolute;
		top:250px;
		left:20px;
		z-index:3;
		}
	.submenue ul{
		margin-left:0;
		padding-left:0; 
		list-style-type:none;
		font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
		font-size:14px;
		}
	.submenue li {
		list-style: none;
		padding: 0;
		z-index:4;
		width: 179px;
		}

	.submenue a:link, .submenue a:visited, .submenue a:active {
		color:#000000;
		text-decoration:none;
		}
	.submenue a:hover, .submenue a:focus
		{
		color:#006633;
		text-decoration:none;
		font-weight: bold;
		}
		#aktive {
		color:#006633;
		text-decoration:none;
		font-weight: bold;
		}
		
		#deep {
		font-size:12px;
		}
		#current-small a:link, #current-small a:visited, #current-small a:active, #current-small a:hover, #current-small a:focus {
		color:#006633;
		font-size:12px;
		font-weight: bold;
		}
		
	/*Definition der Untermenue Felder */	
	.submenue_headline {
		background-image:url(inc/main.gif);
		background-repeat:no-repeat;
		line-height: 21px;
		color: #006633;
		font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
		font-size:16px;
		font-weight: bold;
		}
	.submenue_middle {
		background-image:url(inc/sub_mid.gif);
		background-repeat:no-repeat;
		line-height: 18px;
		color: #000000;
		font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
		font-size:14px;
		}
	.submenue_middle2 {
		background-image:url(inc/sub_mid2.gif);
		background-repeat:no-repeat;
		line-height: 18px;
		color: #000000;
		font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
		font-size:14px;
		}
	.submenue_bot {
		background-image:url(inc/sub_bot.gif);
		background-repeat:no-repeat;
		height: 18px;
		color: #000000;
		font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
		font-size:14px;
		}
		
		/*********************************************/
		/* Hier fangen die angaben für den Inhalt an */
		/*********************************************/
		
	.content {
		background-image:url(./img/content_bg.gif);
		position:absolute;
		left: 20px;
		top: 232px;
		width: 948px;
		max-width: 948px;
		z-index:2;
		}
	.text {
		float:left;
		position:relative;
		left: 200px;
		width: 530px;
		max-width: 530px;
		z-index:3;
		}
	.text h1 {
		color: #006633;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		}
	.text h2 {
		color: #006633;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		}
	.text p{
		color: #000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
	.text ul{
		color: #000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		position:relative;
		top: -13px;
		}
		#table {
		position: relative;
		top:		0px;
		left: 		-25px;
		}
		
		#tiefgezogen {
		position:relative;
		top: 15px;
		}
		#nah {
		position:relative;
		top: -13px;
		}
		#im_Bild {
		position:relative;
		bottom: 100px;
		}
		#im_Bild2 {
		position:relative;
		bottom: 150px;
		}
		#im_Bild3 {
		position:relative;
		bottom: 10px;
		}
		#leftBild {
		position:relative;
		left: 220px;
		}
		
	.clear {
		clear:both;
		}
	.width {
		width: 150px;
		max-width: 150px;
		min-width: 150px;
		}

		#referenzliste {
		position:relative;
		top: 12px;
		}
		
		#left {
		float:left;
		margin-left: 100px;
		margin-right: 30px;
		}
		
		#right {
		float:right;
		}
		
		#kleiner {
		position:relative;
		top: -10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#006633;
		}
		#kleinundunscheinbar {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
		#gruen {
		color: #006633;
		}
		
		#border {
		border: 1px solid #006633;
		}
		
		td {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
		#center {
		text-align:center;
		}
		
		#dunkel {
		background-color:#99CC99;
		line-height: 19px;
		font-family:Arial, Helvetica, sans-serif;
		z-index:97;
		}
		#hell {
		line-height: 19px;
		font-family:Arial, Helvetica, sans-serif;
		z-index:97;
		}
		
		#dunkel2 {
		background-color:#88bb88;
		line-height: 19px;
		font-family:Arial, Helvetica, sans-serif;
		z-index:97;
		}
		#hell2 {
		background-color:#C8E5D5;
		line-height: 19px;
		font-family:Arial, Helvetica, sans-serif;
		z-index:97;
		}
		#hell3 {
		background-color:#CCEAD9;
		line-height: 19px;
		font-family:Arial, Helvetica, sans-serif;
		z-index:97;
		}
		
		#help {
		cursor:help;
		text-decoration: none;
		border-bottom: 1px dotted #000000;
		}
		.submenue p {
		position:relative;
		left: 3px;
		width: 175px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
		
	td acronym,td a:link,td a:visited,td a:focus {
	color: #000000; 
	text-decoration:none; 
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
	z-index:99;
	}
	td a:hover,td a:active {
	color: #006633; 
	text-decoration:underline;
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
	z-index:99;
	}	
	
	
	acronym, a:link, a:visited, a:focus {
	color: #006633; 
	text-decoration:none; 
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
	}
	a:hover, a:active {
	color: #006633; 
	text-decoration:underline;
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
	}	
		
		/* Und die Adressleiste */
		
		.adressen {
		position:absolute;
		left:785px;
		max-width: 145px;
		z-index:3;
		}
		
		.adressen p {
		color: #006633;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 145px;
		max-width: 145px;
		}