body {
margin : 0px auto;
padding : 0px;
background-color : #050845;
color : black;
text-align : center;
font : small Arial, Helvetica, Verdana, sans-serif;
}
#wrapper {
text-align : left;
background-color : #fdf8f2;
width : 800px;
height : 578px;
color : black;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
padding : 10px;
}
#header {
width : auto;
height : 578px;
background-color : #ffffff;
color : black;
margin : 0;
padding : 0;
}

#header table {
    margin: 0px;
    /*width: auto;*/
	}
	
header-table2 {
    margin: 0px;
    width: 300px!important;
	}	

.dienstl-table {
	width:200px!important;
	background-color:#F00;
	height:auto;
	}
	
.toast	{
width:200px!important;
	background-color:#0F3;
	}	
.floatt ul {
	margin:0px;
	padding:0px;
	width:auto;
	}

#headline {
font-weight : bold;
color : #050845;
font-style : italic;
margin : 0;
font-size : 14px;
}
.headl {
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
font-style : italic;
font-weight : bold;
color : #cccccc;
padding : 0 0 0 20px;
word-wrap:break-all;
}

.headl2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
font-style : italic;
font-weight : bold;
color : #cccccc;
padding : 0 0 0 0px;
}

.headl2kl {
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
font-style : italic;
font-weight : bold;
color : #cccccc;
padding : 0 0 0 0px;
}

.floatt {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding : 0 0 0 20px;
list-style-position : outside;
list-style-type : circle;
}

h3{
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-style : normal;
font-weight : bold;
color : #003366;
padding : 0 0 0 0px;
list-style-position : outside;
list-style-type : circle;
}

.red {
  font-family : Arial, Helvetica, sans-serif;
color : #F00;
}

.floattxt {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding : 0 0 0 20px;
list-style-position : outside;
list-style-type : circle;
}
.impr {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
font-weight : normal;
color : #003366;
list-style-position : outside;
list-style-type : circle;
}
#headscroll {
width : 800px;
height : 2500px;
background-color : #ffffff;
color : black;
margin : 0;
padding : 0;
}
#wrapperscroll {
text-align : left;
background-color : #fdf8f2;
width : 800px;
height : auto;
color : black;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
padding : 10px;
}


#headscroll-br {
width : 800px;
height : auto;
background-color : #ffffff;
color : black;
margin : 0;
padding : 0;
overflow:hidden;
}

 /*#headscroll-br table {
    margin: 0px;
    width: 768px!important;
	}*/

#wrapperscroll-br {
text-align : left;
background-color : #fdf8f2;
width : 800px;
height : auto;
color : black;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
padding : 10px;
}

/*.footer-navi {
	max-width:700px;
		}*/
#headscroll-impr {
    margin: 0px auto;
    width: 800px!important;
	height: auto;
}

#headscroll-impr table {
    margin: 0px;
    width: 800px!important;
	}

.scroll {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding : 0 0 0 20px;
}

.name {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding : 0 0 0 0px;
}

.meinung {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-style : italic;
font-weight : normal;
color : #003366;
padding : 10 0 0 0px;
}

.bewertung {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding : 10 0 0 0px;
}

#scrollcontainer {
width:630px;
height:280px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding-top:10px;
padding-right:0px;
padding-bottom:0px;
padding-left:20px;
overflow:auto;
}

#meinungsform {
width:600px;
height:30px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding-top:15px;
padding-right:0px;
padding-bottom:0px;
padding-left:20px;
}

#formcontainer {
width:630px;
height:300px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}

#mform {
position:relative;
top:20px;
left:50px;
width:547px;
height:300px;
background: url(formback.jpg) no-repeat;
padding:0px;
margin:0px;
}

.mformtxt {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding : 0 0 0 20px;
}

#headimpr {
width : 800px;
height : 1280px;
background-color : #ffffff;
color : black;
margin : 0;
padding : 0;
}
#wrapperimpr {
text-align : left;
background-color : #fdf8f2;
width : 800px;
height : 1280px;
color : black;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
padding : 10px;
}
#headdatens {
width : 800px;
height : 1380px;
background-color : #ffffff;
color : black;
margin : 0;
padding : 0;
}
#wrapperdatens {
text-align : left;
background-color : #fdf8f2;
width : 800px;
height : 100%;
color : black;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
padding : 10px;
max-height: 100%;
overflow: scroll;
}

