/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/opensans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/opensans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/opensans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/opensans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/opensans/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/opensans/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/opensans/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/opensans/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* cookie hinweis :: start */

	.cc_container .cc_btn {
		background-color: #f9b233 !important; /* Farbe des Buttons */
		color: #ffffff !important; /* Textfarbe des Buttons */
	}
	
	.cc_container {
		background: #ebebeb !important; /* Hintergrundfarbe des gesamten Bereichs */
		color: #323232 !important; /* Schriftfarbe des gesamten Bereichs */
		border-top:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
	}
	
	.cc_container a {
		color: #006ab3 !important; /* Textlink-Farbe "Mehr Infos" */
	}
	
	.cc_container .cc_btn_decline {
		background-color: #323232 !important; /* Farbe des Buttons */
		color: #ffffff !important; /* Textfarbe des Buttons */
	}
	
	.hinweistext{
		color:#646464;
	}
	
	.hinweistext2{
		color:#ff9b00;
	}
                
/* cookie hinweis :: ende */


body {			position:absolute; 
				top:0; 
				left:0; 
				margin:0px;
				padding:0px;
				width: 100%; 
				height:100%;
				color:#969696;
				background-color:#ffffff; 

}

html {                  
   height:100%;
   margin-bottom:1px;
   overflow-y:scroll;
   overflow-x:hidden;
}

/* fix für iphone scrolling im iframe :: start */

	.scroll-wrapper{
		position: fixed; 
		right: 0; 
		bottom: 0; 
		left: 0;
		top: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}    
/* fix für iphone scrolling im iframe :: ende */



.scrollicon{
	text-align: center;
	text-decoration:none;
	width:40px;
	height:40px;
	
	position:fixed;
	bottom:60px;
	right:60px;
	display:none;
	border:0px solid #333;
	z-index:1001;
	text-decoration:none;
	background-image: url(../images_projekt/scrollicon.png);
	background-repeat: no-repeat;
}


.scrollicon div{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
	color:#ffffff;
	padding-top:18px;
}

#nav_waypoint:hover {
	opacity:1;
}




a {           font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:normal; outline:0; }
a:link {      text-decoration: underline; color: #323232; }
a:active {    text-decoration: underline; color: #f9b233; }
a:visited {   text-decoration: underline; color: #323232; }
a:hover { 
	text-decoration: underline;
	color: #f9b233;
	-moz-transition: all 0.4s ease-out;  /* FF4+ */
	-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.4s ease-out;  /* IE10? */
	transition: all 0.4s ease-out;
}

a[href^="tel"] {
  text-decoration: none;
  cursor: default;
  color: #646464;
}

/* begin content-links fuer funktionen */

	a.f_link_www:link, a.f_link_www:visited {
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 0 7px;
		padding:0 0 0 24px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images_projekt/icon_pfeil_link.png);
		background-position:5px center;
		background-repeat:no-repeat;
		clear:both;
	}

	a.f_link_www:hover, a.f_link_www:active {
		font-size:16px;
		line-height:24px;
		color: #f9b233;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 0 7px;
		padding:0 0 0 24px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images_projekt/icon_pfeil_link.png);
		background-position:5px center;
		background-repeat:no-repeat;
		clear:both;
	}
	
	
	a.f_link_file:link, a.f_link_file:visited {
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 1px;
		padding:0 0 0 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images_projekt/icon_pdf.png);
		background-position:center left;
		background-repeat:no-repeat;
		clear:both;
	}

	a.f_link_file:hover, a.f_link_file:active {
		font-size:16px;
		line-height:24px;
		color: #f9b233;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 1px;
		padding:0 0 0 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images_projekt/icon_pdf.png);
		background-position:center left;
		background-repeat:no-repeat;
		clear:both;
	}
	
	
	a.f_link_vid:link, a.f_link_vid:visited {
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 0 5px;
		padding:0 0 0 25px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images_projekt/icon_youtube.png);
		background-position:left 4px;
		background-repeat:no-repeat;
		clear:both;
	}

	a.f_link_vid:hover, a.f_link_vid:active {
		font-size:16px;
		line-height:24px;
		color: #f9b233;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 0 5px;
		padding:0 0 0 25px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images_projekt/icon_youtube.png);
		background-position:left 4px;
		background-repeat:no-repeat;
		clear:both;
	}

