/* basic */

@charset "ISO-8859-1";

*{
	margin:0;
	padding:0;
		}
		
		/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
body, html{ width: 100%;
            height: 100%;
            overflow: hidden;}
			
			
img{
	border: none;
		}
		
		
	
#bgImg{ position: absolute;
        top: 0;
        left: 0;
        border: 0;
        z-index: 1;}
		
		
#bodyDiv{
    position: absolute;
    left: -19px;
    z-index: 2;
    overflow: auto;
    width: 100%;
    height: 100%;
    visibility: visible;
    top: 18px;
    bottom: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
		 
		
		
#WEBYEP {
	position:absolute;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	z-index:150;
}
		
#homepagelink {
	position:absolute;
	left:21px;
	top:52px;
	width:210px;
	height:89px;
	z-index:150;
}

h {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333333;

}

h1 {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333333;

}


h2 {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	color: #333333;

}


a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;

}

p {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 14px;
	line-height: 18px;
	font-weight: normal;

}


.fliesstext {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 14px;
	line-height: 18px;
	font-weight: normal;

}

a:link {
	text-decoration: none;
}


a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


hr {
	border: 1px dotted #FFFFFF;
}
	

/*Supersize Plugin Styles*/
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			display:none;
		}
		#supersize .activeslide, #supersize .activeslide img{
			display:inline;
		}



/* Struktur */



.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
 
.clearfix {display:inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


#logobalken{
	position: absolute;
	top: 120px;
	left: 0;
	z-index: 2;
	width: 100%;
}


#logo {
	width:		429px;
	position:	absolute;
	top:		-175px;
	z-index: 30;
	height: 169px;
	left: 560px;
}


#menu {
    width: 923px;
    height: 32px;
    position: absolute;
    top: 14px;
    z-index: 50;
    text-align: right;
    left: 32px;
}

#head {
    width: 987px;
    background-image: url(../images/basic/head.png);
    background-repeat: no-repeat;
    height: 60px;
    position: absolute;
    background-position: left top;
    background-size: contain;
}



#container {
    width: 987px;
    height: 800px;
    position: absolute;
    top: 180px;
    left: 50%;  /* == halbe Zeilenhöhe. */
    margin-left: -493px;
    z-index: 2;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}


#wrapper {
    width: 987px;
    margin-top: 60;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}	

 

#content {
    width: 987px;
    min-height: 643px;
    height: auto !important;
    height: 643px;
    background-image: url(../images/basic/rahmen.png);
    background-repeat: repeat-y;
    z-index: 10;
    float: left;
    background-position: left top;
    background-size: contain;
}


#news {
	width: 275px;
	min-height: 500px;
	float: left;
	margin-top: 2px;
	margin-left: 28px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/HGs/newsflaeche2.png);
	background-repeat: no-repeat;
	height: 500px;
}



#content_textfeld {
	width:		650px;
	min-height: 358px;
	margin-top: 0px;
	float: right;
	margin-right: 27px;
	margin-left: 0px;
	margin-bottom: 0px;
	background-image: url(../images/HGs/contentflaeche.png);
	background-repeat: repeat-y;
	padding-top: -10px;
}


#text {
	width:		570px;
	z-index: 10;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	margin-left: 40px;
	margin-top: 0px;
}

#slider {
	width:		939px;
	float: left;
	margin-top: 4px;
	margin-left: 24px;
	margin-right: 24px;
	background-image: url(../images/HGs/sliderflaeche.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

#footer {
    width: 987px;
    height: 60px;
    z-index: 15;
    float: left;
    background-image: url(../images/basic/footer.png);
    background-repeat: no-repeat;
}




/* Text */

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 20px;
}
.fliesstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}



/* Suche */

.suchfeld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #778417;
	width: 83px;
	height: 17px;
	left: 0px;
	top: 0px;
	text-align: left;
	line-height: 12px;
	font-weight: normal;
	float: left;
	background-color: #F8FBE2;
}
.input text {
	border: 1px solid #778417;
	background-color: #CBD539;
}

#suche {
	width:		110px;
	height: 20px;
	position: absolute;
	z-index: 50;
	left: 22px;
	top: 308px;
}
#pfeil_suche {
	width:		20px;
	height: 20px;
	position: absolute;
	z-index: 50;
	left: 87px;
	top: 0px;
}
.headline_sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #B74A0C;
	padding-bottom: 20px;
	font-style: italic;
	text-decoration: none;
}
#news_01 {
	width:		220px;
	z-index: 10;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	height: 70px;
	margin-left: 30px;
	margin-top: 5px;
	overflow: hidden;
	margin-bottom: 10px;
}
#news_02 {
	width:		220px;
	z-index: 10;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	height: 70px;
	margin-left: 30px;
	margin-top: 5px;
	overflow: hidden;
	margin-bottom: 10px;
}
#news_03 {
	width:		220px;
	z-index: 10;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	height: 70px;
	margin-left: 30px;
	margin-top: 5px;
	overflow: hidden;
	margin-bottom: 10px;
}
#news_04 {
	width:		220px;
	z-index: 10;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	height: 70px;
	margin-left: 30px;
	margin-top: 5px;
	overflow: hidden;
}
#news_05 {
	width: 220px;
	z-index: 10;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	height: auto;
	margin-left: 30px;
	margin-top: 5px;
	overflow: hidden;
}
#news_head {
	width:		210px;
	z-index: 10;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	margin-left: 30px;
	margin-top: 30px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-bottom: 10px;
}
.newstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
}

	
	
