@charset "utf-8";

/* Normalisiert margin, padding */
body, div, ul, ol, li, h1, h2, h3, h5, h6, pre, form, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Entfernt list-style aus Listen */
ol, ul  {
	list-style: none; 
}

/* Normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Entfernt list-style aus Listen */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Entfernt border aus fieldset und img */
img {
	border: 0;
}

/* Richtet Text in caption und th links aus */
caption, th {
	text-align: left;
}

/* Entfernt Anf�hrungszeichen aus q */
q:before, q:after {
	content: '';
}

/* Body */
html {
	text-align: center;
}

/* Erstellung einen Positionierungskontext */
body {
	position: relative;
	width: 900px;
	margin: 20px auto 0px auto;
	text-align: left;
}

em {
	font-style: normal;
	font-weight: bold;
	color: #1067ad;
}

/*__________________________________________________________________________________*/
#firma {
	position: relative;
	/*background-color: #223d51;*/
	background-color: #eeeeee;
}

#kopfbereich {
	position: relative;
	width: 900px;
	height: 260px;
	background-image: url(images/kopf6b_n.jpg);
	background-repeat: no-repeat;
	background-color: #7a96ab;
}

#kopfb {
	position: relative;
	width: 900px;
	height: 260px;
	background-image: url(images/kopf4aaaaa_n.jpg);
	background-repeat: no-repeat;
	background-color: #7a96ab;
}

#kopfc {
	position: relative;
	width: 900px;
	height: 260px;
	background-image: url(images/kopf4bbb_n.jpg);
	background-repeat: no-repeat;
	background-color: #7a96ab;
}

#kopfd {
	position: relative;
	width: 900px;
	height: 260px;
	background-image: url(images/kopf4bb_n.jpg);
	background-repeat: no-repeat;
	background-color: #7a96ab;
}

#kopfe {
	position: relative;
	width: 900px;
	height: 260px;
	background-image: url(images/kopf6_n.jpg);
	background-repeat: no-repeat;
	background-color: #7a96ab;
}

#logo {
	position: absolute;
	top: 30px;
	left: 1px;
	background-image: url(images/logo_m-hu2.jpg);
	background-repeat: no-repeat;
	width: 350px;
	height: 135px;
	z-index: 2;
}

#kreis_links {
	position: absolute;
	top: 20px;
	left: -149px;
	background-image: url(images/fond_kreis4.png);
	background-repeat: no-repeat;
	width: 149px;
	height: 373px;
	z-index: 5;
}

#kreis_rechts {
	position: absolute;
	top: 210px;
	left: 900px;
	background-image: url(images/fond_kreis5.png);
	background-repeat: no-repeat;
	width: 149px;
	height: 373px;
	z-index: 5;
}

#kreis_sub_links {
	position: absolute;
	top: 70px;
	left: 0px;
	background-image: url(images/fond_kreis5.png);
	background-repeat: no-repeat;
	width: 149px;
	height: 373px;
	z-index: 5;
}
	         
#schatten {
	width: 900px;
	height: 7px;
	background-image: url(images/schatten_unten2.gif);
	background-repeat: repeat-x;
}

#metanav li {
	float: right;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 3px;
	display: inline;
	color: #093256;
}

#metanav a {
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	color: #093256;
	font-size: 90%;
}

#metanav a:visited.pfeil {
	color: #093256;
	/*color: #f2c318;*/
}

#metanav a:hover {
	color: #7a96ab;
}	

#hauptnav li {
	float: left;
	display: inline;
	margin-top: 220px;
	padding-top: 7px;
	padding-bottom: 3px;
	color: #ccc;
	height: 30px;
}

#hauptnav a {
	text-decoration: none;
	color: #093256;
	padding-right: 20px;
	padding-left: 20px;
	height: 30px;
}

.hnav_active {
	background-image: url(images/button8.jpg);
	background-repeat: repeat-x;
	color: #093256;
}

#hauptnav a:visited.hnav_visit {
	color: #093256;
}

#hauptnav a:hover {
	color: #cacfd7;
}

li {
	font-size: 110%;
	padding-bottom: 3px;
}
/*____________________________________________________________________________________*/
#inhalt {
	/*position: absolute;*/
	position: relative;
	width: 900px;
	margin: 0px auto 0px auto;
	background-image: url(images/fond_inhalt3d.jpg);
	background-repeat: repeat-y;
}

#subinhalt {
	float: left;
	width: 346px;
	padding-left: 15px;
}

#kreis_sub_unten {
	position: absolute;
	top: 390px;
	left: 80px;
	background-image: url(images/fond_kreis6.png);
	background-repeat: no-repeat;
	width: 270px;
	height:108px;
	z-index: 2;
}

#m_hu {
	position: absolute;
	top: 80px;
	left: 85px;
	background-image: url(images/m-hu6_kl.gif);
	background-repeat: no-repeat;
	width: 270px;
	height: 372px;
	z-index: 7;
}

