/*Layout
++++++++*/
body {
	margin:0px;
	background-color:#DFDFDF;
	font-family:"Trebuchet MS";
	font-size:12px;
}
ul{
	text-align:left;
}
li{
	list-style-image:url(../images/aufzaehlzeichen.gif);
}
.verdana{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#webring{
	background-color:#DFDFDF;
	padding-top:25px;
}
#webring a{
	color:#002D4F;
}
#container {
	position:absolute;
	left:50%;
	width:800px;
	height:600px;
	margin-left:-400px;
}
#content_inner {
	position:relative;
	width:470px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:50px;
	margin-top:30px;
	z-index:1;
	
	text-align:justify;
	line-height:16pt;
	font-size:9pt;
}
#content_outer {
	position:absolute;
	width:550px;
	margin-top:100px;
	background-color:white;
	z-index:1;
	
	text-align:justify;
	line-height:16pt;
	font-size:9pt;
}
	#content_outer a{
		text-decoration:none;
		font-weight:bold;
		color:#002D4F;
	}
	#content_outer a:hover {
		text-decoration:underline;
	}	
	#content_outer h1{
		font-size:11pt;
		font-weight:bold;
		color:#ABBDCC;
	}
	#content_outer strong{
		font-weight:bold;
		color:#002D4F;
	}
	#content_outer table{
		margin-top:-5px;
		margin-left:-8px;
		line-height:12pt;
		text-align:justify;
	}
	#content_outer td{
		vertical-align:top;
	}
	#content_outer td a:hover{
		text-decoration:none;
	}
	#content_outer p a:hover{
		text-decoration:underline;
	}
	
	#content_outer .links td{
		text-align:left;
	}
	#content_outer .links strong{
		font-size:14px;
		font-weight:bold;
		color:#ABBDCC;
	}
	
	#impressum{
		line-height:26px;
		color:#002D4F;
	}
	#impressum h2{
		font-size:14px;
		margin-bottom:8px;
	}
	#impressum strong{
		font-weight:bold;
	}
	#impressum table{
		margin-left:-2px;
		line-height:20px;
	}
	
	#team table{
		font-weight:bold;
		color:#002D4F;
	}
	#team td{
		text-align:center;
	}
	#team img{
		border:solid 2px #ABBDCC;
	}
	
	#content_outer .referenzen img{
		margin-left:-30px;
		margin-top:-30px;
		margin-right:-30px;
		z-index:1;	
	}
	#content_outer .referenzen h2{
		z-index:3;
		font-size:18px;
		margin-top:-40px;
		color:#002D4F;
	}
	#content_outer .referenzen a{
		text-decoration:underline;
	}
	
	#content_outer .kontakt .farbig{
		margin-bottom:10px;
		color:#002D4F;
	}
	#content_outer .kontakt select{
		margin-bottom:10px;
		width:168px;
		height:20px;
		color:#002D4F;
	}
	#content_outer .kontakt table{
		margin-left:-2px;
		text-align:left;
	}
	#content_outer .kontakt li{
		list-style-type:none;
		list-style-image:none;
	}
		#sigeko{
			margin-left:30px;
			width:250px;
		}
	
	#content_outer td{
		vertical-align:top;
	}
	#content_outer .leistungen .linke_spalte{
		width:70px;
		margin-top:0px;
		text-align:right;
	}
	