#container_inhalt {
    width: 987px;
    height: 643px;
    position: absolute;
    top: 60px;
    left: 494px;  /* == halbe Zeilenhöhe. */
    margin-left: -493px;
    z-index: 2;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}
#content_textfeld_head {
	width:		650px;
	min-height: 30px;
	margin-top: 2px;
	float: right;
	margin-right: 27px;
	margin-left: 0px;
	margin-bottom: 0px;
	background-image: url(../images/HGs/contentflaeche_head.png);
	background-repeat: no-repeat;
	height: 30px;
}
#content_textfeld_footer {
	width:		650px;
	min-height: 30px;
	margin-top: 0px;
	float: right;
	margin-right: 27px;
	margin-left: 0px;
	margin-bottom: 0px;
	background-image: url(../images/HGs/contentflaeche_footer.png);
	background-repeat: no-repeat;
	height: 30px;
}
.headline_sub_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #B74A0C;
	padding-bottom: 20px;
	font-style: italic;
	text-decoration: none;
}

.headline_sub_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #B74A0C;
	padding-bottom: 20px;
	font-style: italic;
	text-decoration: underline;
}
#container_wartung {
	width:		987px;
	height:		200px;
	position:	absolute;
	top:		180px;
	left:		50%;  /* == halbe Zeilenhöhe. */
	margin-left:	-493px;
	z-index: 2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#content_referenzbox_li {
	width:		270px;
	float: left;
	margin-left: 40px;
	margin-top: 0px;
	margin-right: 10px;
	
}
#content_referenzbox_re {
	width:		270px;
	float: right;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 40px;
	
}
#content_referenzbox_bild {
	width:		270px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#content_referenzbox_text {
	width:		270px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
}
.headline_ref {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 10px;
}
#content_referenzbox_head {
	width:		270px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.text_ref {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#content_referenzliste {
	width:		650px;
	float: none;
}
.weiter {
	text-decoration: none;
	vertical-align: top;
	padding-top: 2px;
}







/* NEWSBOX */


#wrapper_newsbox {
	width:650px;
	z-index: 1;
	overflow: auto;
	margin: 0 auto; 
}	 


#content_newsbox {
	width:		650px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	z-index: 0;
	float: left;
	margin-top: 0px;
	background-image: url(../images/HGs/newsbox_mitte.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-left: 0px;
}
#HG_newsbox_oben {
	width:		650px;
	background-image: url(../images/HGs/newsbox_oben.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	z-index: 0;
	left: 0px;
	top: 0px;
	float: left;
}

#HG_newsbox_unten {
	width:		650px;
	background-image: url(../images/HGs/newsbox_unten.png);
	background-repeat: no-repeat;
	height: 30px;
	float: left;
	background-position: center bottom;
	z-index: 0;
	left: 0px;
	top: 0px;
}


#newsbox_head {
	width:		590px;
	z-index: 10;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;
	margin-left: 30px;
	margin-top: 10px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-bottom: 20px;
	margin-right: 30px;
}
#newsbox_text {
	width:		590px;
	z-index: 10;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 30px;
	margin-top: 10px;
	overflow: auto;
	text-decoration: none;
	margin-bottom: 10px;
}
#newsbox_bild_01 {
	float: left;
	margin-top: 15px;
	margin-left: 30px;
	width: 285px;
	margin-right: 10px;
}
#newsbox_bild_02 {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	width: 285px;
	margin-right: 30px;
}
#newsbox_bild_03 {
	float: left;
	margin-top: 15px;
	margin-left: 0px;
	width: 190px;
	margin-right: 30px;
}
#content_referenzboxliste {
	width:		650px;
	float: none;
}



/* Menue */

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
    float: left;
   
}

li a {
    display: block;
    color: #000000;
    text-align: center;
    padding-top: 6px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 14px;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1em;
}

/* Change the link color to #111 (black) on hover */
li a:hover, active {
    color: #B74A0C;
        text-decoration: none;
}

.active {
    color: #B74A0C;
        text-decoration: none;
}

.strich {
    display: block;
    color: #000000;
    text-align: center;
    padding-top: 5px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 14px;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    font-size: 1.2em;
}

/* Menue footer */

#menu_impressum  {
    padding: 0;
    overflow: hidden;
    width: 250px;
    float: right;
    margin-top: 15px;
}

#menu_impressum ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#menu_impressum li {
    float: left;
}

#menu_impressum li  a {
    display: block;
    color: #000000;
    padding-top: 10px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 6px;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 14px;
}

/* Change the link color to #111 (black) on hover */
#menu_impressum li a:hover, active {
    color: #B74A0C; 
 text-decoration: none;
}

.active_footer {
    color: #B74A0C;

}
.strich_footer {
    display: block;
    color: #000000;
    text-align: center;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    font-size: 1em; 
}