@charset "UTF-8";
/* CSS Document */


*	{
	margin: 0px;
	padding: 0px;
	}
	
body	{
	background: #eaeaea url(Bilder/bg.jpg) repeat-x;
	background-position: top;
	}
	
body.startseite {
	background: #eaeaea url(Bilder/bg-kurz.jpg) repeat-x;
	background-position: top;
	}
	
.gesamt	{
	margin: 0 auto;
	width: 960px;
	}
	
.navigation	{
	width: 700px;
	height: 100px;
	float: left;
	}
	
.logo	{
	width: 219px;
	padding: 10px 20px;
	height: 330px;
	background: #79bd9a url(Bilder/ecke_gr_gruenblau.jpg) no-repeat;
	background-position: bottom right;
	float: left;
	margin: 0px 0px 0px 700px;
	position: absolute;
	z-index: 9999;
	}
	
.content	{
	margin-bottom: 45px;
	float: left;
	}
	
.content .linke_spalte	{
	width: 625px;
	margin-right: 40px;
	margin-left: 10px;
	padding-right: 25px;
	float: left;
	background: url(Bilder/linie_vertikal.jpg) repeat-y;
	background-position: top right;
	}

.content .rechte_spalte	{
	width: 260px;
	float: left;
	}
	
.footer	{
	width: 939px;
	padding: 30px 10px 0px 10px;
	height: 100px;
	background: url(Bilder/linie_horizontal.jpg) repeat-x;
	background-position: top left;
	float: left;
	}
	
/* #### NAVIGATION #### */

.navigation ul	{
	list-style-type: none;
	}

.navigation li	{
	width: 130px;
	height: 94px;
	float: left;
	text-align: center;
	}
	
.navigation a.navipunkt	{
	display: block;
	padding-top: 55px;
	height: 39px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;	
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
	}
	
.navigation a.navipunkt:hover	{
	display: block;
	padding-top: 55px;
	height: 39px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;	
	background: #0a3c59 url(Bilder/ecke_kl_gruenblau.jpg) no-repeat;
	background-position: bottom right;
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
	}
		
/* #### LOGO #### */

h6	{
	font: 40px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	}
	
table	{
	margin-top: 45px;
	width: 219px;
	}

table td	{
	font: 14px Arial, Helvetica, sans-serif;
	color: #444;
	vertical-align: top;
	}
	
/* #### BILD #### */
	
.bild	{
	width: 700px;
	height: 450px;
	background: url(Bilder/bilderrahmen.png) no-repeat;
	background-position: top left;
	float: left;
	}
	
.map	{
	width: 700px;
	height: 400px;
	position: absolute;
	z-index: -100;
	margin-top: 84px;
	}
	


/* #### LINKE SPALTE / CONTENT #### */

h1	{
	font: 500 32px Georgia, "Times New Roman", Times, serif;
	color: #0b486b;
	margin-bottom: 15px;
	}
	
h2	{
	font: 18px Arial, Helvetica, sans-serif;
	color: #444;
	}
		
h5	{
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #444;
	margin-bottom: 15px;
	}

p	{
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 1.6;
	color: #6d6e6e;
	margin-bottom: 20px;
	}
	
a.leistungen_punkt	{
	font: 18px Arial, Helvetica, sans-serif;
	color: #2a6a8e;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
	}
	
a.totop	{
	width: 15px;
	height: 15px;
	float: left;
	margin-left: 600px;
	margin-top: -15px;
	}
	
.direktzu	{
	width: 600px;
	float: left;
	margin-top: 25px;
	}
	
.direktzu h4	{
	font: 14px Arial, Helvetica, sans-serif;
	color: #444;
	margin-bottom: 20px;
	}
	
.direktzu ul	{
	list-style-type: none;
	}
	
.direktzu li	{
	color: #444;
	width: 599px;
	margin-bottom: 5px;
	font: Arial, Helvetica, sans-serif;
	}
	
.direktzu li a	{
	font: 14px Arial, Helvetica, sans-serif;
	color: #0b486b;
	text-decoration: none;
	transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
	}
	
.direktzu li a:hover	{
	color: #2a6a8e;
	transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
	}
	
table.vita	{
	float: left; 
	margin-top: 20px; 
	width: 300px;
	}
	
table.vita td	{
	padding-bottom: 5px;
	}
	
.mitarbeiter	{
	width: 200px;
	margin-right: 10px;
	float: left;
	}
.m3	{
	margin-right: 0px;
	}
	
.mitarbeiter p	{
	padding-left: 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #444;
	}
	
.mitarbeiter p .mtyp	{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #6d6e6e;
	}
	
a.web	{
	font: 14px Arial, Helvetica, sans-serif;
	color: #0b486b;
	text-decoration: none;
	transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
	}
	
a.web:hover	{
	color: #2a6a8e;
	transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
	}

/* #### RECHTE SPALTE #### */	

.infokasten	{
	width: 219px;
	padding: 25px 20px 40px 20px;
	background: #f7f7f7 url(Bilder/ecke_gr_weissgrau.jpg) no-repeat;
	background-position: bottom right;
	float: left;
	}
	
.infokasten p	{
	font: italic 14px Arial, Helvetica, sans-serif;
	line-height: 1.6;
	color: #0b486b;
	}
	
.infokasten p .autor {
	font: 10px Arial, Helvetica, sans-serif;
	color: #444;
	margin-bottom: 25px;
	}
	
.infokasten ul	{
	list-style-type: none;
	}
	
.infokasten a	{
	font: 14px Arial, Helvetica, sans-serif;
	color: #0b486b;
	text-decoration: none;
	}
	
.infokasten a .az_anfang	{
	font: bold 18px Arial, Helvetica, sans-serif;
	}
	
.infokasten li.az_ende	{
	margin-bottom: 10px;
	}

/* #### FOOTER #### */
.footer a	{
	font: 12px Arial, Helvetica, sans-serif;
	color: #0a3c59;
	text-decoration: none;
	float: left;
	margin-right: 150px;
	transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
	}
	
.footer a:hover	{
	font: 12px Arial, Helvetica, sans-serif;
	color: #2a6a8e;
	text-decoration: none;
	float: left;
	margin-right: 150px;	
	transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
	}
	
.footer p	{
	width: 960px;
	text-align: center;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #a6a6a6;
	}