/* end content-links */

a.c_link:link, a.c_link:visited {
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
}

a.c_link:hover, a.c_link:active {
	font-size:16px;
	line-height:24px;
	color: #f9b233;
	font-weight: normal;
	text-decoration:none;
}

a.c_link_more:link, a.c_link_more:visited {
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:0 0 0 24px;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images_projekt/icon_pfeil_link.png);
	background-position:5px center;
	background-repeat:no-repeat;
	clear:both;
}

a.c_link_more:hover, a.c_link_more:active {
	font-size:16px;
	line-height:24px;
	color: #f9b233;
	font-weight: normal;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:0 0 0 24px;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images_projekt/icon_pfeil_link.png);
	background-position:5px center;
	background-repeat:no-repeat;
	clear:both;
}

a.c_link_back:link, a.c_link_back:visited {
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:0 0 0 24px;
	float:right;
	display:inline;
	position:relative;
	background-image:url(../images_projekt/icon_pfeil_link_back.png);
	background-position:5px center;
	background-repeat:no-repeat;
	clear:both;
}

a.c_link_back:hover, a.c_link_back:active {
	font-size:16px;
	line-height:24px;
	color: #f9b233;
	font-weight: normal;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:0 0 0 24px;
	float:right;
	display:inline;
	position:relative;
	background-image:url(../images_projekt/icon_pfeil_link_back.png);
	background-position:5px center;
	background-repeat:no-repeat;
	clear:both;
}

a.c_link_mail:link, a.c_link_mail:visited {
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0 27px 0 0;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images_projekt/icon_mail.png);
	background-position:center right;
	background-repeat:no-repeat;
}

a.c_link_mail:hover, a.c_link_mail:active {
	font-size:16px;
	line-height:24px;
	color: #f9b233;
	font-weight: normal;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0 27px 0 0;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images_projekt/icon_mail.png);
	background-position:center right;
	background-repeat:no-repeat;
}


a.link_tel_all:link, a.link_tel_all:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #646464;
	font-weight: normal;
	text-decoration:none;
}

a.link_tel_all:hover, a.link_tel_all:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color:#646464;
	font-weight: normal;
	text-decoration:none;
	cursor:default;
}

a.link_tel_cta:link, a.link_tel_cta:visited {
	font-family:  'Roboto', Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:30px;
	color: #ffffff;
	font-weight:400;
	text-decoration:none;
}

a.link_tel_cta:hover, a.link_tel_cta:active {
	font-family:  'Roboto', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:30px;
	color:#ffffff;
	text-decoration:none;
	cursor:default;
}


a.nav_top_01:link, a.nav_top_01:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #646464;
	font-weight: normal;
	margin:0 0 0 0;
	padding:0 0 2px 41px;
	text-decoration:none;
	float:right;
	display:inline;
	position:relative;
	background-image:url(../images/trenner_nav_top_01.gif);
	background-repeat:no-repeat;
	background-position:21px center;
}


a.nav_top_01:hover, a.nav_top_01:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #f9b233;
	font-weight: normal;
	margin:0 0 0 0;
	padding:0 0 2px 41px;
	text-decoration:none;
	float:right;
	display:inline;
	position:relative;
	background-image:url(../images/trenner_nav_top_01.gif);
	background-repeat:no-repeat;
	background-position:21px center;
}

a.nav_top_01_active:link, a.nav_top_01_active:visited, a.nav_top_01_active:hover, a.nav_top_01_active:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #f9b233;
	font-weight: normal;
	margin:0 0 0 0;
	padding:0 0 0 41px;
	text-decoration:none;
	float:right;
	display:inline;
	position:relative;
	background-image:url(../images/trenner_nav_top_01.gif);
	background-repeat:no-repeat;
	background-position:21px center;
}

