body
				{
					margin: 0;
					padding: 0;
					font: 85% arial, hevetica, sans-serif;
					text-align: center;
					
					
				}
				h1
				{
					padding-top: 20px;
					font: 150% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-left:10px;
					margin-top: 10px;
						
				}				
				
				h3
				{	margin-left: 10px;
					padding-top: 20px;
					font: 106% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-top: 0;
				}
				
				#container
				{
					margin: 1em auto;
					width: 1380px;
					text-align: left;
					background-color: white;
					
				}
				
				#header
				{
					background-image: url("../SVG/HEADER_BKG.svg");
					background-size:  cover;
					background-position:  top right ;
					background-repeat: no-repeat;
					
				}
				
		

#lang_nav,
#lang_nav ul,
#lang_nav li {
	display: inline;	list-style: none;	width:auto;	
}
/* Generelle vererbbare Settings innerhalb des Menus */

#lang_nav,
lang_nav * {


float: top;
   	font: bold 14px sans-serif;	text-transform: capitalize;	text-align: center;    color: grey;	margin-left: 50px;	

	
}


/* Alle Labels (a ohne href Attr)  und Links haben ein bestimmtes uniformes aussehen */

#lang_nav a {
	
background: #fff;
	
}

* html #lang_nav >li > a {	width: 6em;}

/* Fix für MSIE 6 ? */
* html #lang_nav ul a {	width: 9em;}

/* Fix für MSIE 6 ? */
*+html #lang_nav >li > a {	width: 6em;}

/* Fix für MSIE 7 */
*+html #lang_nav ul a {	width: 9em;}

/* Fix für MSIE 7 */
/* alle aktivierbaren Links haben bestimmte Farben */

#lang_nav a[href] {

	text-decoration: none;	

	color: #999;
}
/* Die immer sichtbare Menu-Items */

	

/* MSIE8 -- verstehen die Farbe transparent nicht */

:root #lang_nav > li {	border: 1px solid transparent;}

* html #lang_nav li {	float: left;	zoom: 1;	border: 1px solid #ccc;}

/* MSIE 6 fix ?? */
* html #lang_nav ul li {	float: none;	display: block}

/* MSIE 6 fix ?? */
*+html #lang_nav > li {	display: inline;	border: 1px solid #ccc;}

/* MSIE 7 fix*/
/* Die Focus-Linie verbergen, sie wird durch passenden Hintergrund kompensiert */

#lang_nav *:focus {	outline-width: 0;}




/* Die Menu-Gestaltung*/


/* Alle Levels erhalten ein einheitliches Bild */
/* Jeder Level wird absolut positioniert und hat eine definierte Mindestbreite: */


				/* Jedes Item in jedem Level erzeugt einen neuen Koordinatenkontext */



#lang_nav a.current {

		background-color: #D6D6D6;
}
/* Betone die im moment gehoverten Items */

#lang_nav a:hover,
#lang_nav li.hover > a {
	
	background-color: #DfDfDf;	
	position: relative;
	
	z-index: 20;
}

