#story2, #story3, #story4, #story5 { display:none; }

html{
	margin:auto;
	width:1010px;
	overflow-x:hidden;
  	overflow: -moz-scrollbars-vertical;
}
body{
	width:1010px;
 	overflow:hidden;
	color: #000000;
	background-color: black;
	background: #E2E2E2 url(cont3.gif) repeat-x;
    font-size: 100.01%;
    font-family: Arial,sans-serif;
    margin: 0; padding: 1em 0;
    /* text-align: center;    Zentrierung im Internet Explorer */
}
  #print{
 	display:none;
	}
a{
	color: #072B72;
	text-decoration: none;
}
a:link{

}
a:visited{
	color: #072B72;
	text-decoration: none;
}
a:hover{
	color: #072B72;
	text-decoration: underline;
}
h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #072B72;
 margin: 0px;
 padding: 0px;
}
h2{
 font-family: Arial,sans-serif;
 line-height: 1.1em;
 font-size: 170%;
 color: #072B72;
 margin: 10px 0px 0px 0px;
}
h3{
 font-family: Arial,sans-serif;
 font-size: 140%;
 color: #072B72;
 margin: 0px;
 padding: 0px;
}
h4{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #072B72;
 margin: 0px;
 padding: 0px;
}
h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #072B72;
 margin: 0px;
 padding: 0px;
}
ul{
 list-style-type: square;
}
ul ul{
 list-style-type: disc;
}
ul ul ul{
 list-style-type: none;
}
label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #072B72;
}
th{
 text-align: left;
 border:1px solid #CCC;
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-color: #072B72;
 padding: 3px;
 background-color:#eeeeee;
}
td{
 border:1px solid #CCC;
 padding: 3px;
 table-layout:fixed;
 vertical-align:top;
 overflow:hidden; 
}
table{
 width:100%;
 border-collapse:collapse;
 border:1px solid #CCC;
 vertical-align:top;
 overflow:hidden;
 margin: 0px 0px 10px 0px;
}

/* Allgemeine Divs********************************/
/***********************************************/

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 1004px;
    padding: 0;
	background:url(cont.gif) repeat-y;
	border:2px solid #ffffff;
  }
  div#_1_ {
    float: left;
    margin: 0;
	padding: 0;
	background: url(1.gif);
	border-bottom:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	width: 210px;
	height: 198px;
  }
  div#_2_ {
    float: left;
    margin: 0px;
    padding: 0px;
	background: url(2.gif);
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	width: 569px;
	height: 198px;
  }
  div#_3_ {
    float: left;
	margin: 0;
	padding: 0;
	background: url(3.gif);
	border-bottom:2px solid #ffffff;
	width: 223px;
	height: 198px;
  }
    div#facebook{
	padding: 4px;
  }
  div#_4_ {
    float: left;
    margin: 0;
	padding: 0px 0px 0px 0px;
	background: url(4.gif);
	width: 210px;
	height: 25px;
	font: 12px Arial center;
	color: #ffffff;
	text-align: justify;

  }
    ._4_1{
		padding: 4px 0px 0px 10px;
	}
  div#_5_ {
    float: left;
	margin: 0;
	padding: 0;
	background: url(5.gif);
	border-left:2px solid #ffffff;
	width: 792px;
	height: 25px;
  }
  
    div#_6_ {
    float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(cont2.gif);
	border-bottom:2px solid #ffffff;
	width: 1004px;
	height: 50px;
  }
  
  div#_c1_ {
    float: left;
    margin: 0px;
	padding: 0px;
	width: 210px;
	height: 1300px;
	background:url(c1.gif) no-repeat;
	border-top:2px solid #ffffff;
  }

  div#_c2_ {
    float: left;
    margin: 0px;
    padding: 0px;
	background:url(c2.gif) no-repeat;
	border-left:2px solid #ffffff;
	border-top:2px solid #ffffff;
	width: 569px;
	min-height: 1300px;

	  }
	  * html div#_c2_ {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }
  div#_c3_ {
    float: right;
	margin: 0;
	padding: 0;
	background: url(c3.gif) no-repeat;
	border-left:2px solid #ffffff;
	border-top:2px solid #ffffff;
	width: 221px;
	height: 1300px;
  }
  
   div#flash {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
  }
  
  div#Fusszeile {
    clear: both;
  }