a.nav_top_01_nobg:link, a.nav_top_01_nobg:visited, a.nav_top_01_nobg:hover, a.nav_top_01_nobg:active {
	background-image:none;
	padding:0 0 2px 0;
}



a.nav_top_01_scroll:link, a.nav_top_01_scroll:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #646464;
	font-weight: normal;
	margin:0 0 0 40px;
	padding:0 0 23px 0;
	text-decoration:none;
	float:right;
	display:inline;
	position:relative;
}


a.nav_top_01_scroll:hover, a.nav_top_01_scroll:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #f9b233;
	font-weight: normal;
	margin:0 0 0 40px;
	padding:0 0 23px 0;
	text-decoration:none;
	float:right;
	display:inline;
	position:relative;
}

a.nav_top_01_scroll_active:link, a.nav_top_01_scroll_active:visited, a.nav_top_01_scroll_active:hover, a.nav_top_01_scroll_active:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #f9b233;
	font-weight: normal;
	margin:0 0 0 40px;
	padding:0 0 23px 0;
	text-decoration:none;
	float:right;
	display:inline;
	position:relative;
}

	
	a.nav_top_01_scroll_drop:link, a.nav_top_01_scroll_drop:visited, a.nav_top_01_scroll_drop:hover, a.nav_top_01_scroll_drop:active {
		background-image:url(../images_projekt/icon_nav_drop.png);
		background-position:right 5px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	


a.nav_top_02:link, a.nav_top_02:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #646464;
	font-weight: normal;
	margin:0 0 0 0;
	padding:17px 15px 18px 15px;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:none;
}


a.nav_top_02:hover, a.nav_top_02:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #ffffff;
	font-weight: normal;
	margin:0 0 0 0;
	padding:17px 15px 18px 15px;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#f9b233;
}

a.nav_top_02_active:link, a.nav_top_02_active:visited, a.nav_top_02_active:hover, a.nav_top_02_active:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #ffffff;
	font-weight: normal;
	margin:0 0 0 0;
	padding:17px 15px 18px 15px;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#f9b233;
}

	a.nav_top_02_drop:link, a.nav_top_02_drop:visited {
		background-image:url(../images_projekt/icon_nav_drop.png);
		background-position:right 10px center;
		background-repeat:no-repeat;
		padding-right:30px;
	}
	
	a.nav_top_02_drop:hover, a.nav_top_02_drop:active {
		background-image:url(../images_projekt/icon_nav_drop_weiss.png);
		background-position:right 10px center;
		background-repeat:no-repeat;
		padding-right:30px;
	}
	
	a.nav_top_02_drop_active:link, a.nav_top_02_drop_active:visited, a.nav_top_02_drop_active:hover, a.nav_top_02_drop_active:active {
		background-image:url(../images_projekt/icon_nav_drop_weiss.png);
		background-position:right 10px center;
		background-repeat:no-repeat;
		padding-right:30px;
	}
	
	
		a.nav_top_02_sub:link, a.nav_top_02_sub:visited {
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:22px;
			color: #323232;
			font-weight: normal;
			margin:0 0 0 0;
			padding:15px 15px 15px 15px;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			clear:both;
			width:210px;
			border-bottom:1px solid #c8c8c8;
			background-color:#f5f5f5;
			z-index:1001;
		}


		a.nav_top_02_sub:hover, a.nav_top_02_sub:active {
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:22px;
			color: #ffffff;
			font-weight: normal;
			margin:0 0 0 0;
			padding:15px 15px 15px 15px;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			clear:both;
			width:210px;
			border-bottom:1px solid #c8c8c8;
			background-color:#f9b233;
			z-index:1001;
		}

			

		a.nav_top_02_sub_active:link, a.nav_top_02_sub_active:visited, a.nav_top_02_sub_active:hover, a.nav_top_02_sub_active:active {
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:22px;
			color: #ffffff;
			font-weight: normal;
			margin:0 0 0 0;
			padding:15px 15px 15px 15px;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			clear:both;
			width:210px;
			border-bottom:1px solid #c8c8c8;
			background-color:#f9b233;
			z-index:1001;
		}
	