#hauptinhalt {
	margin-left: 356px;
	padding: 10px 20px 5px 20px;
	/*padding: 5px 20px 0px 20px;
	margin: 0x auto 0px 356px;
	border: 1px solid red;*/
}
	
#bildmaterial {
	position: relative;
	float: left;
	height: 290px;
	width: 312px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 10px 10px 35px 10px;
}

#bildmaterial img {
	border: none;
	position: absolute;
	width: 100px;
	height: 100px;
	padding: 1px;
}

#bildmaterial a:hover img {
	background-color: #000;
	outline: 2px solid gray;
}

#ksmm  img {
	top: 10px;
	left: 10px;
}

#bjo  img {
	top: 10px;
	left: 115px;
	/*width: 205px;*/
}

#lyd  img {
	top: 10px;
	left: 220px;
}

#ksm  img {
	top: 115px;
	left: 115px;
}

#bildmaterial_b {
	position: relative;
	float: left;
	height: 110px;
	width: 312px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 10px 0px 10px 0px;
}

#bildmaterial_b  img {
	border: none;
	position: absolute;
	width: 100px;
	height: 100px;
	padding: 1px;
}

#bildmaterial_b a:focus img {
	background-color: #000;
	outline: 2px solid gray;
}

#bildmaterial_b a:hover img {
	background-color: #000;
	outline: 2px solid gray;
}

#ksmm_b  img {
	top: 10px;
	left: 10px;
}

#bjo_b  img {
	top: 10px;
	left: 115px;
}

#lyd_b  img {
	top: 10px;
	left: 220px;
}

/*__________________________________________neu ref____________________________________________*/
#bildmaterial_ref {
	position: relative;
	float: left;
	height: 250px;
	width: 250px;
	margin-top: 10px;
	margin-left: 10px;
	/*padding_left: 10px;*/
}

#bildmaterial_ref  img {
	border: none;
	position: absolute;
	width: 50px;
	height: 50px;
	border: 1px solid gray;
}

/*#bildmaterial_ref a:focus img {
	width: 50px;
	height: 50px;
	background-color: #000;
	outline: 2px solid gray;
}*/

#bildmaterial_ref a:hover img {
	background-color: #000;
	outline: 2px solid gray;
}

#gb1_ref img {
	top: 0px;
	left: 0px;
}

#gb2_ref img {
	top: 0px;
	left: 60px;
}

#gb3_ref img {
	top: 0px;
	left: 120px;
}

#gb4_ref img {
	top: 0px;
	left: 180px;
}

#gb5_ref img {
	top: 60px;
	left: 0px;
}

#gb6_ref img {
	top: 60px;
	left: 60px;
}

#gb7_ref img {
	top: 60px;
	left: 120px;
}

#gb8_ref img {
	top: 60px;
	left: 180px;
}

#gb9_ref img {
	top: 120px;
	left: 0px;
}

#gb10_ref img {
	top: 120px;
	left: 60px;
}

#gb11_ref  img {
	top: 120px;
	left: 120px;
}

#gb12_ref img {
	top: 120px;
	left: 180px;
}

#wb1_ref img {
	top: 0px;
	left: 0px;
}

#wb2_ref img {
	top: 0px;
	left: 60px;
}

#wb3_ref img {
	top: 0px;
	left: 120px;
}

#wb4_ref img {
	top: 0px;
	left: 180px;
}

#wb5_ref img {
	top: 60px;
	left: 0px;
}

#wb6_ref img {
	top: 60px;
	left: 60px;
}

#wb7_ref img {
	top: 60px;
	left: 120px;
}

#wb8_ref img {
	top: 60px;
	left: 180px;
}

#wb9_ref img {
	top: 120px;
	left: 0px;
}

#wb10_ref img {
	top: 120px;
	left: 60px;
}

#wb11_ref  img {
	top: 120px;
	left: 120px;
}

#wb12_ref img {
	top: 120px;
	left: 180px;
}

#ib1_ref img {
	top: 0px;
	left: 0px;
}

#ib2_ref img {
	top: 0px;
	left: 60px;
}

#ib3_ref img {
	top: 0px;
	left: 120px;
}

#ib4_ref img {
	top: 0px;
	left: 180px;
}

#ib5_ref img {
	top: 60px;
	left: 0px;
}

#ib6_ref img {
	top: 60px;
	left: 60px;
}

#ib7_ref img {
	top: 60px;
	left: 120px;
}

#ib8_ref img {
	top: 60px;
	left: 180px;
}

#ib9_ref img {
	top: 120px;
	left: 0px;
}

#ib10_ref img {
	top: 120px;
	left: 60px;
}

#ib11_ref  img {
	top: 120px;
	left: 120px;
}

#ib12_ref img {
	top: 120px;
	left: 180px;
}
/*______________________________________________________________________________________*/

#leer {
	clear: both;
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(images/fond_inhalt3d.jpg);
	background-repeat: repeat-y;
}

#fussbereich {
	clear: both;
	width: 900px;
	height: 20px;
	background-image: url(images/fond_fuss5.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 27px 0px 10px 0px;
}