#lang_nav a.current:hover,
#lang_nav li.hover > a.current {
	background-color:#DfDfDf;
}
/* Gebe den Labels, die keine Links sind, Dropdown/right-Pfeil */




				



				
				
				
				
				
				#mainnav
				{
					
					background-color: white;
				}
				
				#menu
				{
				
					
					margin-top:10px;
					float: right; 
					margin-right: 10px;
					border-left: 1px solid #C5C877;
					
					
					
				}
				
				#menu ul
				{
					clear: both;
					margin-left: 10px;
					padding-left: 0;
					list-style-type: none;
					line-height: 165%;
				}
				
				
				
				
				#menu h3
				{
					color: #5B5E0E;
					font: 106% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-top: 0;
					border-bottom: 1px solid #C5C877;
					
				}
				

				#menu_statisch
				{
				
					
					
					float: right; 
					margin-right: 2px;
					
					width:200px;
					
					
				}
				
				#menu_statisch ul
				{
					clear: both;
					margin-left: 10px;
					padding-left: 0;
					list-style: none;
					
				
					
					 color: grey;
				}
				
				
				
				#menu_statisch  a 
				{
					
					position:fixed;
					height:220px;
					width:200px;
					padding-top: 70px;
					text-align: center;
					line-height: 20px; 
					font: 150% Arial,Verdana,"Verdana", sans-serif; 
					font-weight: bold;
					background-image: url("../SVG/LABEL_STATIC_MENU1_BKG.svg");
					background-size:  contain;
					background-position: center;
					background-repeat: no-repeat;
				
					
				}
				#menu_statisch a.Kontakt_Seitl:hover
				{
					
					position:fixed;
					height:220px;
					width:200px;
					padding-top: 70px;
					text-align: center;
					line-height: 20px; 
					font: 144% Arial,Verdana,"Verdana", sans-serif; 
					font-weight: bold;
					background-image: url("../SVG/LABEL_STATIC_MENU1_HOVER_BKG.svg");
					background-size:  contain;
					background-position: center;
					background-repeat: no-repeat;
				
					
				}
				
				
				
				
				#menu_statisch h3
				{
					color: #5B5E0E;
					font: 106% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-top: 0;
					border-bottom: 1px solid #C5C877;
					
				}
				
			
				
				#contents	
				{
			
					
					width: 890px;
					margin-top:10px;
					margin-right: 200px;
					margin-left: 20px;
					
					
					
				}
					#contents h2
				{
					text-align: left;
					padding-top: 20px;
					font: 180% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-left: 10px;
					border-bottom: 1px solid #a5a877;
				}
				#contents p { margin: 0 0 10px 10px; line-height: 165%; }
				#contents_wide	
				{
			
					
					width: auto;
					margin-top:10px;
					margin-right: 20px;
					margin-left: 20px;
					
					
					
				}
					#contents_wide h2
				{
					text-align: left;
					padding-top: 20px;
					font: 180% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-left: 10px;
					border-bottom: 1px solid #a5a877;
				}
				#contents_wide p { margin: 0 0 10px 10px; line-height: 165%; }
				
				.blogentry { border-bottom: 1px solid #C5C877; }
				
				.blogentry ul
				{
					
					list-style-type: none;
					text-align: left ;
					font: 125% arial, hevetica, sans-serif;
					padding: 5px 20px 5px 20px;
					
				}
				
				.blogentry li
				{
				
					display: inline;
					padding: 0 0 0 7px;
					
				}
				.blogentry a
				{
					
					
				}
				
				.blogentry h1
				{
					
					font: 200% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-left:10px;
					margin-top: 5px;
					border-bottom: 1px solid #a5a877;
						
				}				
				
				.blogentry h2
				{
					text-align: left;
					padding-top: 20px;
					font: 180% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-left: 10px;
					border-bottom: 1px solid #a5a877;
				}
				
				.embedfloat
				{
					float: right;
					margin-right:10px;
					margin-bottom:74px;
					
				}
				.imagefloat
				{
					float: left;
					padding: 2px;
					border: 1px solid #9FA41D;
					margin: 0 0 10px 10px;
				}
				#START_PAGE
				{
				margin-right: 30px;
				width: 800px;
				}
				
				.Container_SL
				{
				width:400px;
				text-decoration: none; 
				padding: 2px ;
				
				}
				.Container_SL h2
				{
					text-align: left;
					padding-top: 10px;
					font: 130% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-left: 5px;
					border-bottom: 1px solid #a5a877;
				}
				.Container_SL ul
				{
					
					list-style-type: none;
					text-align: left ;
					font: 85% arial, hevetica, sans-serif;
					
					
				}
				.Container_SL li
				{
					
					display: inline;
					
					
					
				
				}
				
				
				
				
				
				#Container_1_SL 
				{
					
					
					height:270px;
					
					
					background-size:  contain;
					background-position:  left ;
					background-repeat: no-repeat;
					padding: 10px 10px 170px 10px;
					
				}
				
				#Container_2_SL
				{
					 
					height:270px;
					
					background-size:  contain;
					background-position:  left ;
					background-repeat: no-repeat;
					padding: 60px 10px 170px 10px;
				
					
				}
				
				
				#Container_1
				{
					 
					height:250px;
					background-image: url("../SVG/DIV_WS_BKG.svg");
					background-size:  contain;
					background-position:  left ;
					background-repeat: no-repeat;
					
					padding: 5px 5px 20px 20px;
					font: 80% Arial,Verdana,"Verdana", sans-serif;
				}
				#Container_2
				{
					 
					height:250px;
					background-image: url("../SVG/DIV_WS_BKG.svg");
					background-size:  contain;
					background-position:  left ;
					background-repeat: no-repeat;
					
					padding: 5px 5px 20px 20px;
					font: 80% Arial,Verdana,"Verdana", sans-serif;
					
				}
				#Container_3
				{
					 
					height:250px;
					background-image: url("../SVG/DIV_WS_BKG.svg");
					background-size:  contain;
					background-position:  left ;
					background-repeat: no-repeat;
					
					padding: 5px 5px 20px 20px;
					font: 80% Arial,Verdana,"Verdana", sans-serif;
					
				}
				#Container_4
				{
					 
					height:250px;
					background-image: url("../SVG/DIV_WS_BKG.svg");
					background-size:  contain;
					background-position:  left ;
					background-repeat: no-repeat;
					
					padding: 5px 5px 20px 20px;
					font: 80% Arial,Verdana,"Verdana", sans-serif;
					
				}
				#Container_5
				{
					 
					height:250px;
					background-image: url("../SVG/DIV_WS_BKG.svg");
					background-size:  contain;
					background-position:  left ;
					background-repeat: no-repeat;
					
					padding: 5px 5px 20px 20px;
					font: 80% Arial,Verdana,"Verdana", sans-serif;
					
				}
				#footer	
				{
					clear: both;
					height: 200px;
					
					background-image: url("../SVG/FOOTER_BKG.svg");
					background-size:  cover;
					background-position:  left ;
					background-repeat: no-repeat;
				}
				#footer ul
				{
					list-style-type: none;
					text-align: left;
					margin: 20px 20px;
					padding-top: 20px;
					font-size: 95%;
					border-bottom: 1px solid #a5a877;
					
				}
				
				#footer li
				{
					display: inline;
					padding: 0 0 0 2px;
				}
				#footer p
				{
					text-align: left;
					margin: 20px 20px;
					margin-left: 60px;
					
					padding-top: 10px;
					font-size: 95%;
				}




#map-canvas { height: 500px; margin: 0; padding: 0;}

#hidden_div{
	
	visibility:hidden;
	
	
	
}