a.nav_top_02_right:link, a.nav_top_02_right:visited, a.nav_top_02_right:hover, a.nav_top_02_right:active {
	float:right;
}


a.nav_bottom_01:link, a.nav_bottom_01:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #646464;
	font-weight: normal;
	margin:0 0 0 0;
	padding:0 0 2px 40px;
	text-decoration:none;
	float:right;
	display:inline;
	position:relative;
}


a.nav_bottom_01:hover, a.nav_bottom_01:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #f9b233;
	font-weight: normal;
	margin:0 0 0 0;
	padding:0 0 2px 40px;
	text-decoration:none;
	float:right;
	display:inline;
	position:relative;
}


a.linkbox_color:link, a.linkbox_color:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #ffffff;
	font-weight: normal;
	margin:40px 0 0 0;
	padding:17px 20px 18px 20px;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#f9b233;
	border:1px solid #f9b233;
	clear:both;
}


a.linkbox_color:hover, a.linkbox_color:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #f9b233;
	font-weight: normal;
	margin:40px 0 0 0;
	padding:17px 20px 18px 20px;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #f9b233;
	clear:both;
}

a.linkbox_cta:link, a.linkbox_cta:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #f9b233;
	font-weight: normal;
	padding:17px 20px 18px 20px;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #ffffff;
}


a.linkbox_cta:hover, a.linkbox_cta:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #ffffff;
	font-weight: normal;
	padding:17px 20px 18px 20px;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#f9b233;
	border:1px solid #ffffff;
}

a.c_link_gr:link, a.c_link_gr:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	color: #646464;
	font-weight: normal;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link_gr:hover, a.c_link_gr:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	color: #f9b233;
	font-weight: normal;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

/* dropdown navi :: start */

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:1001;
	font-style:normal;
}


.nav li{
	margin:0 0 0 0;
}

.nav ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999px;
  left: 1px;
  z-index: 1001;
}

.nav li:hover ul{
  top: 51px;  
  padding:0 0 0 0; 
  z-index: 1001; 
  left:0px;
  margin:0 0 0 0;
  background-color:#f0f0f0;
}

/* dropdown navi :: ende */


/* dropdown scroll-navi :: start */

.nav_scroll, .nav_scroll ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:1001;
	font-style:normal;
}


.nav_scroll li{
	margin:0 0 0 0;
}

.nav_scroll ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999px;
  left: 1px;
  z-index: 1001;
}

.nav_scroll li:hover ul{
  top: 38px;  
  padding:0 0 0 0; 
  z-index: 1001; 
  left:26px;
  margin:0 0 0 0;
  background-color:#f0f0f0;
}

/* dropdown scroll-navi :: ende */

