* {
	font-family: verdana;
	text-decoration: none;
}

.sub {
	font-size: 9px;
	vertical-align: sub;
}

p {
	line-height: 15px;
	margin-top: 0px;
}

h1 {
	color: #005563;
	font-size: 14px;
	letter-spacing: 1px;
	background-color: #C2E3E8;
	margin: 0px 0px 20px;
	padding: 2px 0 1px 2px;
}

h2 {
	color: #005563;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 10px 0px 0px;
	padding: 0 0 5px 2px;
}

h3 {
	clear: both;
	color: #005563;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 2px;
}



h5 {
	clear: both;
	color: #005563;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 20px 0 0 2px;
}

/* Maginal HL */
h4 { 
	margin: 0px;
	color: #005563;
	background-color: #C2E3E8;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 5px 3px;
}

.datum {
	margin: 0px;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 1px;
	color: #666;
	text-decoration: none;
	padding: 10px 0 0 2px;

}

.archiv {
	padding-bottom: 20px;
	width: 400px;
	border-bottom: 1px solid #C2E3E8;
}

.text {
	margin: 0px;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #005563;
	text-decoration: none;
	padding: 0 0 10px 2px;
}

.textbold {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #005563;
	text-decoration: none;
	padding: 5px 0 0 2px;
}

.textkursiv {
	margin: 0px;
	font-size: 11px;
	font-style: italic;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #7faab0;
	text-decoration: none;
	padding: 10px 0 0 15px;
}

.contentliste {
	color: #005563;
	margin-top: 5px;
	padding-left: 20px; /*Abstand vom linken Rand*/
	margin-bottom: 5px;
	text-decoration: none;
	background: url(../images/img_liste_1.png) no-repeat 0 4px;
}

a:link, a:visited {
	color: #0098c0;
	padding-left: 15px;
	background: url(../images/img_link_1.png) no-repeat 0 4px;
	text-decoration: none;
	text-shadow: #6FBBCC 2px 2px 2px;
}

a:hover, a:active {
	color: #A9D331;
	background: url(../images/img_link_2.png) no-repeat 0 4px;
	text-decoration: none;
	text-shadow: #D6E994 2px 2px 2px;
}

.maginal_text {
	font-size: 10px;
	padding: 0 5px 10px;
	color: #005563;
	font-size: 11px;
	margin-top: 0px;
}

.maginal_info {
	font-size: 9px;
	padding: 0 5px 10px;
	color: #666;
	margin-top: 0px;
}

.maginal_textbold {
	font-weight: bold;
	font-size: 10px;
	color: #005563;
	font-size: 11px;
	padding: 0px 5px 0 5px;
	margin-top: 5px;
}

.maginallinkliste {
	color: #005563;
	font-size: 10px;
	padding-left: 0px; /*Abstand vom linken Rand*/
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	line-height: 20px;
	text-align: left;
}

/* @group grafiken */

/* @group thumbs historie */


.thumbhistorie {
width: 100px;
height: 100px;
list-style: none none;
display: inline;
float: left;
padding-bottom: 20px;
padding-right: 300px;
}

.thumbhistorie:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}


.thumbhistorie a {
margin: 0px;
padding: 0px;
position: relative;
float: left;
display: block;
width: 100px;
height: 100px;
}

.thumbhistorie a:hover {
font-size: 100%;
z-index: 2;
}

.thumbhistorie a img {
position: absolute;
width: 400px;
height: 200px;
border: 1px solid #C2E3E8;
}

.thumbhistorie a:hover img,.thumbhistorie a:active img,.thumbhistorie a:focus img {
width: 600px;
height: 300px;
left: 0px;
top: 0px;
z-index: 1;
}


/* @end */

/* @group thumbs */


.thumb {
	width: 200px;
	height: 20px;
	list-style: none none;
}

.thumb:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}


.thumb a {
margin: 0px;
position: relative;

display: block;


}

.thumb a:hover {
font-size: 100%;
z-index: 2;
}

.thumb a img {
position: absolute;
width: 1px;
height: 1px;
border: 1px solid #C2E3E8;
}

.thumb a:hover img,.thumb a:active img,.thumb a:focus img {
width: 400px;
height: 600px;
left: 0px;
top: 0px;
z-index: 1;
}


/* @end */

#service_button{
	margin-left: 45px;
	margin-top: 65px;
	width: 230px;
	height: 200px;
	background: url(../images/service.png) no-repeat;
}

#umsatz {
	float: right;
	width: 260px;
	height: 190px;
	background: url(../images/umsatz.png) no-repeat;
	padding-bottom: 20px;
}


#kompetenzen {
	float: left;
	background: url(../images/img_kompetenzen.png) no-repeat;
	width: 400px;
	height: 86px;
}


/* @end */

/* @group splash_site */

#rahmen_splash {
	width: 1100px;
	height: 500px;
	margin: auto;
	
}	