#headkont {
width : 800px;
height : 622px;
background-color : #ffffff;
color : black;
margin : 0;
padding : 0;
}
#wrapkont {
text-align : left;
background-color : #fdf8f2;
width : 800px;
height : 622px;
color : black;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
padding : 10px;
}
#headagb {
width : 800px;
height : 2710px;
background-color : #ffffff;
color : black;
margin : 0;
padding : 0;
}
#wrapagb {
text-align : left;
background-color : #fdf8f2;
width : 800px;
height : 2740px;
color : black;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
padding : 10px;
}
.jumper {
margin : 0;
padding : 0 0 0 5px;
background-image : url(neu_12.jpg);
font-family : Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size : 10px;
font-style : normal;
margin : 0;
height : 36px;
line-height : normal;
vertical-align : middle;
}
.flolink a:link, .flolink a:visited, .flolink a:hover, .flolink a:active {
color : #ffffff;
padding : 0 0 0 20px;
font-family : Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size : 10px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-decoration : none;
}
.floimpr a:link, .floimpr a:visited, .floimpr a:hover, .floimpr a:active {
color : #003366;
padding : 0 0 0 20px;
font-family : Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size : 10px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-decoration : none;
}

.floattBigger {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-style : normal;
font-weight : bold;
color : #003366;
padding : 0 0 0 20px;
list-style-position : outside;
list-style-type : circle;
}

/*.display {
	display:none;
	
	}*/
	
.hallo {
	background:#fdf8f2;
	position:relative;
	max-width:790px;
	min-height:3700px;
	
	}
	


#navi-desk {
	display:inline;
	}

.mobile-navi {
	display:none;
	}

.mobile-navi li {
	display:inline;
	}

/*.shade {
	display:block;
	
	}*/

#cookiefirst-cookies-table {
	background:#fdf8f2 !important;
	}	
	
hr { background-color: #CCC; height: 0px; border: 0; }	

.mobile-navi ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:800px;
	}
	
.schiele1 {
	width:100%;
	height:auto;
	display:block;
	}

.entrelec1 {
	width:100%;
	height:auto;
	display:block;
	}
	
.erni1 {
	width:100%;
	height:auto;
	display:block;
	}	
	
/*  ---------    Getting Responsive now ---------   */ 

@media only screen and (max-width:1024px) { 

body {
    margin:0px !important;
    padding: 0px;
	background-color:#fdf8f2;
    
}

#wrapper {
	
 margin: 0px auto;
    width: auto;
	height: auto;
	padding: 0px;
	background-color:#fdf8f2;

}

#header{
    width: 800px;
    height: auto;
    background-color:#fff;
    color: black;
    margin: 0px auto;
    padding: 0px;
    /*position: relative;*/
}

#header table {
    margin: 0px;
    width: auto!important;
	/*height:80px;*/
	}


/*.breite {
	width:400px!important;
	}*/


hr { background-color: #CCC; height: 1px; border: 0; }

#wrapperscroll-br {
    margin: 0px auto;
    width: auto;
	height: auto;
	padding: 0px;
	background-color:#FFF;
}


#headscroll-br {
    margin: 0px auto;
    width: auto!important;
	height: auto;
	background-color:#fff;
}

#headscroll-br table {
    margin: 0px;
    width: auto!important;
	}
#headscroll-impr {
    margin: 0px auto;
    width: 800px!important;
	height: auto;
}

#headscroll-impr table {
    margin: 0px;
    width: 800px!important;
	}



#scrollcontainer {
width:auto;
height:280px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #003366;
padding-top:10px;
padding-right:0px;
padding-bottom:0px;
padding-left:20px;
overflow:auto;
display:block;
word-wrap:break-word;
}

.rechte-spalte {
	display:none;
	}

.shade {
	display:none;
	}	

.navi-desk {
	display:none;
	
	}

.mobile-navi {
	width:auto;
	height:100px;
	display:block;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	padding:0px 0px 0px 0px;
	margin-top:20px;
	margin-bottom:20px;
			}

.mobile-navi ul {
	list-style:none;
	margin:0px;
	padding:5px 0px 0px 10px;
	width:800px;
	}

.mobile-navi li {
	display:inline;
	padding:10px;
	margin-right:0px;
	border-right:0px solid #ccc;
	/*border-left:1px solid #ccc;*/
	line-height:30px;
	font-size:16px;
	color:#00517E;
	padding:0px 5px 0px 0px;
	float:left;
	}

.mobile-navi li a {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}

.mobile-navi li a:link {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}


.mobile-navi li a:visited {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}
	
.mobile-navi li a:active {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}	
	