h1{ font-family:  'Roboto', Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; color: #646464; font-weight:300; margin:0 0 18px 0; padding:0 0 0 0; word-wrap: break-word;}

h2{ font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #f9b233; font-weight:normal; margin:0 0 8px 0; padding:0 0 0 0; word-wrap: break-word;}
h2.h2_klein{ font-family:  'Roboto', Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; color: #646464; font-weight:300; margin:0 0 18px 0; padding:0 0 0 0; word-wrap: break-word;}
h2.h2_slogan{ font-family:  'Roboto', Arial, Helvetica, sans-serif; font-size:50px; line-height:52px; color: #ffffff; font-weight:300; margin:0 0 12px 0; padding:0 0 15px 0; word-wrap: break-word; border-bottom:1px solid #f9b233; }

h3{ font-family:  'Roboto', Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; color: #646464; font-weight:300; margin:0 0 18px 0; padding:0 0 0 0; word-wrap: break-word;}

p,div { font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#646464; margin-top:0px; padding-top:0px; word-wrap: break-word;}
td {    font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#646464; margin-top:0px; padding-top:0px; }
.standard{ float:left; display:inline; position:relative; margin:0px; padding:0px; text-align:left;}
.standard_r{ float:right; display:inline; position:relative; margin:0px; padding:0px; text-align:left;}

.topdiv { padding:0px; margin:0px; height:100%; width:100%; position:absolute; top:0px;  }
.toptab { height:100%; width:100%; padding:0px; margin:0px;  }


/* formular :: start */

input{ background-color:#ffffff; 
              color:#646464;
              font-size:16px;
              font-family:  'Open Sans', Arial, Helvetica, sans-serif;
			  border:1px solid #aaaaaa;
			  margin:0 40px 20px 0;
			  padding:8px 0 8px 8px;
			  float:left;
			  display:inline;
			  position:relative;
			    background-repeat:no-repeat;
			  background-position:top left;
			   font-style:italic;
			   
			   }
			   
select {      background-color:#ffffff; 
              color:#646464;
              font-size:16px;
              font-family:  'Open Sans', Arial, Helvetica, sans-serif;
			  border:1px solid #aaaaaa;
			  margin:0 40px 20px 0;
			  padding-left:8px;
			  float:left;
			  display:inline;
			  position:relative;
			   height:36px;
			    background-repeat:no-repeat;
			  background-position:top left;
			   font-style:italic;
			   
			   }

input.checkbox_in { background-color:transparent; 
              color:#f0f0f0;
              font-size:15px;
              font-family: Arial, Helvetica, sans-serif;
			  border:0px solid #e2e2e2;
			  border-radius:2px;
			  width:14px;
			  height:14px;
			  margin:8px 5px 10px 10px;
			  
			   }
			   
.button {      
	  background-color:#f9b233; 
	  color:#ffffff;
	  font-size:16px;
	  line-height:17px;
	  font-weight:normal;
	  font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	  border:0px solid #f9b233;
	  width:120px;
	  height:44px;
	  float:right;
	  font-style:normal;
	  padding:0px;
	   }
	   
 
.button_invisible {    background-color:#FFFFFF/*ecece9*/; 
			width:0px;
			height:0px;
			font-size:0px;
			color:#FFFFFF;
            border:0px solid #c8c8c8;
			margin:0px;
			padding:0px;
			   }				   
			   


textarea {    background-color:#ffffff; 
              color:#646464;
              font-size:16px;
              font-family:  'Open Sans', Arial, Helvetica, sans-serif;
			  border:1px solid #aaaaaa;
			  width:310px;
			  height:142px;
			  margin:0 0 20px 0;
			  padding:8px;
			  
			  float:left;
			  display:inline;
			  position:relative;
			   background-repeat:no-repeat;
			  background-position:top left;
			  font-style:italic;
			   }

/* formular :: ende */


.bgdiv_con_100{
	float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0;
}

.bgdiv_con_100_grau{
	float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-color:#f5f5f5;
}

.bgdiv_con_100_cta{
	float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-color:#f9b233;
}

.bgdiv_con_center{
	margin:0 auto; padding:0px; text-align:left;
}

.sp_100p{ margin:0 0 0 0; padding:0 0 0 0; width:100%; }

.kursiv{
	font-style:italic;
}

/* projekt :: start */

.projekt_color_01{
	color:#f9b233;
}


.top_navi_mobi_100{
	background-color:#f9b233;
}

.bgdiv_nav_top_z1{
	border-top:5px solid #f9b233;
	border-bottom:1px solid #dcdcdc;
	padding:37px 0 40px 0;
}

	.nav_top_logo{
		width:580px;
		padding:0 0 0 0;
		margin:3px 0 0 0;
	}
	
	.nav_top_links{
		width:580px;
		color:#dcdcdc;
	}

.bgdiv_nav_top_z2{
	border-bottom:1px solid #dcdcdc;
	padding:0 0 0 0;
}

	/* scroll-navi :: start*/

		.bgdiv_nav_scroll{
			float:left;
			position:fixed;
			top:0px;
			left:0px;
			display:none;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
			height:84px;
			background-color:#ffffff;
			z-index:1001;
			border-bottom:1px solid #dcdcdc;
		}


		.nav_top_logo_scroll{
			width:200px;
			height:45px;
			margin:20px 0 0 0;
			padding:0px;
			overflow:hidden;
		}
		
		.nav_top_logo_scroll img{
			width:200px;
			height:45px;
			margin:0px 0 0 0;
			padding:0px;
			overflow:hidden;
		}

			
			
		.nav_top_links_scroll{
			margin:46px 0 0 0;
		}
		
	/* scroll-navi */

.bgdiv_con_100_header_abdecker {
    float: left;
    position: relative;
    display: inline;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    background-repeat: repeat;
    background-image: url(../images/bg_abdecker_60p.png);
}
	
	
.trenner_con_100{
	float:left;
	display:inline;
	position:relative;
	width:100%;
	height:1px;
	margin:20px 0 20px 0;
	background-color:#dcdcdc;
}
	

/* projekt :: ende */



/* ColorBox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}


/* responsive menu */
	
		
		.menu { 
			  float: left;
			  overflow-y:auto;
			  border-top:1px solid #ffffff;
			  -webkit-transition: all 0.3s ease;  
			  -moz-transition: all 0.3s ease;
			  -ms-transition: all 0.3s ease;
			  transition: all 0.3s ease; 
			  
			}
			.menu ul { 
			  padding: 0px;
			  margin: 0px;
			  list-style: none;
			  position: relative;
			  display: inline-table;
			  z-index:9999;
			   
			}
			.menu > li > ul.sub-menu {
				min-width: 10em;
				padding: 4px 0;
				background-color: #00f0f0;
				border: 1px solid #ffffff;
				  z-index:9999;
			}
			.menu ul li { padding: 0px; margin: 0px; }
			.menu > ul > li { display: inline-block; }
			.menu ul li a { display: block; text-decoration: none; color: #fff; font-size: 16px; font-family:  'Open Sans', Arial, Helvetica, sans-serif; }
			.menu ul li > a { height:20px; padding: 20px; }
			.menu ul ul { 
			  display: none; 
			  position: absolute; 
			  top:100%;
			  min-width: 160px;
			  background-color: #f0f0f0;
			  border: 1px solid #f0f0f0;
			}
			.menu ul li:hover > ul { display: block; }
			.menu ul ul > li { position: relative; }
			.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f0f0f0; }
			.menu ul ul > li a:hover { background-color: #646464; color: #ffffff; }
			.menu ul ul > li a.sub1active { background-color: #646464; color: #ffffff; }
			.menu ul ul ul { position: absolute; left: 100%; top:0; }

	/* ende responsive menu */	
	
	
	
	  /*.container { width:100%; z-index:10000; display:inline; float:right; position:relative;}*/
  
	  a.menu-link { display: block; color: #fff; float: left; text-decoration: none; padding: 3px 0 10px 0;}
	  .menu { clear: both; min-width: inherit; float: none; background:#f9b233; }
	  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #d4edfc; }
	  .menu, .menu > ul ul ul { overflow: hidden; max-height: 0; background-color: #ffffff; }
	  .menu > li > ul.sub-menu { padding: 0px; border: none; }
	  .menu.active, .menu > ul ul.active { max-height: 4000px; height:90%; }
	  .menu ul { display: inline; }
	  .menu > ul { border-top: 0px solid #f0f0f0; }
	  .menu li, .menu > ul > li { display: block; }
	  .menu li a { color: #ffffff; display: block; padding: 0; border-bottom: 1px solid #ffffff; position: relative; background:#323232; }
	  .menu li a:hover { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#f9b233; }
	  .menu li a.nav_res_sub2:hover { padding-left:40px; font-style:italic; }
		
		.menu li a.menu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#f9b233; }
		.menu li a.has-submenu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#2d2d2d; }
	  
	  .menu li.has-submenu > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 20px;
	  }
	  
	  .menu li.has-submenu2 > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 20px;
	  }
	  
	  .menu li.has-submenu > a.active:after {
		content: "-";
	  }
	  
	  .menu li.has-submenu2 > a.active:after {
		content: "-";
	  }
	  .menu ul ul > li a { background: #ffffff; color:#323232; height:20px; padding: 20px; border-bottom: 1px solid #f0f0f0; }
	  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
	  
	  .menu ul ul ul > li a { background: #ffffff; color:#1e1e1e; height:20px; padding: 20px; border-bottom: 1px solid #f0f0f0; }