#DIV_Container
{
						height:520px;
						padding: 5px 5px 5px 5px;
						background-image: url("../SVG/DIV_BKG.svg");
						background-size:  contain;
						background-position:  center ;
						background-repeat: no-repeat;
						text-align: center;
}


#kontakt
{

					
					padding: 50px 100px;
					
	
	overflow: hidden;
	
}



 #kontakt a{
	color:black;
}

#kontakt td{
	padding: 2px 2px;
}

  #emailhead h1{
	width:650px;
	font-size:18px;
	font-weight:bold;
	color:grey;
	
	padding-bottom:5px;
	border-bottom: 1px solid #FF0D9A;
}





#kontakt input , #kontakt textarea{
	background-color: white;
	color:black;
	border:solid 1px grey;
	padding:1px;
}



.SliderContainer{
	width:900px;
	height:550px;
	margin-top:-5px;
	padding-left:30px;
	padding-right:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background: white;	
	text-align: center;
	margin-left:-20px;
	
	
}
.slider_wrapper{
	overflow: hidden;
	position:relative;
	height:450px;
	top:auto;
}

#image_slider{

	position: relative;
	height: auto;
	list-style: none;
	overflow: hidden;
	float: left;
	/*Chrom default padding for ul is 40px */
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}
#image_slider li{
	position: relative;
	float: left;
}
.nvgt{
	position:absolute;
	top: 120px;
	height: 50px;
	width: 30px;
	opacity: 0.6;
}
.nvgt:hover{
	opacity: 0.5;
}

#pager{
	/* firefox has different center method. this doesn't work for fire fox */
	/* not in the center*/
	padding:0px;
	position:relative;
	height:50px;
	margin-top:35px;
	font: 170% Arial,Verdana,"Verdana", sans-serif;
}
#pager li{
	padding: 15px;
	margin:5px;
	width:40px;
	height:40px;
	font-weight:bold;
	color:white;
	list-style: none;
	opacity: 1;
	float:center;
	cursor: pointer;
	background-image: url("../SVG/PAGER_BKG.svg");
						background-size:  contain;
						background-position:  center ;
						background-repeat: no-repeat;
}
#pager li:hover{
	opacity:1;
	background-image: url("../SVG/PAGER_HOVER_BKG.svg");
						background-size:  contain;
						background-position:  center ;
						background-repeat: no-repeat;
}


















/* normalisieren */

#nav,
#nav ul,
#nav li {

	display: block;
	margin:0px;
	padding:0px;

	list-style: none;
	
}
/* Generelle vererbbare Settings innerhalb des Menus */

#nav,
nav * {



   		font: bold 13px sans-serif;
	text-transform: uppercase;
	text-align: center;
    color: grey;
	line-height: 60px; 
	
	
}


/* Alle Labels (a ohne href Attr)  und Links haben ein bestimmtes uniformes aussehen */

#nav a {

	display: block;
	background: #fff;
	padding: 5px  10px;
	

}