#flaeche_splash {
	width: 1100px;
	height: 725px;
	background: url(../images/hg_kv_slpash.jpg) no-repeat;
}

#logo_splash {
	background: url(../images/logo_b.jpg) no-repeat;
	width: 590px;
	height: 200px;
	margin-left: 160px;
}

/* @group navi splash */

#navi_splash ul {
	width: 200px;
	list-style-image: none;
	font-size: 11px;
	text-decoration: none;
	margin-left: 120px;
	margin-top: 200px;
}

#navi_splash ul li {
	color: #0098c0;
	letter-spacing: 1px;
	text-decoration: none;
	list-style-type: none;
}

#navi_splash ul a:link, #navi_splash ul a:visited {
	width: 200px;
	padding-left: 90px;
	display: block;
	color: #0098c0;
	background: url(../images/bt_splash_1.jpg) no-repeat 0 4px;
	text-decoration: none;
	line-height: 20px;
}

#navi_splash ul a:hover, #navi_splash a:active {
	width: 200px;
	background: url(../images/bt_splash_2.jpg) no-repeat 0 4px;
	color: #A9D331;
	text-decoration: none;
}



/* @end */

/* @group Navi soon */
#navi_soon ul li {
	color: #666;
	letter-spacing: 1px;
	text-decoration: none;
	list-style-type: none;
}

#navi_soon ul {
	width: 200px;
	list-style-image: none;
	font-size: 11px;
	text-decoration: none;
	margin-left: 120px;
}

#navi_soon ul a:link, #navi_soon ul a:visited {
	width: 200px;
	padding-left: 90px;
	display: block;
	color: #666;
	background: url(../images/bt_splash_3.jpg) no-repeat 0 4px;
	text-decoration: none;
	line-height: 20px;
}

#navi_soon ul a:hover, link_soon a:active {
	width: 200px;
	background: url(../images/bt_splash_3.jpg) no-repeat 0 4px;
	color: #666;
	text-decoration: none;
}




/* @end */


#footer_splashtext {
	width: 590px;
	height: 20px;
	margin-left: 160px;
	margin-top: 250px;
	color: #666;
	font-size: 9px;
	text-decoration: none;
	letter-spacing: 1px;
}

#footer_splashtext a:link, #footer_splashtext a:visited {
	text-decoration: none;
	color: #666;
	background-image: none;
	padding-left: 0px;
}

#footer_splashtext a:hover, #footer_splashtext a:active {
	text-decoration: none;
	color: #A9D331;
	background-image: none;
	padding-left: 0px;
}

#footer_splash {
	clear: left;
	background: url(../images/hg_footer_splash.jpg) no-repeat;
	height: 100px;
	width: 1100px;
	
}


/* @end */

/* @group navigation */
#navi {
	float: left;
	margin-left: 35px;
	margin-top: 50px;
	width: 275px;
	height: 300px; 
	line-height: 20px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight:bold;
	font-family: verdana;
	letter-spacing: 1px;
	color: #0098c0;
}
/*
ul#navi {
	line-height: 20px;
	font-size: 11px;
	text-transform: uppercase;
	color: #005563;
	font-weight:bold;
	margin: 0px;
	padding:0px;
	list-style-type: none;	
}
*/

#navi li {
	padding-left: 15px; /*Abstand vom linken Rand*/
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	list-style-type: none;
}

#navi li a.aktuell {
	padding-left: 25px;
	background: url(../images/img_navi_2.jpg) no-repeat 0 4px;
	color: #A9D331;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
	text-shadow: #D6E994 2px 2px 2px;
}

#navi a:link, #navi a:visited {
	padding-left: 10px;
	display: block;
	color: #0098c0;
	background: url(../images/img_navi_1.jpg) no-repeat 0 4px;
	text-decoration: none;
}


#navi a:hover, #navi a:active {
	padding-left: 25px;
	background: url(../images/img_navi_2.jpg) no-repeat 0 4px;
	color: #A9D331;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
}

/* @end */

/* @group subnavigation */

#subnavi {
	line-height: 15px;
	font-size: 10px;
	text-transform: uppercase;
	color: #005563;
	font-weight:normal;
	font-family: verdana;
	letter-spacing: 1px;
}

ul#subnavi {
	line-height: 15px;
	font-size: 10px;
	text-transform: uppercase;
	color: #005563;
	font-weight:normal;
	margin: 0px;
	padding:0px;
	list-style-type: none;	
}

#subnavi li {
	padding-left: 35px; 	/*Abstand vom linken Rand*/			
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	list-style-type: none;
}

#subnavi li a {
	color: #005563;
	text-decoration: none;
}
/*
#subnavi li a:hover {
	color: #A9D331;
	font-weight:normal;
	text-transform: uppercase;
	text-decoration:none;	
}

#subnavi li a.aktuell {
	color: #A9D331;
	width:15px;
	height:10px;
}
*/