.mobile-navi li a:hover {
	text-decoration:underline;
	font-weight:600;
	color:#050845
	}

 .floatt h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
   } 
 
 .scroll {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}

.scroll h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	}
	
.schiele1 {
	width:100px;
	height:auto;
	display:block;
	}

.entrelec1 {
	width:100px;
	height:auto;
	display:block;
	}
	
.erni1 {
	width:100px;
	height:auto;
	display:block;
	}		
	

.hallo {
	background:#fff;
	position:relative;
	max-width:790px;
	min-height:auto!important;
	padding-left: 20px;
	
	}

.datenschutz {
	padding-left:20px;
	
	}

.shade2{
	display:block;
	} 


}

	
@media only screen and (max-width: 768px) { 


body {
    margin:0px !important;
    padding: 0px;
    
}


#wrapperscroll-br {
    margin: 0px auto;
    width: auto;
	height: auto;
	padding: 0px;
}


#headscroll-br {
    margin: 0px auto;
    width: auto!important;
	height: auto;
}

#headscroll-br table {
    margin: 0px;
    width: auto!important;
	}
	
#headscroll-impr {
    margin: 0px auto;
    width: 700px!important;
	height: auto;
}

#headscroll-impr table {
    margin: 0px;
    width: 600px!important;
	}

.shade {
	display:none;
	}	

.navi-desk {
	display:none;
	
	}

.br-logos {
	display:none;
	}

.mobile-navi {
	width:700px;
	height:70px;
	display:block;
	border-bottom: 0px solid #ccc;
	padding:10px 0px 10px 10px;
		
	}

.mobile-navi ul {
	list-style:none;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	width:700px;
	word-wrap:break-all;
	}

.mobile-navi li {
	display:inline;
	padding:5px;
	margin-right:5px;
	border-right:0px solid #ccc;
	border-left:0px solid #ccc;
	line-height:30px;
	font-size:16px;
	color:#00517E;
	padding:0px 5px 0px 0px;
	
	}

.mobile-navi li a {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}

 .floatt h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
   } 
 
 .scroll {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}

.scroll h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}

.shade2{
	display:block;
	} 

}	

@media only screen and (min-width:541px) and (max-width:700px) {
  
body {
    margin:0px !important;
    padding: 0px;
    
}  

#wrapperscroll-br {
    margin: 0px auto;
    width: auto;
	height: auto;
	padding: 0px;
}


#headscroll-br {
    margin: 0px auto;
    width: auto!important;
	height: auto;
}

  
 #headscroll-br table {
    margin: 0px auto;
    width: auto!important;
	
	}
	
.shade {
	display:none;
	}	

.navi-desk {
	display:none;
	
	}

.hd-anschrift {
	display:inline;
	}	
	
.jd-logo {
	width:340px;
	height:auto;
	}	

.mobile-navi {
	width:620px!important;
	height:100px;
	display:block;
	border-bottom: 0px solid #ccc;
	padding:10px 0px 10px 0px;
	
		}

.mobile-navi ul {
	list-style:none;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	width:640px;
	word-wrap:break-all;
	padding:0px 0px 0px 10px;
	margin:10px;
	}

.mobile-navi li {
	display:inline;
	padding:0px 5px 0px 0px;
	margin-right:5px;
	border-right:0px solid #ccc;
	/*border-left:1px solid #ccc;*/
	line-height:30px;
	font-size:15px;
	color:#00517E;
	}

.mobile-navi li a {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}
 
 .bild {
	width:90%;
	height:auto;
	} 
 

 .floatt h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
   } 
 
 .scroll {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}

.scroll h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}
.shade2{
	display:block;
	} 

}

@media only screen and (min-width:480px) and (max-width: 540px) { 

body {
    margin:0px !important;
    padding: 0px;
	/*max-width:300px;*/
    
}  

#wrapperscroll-br {
    margin: 0px auto;
    width: auto;
	height: auto;
}


#headscroll-br {
    margin: 0px auto;
    width: auto!important;
	height: auto;
}


  
#headscroll-br table {
    margin: 0px;
    width: auto!important;
	}

#headscroll-impr {
    margin: 0px auto;
    width: auto!important;
	height: auto;
}

#headscroll-impr table {
    margin: 0px;
    width: 500px!important;
	}

.shade {
	display:none;
	}	

.navi-desk {
	display:none;	
	}
	
.hd-anschrift {
	display:none;
	}	

.mobile-navi {
	width:540px!important;
	height:100px;
	display:block;
	border-bottom: 0px solid #ccc;
	padding:10px 0px 10px 0px;
	
		}

