/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table { border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}






/* General
***********************/
/*
@media screen and (min-width: 1003px) {
	body {font-size: 20px;}

}

@media screen and (min-width: 1279px) {
	body {font-size: 23px;}

}

@media screen and (min-width: 1919px) {
	body {font-size: 26px;}
}

*/

#wrapper{ width:1003px;
	max-width:100%;margin: 0 auto;}

body{
	padding:0;
	text-align:left;
    background-color: #ffffff;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-top: 0;
    overflow: auto;
    text-decoration: none;
    text-transform: none;
    line-height: 1.6em;
	
	
}







body, td, .fliesstext{
    color: #001a3d;
	font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
	font-size: 18px;
    line-height: 1.6em;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	height: auto;
	position: relative;
}

#rahmen2{
	width:1020px;
	max-width:100%;
	min-width:800px;
	text-align:right;
}

#rahmen{
	background:#fff;
	padding-top: 0px;
	    padding-right: 40px;
	    padding-bottom: 20px;
	    padding-left: 40px;
	margin:0;
	width:800px;
	float:right;
	text-align:left;
	
}



#header{
    display: block;
    padding-bottom: 40px;
    width: 800px;
}

#sprache_rahmen{position:absolute;top:20px;  width:100%; 
max-width:1003px;
}

#sprache{
	font-family: 'Source Sans Pro', sans-serif;
	display:block;
	padding:0;
	margin:0;
	height:26px;
/*	border-bottom:2px solid #e4e5e4; */

	text-align:right;
	font-size:13px;
	    line-height: 25px;
		/* text-shadow: 2px 2px 3px rgba(153, 153, 153, 0.33); */
}

#sprache a.sprache_aktiv{
		font-family: 'Source Sans Pro', sans-serif;
		

	font-weight:700;
	/* text-shadow: 2px 2px 3px rgba(153, 153, 153, 0.33); */
}

#sprache a {
		font-family: 'Source Sans Pro', sans-serif;
	text-decoration:none;
	color:#9ca0a1;
	font-size:13px;
	/* text-shadow: 2px 2px 3px rgba(153, 153, 153, 0.33); */
}
#sprache a:hover {
		font-family: 'Source Sans Pro', sans-serif;
	text-decoration:none;
	color:#777;
	/* text-shadow: 2px 2px 3px rgba(153, 153, 153, 0.33); */
}
#platzhalter2 {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px rgba(153, 153, 153, 0.33);
    height: 1px;
    margin-bottom: 9px;
    overflow: hidden;
}
#navi{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 23px;
	height:40px;
	background:#fff;
}
#navi ul{
	margin:0 0 0 0px;
	padding:0;
	list-style-type:none;
}
#navi li{
	margin:0;
	padding:0 15px 10px 0px;
	list-style-type:none;
	float:left;
	/* text-shadow: 2px 2px 3px rgba(153, 153, 153, 0.33); */
}

#content{
	background:#fff;
}

#content ol{
	padding:0 0 0 20px;
	margin:0;	
	color:#000;
	font:14px 'Source Sans Pro', sans-serif;;
	font-weight:700;
}
#content li{
	padding:0 0 20px 0;
	margin:0;
}


#Trenner {
	background:#fff;
	display:block;
	padding:0;
	margin:0;
	height:5px;
	border-top:1px dotted #777;
}

#abbinder{
	background:#fff;
	display:block;
	padding:0;
	margin:0;
	height:40px;
	text-align:right;
	font-size:15px;
}

#space4{
	height:10px;overflow:hidden;
}

#abbinder a.abbinder_aktiv{
	font-weight:700;
}

#abbinder a {
	text-decoration:none;
	color:#9ca0a1;
	font-size:15px;
	margin-top:4px;
}
#abbinder a:hover {
	text-decoration:none;
	color:#777;
}