#navigation{
	position:absolute;
	width:250px;
	margin-left:550px;
	margin-top:100px;
	z-index:3;
	background-color:white;
}
	#kategorien{
		position:relative;
		width:250px;
		height:256px;
		margin-top:2px;
		background-color:#ABBDCC;
		z-index:2;
	}
		.gruppe_{
			background-image:url(../images/navigation_gruppe.gif);
		}
		.gruppe_10{
			background-image:url(../images/navigation_gruppe_1.gif);
		}
		.gruppe_1{
			background-image:url(../images/navigation_gruppe_2.gif);
		}
		.gruppe_2{
			background-image:url(../images/navigation_gruppe_3.gif);
		}
		.gruppe_3{
			background-image:url(../images/navigation_gruppe_4.gif);
		}
		.gruppe_5{
			background-image:url(../images/navigation_gruppe_5.gif);
		}
		.gruppe_4{
			background-image:url(../images/navigation_gruppe_6.gif);
		}
		.buero_{
			background-image:url(../images/navigation_buero.gif);
		}
		.buero_10{
			background-image:url(../images/navigation_buero.gif);
		}
		.buero_9{
			background-image:url(../images/navigation_buero_1.gif);
		}
		.buero_13{
			background-image:url(../images/navigation_buero_1.gif);
		}
		.buero_7{
			background-image:url(../images/navigation_buero_2.gif);
		}
		.buero_14{
			background-image:url(../images/navigation_buero_2.gif);
		}
		.buero_6{
			background-image:url(../images/navigation_buero_3.gif);
		}
		.buero_8{
			background-image:url(../images/navigation_buero_4.gif);
		}
		.buero_16{
			background-image:url(../images/navigation_buero_5.gif);
		}
		.buero_17{
			background-image:url(../images/navigation_buero_8.gif);
		}
		.buero_12{
			background-image:url(../images/navigation_buero_6.gif);
		}
		.buero_11{
			background-image:url(../images/navigation_buero_9.gif);
		}
		.buero_15{
			background-image:url(../images/navigation_buero_10.gif);
		}
			.liste {
				position:absolute;	
				margin-top:10px;
				width:120px;
				height:196px;
				line-height:19px;			
				z-index:3;
			}
			.links{
				margin-left:15px;
				color:#E1ECF5;
			}
			.rechts{
				margin-left:141px;
				color:#002D4F;
			}
			#kategorien h2{
				margin-top:0px;
				margin-bottom:0px;
				font-size:16px;
				font-weight:normal;
				line-height:16px;							
			}
			#kategorien .links a{
				color:#E1ECF5;
			}
			#kategorien .rechts a{
				color:#002D4F;
			}
	#aktuelles {
		position:relative;	
		z-index:3;
		width:225px;
		height:186px;
		margin-top:2px;
		margin-bottom:2px;
		padding-top:10px;
		padding-left:15px;
		padding-right:10px;
		background-color:#002D4F;
		line-height:15px;
		
		color:#ABBDCC;	
	}
	.new {
		background-image:url(../images/aktuelles_hintergrund.gif);
	}
	.visited {
		background-image:url(../images/aktuelles_hintergrund_still.gif);
	}
	#aktuelles h2{
		margin-top:0px;
		font-size:16px;
		font-weight:normal;
		line-height:16px;						
	}
	#aktuelles h2 a{	
		font-weight:normal;
		color:#ABBDCC;							
	}
	#aktuelles h2 a:hover{
		text-decoration:none;
		color:white;		
		font-weight:normal;
	}
	#aktuelles h3{
		margin-top:0px;
		margin-bottom:0px;
		font-size:12px;
		color:#E1ECF5;
		font-weight:bold;
	}
	#aktuelles a{	
		font-weight:normal;
		color:#ABBDCC;							
	}
	#aktuelles a:hover{
	}
	#pfeile {
		position:absolute;	
		margin-left:213px;
		margin-top:-30px;
		z-index:4;
	}
	
	#navigation .referenzen {
		position:relative;
		padding:10px;
		padding-top:5px;
		z-index:2;
		height:180px;
		background-color:#FFFFFF;
	}
	#navigation .referenzen h2 {
		margin-left:0px;
		margin-right:0px;
		margin-top:4px;
		margin-bottom:4px;
		font-size:14px;
		font-weight:bold;
		color:#002D4F;
	}
	#navigation select {
		background-color:#ABBDCC;
		color:#002D4F;
		width:230px;
		border-color:#002D4F;
		border-style:solid;
		border-width:1px;
		border-right:0px;
	}
	
	.button {
		position:relative;	
		width:235px;
		height:41px;
		margin-top:2px;
		background-color:#002D4F;
		padding-left:15px;
		padding-top:7px;
		background-image: url(../images/button.gif);
		z-index:2;
	}
	.button a {
		font-size:16px;
		font-weight:normal;
		color:#ABBDCC;
	}
	.button a:hover {
		text-decoration:none;
		font-weight:normal;
		color:white;
	}
	#kopf {
		position:absolute;
		width:800px;
		height:100px;
		background-color:#002D4F;
		z-index:3;
	}
		#logo {
			position:absolute;
			width:125px;
			height:100px;
			z-index:0;
		}
		#illustration {
			position:absolute;
			width:250px;
			height:100px;
			margin-left:550px;
			z-index:0;
		}
		
	#map24 {
		z-index:3;
		position:absolute;
		margin-top:0px;
		margin-left:345px;
	}
		
	#hintergrund {
		position:relative;
		width:550px;
		height:696px;
		background-color:white;
		z-index:0;
	}
	#mitarbeiter_flash {
		position:relative;
		width:400px;
		height:100px;
		margin-top:30px;
		margin-left:-30px;
		margin-bottom:0px;
		margin-right:-30px;
		z-index:1;
	}
	#slogan_flash {
		position:relative;
		width:145px;
		height:50px;
		margin-top:-100px;
		margin-left:370px;
		margin-bottom:0px;
		margin-right:-30px;
		z-index:1;
	}