#fussbereich p{
	text-align: right;
	padding-right: 80px;
	color: #000;
}

/*___________________________________________Typo_______________________________________*/
body{
	font-family: Trebuchet MS, sans-serif;
	font-size: .80em; 
}

h2, h3, h4, p, ul, blockquote {
	margin: 0 20px .80em 0px;
}

h2 {
	padding-top: 10px;
	margin-bottom: .15em;
	font-weight: bold;
	color: #96c167;
} 

h3 {
	padding-top: 10px;
	margin-bottom: .15em;
	font-weight: bold;
	color: #1067ad;
}

.betonen  {
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding-bottom: 5px;
}

h4 {
	color: #1067ad;
	margin-top: 10px;
	margin-bottom: .15em;
}

#referenzen_titel {
	text-decoration: underline;
}

p {
	font-size: 110%;
}

.titel {
	font-size: 100%;
	font-weight: bold;
}

li > h4 {
	margin-left: 0;
}

a:link, a:visited {
	text-decoration: none;
}

a {
	color: #96c167;
	font-weight: bold;
}

a:hover{
	/*color: #B1AFA2;*/	
	color: #9ABFDA;	
	/*color: #A30056;*/
	font-weight: bold;
}

#metanav li {
	font-weight: bold;
}

#hauptnav li {
	font-size: 150%;
}

#fussbereich p {
	font-size: 90%;
}

/*_______________________________________________*/

#breadcrumbs {
	color: #7a96ab;
}

span {
	color: #fff;
	font-weight: bold;
	}

.meldung{
	color: #f7c12b;
}

hr {
	border: 1px solid #9ABFDA;
}

strong {
	font-weight: bold;
	color:  #7a96ab;
}

#impressum table {
	width: 600px;
}

#impressum td {
	padding-top: 5px;
}

.kontakt td {
	padding-bottom: 10px;
}

a.leistung  {
	color: #1067ad;
}

a:hover.leistung {
	color: #96c167;
}

/*#content{

    background-image: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='core/images/content_main_bg.png');
    }
*/
 

/*____________________________________________________________________________________*/

.box {
	margin-top: 20px;
	width: 300px;
}

.box h3 {
	width: 275px;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	padding-left: 10px;
	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	background-image: url(images/box_oben_mhu2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #fff;
}

.box div {
	width: 275px;
	background-image: url(images/box_unten_mhu2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 0px;
	margin-left: 40px;
	padding: 5px 5px 7px 30px;
}

.box p {
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px 0px 0px 0px;
}

/*________________________________Seiten Thumbnails_____________________________________________*/

#navi_thumbs {
	height: 15px;
	margin-left: 415px;
	margin-top: 0px;
}

a.thumb {
	width: 15px;
	height: 15px;
	border: 1px solid #96c167;
	color: #96c167;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	float: left;
	display: block;
}

a:hover.thumb {
	border: 1px solid #1067ad;
	color: #1067ad;
}

a:visited.thumb_aktiv {
	width: 15px;
	height: 15px;
	border: 1px solid #f7c12b;
	color: white;
	background-color: #f7c12b;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	float: left;
	display: block;
}

/*______________________________Raster_Referenzen____________________________________________*/
.raster_referenzen {
	width: 250px;
	margin-left: 85px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.vorschau_rahmen_blank {
	width: 50px;
	height: 50px;
	margin-left: 6px;
	margin-top: 7px;
	border: 1px solid #bfb2b2;
	background-color: transparent;
	float: left;
	display: block;
}

.vorschau_rahmen {
	width: 50px;
	height: 50px;
	margin-left: 6px;
	margin-top: 7px;
	border: 1px solid #bfb2b2;
	float: left;
	display: block;
	text-align: center;
}

.vorschau_rahmen:hover {
	width: 50px;
	height: 50px;
	border: 1px solid #9ABFDA;
	color: #9ABFDA;
	outline: 1px solid #9ABFDA;
}

.vorschau_rahmen img {
	width: 50px;
	height: 50px;
}

.vorschau_rahmen:hover img {
	width: 50px;
	height: 50px;
}

a:visited.vorschau_rahmen2 {
	width: 50px;
	height: 50px;
	margin-left: 6px;
	margin-top: 7px;
	border: 1px solid orange;
	float: left;
	display: block;
}

a:visited.vorschau_rahmen2 img {
	width: 50px;
	height: 50px;
}
/*______________________________zum_Testen____________________________________________*/


/*______________________________website____________________________________________*/

.webseite {
	display: none;
}

/*______________________________ani____________________________________________*/

.ani {
	position: absolute;
	top: 72px;
	left: 356px;
	z-index: 150;
	width: 544px;
	height: 145px;
	border: 0px solid red;
}

.m_hu_ani {
	position: absolute;
	top: 80px;
	left: 65px;
	/*left: 85px;
	background-image: url(images/m-hu6_kl.gif);
	background-repeat: no-repeat;*/
	width: 270px;
	height: 372px;
	z-index: 15;
}