#masthead{
	color: #072B72;
	margin: 10px 0px 0px 0px;
	width: 970px;
}
#masterhead_left{
	clear:both;
	float: left;
	width: 185px;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
}
#masterhead_right{
	float: left;
    display: block;
  	width: 600px;
}
#headlines{
	font-size: 80%;
	width: 220px;
}

#content2{
	float: left;
    display: block;
  	width: 786px;
    background-image:url(../pic/contentback.jpg);
    background-repeat:repeat-y;
    background-position:10px 40px;
    background-color:white;
}

/*********** Navigationsstyles ***********/
/*Hauptnavigation***********************************/
/************* #Obere Hauptnavigation **************/

/* Produktseite*************************************/
/************** Produktseite - Anreißer ***************/
#content{
line-height: 1.1em;
  	width: 570px;
}
#content li{
	list-style-type:circle;
	list-style-position: outside;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 15px;
}
.feature{
	margin: 8px 10px 0px 8px;
	font-size: 80%;
	text-align: justify;
}
.feature h2{
	text-align: left;
}
.feature h4{
	text-align: left;
}
.feature img{
	float:left;
	padding: 0px 10px 2px 0px;
}
#featureFlagge img{
	float:right ;
	padding: 0px 0px 0px 5px;
}
/************* Produktseite - Navigation **************/
#prodNav{
	margin: 0px 0px 0px 8px;
	color: #cccccc;
}
#prodNav img{

	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	display: inline;
}
#prodNav a {
	font-size: 85%;
	padding: 5px 0px 0px 0px;
}

#line {
	margin: 4px 0px 0px 0px;
}
.top {
margin: 0px 0px 0px -10px;
width:570px;
height:15px;
background:url(line2.png) no-repeat left top;
}

/***************** Produktseite - Details *****************/
#storyGen{
	padding: 0px 10px 0px 8px;
	font-size: 80%;
}
#storyGen p{
	text-align: justify;
}

#storyGen h2{
	font-size: 135%;
}


#storyGen h4{
	font-size: 110%;
}
/************ Produktseite - Details (Sonder - Infoboxen) *************/
.shiftcontainer_l{
	margin: 2px 15px 5px 0px;
 	float: left;
	position: relative;
	left: 7px;
	top: 7px;
}
.shiftcontainer_r{
	margin: 2px 0px 5px 15px;
 	float: right;
	position: relative;
	left: 7px;
	top: 7px;
}
.shadowcontainer{
	width: 180px;
	background: transparent url(bigshadow.gif) no-repeat bottom right;
}
.shadowcontainer .innerdiv{

	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 6px;
	position: relative;
	left: -7px;
	top: -7px;
}
/************ Produktseite - Details (Sonder - Bildboxen) *************/
.thumbnail{
	position: relative;
	z-index: 0;
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}
.thumbnail span{
	position: absolute;
	background-color: #eeeeee;
	padding: 5px;
	left: -1000px;
	border: 1px solid #cccccc;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img{
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span{
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}
/************** Produktseite - Bestelldaten *****************/
#story2 td{
	border:1px solid #CCC;
}
/************* Produktseite - Downloads ****************/
#story3 img{
	margin: 0px 10px 5px 0px;
	float:left;
}
.storyLinks{
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}
.storyLinks p{
	padding: 0px 0px 0px 0px;
}
/************** Produktseite - Produktfotos *****************/
#story4 img{
	float: middle;
	margin: 0px 3px 3px 0px;
	padding: 0px 0px 0px 0px;
}