.lay_aufzaehlzeichen {
	position:absolute;
	margin-top:8px;
}

#lay_inhalt_abstand_kontakt {
	margin-top:30px;
	margin-left:30px;
	margin-right:60px;
}
#lay_referenzen_auswahl_abstand {
	margin-left:10px;
}
#lay_referenzen_anzeige {
	position:relative;	
	width:550px;
	height:598px;
	background-color:#FFFFFF;
}
#lay_referenzen_anzeige_foto {
	position:absolute;	
	width:550px;
	height:200px;
}
#lay_referenzen_anzeige_titel {
	position:absolute;	
	margin-top:330px;
	margin-left:20px;
}
#lay_referenzen_anzeige_beschreibung {
	position:absolute;	
	width:510px;
	margin-top:400px;
	margin-left:20px;
}
#lay_referenzen_anzeige_weitere {
	position:absolute;	
	width:510px;
	margin-top:520px;
	margin-left:20px;
}
#lay_anfahrt_titel {
	z-index:1;
	position:relative;
}
#lay_anfahrt_karte {
	z-index:0;
	position:relative;
	width:364px;
	height:500px;
	margin-top:-40px;
}
#lay_anfahrt_text {
	z-index:1;
	position:absolute;
	margin-top:-470px;
	margin-left:325px;
	width:200px;
}

/*Formatierung
++++++++*/
.dunkelblau {
	color:#002D4F;
}
.hellblau {
	color:#ABBDCC;
}
.hellhellblau {
	color:#E1ECF5;
}
.weiss {
	color:white;
}

a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
	font-weight:bold;
}
.a2 {
	text-decoration:none;
	font-weight:normal;
}
.a2:hover {
	text-decoration:none;
	font-weight:normal;
	color:white;
}
.a3 {
	text-decoration:none;
}
.a3:hover {
	text-decoration:underline;
}
.a4 {
	text-decoration:none;
	font-weight:normal;
}
.a4:hover {
	text-decoration:underline;
	font-weight:normal;
}
.a5 {
	text-decoration:none;
}
.a5:hover {
	text-decoration:none;
}
.form_klein {
	font-size:10px;
}
.form_normal {
	font-size:12px;
}
.form_gross {
	font-size:14px;
}
.form_extragross {
	font-size:16px;
}
.form_supergross {
	font-size:18px;
}
.form_abs_eng {
	line-height:12px;
}
.form_abs_normal {
	line-height:16px;
}
.form_abs_weit {
	line-height:26px;
}
.form_fett{
	font-weight:bold;
}
.form_kursiv{
	font-style:italic;
}
.form_blocksatz{
	text-align:justify;
}
