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

.screensize span {display: none;} 

@media screen and (max-width: 30em) and (orientation: portrait)  {
	
	#bildsehen {
	padding-top:60%;
	}
	#logo, #menufloat {
	position: relative;
	}
	#sprech {
	bottom: 2em;
	}
	.sprunghoch {
	width: 30%;
	height: auto;
	padding-top: 0.7em;
	}
	#menufloat ul.einzeilig {
    padding-top: 0em;
	}
	.fotolinieoben {
	width:100%;
	}
	.mitfoto {
	margin: 1em 0 0 0em; 
	border-top: #d9dbde solid 1em; 
	border-bottom: #d9dbde solid 1em;
	}
	
}



@media screen and (max-device-width: 40em) and (orientation: landscape)  {
	
	
	#logo, #menufloat {
	position: relative;
	}
	#menufloat ul.einzeilig {
    padding-top: 0em;
	}
	#sprech {
	bottom: 1em;
	}	
	
}


@media screen and (max-width: 60em) {
 
span.k700 {
	display: inline-block;
	}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	clear:both;
	}
.container_6 .grid_1,
.container_6 .grid_2 ,
.container_6 .grid_3 ,
.container_6 .grid_4 ,
.container_6 .grid_5 ,
.container_6 .grid_6 {
	width:94.0%;
	}
.container_6 .prefix_1,
.container_6 .prefix_2 ,
.container_6 .prefix_3 ,
.container_6 .prefix_4 ,
.container_6 .prefix_5 {
	padding-left:0%;
	border-top-width: 2em;
	}

#menufloat {
	border-bottom-width: 0.6em;
	border-bottom-style:groove;
	border-bottom-color: #0e538f;		
	}
#bildsehen {
	padding-top:25%;
	}
.bildgros {
	height: 100%;
	}
.topmenu ul {
	padding: 0.5em 0em 0.5em 0em;
	
	}
.topmenu a {
	padding: 0.5em 0em 0.5em 0em;
	}
.topmenu ul, 
.topmenu a,  
li.topmenu, 
.submenu ul, 
li.submenu a, 
.submenu a:hover {
	background-color:#003b75;
	color:#fff;
	width:100%;	
}
.topmenu a:visited, .submenu a:visited,
.topmenu a:active, .submenu a:active,
.topmenu a:focus, .submenu a:focus {
	color:#dce3ea;
}

li.topmenu {
	clear:both;
	width: 100%;
	padding-left: 5%;
	margin-right: 0%;
	display:block;	
	border-bottom: thin solid #495a67;
	}

li.submenu {
	width:100%;
		
}
.submenu a {
	padding: 0.5em 0em 0.5em 1em;
	height: 20px;
	border-left-width: 1px;
	border-left-color: #c0b07f;
	border-bottom-width: 1px;
	border-bottom-color: #c0b07f;
	box-shadow: 0em 1em 3em 0em #c5d7ed;
	}
	
.nop a {
	width:90%;
	padding-right:10%;
	}

.fus {
	padding-top:0px;
	}
	
}

@media screen and (min-width: 105em) {
	.container_6 {
	width: 82%;
	}
	body {
	font-size: 1.3em;
	}
	#menufloat ul.einzeilig {
	padding-top:3.8em;
}
}
@media screen and (min-width: 120em) {
	.container_6 {
	width: 75%;
	}
	#bildsehen {
	padding-top:3%;
	}
	
	
}