@charset "UTF-8";
/* CSS Document */
html {
	min-height: 100.01%;
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	min-height: 100.01%;
	margin: 0;
	text-align: center;
	background: #dce7f1;
	color:#545454;
}
p {
color:#545454;
line-height:130%;
}
a img { border: none; }
#siteBox {
	position: relative;
	top: 0;
	margin: 0 auto;
	width: 930px;
	background: #fff;
	font-size: 90%;
	text-align: left;
}
.slogan {
	margin: 0 0 5px;
	padding: 30px 30px 0;
	font-size: 185%;
	font-weight: bolder;
	text-align: right;
	color: #596f85;
}
.readmore a {text-decoration:none; color:#0c3d6d; font-weight:bold;}
.readmore a:hover {text-decoration:none;}

#leftBar {
	float: left;
	width: 250px;
}
.menu, .menu ul {
	margin: 50px 0 30px 30px;
	padding: 0;
	list-style: none;
}
.menu li {
	display: block;
	height: 1%;
	margin-bottom: 10px;
	background: url(../img/menu-bg.jpg) repeat-y;
}
.menu li a {
	display: block;
	padding: 4px 10px;
	border: 1px solid #bdc7d5;
	background: url(../img/arrow.gif) no-repeat right center;
	text-decoration: none;
	color: #fff;
}
.down {
	background: url(../img/arrow-down.gif) no-repeat right center !important;
}

.menu ul {
	margin: 0;
	padding: 0 0 10px 10px;
	background: #fff;
}
.menu li li {
	margin: 0;
}
.menu ul li a {
	padding: 7px 10px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #8396af;
	background: #fff url(../img/sub-bg.jpg) bottom repeat-x;
	color: #0c3d6d;
}
.mainlist {
	list-style: outside;
	margin: 0 10px 0 15px;
	padding: 5px 15px;
}
.menu li li a:hover {
	padding: 7px 10px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #8396af;
	background: url(../img/sub-bg2.jpg) bottom repeat-x;
	color: #0c3d6d;
}
#mainBox {
	margin: 10px 30px 20px 270px;
	border: 1px solid #0c3d6d;
	font-size: 90%;
	line-height: 140%;
	padding-top: 30px;
	text-align: center;
	background: #fff url(../img/main-bg-rv.jpg) repeat-x top; 
}
#mainBox_waerme {
	margin: 10px 30px 20px 270px;
	border: 1px solid #0c3d6d;
	font-size: 90%;
	line-height: 140%;
	padding-top: 30px;
	text-align: center;
	height:920px;
	background: url(../img/main-bg-waerme.jpg) repeat-x top; 
}
#mainBox_impressum {
	margin: 10px 30px 20px 270px;
	border: 1px solid #0c3d6d;
	font-size: 90%;
	line-height: 140%;
	padding-top: 30px;
	text-align: center;
	height:750px;
	background: url(../img/main-bg-impressum.jpg)  no-repeat top; 
}
#mainBox_kontakt {
	margin: 10px 30px 20px 270px;
	border: 1px solid #0c3d6d;
	font-size: 90%;
	line-height: 140%;
	padding-top: 330px;
	text-align: center;
	background: url(../img/main-bg-kontakt.jpg) no-repeat top; 
}
#mainBox_kontakt2 {
	margin: 10px 30px 20px 270px;
	border: 1px solid #0c3d6d;
	font-size: 90%;
	line-height: 140%;
	padding-top: 330px;
	text-align: center;
	height:500px;
	background: url(../img/main-bg-kontakt.jpg) no-repeat top; 
}
#mainBox_anfahrt {
	margin: 10px 30px 20px 270px;
	border: 1px solid #0c3d6d;
	font-size: 90%;
	line-height: 140%;
	text-align: center;
	background: url(../img/main-bg-kontakt.jpg) no-repeat top; 
}
#mainBox2 {
	margin: 10px 30px 20px 270px;
	border: solid 1px #0c3d6d;
	font-size: 90%;
	line-height: 140%;
	background: #fff url(../img/main-bg-rv.jpg) repeat-x top;
}
h2, h3, h4 {
	margin: 20px 0 0;
	padding: 0;
	color: #0c3d6d;
}
h5 {
	color: #454545;
	font-size:100%;
	font-weight:normal;
}
h2 {
	padding: 10px 0 7px;
	border-bottom: 1px solid #0c3d6d;
	font-size: 130%;
	margin-bottom: 10px;
}
p {
	margin: 0 0 20px;
}
.mainImg {
	border: solid 4px #fff;
}
#galery {
	position: relative;
	overflow: hidden !important;
	overflow: visible;
	height: 1%;
	margin: 10px 0;
	border: 2px solid #eff2f5;
	padding: 30px 0 30px 55px;
	background: #fff;
}
#galery a {
	float: left;
	width: 190px;
	padding-left: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0 30px 30px 0;
	border: 1px solid #8396af;
	background: #e4e8ed;
	text-align: left;
	text-decoration: none;
	color: #8396af;
}
#galery a img {
	border: 1px solid #8396af;
}
#thPreview {
	overflow: hidden;
	margin-left: 14px;
	padding-top: 30px;
	height: 1%;
	font-size: 106%;
	text-align: right;
	color: #8396af;
}
#thPreview img {
	float: left;
	margin: 16px 0 0 16px;
	border: 1px solid #8396af;
}
#footer {
	clear: left;
	padding: 0 0 20px 270px;
	font-size: 80%;
	color: #929292;
}
#footer a {
	text-decoration: none;
	color: #929292;
}
.content {
	position: relative;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 0 30px 30px;
	text-align: left;
	/*background: url(../img/main-bg.jpg) repeat-x bottom;*/
}
.content-sign {
	position: relative;
	min-height: 322px;
	height: auto !important;
	height: 322px;
	padding: 0 30px;
	margin-top:300px;
	text-align: left;
}
.content-sign2 {
	position: relative;
	min-height: 322px;
	height: auto !important;
	height: 322px;
	padding: 0 30px;
	
	text-align: left;
}
.content-warm {
	position: relative;
	min-height: 322px;
	height: auto !important;
	height: 322px;
	padding: 0 30px;
	text-align: left;
	background: url(../img/main-bg-waerme.jpg) no-repeat left top;
}
iframe {
margin:0;
padding:0;
}
/* EQUAL HIGH BOXEN für 2 spalten layout Text/Flash
Quelle: http://www.positioniseverything.net/articles/onetruelayout/equalheight
*/
		#block_1
	{
	float: left;
	width: 65%;
	margin-left: 00%;
	}