#subnavi li a.aktuell {
	padding-left: 15px;
	background: url(../images/img_subnavi_2.jpg) no-repeat 0 1px;
	color: #A9D331;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
}

#subnavi a:link, #subnavi a:visited {
	padding-left: 10px;
	display: block;
	color: #0098c0;
	background: url(../images/img_subnavi_1.jpg) no-repeat 0 1px;
	text-decoration: none;
}


#subnavi a:hover, #subnavi a:active {
	padding-left: 15px;
	background: url(../images/img_subnavi_2.jpg) no-repeat 0 1px;
	color: #A9D331;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
}


/* @end */

/* @group layout */

/* @group referenz */

/* @group thumbs */


.thumb_ref {
	width: 400px;
	height: 20px;
	list-style: none none;
}

.thumb_ref:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}


.thumb_ref a {
	margin: 0px;
	position: relative;
	display: block;

}

.thumb_ref a:hover {
font-size: 100%;
z-index: 2;
}

.thumb_ref a img {
position: absolute;
width: 1px;
height: 1px;
border: 1px solid #C2E3E8;
}

.thumb_ref a:hover img,.thumb_ref a:active img,.thumb_ref a:focus img {
width: 400px;
height: 300px;
left: 0px;
top: 0px;
z-index: 1;
}


/* @end */

.referenz {
	padding-top: 10px;
	padding-bottom: 5px;
	width: 400px;
	border-bottom: 1px solid #C2E3E8;
}

.jahr {
	margin: 0px;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 1px;
	color: #666;
	text-decoration: none;
	padding: 10px 0 0 2px;
}

.ort {
	margin: 0px;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #7faab0;
	text-decoration: none;
	padding: 0 0 10px 2px;
}



/* @end */

/* @group footer 

html > body #footer {
  position: fixed;
}
*/
#footer {
	clear: left;
	height: 100px;
	width: 1020px;
	padding-left: 80px;
	color: #666;
	font-size: 9px;
	text-decoration: none;
	letter-spacing: 1px;
	bottom: 0;
	background: url(../images/hg_grafik_unten_trans.png) no-repeat;
}

#footer a:link, #footer a:visited {
	padding-left: 0px;
	width: 100px;
	text-decoration: none;
	color: #666;
	background-image: none;
	text-shadow: #cccccc 2px 2px 2px;
}

#footer a:hover, #footer a:active {
	padding-left: 0px;
	width: 100px;
	text-decoration: none;
	color: #A9D331;
	background-image: none;
	text-shadow: #A9D331 2px 2px 2px;
}



/* @end */




#maginal_spalte {
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	width: 250px;
}

#maginal {
	float: left;
	margin-bottom: 20px;
	padding: 0px;
	width: 250px;
	border-bottom: 1px solid #C2E3E8;
	border-left: 1px solid #C2E3E8;
	border-right: 1px solid #C2E3E8;
}

#maginal img {
	padding-top: 20px;
	padding-left: 5px;
	padding-bottom: 20px;
}

#maginal iframe {
	width: 250px;
	height: 300px;
}


#rahmen {
	width: 1100px;
	height: 100%;
	margin: auto;
	background: url(../images/hg_content.jpg) repeat-y;
	
}	
	

#flaeche {
	background: url(../images/hg_content.jpg) repeat-y;
	width: 1100px;
	height: 100%;
	xpadding-bottom: 2500px;
	overflow: auto;
}

#content {
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	width: 400px;
	xheight: 250px;
	color: #005563;
	font-size: 11px;
	overflow: auto;
}

#grafik_oben {
	background: url(../images/hg_grafik_oben.jpg) no-repeat;
	height: 63px;
	width: 1100px;
}

#footer {
	clear: left;
	background: url(../images/hg_grafik_unten.jpg) no-repeat;
	height: 100px;
	width: 1020px;
	padding-left: 80px;
	padding-top: 70px;
	color: #666;
	font-size: 9px;
	text-decoration: none;
	letter-spacing: 1px;
}

#footer a:link, #footer a:visited {
	padding-left: 0px;
	width: 100px;
	text-decoration: none;
	color: #666;
	background-image: none;
	text-shadow: #cccccc 2px 2px 2px;
}

#footer a:hover, #footer a:active {
	padding-left: 0px;
	width: 100px;
	text-decoration: none;
	color: #A9D331;
	background-image: none;
	text-shadow: #A9D331 2px 2px 2px;
}

.hintergrund {
	background-color: #cceaf1;
}

#logo {
	width: 1100px;
	height: 170px;
	background: url(../images/img_head.jpg) no-repeat;
}

/*
#logo_kasten a:link, #logo_kasten a:visited {
	padding-left: 0px;
	width: 1000px;
	text-decoration: none;
	color: #666;
	background-image: none;
}

#logo_kasten a:hover, #logo_kasten a:active {
	padding-left: 0px;
	width: 1000px;
	text-decoration: none;
	color: #A9D331;
	background-image: none;
}
*/

/* @end */