<style type="text/css">


body
	{
	}

#MainContainer 
	{
/*   	border: 1px dashed red; 
*/
	position: relative;
 	margin: 0 auto;
 	padding: 0px 50px 0px 50px;
	width: auto;
	min-height: 400px;
	text-align: center;
	}

#TopNaviContainer 
	{
/* 	border: 1px dashed green;
 */
	position: relative;
 	margin: 10px auto 40px auto;
	max-width:1000px;
	height:100px;
	}

#PicContainer 
	{
/*  	border: 1px dashed red;
 */
 	margin: 10px auto;
	max-width: 1000px;
	height: auto;
	}

#contentNaviContainer 
	{
/*    border: 1px dashed blue; 
 */
 	position: relative;
 	margin: 0px auto 60px auto;
	max-width: 1000px;
	height: 60px;
	}

#contentContainer 
	{
/*      border: 1px dashed green; 
 */
 	display: inline-block;
	margin: 0px auto auto auto;
	max-width: 900px;
	height: auto;
	}

#contentContainer_left 
	{
/*       border: 1px dashed silver;  
 */
 	float: left;
	margin: 0px 0px 0px 0px;
	width: 432px;
	}
	
#contentContainer_right 
	{
/*       border: 1px dashed black; 
 */
 	float: right;
	margin: 0px 0px 0px 0px;
	width: 432px;
	}
	
#contentContainer_full 
	{
/*     border: 1px dashed blue; 
 */
 	float: left;
	margin: 0px 0px 0px 0px;
	width: 900px;
	}

#BottomContainerMain 
	{
/*  border: 1px dashed black;
 */
 	text-align: center;
 	margin: 50px auto;
 	padding: 50px 50px 0px 50px;
	min-height:350px;
	width: auto;
	background-color: #f0e3d6;
	}
	
#BottomContainer 
	{
/* border: 1px dashed green;
 */
	display: inline-block;
 	margin: auto;
	max-width: 900px;
	height: 300px;
	}

#BottomNaviColContainer_1 
	{
/*  border: 1px dashed blue;
 */
 	float: left;
 	text-align: left;
	margin: 0px 0px 0px 0px;
	width: auto;
	}
#BottomNaviColContainer_2 
	{
/*   border: 1px dashed blue;
 */
 	float: left;
 	text-align: left;
	margin: 0px 0px 0px 0px;
	width: auto;
	}
#BottomNaviColContainer_3 
	{
/*   border: 1px dashed blue;
 */
 	float: left;
 	text-align: left;
	margin: 0px 0px 0px 10px;
	width: auto;
	}
#BottomNaviColContainer_4 
	{
/*   border: 1px dashed blue;
 */
 	float: left;
 	text-align: left;
	margin: 0px 0px 0px 10px;
	width: auto;
	}
#BottomNaviColContainer_5 
	{
/*   border: 1px dashed blue;
 */
 	float: left;
 	text-align: left;
	margin: 0px 0px 0px 10px;
	width: auto;
	}

	
#PanoContainer 
	{
	text-align: center;
	margin: 10px auto;
	max-width: 1067px;
	height: 340px;
	}
			
/* Contentformat */

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

#content 
	{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #666666;
	text-align:left
	}
	
#content h1
	{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #666666;
	text-align:left
	}
	
#content h2
	{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #666666;
	text-align:left
	}

#content h3
	{
	font-size: 18px;
	font-weight: 400;
	}
	
#content a 
	{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #666666;
	text-align:left;
	text-decoration: none;
	}
	
#content a:hover 
	{
	color: #f0aa64;
	}

/* Navigationsformatvorlagen*/

#navigationTop
	{
	text-align: right;
	list-style: none;
	width: 100%;
	color: #666666;
	}

#navigationTop a 
	{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-decoration: none;
	margin-left: 20px;
	}
	
#navigationTop a:hover 
	{
	color: #f0aa64;
	}

#navigationTop a:active  
	{
	color: #f0aa64;
	}

#navigationTop_active
	{
	color: #f0aa64;
	}

#navigationTop_inactive
	{
	color: #666666;
	}

/* ----------- */

#navigationContent
	{
	text-align: left;
	position: absolute; 
	bottom:0px; 
	left: 0px;
	}

#navigationContent a 
	{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-decoration: none;
	margin-right: 30px;
	}
	
#navigationContent a:hover 
	{
	color: #666666;
	}
	
#navigationContent a:active 
	{
	color: #666666;
	}

.navigationContent_active
	{
	color: #666666;
	}

.navigationContent_inactive
	{
	color: #f0aa64;
	}
	
/* --- */
	
#smoothScroll 
	{
	}

.slider_navigation 
	{
	position:fixed;
	bottom:120px;
	left:20px;
	}

#smoothScroll a:link,
#smoothScroll a:visited 
	{
	color: #666666;
	text-decoration: none;
	}

#smoothScroll a:hover,
#smoothScroll a:active 
	{
	color: #f0aa64
	}

.slides-up 
	{
	position: absolute;
	top: 0px;
	}
	
.slides-mid 
	{
	position: absolute;
	top: 26px;
	margin-left: 0px;
	}
	
.slides-down 
	{
	position: absolute;
	top: 51px;
	}

/* --- */
.trigger 
	{
	}

.trigger_active 
	{
	}
	
.toggle_container 
	{
	margin-left: 30px;
	}

/* --- */

#mainAreaSign
	{
	position: absolute; 
	bottom:30px; 
	right: 0px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #afafaf;
	text-decoration: none;
	text-align: right;
	}
	
/* Footer Format */	

#BottomContainer a 
	{
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #666666;
	text-decoration: none;
	}
	
#BottomContainer a:hover 
	{
	color: #333333;
	text-decoration: none;
	}

#BottomContainer a:active 
	{
	color: #555;
	text-decoration: none;
	}
	
#BottomContainer li 
	{
	display: block;
	margin: 0;
	padding: 5px 0px 0px 0px;
	}
#BottomContainer h1 
	{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #666666;
	text-decoration: none;
	margin 0px 0px 20px 0px
	}

	
/* allgemeine Formate */

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.orange_back {background-color: #f0e3d6;}


</style>