/* Rechte Navigation*/
/************* Rechte Navigation ***************/
#headlinesT{
	padding: 4px 10px 10px 8px;
}
#headlinesT p{
font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #072B72;
 margin: -5px -3px -5px 0px;
 padding: 4px 4px 4px 4px;
 border-bottom:solid 2px #ffffff;
 border-left:solid 2px #ffffff;
 border-right:solid 2px #ffffff;
}
#headlinesS p{
 font-family: Verdana,Arial,sans-serif;
 font-size: 80%;
 color: #ffffff;
 margin: -5px 0px -5px 0px;
 padding: 4px 4px 4px 4px;
 border-bottom:solid 2px #ffffff;
 border-left:solid 2px #ffffff;
 border-right:solid 2px #ffffff;
}
#writeroot{
	font-size: 90%;
	color:#072B72;
	margin: 7px 0px 0px 0px;
	line-height: 1.20;
	padding: -3px 0px 0px 0px;
	text-align: normal;
}
#writeroot h2{
	font-size: 90%;
	color:#072B72;
	margin: 7px 0px 0px 0px;
	line-height: 1.90;
	padding: -3px 0px 0px 0px;
	text-align: normal;
}
/************* Rechte Navigation - Suche ***************/
#suche{
margin:3px 0px 10px 0px;
}
#suche label{
color:#072B72;
display:block;
font-weight:bold;
margin:0px 0px 2px 0px;
}
#suche select{
float:left;
font-size:12px;
border:solid 1px #cccccc;
width:205px;
margin:0px 0px 10px 0px;
background:#eeeeee;
}
#suche textarea{
float:left;
font-size:12px;
border:solid 1px #cccccc;
width:205px;
margin:0px 0px 0px 0px;
background:#eeeeee;
}
#suche input{
float:left;
font-size:12px;
border:solid 1px #cccccc;
width:203px;
margin:0px 0px 2px 0px;
background:#eeeeee;
}
#suche button{
float:left;
margin: -1px 0 10px -1px;
clear:both;
width:205px;
height:18px;
background:#1F4185;
text-align:top;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
letter-spacing:0.3em
}
/* Fußzeile*/
/************* Fußzeile ***************/
#siteInfo{
	font-size: 75%;
	color: #ffffff;
}
#siteInfo img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
}
#siteInfo a{
	color: #ffffff;
}
/* Ansprechpartner*/
/************* Ansprechpartner ***************/
#partner{
	clear: both;
	padding: 0px 10px 10px 10px;
	font-size: 80%;
}
#partner td{
 border-right:0px solid #CCC;
 border-bottom:1px solid #CCC;
 border-left:0px solid #CCC;
 padding: 0px 20px 0px 10px;
 table-layout:fixed;
 vertical-align:top;
 overflow:hidden;
 width:50%;
 	text-align: left;
}
#partner table{
 border-top:1px solid #CCC;
 border-right:0px solid #CCC;
 border-bottom:1px solid #CCC;
 border-left:0px solid #CCC;
 width:100%;
 border-collapse:collapse;
 vertical-align:top;
 overflow:hidden;
 margin: 0px 0px 0px 0px;
}
#partner_foto img{
 border:2px solid #ccc;
	float: right;
	margin: 10px 0px 10px 40px;
}

#unternehmensphilo img{
 border:2px solid #ccc;
 float: right;
 margin: 0px 10px 0px 20px;
 padding: 0px 0px 0px 0px;
}

ul#menü {

text-align: center;
margin: 0px 0px 0px -40px;
}
ul#menü li{
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
}

ul#menü a, ul#menü span {
float: left;
width: 118px;
font: bold 14px Arial;
color: #ffffff;
padding: 5px 6px;
border-right:2px solid #ffffff;
text-decoration: none;
  }
  * html ul#menü a, * html ul#menü span {
    width: 125px;
    w\idth:125px;
  }
ul#menü a:hover, ul#menü span {
background-color: #C8C8C8;
color: #072B72;
  }
  ul#menü div {
     clear: left;
  }


.arrowlistmenu{
color: white;
margin: 10px 0px 0px 10px;
width: 190px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 12px Arial;
color: #ffffff;
border:2px solid #ffffff;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 5px 5px 5px 5px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-color: #C8C8C8;
color: #072B72;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
font: 12px Arial;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 3px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/
padding-top: 3px;
margin: 0px 0px 0px 15px;
}

.arrowlistmenu ul li ul li{
padding-top: 6px;
margin: 0px 0px -4px 5px;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #072B72;
color: #aaaaaa;
border:2px solid #aaaaaa;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #072B72;
color: #aaaaaa;
border:3px solid #ffffff;
}

.arrowlistmenu ul li a{
color: #ffffff;
background: url(bullet_white.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #aaaaaa;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #072B72;
background-color: #ffffff;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: white;
}
.arrowlistmenu ul li .subexpandable{ /*hover state CSS for sub menu header*/
padding: 5px 5px 5px 5px;
}

.arrowlistmenu a{
color: #ffffff;
text-decoration: none;
}




.bild {
float: left;
width: 220px;
/* Abstand um das Bild herum: */
margin: 15px 0 5px 0px;
}
.bild p { /* Bildunterschrift */
margin: 0px 0 0px 0px;
padding: 0px 0;
font-size: 12px;
}
img { border: 0; }