td{
	margin:0;
	padding:0;
	vertical-align:top;
	padding-bottom:10px;
	text-align:left;
}
.table-links{width:150px;color:#777; max-width:33%; text-align:left;}
.table-rechts{width:600px; max-width:66%;
	text-align:left;}
.table-grau{width:30px;color:#777;vertical-align:baseline;
	text-align:left;}





h1{
	color:#9ca0a1;
	font:20px 'Source Sans Pro', sans-serif;
	font-weight:700;
	margin:0 0 16px 0;
	border-bottom:2px solid #e4e5e4;
	text-align:left;
	padding:0 20px 16px 20px;
}
h2{
	color:#9ca0a1;
	font:20px 'Source Sans Pro', sans-serif;
	font-weight:700;
	margin:0 0 0px 0;
	border-bottom:2px solid #e4e5e4;
	text-align:left;
	padding:0 20px 16px 20px;
}
#content a {
	color: #666666;
	text-decoration: none;
}
#content a:hover {
	text-decoration:none;
	background: #ededed;
	color:#777;


}


#navi a{
	color:#9ca0a1;
	text-decoration:none;
}

#navi a:hover{
	color:#777!important;

} 

#navi .navi_aktiv a{
	font-weight:700;
} 







	
#platzhalter1{background:#fff;line-height:1px;
	overflow:hidden;}
	
	
	
	@media screen and (min-width: 650px) {
		.sichtbar{height:120px;}
	.fixed {
    position: fixed;
    top: 0px;
	padding-top:0px;
    width: 100%;
	max-width:1003px;
	z-index:1000;
	background:#fff;
}

	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	


	.content_innen{padding-top:2px;}
	#content{padding:40px 0px;
	border-bottom:2px solid #e4e5e4;
	

	text-align:left;}

	#content p, #content table{padding:0px 20px;
	text-align:left;}

iframe{
		border-style: solid;
		  border-width: 2px;
		  border-color: #9ca0a1;
	}	
	


/* NAVI */
.nav-mobile{display:none;}


.nav ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
 /* border-bottom:2px solid #e4e5e4;*/
  	border-bottom:2px solid #ffc03b;
  padding-top:20px;
  /*border-top:2px solid #e4e5e4;*/
  	border-top:2px solid #ffc03b;  
  padding-bottom:20px;
}

.nav li {
  font-size: 1.2em;
  line-height: 40px;
  text-align: left;
}

.nav a {
  text-decoration: none;
  color: #565858;
  /*font-weight:900;*/
  display: block;
  padding-left: 30px;
  padding-right: 0px;
  border-bottom: 1px solid #fff;
  transition: .3s background-color;
}

.nav a:hover {
  text-decoration:none;
  color: #777;
}

.nav a.active, .navi_aktiv a{
  color: #001a3d;
  cursor: default;
  text-decoration:none;
  font-weight:600;
}

/* Sub Menus */
.nav li li {
  font-size: .8em;
}
.nav li li a:hover , .nav li li a.active {
  color: #777 	;
}

/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/


@media screen and (min-width: 650px) {


	#navrahmen{
		padding-top:0px;float:none;margin:0 auto;clear:both;
	}

/* Abstand der Navigation vom Schniepel  */
	#header_new{
		margin-bottom:30px;
	}


  .nav li {
    width: auto;
    border-bottom: none;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    display: inline-block;
    margin-right: -4px;
	padding-right:40px;
	padding-left:40px;
  }

  .nav a {
    border-bottom: none;
  }

  .nav > ul > li {
    text-align: center;
  }

  .nav > ul > li > a {
    padding-left: 0;
  }

  /* Sub Menus */
  .nav li ul {
    position: absolute;
	z-index:3005;
    display: none;
	background-color: #fff;
  }

  .nav li:hover ul {
    display: block;
  }

  .nav li ul li {
    display: block;
  }
}




@media screen and (max-width: 650px) {
	#header_new{display:none;}
	.nav-mobile{display:block;}
	.nav, #flip2{display:none;}
	 .nav li ul li{
	    padding-left:20px;
	 }
	.nav li li a:hover , .nav li li a.active {
	  color: #777;
	}
	.nav-mobile a{text-decoration:none; color:#9ca0a1;}
	
	
}