@charset "utf-8";
/* CSS Document */

body
	{
		font-family:Arial;
		font-size:1em;
		text-align:center;
		margin-top:15px;
	}
.fb_form
	{
	font-family: Arial;
	font-size: 1em;
	text-align: left;
	margin-top: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	}
div#seite
	{
		text-align:left;
		width:900px;
		/*height:auto; unnötig*/
		min-height:600px;
		margin:0 auto;
		border:1px solid #000000;
		/*border-radius:0px; */
	}
header#logo
{
	background-color:#E9E9E9;
	/*
	background-image:url(../pic/logo2.jpg);
		background-repeat:no-repeat;
		background-size:100%;
		background-position:top center;
				padding-top:15px;

	*/
		width:900px;
		height:70px; /*wichtig damit hg-bild angezeigt wird! 72 vorher*/
		font-size:2em;
		font-weight:bold;
	}
	
div#ebene1 {
	
	}

div#title_n
	{
		float:left;
		height:90px;
		width:900px;
		background-color:#E9E9E9;
		text-align:justify;
	}
	
div#ks
	{
		float:left;
		width:180px;
		height:150px;
		background-color:#E9E9E9;
		text-align:justify;
		/*padding-left:10px;
		padding-right: 10px;*/
		border-top:15px solid #E9E9E9;

	}	

div#hc
	{
		float:left;
		width:180px;
		height:150px;
		background-color:#E9E9E9;/*#f6f6f6;*/
		text-align:justify;
		border-top:15px solid #E9E9E9; /*#333333;*/

	}

div#flotte
	{
		float:left;
		width:180px;
		height:150px;
		background-color:#E9E9E9;
		text-align:justify;
		border-top:15px solid #E9E9E9;
	}

div#hol
	{
		float:left;
		width:180px;
		height:150px;
		background-color:#E9E9E9;
		text-align:justify;
		border-top:15px solid #E9E9E9;
	}	
	
div#eng
	{
		float:left;
		width:180px;
		height:150px;
		background-color:#E9E9E9;
		text-align:justify;
		border-top:15px solid #E9E9E9;

	}
	
		

	
div#kd
	{
		float:left;
		height:200px;
		width:300px;
		background-color:#E9E9E9;
		text-align:justify;
		border-top:15px solid #E9E9E9;
	}
	
div#vb
	{
		float:right;
		width:600px;
		height:200px;
		background-color:#E9E9E9;
		text-align:justify;
		border-top:15px solid #E9E9E9;
	}

div#ebene2
	{
		
		
	}
	

	div#text1{
		font-size:1em;
		float:left;
		width:860px;
		/*height:400px;*/
		min-height:250px;
		background-color:#E9E9E9;
		padding-left:20px;
		padding-right:20px;
		padding-top:10px;
		/*border-top:5px solid #333333;*/
		}
		
		.rechts{
			float:right;
			margin-left: 20px;
			margin-right: 20px;
			
			}
	
	
.faq_legende
	{
		float:left;
		font-size:13px;
		margin-left: 580px;
		

	}
div#ebene3 {
	
	
	}
	

	
footer#impress
	{
		clear:both;
		/*height:auto; unnötige Angabe!
		width:900px; */
		height:30px;
		padding-top:5px;
		text-align:center;
		font-size:0.8em;
		color:#FFC;
		background-color:#df001b;
		border-top:1px solid #333333;
		/*border-bottom-right-radius:25px; /*border-radius wird nicht vererbt von seite, daher muss der radius hier wiederholt werden sonst steht die hintergrundfarbe drüber hinaus eckig 
		border-bottom-left-radius:25px; */ 
	}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:1px;
}


#wrapper{
/*
	width:720px;
	margin:40px auto 0;*/
			font-size:1em;
		float:left;
		width:860px;
		/*height:400px;*/
		min-height:200px;
		background-color:#E9E9E9;
		padding-left:20px;
		padding-right:20px;
		padding-top:10px;
}

#wrapper h1{
	color:#FFF;
	text-align:center;
	margin-bottom:20px;
}

#wrapper a{
	display:block;
	font-size:1.2em;
	padding-top:20px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
}

#tabContainer {
	width:850px;
	background-color:#E9E9E9;
	-moz-border-radius: 5px;
	border-radius: 5px; 

}

#tabs{
	
	width: 870px;
	
	overflow:hidden;
	float: right;
	margin: -620px 18px 0 0;
	display:block;

	/*Firefox*/
	-moz-transform:rotate(-90deg); 
    -moz-transform-origin: right top 0;
	/*Chrome*/
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right top 0;
	/*Opera*/
    -o-transform: rotate(-90deg);
    -o-transform-origin:  right top 0;
	/* IE*/
  	 transform: rotate(-90deg);
	 transform-origin:  right top 0;
 	 filter: none; /*Mandatory for IE9 to show the vertical text correctly*/      
}
	

#tabs > ul{
	font: 1em;
	list-style:none;
	text-align: center;
}

#tabs > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #df001b; /* old browsers */
	background: -moz-linear-gradient(top, #df001b 0%, #df001b 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df001b), color-stop(100%,#df001b)); /* webkit */
}
/*d21820*/


#tabs > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

#tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

#tabscontent {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
	background: #E9E9E9; /* old browsers */
	background: -moz-linear-gradient(top, #E9E9E9 0%, #E9E9E9 90%, #E9E9E9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E9), color-stop(90%,#E9E9E9), color-stop(100%,#E9E9E9)); /* webkit */
	color:#333;

}

  input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
  input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
  }