* html #block_1
	{
	display: inline;
	}
#block_2
	{
	float: left;
	width: 35%;
	margin-left: -0%;
	}
#block_3
	{
	float: left;
	width: 33%;
	}
/* Start Mac IE5 filter \*/
#block_1, #block_2, #block_3
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */


/*  */

.slider_horizontal { /* IE HACK */
	margin-left: 35px;
	padding-bottom:7px;
	padding-top:0px;
	padding-right:7px;
		padding-left: 0px;
	width:560px;
	background-color:#FFFFFF;
	text-align:center;
}

html>body .slider_horizontal { 
	margin-left: 35px;
	padding-bottom:4px;
	padding-top:6px;
	padding-right:7px;
	padding-left: 0px;
	width:560px;
	background-color:#FFFFFF;
	text-align:center;
}

.slider_vertikal{
	margin-left: 18px;
	padding-top:8px; 
	padding-right:18px; 
	width:150px; 
	background-color:#FFFFFF; 
	text-align:center;
}

		.accordion_toggle {
			display: block;
			height: 30px;
			width: 530px;
			background: url(../img/accordion_toggle.jpg) no-repeat top right #e0e0e0;
			padding: 0 10px 0 10px;
			line-height: 30px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			border-bottom: 1px solid #fff;
			cursor: pointer;
			margin: 0 0 0 0;
			
			font-size:12px;
		}
		
		.accordion_toggle_active {
			background: url(../img/accordion_toggle_active.jpg) no-repeat top right #053769;
			color: #ffffff;
			border-bottom: 1px solid #fff;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(../img/accordion_toggle.jpg) no-repeat top left #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(../img/accordion_toggle_active.jpg) no-repeat top left #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #ffffff;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(../img/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(../img/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 530px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 530px;
    }
	
.pdf {
	margin:5px;
	}
.pdf a {
	color:#364f72;
	font-size:12px;
	text-decoration:underline;
}