* html #nav >li > a {	width: 6em;}

/* Fix für MSIE 6 ? */
* html #nav ul a {	width: 9em;}

/* Fix für MSIE 6 ? */
*+html #nav >li > a {	width: 6em;}

/* Fix für MSIE 7 */
*+html #nav ul a {	width: 9em;}

/* Fix für MSIE 7 */
/* alle aktivierbaren Links haben bestimmte Farben */

#nav a[href] {

	text-decoration: none;

	color: #555;
	
}
/* Die immer sichtbare Menu-Items */

#nav > li {

	display: inline;
	display: inline-block;

}
	


/* MSIE8 -- verstehen die Farbe transparent nicht */

:root #nav > li {	border: 1px solid transparent;}

* html #nav li {	float: left;	zoom: 1;	border: 1px solid #ccc;}

/* MSIE 6 fix ?? */
* html #nav ul li {	float: none;	display: block}

/* MSIE 6 fix ?? */
*+html #nav > li {	display: inline;	border: 1px solid #ccc;}

/* MSIE 7 fix*/
/* Die Focus-Linie verbergen, sie wird durch passenden Hintergrund kompensiert */

#nav *:focus {	outline-width: 0;}

/* Die Menu-Gestaltung*/
#nav {

   text-align:center;
   box-shadow: inset 0px -8px 8px -7px #000, inset 0px 4px 8px -7px #444;  /* Schatteneffekte */
  
}

#nav > li > a {



background-image: url("../SVG/LABEL_BKG.svg");

		background-size:  contain;
		background-position: center;
    background-repeat: no-repeat;
	
	padding: 5px 60px;
	/* Schatteneffekte */
	
	-moz-box-shadow: inset 0px -8px 8px -7px #444, inset 0px 4px 8px -7px #666;
	-webkit-box-shadow: inset 0px -8px 8px -7px #444, inset 0px 4px 8px -7px #666;
	box-shadow: inset 0px -8px 8px -7px #444, inset 0px 4px 8px -7px #666;
}
/* Alle Levels erhalten ein einheitliches Bild */
/* Jeder Level wird absolut positioniert und hat eine definierte Mindestbreite: */

#nav ul {
	position: absolute;
	
	min-width: 14em;
	
	text-align: center;
	
	/* Schatteneffekte */

	-moz-box-shadow: 3px 5px 10px #666;
	-webkit-box-shadow: 3px 5px 10px #666;
	box-shadow: 3px 5px 10px #666;
	
}
/* Jedes Item in jedem Level erzeugt einen neuen Koordinatenkontext */

#nav li {
	position: relative;

}



/* Der 1. Level erscheint vertikal unter den Menu-Labels */

#nav .level1 {
	top: 70px;
	left: -6999px;
	background: #aad;
	/* einblenden left:-1px;*/
}
/* Der 2. bis x. Level erscheint horizontal versetzt neben dem ersten Level */

#nav .level2,
#nav .level3,
#nav .level4 {
	top: -1px;
	left: -1999px;
	/*einblenden left:8em;*/
}
/* Den Menupfad zur aktuellen Seite hervorheben */

#nav a.current {

	background-image: url("../SVG/LABEL_ACTIVE_BKG.svg");
		background-size:  contain;
		background-position: center;
    background-repeat: no-repeat;
	
}
/* Betone die im moment gehoverten Items */

#nav a:hover,
#nav li.hover > a {
	
	background-image: url("../SVG/LABEL_HOVER_BKG.svg");
		background-size:  contain;
		background-position: center;
    background-repeat: no-repeat;
	position: relative;
	
	z-index: 20;
}

#nav a.current:hover,
#nav li.hover > a.current {
	background-image: url("../SVG/LABEL_HOVER_BKG.svg");
		background-size:  contain;
		background-position: center;
    background-repeat: no-repeat;
}
/* Gebe den Labels, die keine Links sind, Dropdown/right-Pfeil */

#nav ul a:not([href]):not([class="current page"]):before {
	float: right;
		
	padding-left: 5px;
}


/* Wir korrigieren die z-index-Werte */

.level1 {	z-index: 11;}

.level2 {	z-index: 12;}

.level3 {	z-index: 13;}

.level4 {	z-index: 14;}
/* Interaktives Einblenden  */

#nav > li:hover .level1,
#nav > li.hover .level1 {
	left: -1px;
	/* den obersten Level verzögert einblenden */
	
	-moz-transition-property: left;
	/* ab FX 4.0 */
	
	-moz-transition-delay: 0.3s;
}