.mobile-navi ul {
	list-style:none;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	width:500px;
	padding:0px 0px 0px 10px;
	margin:10px;
	}

.mobile-navi li {
	display:inline;
	padding:0px 5px 0px 0px;
	margin-right:5px;
	border-right:0px solid #ccc;
	/*border-left:1px solid #ccc;*/
	line-height:30px;
	font-size:14px;
	color:#00517E;
	}

.mobile-navi li a {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}
 
.bild {
	width:100%;
	height:auto;
	} 
	

 .floatt h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
   } 
 
 .scroll {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}

.scroll h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}

.shade2{
	display:block;
	} 

 }		
 
 @media only screen and (min-width:361px) and (max-width: 479px) { 

body {
    margin:0px !important;
    padding: 0px;
	/*max-width:300px;*/
    
}  

#wrapperscroll-br {
    margin: 0px auto;
    width: auto;
	height: auto;
}


#headscroll-br {
    margin: 0px auto;
    width: auto!important;
	height: auto;
}


  
 #headscroll-br table {
    margin: 0px;
    width: auto!important;
	}

#headscroll-impr {
    margin: 0px auto;
    width: auto!important;
	height: auto;
}

#headscroll-impr table {
    margin: 0px;
    width: 400px!important;
	}

.shade {
	display:none;
	}	

.navi-desk {
	display:none;	
	}
	
.hd-anschrift {
	display:none;
	}	

.mobile-navi {
	width:400px!important;
	height:130px;
	display:block;
	border-bottom: 0px solid #ccc;
	padding:10px 0px 10px 0px;
	
		}

.mobile-navi ul {
	list-style:none;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	width:400px;
	}

.mobile-navi li {
	display:inline;
	padding:0px 5px 0px 0px;
	margin-right:5px;
	border-right:0px solid #ccc;
	/*border-left:1px solid #ccc;*/
	line-height:30px;
	font-size:14px;
	color:#00517E;
	}

.mobile-navi li a {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}
 
.bild {
	width:90%;
	height:auto;
	} 
	
  .scroll {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
}

 .floatt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
    list-style-position: outside;
    list-style-type: circle;
}

.floatt h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
   } 

/*marquee {
	display:inline;
	}*/
.shade2{
	display:block;
	} 

}

@media only screen and (max-width: 360px) { 

body {
    margin:0px !important;
    padding: 0px;
	/*max-width:300px;*/
    }  


#wrapperscroll-br {
    margin: 0px auto;
    width: auto;
	height: auto;
}


#headscroll-br {
    margin: 0px auto;
    width: auto!important;
	height: auto;
}

#headscroll-br table {
    margin: 0px;
	width:auto!important;
    /*max-width: 300px!important;
	min-width: 300px!important;*/
	}

#headscroll-impr {
    margin: 0px auto;
    width:300px!important;
	height: auto;
}

#headscroll-impr table {
    margin: 0px;
    width: 280px!important;
	}

.shade {
	display:none;
	}	

.navi-desk {
	display:none;	
	}
	
.hd-anschrift {
	display:none;
	}	

.mobile-navi {
	width:300px!important;
	height:130px;
	display:block;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
	padding:10px 0px 10px 0px;
	
		}

.mobile-navi ul {
	list-style:none;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	width:340px;
	padding: 0px 0px 0px 20px;
	margin:0px;
	}

.mobile-navi li {
	display:inline;
	padding:0px 5px 0px 0px;
	margin-right:5px;
	border-right:0px solid #ccc;
	/*border-left:1px solid #ccc;*/
	line-height:30px;
	font-size:16px;
	color:#00517E;
	
	}

.mobile-navi li a {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}
 
 .mobile-navi li a {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}

.mobile-navi li a:link {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}


.mobile-navi li a:visited {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}
	
.mobile-navi li a:active {
	text-decoration:none;
	font-weight:600;
	color:#00517E;
	}	
	
.mobile-navi li a:hover {
	text-decoration:underline;
	font-weight:600;
	color:#050845
	}
 
.bild {
	width:100%;
	height:auto;
	margin-top:20px;
	} 
 
 .floatt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
    list-style-position: outside;
    list-style-type: circle;
	width:20px!important;
}
 
 .floatt h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
   } 
 
 .scroll {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}

.scroll h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
	
}

.jd-logo {
	width:340px;
	height:auto;
	}
	
/*marquee {
	display:none;
	}*/
.shade2{
	display:block;
	} 
 
}