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

.headline {
display:block;
width:104px;
height:17px;
background:#000;
color:#FFF;
text-decoration:none;
font-weight:normal;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin:0;
padding:93px 0 0 6px;
}

.headlineb {
display:block;
width:104px;
height:47px;
background:#000;
color:#FFF;
text-decoration:none;
font-weight:normal;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin:0;
padding:63px 0 0 6px;
}

.headline-link {
display:block;
width:104px;
height:17px;
background:#000;
color:#FFF;
text-decoration:none;
font-weight:normal;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin:0;
padding:93px 0 0 6px;
}

.headline-link:hover {
background:#333;
}

h1 {
display:block;
width:105px;
height:17px;
background:#000;
color:#FFF;
font-weight:normal;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin:0;
padding:93px 0 0 5px;
}

h2 {
padding:0;
color:#404040;
font-weight:normal;
font-size:16px;
margin:0 0 7px 0;
}

h3 {
padding:0;
color:#868686;
font-weight:normal;
font-size:14px;
margin:0 0 7px 0;
}

/* html Body */

html
	{
	margin:0;
        padding:0px;
	}

body
	{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
        padding:0px;
        color:#333333;
	}
	
/*Hyperlinks */

.textflow a:link {color:#000;font-weight:normal;text-decoration:none;border:none;}
.textflow a:hover {color:#000;font-weight:normal;text-decoration:underline;border:none;}
.textflow a:visited {color:#000;font-weight:normal;text-decoration:none;border:none;}
.textflow a:active {color:#000;font-weight:normal;text-decoration:none;border:none;}

#ser-nav a:link {color:#B8B8B8;font-weight:normal;text-decoration:none;border:none;}
#ser-nav a:hover {color:#B8B8B8;font-weight:normal;text-decoration:underline;border:none;}
#ser-nav a:visited {color:#B8B8B8;font-weight:normal;text-decoration:none;border:none;}
#ser-nav a:active {color:#B8B8B8;font-weight:normal;text-decoration:none;border:none;}



/* Tags */

IMG {border:0;}

.textflow {

color:#555555;
font-weight: normal;
line-height:15px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
outline:0;

}

/* Container */

#container
	{
	margin:0 auto;
	margin-top:0px;
	width:950px;
	}
	
/* Container */



/* Spacer */

#spacer_top
	{
	float:left;
	margin:0;
	width:950px;
	height:10px;
	font-size:1px;
	}
		
/* Spacer */



/* Banner */

#top
	{
	float:left;
	margin:0;
	width:950px;
	height:70px;
	}
	
/* Banner */



/* Content */

#content_1spaltig
	{
	float:left;
	margin:0;
	width:950px;
	}

#content_1spaltig_detail
	{
	float:left;
	margin:0;
	width:950px;
	}
	
#content_1spaltig_b
	{
	float:left;
	margin:5px 0px 0px 0px;
	width:950px;
        text-align:justify;
	}

.content_1spaltig_wrapper {
float:left;
text-align:left;
margin:0;
}

.content_1spaltig_left {
float:left;
text-align:left;
margin:0;
width:590px;
}

#content_1spaltig_right {
float:left;
text-align:left;
margin:0 0 0 10px;
width:340px;
}
	
/* Content */

/* Navigation */
	
#container_nav
	{
	float:left;
	padding:0;
	height:170px;
	padding-left:0px;
	}

#nav
	{
        letter-spacing:1px;
	float:left;
        margin:12px 0px 0px 0px;
	padding:0;
	width:470px;
	height:170px;
	}

#ser-nav {
float:right;
margin:0 0 0 0;
font-size:10px;
width:110px;
text-align:right;
}

#nav ul {
	margin:0;
        padding:0;
}

#container_nav_detail
	{
	float:left;
	padding:0;
	height:170px;
	padding:0px 0px 0px 240px;
        display:inline;
	}

.kontakt-field{
padding:2px;
margin:0 0 10px 0px;
border:solid 1px #CCC;
width:344px;
height:16px;
font-family:Arial, Helvetica, sans-serif;
}

.kontakt-button {
padding:0;
margin:10px 0 0 0px;
background:#000;
color:#FFF;
border:none;
cursor:pointer;
width:350px;
height:30px;
}


.kontakt-area{
padding:2px;
margin:0px;
border:solid 1px #CCC;
width:344px;
font-size:12px;
height:119px;
font-family:Arial, Helvetica, sans-serif;
}

.placeholder {
  color: #aaa;
}


.formerr {
background:#b83939;
padding:20px;
width:308px;
border:solid 1px #d32121;
margin:0 0 10px 0px;
color:#FFF;
}

.formsu {
background:#436f3f;
padding:20px;
width:308px;
border:solid 1px #46bd3a;
margin:0 0 10px 10px;
color:#FFF;
}

/* Bilder */

.bild_ol .fade, .bild_or .fade, .bild_ul .fade, .bild_ur .fade {
position:absolute;
display:block;
z-index:99;
padding:5px;
background:url(/gfx/hg-slider.png);
width:100px;
color:#000;
text-decoration:none;
height:100px;
}

.bild_ol
	{
	float:left;
	margin:0px 10px 10px 0px;
	width:110px;
	height:110px;
        overflow:hidden;
	}
	
.bild_ul
	{
	float:left;
	margin:0px 10px 0px 0px;
	width:110px;
	height:110px;
overflow:hidden;
	}

.bild_ulc
	{
	float:left;
	margin:0px 10px 0px 0px;
	width:110px;
	height:110px;
	}
	
.bild_or
	{
	float:left;
	margin:0px 0px 10px 0px;
	width:110px;
	height:110px;
overflow:hidden;
	}
	
.bild_ur
	{
	float:left;
	margin:0;
	width:110px;
	height:110px;
overflow:hidden;
	}

.bild_detail_links
	{
	float:left;
	margin:0px 10px 10px 10px;
	width:110px;
	height:110px;
        display:inline;
	}

.bild_detail_rechts
	{
	float:left;
	margin:0px 0px 0px 0px;
	width:110px;
	height:110px;
        display:inline;
	}

.bild_text
	{
	float:left;
	margin:0px 0px 0px 0px;
	width:110px;
	height:350px;
        text-align:justify;
        font-size:11px;
	}

.bild_text2
	{
	float:left;
	margin:0px 0px 0px 0px;
	width:230px;
	height:350px;
        text-align:justify;
        font-size:11px;
	}

.bild_urc
	{
	float:left;
	margin:0;
	width:110px;
	height:110px;
	}
	
/* Bilder Produkt - Detail */

#produkt_links
	{
	float:left;
	margin:0;
	width:600px;
	}

#produkt_mitte
	{
	float:left;
	margin:0;
	width:110px;
	}


#produkt_mitte2
	{
	float:left;
	margin:0;
	width:240px;
	}
	
#produkt_rechts
	{
	float:left;
	margin:0;
	width:240px;
	}

#produkt_rechts_2
	{
	float:left;
	margin:0;
	width:110px;
	}

/* Bilder Produkt - Detail */

/* Bilder Referenzen */

.scroll-wrapper {
overflow-y:hidden;
}

.scrollTop {
  margin:0 0 10px 150px;
  display:block;
cursor:pointer;
  width:24px;
  height:13px;
  background:url(/gfx/scroller-btn.jpg) 0 0;
}



.scrollBottom {
margin:10px 0 0 150px;
display:block;
  width:24px;
cursor:pointer;
  height:13px;
  background:url(/gfx/scroller-btn.jpg) 0 -13px;
}

#referenzen_links
	{
	float:left;
	margin:0;
	width:470px;
	}
	
#referenzen_mitte
	{
	float:left;
	margin:0 0 0 10px;
	width:350px;
        height:400px;
        text-align:justify;
outline:0;
	}

#referenzen_rechts
	{
	float:left;
	margin:0 0 0 10px;
	width:110px;
	}

/* Bilder Referenzen */
	
/* Bilder */