#nav li:hover > .level2,
#nav .level1 >li.hover .level2 {
	left: 10em;
}

#nav li:hover > .level3,
#nav .level2 >li.hover .level3 {
	left: 10em;
}

#nav li:hover > .level4,
#nav .level3 >li.hover .level4 {
	left: 10em;
}








/* PRODUKTE */




				
				
				#contents_produkte	
				{
					float: right; 
						border-left: 1px solid #C5C877;
					width: 880px;
					
					margin-right :170px;
					padding-left: 30px;
					font: 100% Arial,Verdana,"Verdana", sans-serif;
					
					
				}
					#contents_produkte h2
				{
					text-align: left;
					padding-top: 20px;
					font: 180% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
					margin-left: 10px;
					border-bottom: 1px solid #a5a877;
				}
				#contents_produkte p { margin: 0 0 10px 10px; line-height: 165%; }
				
				



#DOWNLOADS
{

margin-top:20px;
margin-bottom:20px;

}




#nav_s,
#nav_s ul,
#nav_s li {
	display: block;
	padding:2px ;
	list-style: none;
}
/* Generelle vererbbare Settings innerhalb des Menus */

#nav_s,
nav_s * {


float: left;
   	font: bold 14px sans-serif;
	text-transform: capitalize;
	text-align: center;
    color: grey;
	line-height: 50px; 
	margin-left: 50px;

	
}


/* Alle Labels (a ohne href Attr)  und Links haben ein bestimmtes uniformes aussehen */

#nav_s a {
	display: block;
background: #fff;
	padding: 5px  5px;
}

* html #nav_s >li > a {	width: 6em;}

/* Fix für MSIE 6 ? */
* html #nav_s ul a {	width: 9em;}

/* Fix für MSIE 6 ? */
*+html #nav_s >li > a {	width: 6em;}

/* Fix für MSIE 7 */
*+html #nav_s ul a {	width: 9em;}

/* Fix für MSIE 7 */
/* alle aktivierbaren Links haben bestimmte Farben */

#nav_s a[href] {

	text-decoration: none;

	color: #555;
}
/* Die immer sichtbare Menu-Items */

#nav_s > ul {
	display: inline;

}
	

/* MSIE8 -- verstehen die Farbe transparent nicht */

:root #nav_s > li {	border: 1px solid transparent;}

* html #nav_s li {	float: left;	zoom: 1;	border: 1px solid #ccc;}

/* MSIE 6 fix ?? */
* html #nav_s ul li {	float: none;	display: block}

/* MSIE 6 fix ?? */
*+html #nav_s > li {	display: inline;	border: 1px solid #ccc;}

/* MSIE 7 fix*/
/* Die Focus-Linie verbergen, sie wird durch passenden Hintergrund kompensiert */

#nav_s *:focus {	outline-width: 0;}




/* Die Menu-Gestaltung*/

#nav_s > li > a {


background-image: url("../SVG/LABEL_SL_BKG.svg");

		background-size:  contain;
		background-position: center;
    background-repeat: no-repeat;
	
	padding: 5px 5px;
	/* Schatteneffekte */
	
	
}
/* Alle Levels erhalten ein einheitliches Bild */
/* Jeder Level wird absolut positioniert und hat eine definierte Mindestbreite: */


/* Jedes Item in jedem Level erzeugt einen neuen Koordinatenkontext */

#nav_s li {
	position: relative;
	
}

#nav_s a.current {

	background-image: url("../SVG/LABEL_ACTIVE_BKG.svg");
		background-size:  contain;
		background-position: center;
    background-repeat: no-repeat;
	
}
/* Betone die im moment gehoverten Items */

#nav_s a:hover,
#nav_s li.hover > a {
	
	background-image: url("../SVG/LABEL_HOVER_BKG.svg");
		background-size:  contain;
		background-position: center;
    background-repeat: no-repeat;
	position: relative;
	
	z-index: 20;
}

#nav_s a.current:hover,
#nav_s li.hover > a.current {
	background-image: url("../SVG/LABEL_HOVER_BKG.svg");
		background-size:  contain;
		background-position: center;
    background-repeat: no-repeat;
}
/* Gebe den Labels, die keine Links sind, Dropdown/right-Pfeil */

#nav_s ul a:not([href]):not([class="current page"]):before {
	float: right;
		
	padding-left: 5px;
}



#nav_s h3
				{	margin-left: 10px;
					margin-right: 10px;
					padding-top: 20px;
					font: 106% Arial,Verdana,"Verdana", sans-serif;
					font-weight: bold;
				
				}