/* CSS Document */
html {height: 101%}
body {
 padding: 0;	
 margin: 0;			
 background-color: #fff;	
 color: #042678;
 font-family: "Segoe UI", "Open Sans", Arial, sans-serif;
 font-size:80%;	
 font-weight: normal;
 line-height: 1.4em;	
}
.header {
 height: 100px;
 background: #ffffff url(images/bg-header.jpg) no-repeat left;
}
.header img {margin-left: 242px}
html>body div.header { 
 max-width: 100%; min-width: 1024px; 
} 
/*IE 7: */
*+html div.header { max-width: 100%; min-width: 1024px; }
/*IE 6: */
* html div.header { width: 1024px; }
.header2 {
 height: 24px;
 background: url(images/header2.gif) repeat-x;
 color: #FFFFFF; 
 padding-top: 6px; 
}
html>body div.header2 { 
 max-width: 100%; min-width: 1024px; 
} 
/*IE 7: */
*+html div.header2 { max-width: 100%; min-width: 1024px; }
/*IE 6: */
* html div.header2 { width: 1024px; }

.outer {
 position: relative;
 border-bottom: 2px solid white;
 background: url(images/bg-navi-neu.jpg) no-repeat left top;
}
html>body div.outer { 
 max-width: 100%; min-width: 1024px; 
} 
/*IE 7: */
*+html div.outer { max-width: 100%; min-width: 1024px; }
/*IE 6: */
* html div.outer { width: 1024px; }

.navi {
background: url(images/gelb-tuerkis.gif) no-repeat 244px top;
border-bottom: 2px solid #7fd8d1
}
.gelb {
margin-left: 260px;
background-color: #f6ee90;
}
.inhalt {
width: 73%;
float: left;
background: #fff;
}
.left { width:49%; padding:0}
.right { float:right; width:49%; padding:0}
.braasch { float: right; position: relative; width: 26%; font-size: 0.9em; }
.navi-content { 			 
	font-weight: 600;	 	
	padding-left: 18px;	
	padding-top: 30px;	
	float: left;
	width: 220px; 
	font-size: 0.95em;		
}
.navi-content a {
	display: block;
	white-space: nowrap;		
	color: #fff;
	text-decoration: none;			
	padding: 5px 0 5px 5px;
	font-size: 1.3em;
	width: auto;
	margin-bottom: 10px	
}		
a.menue:active, a.menue:hover, a.menue:focus, a.menue-off {
 text-shadow: white 2px 0 5px;
 color: #f6ee90; 
} 
img { border: none; }
.header2 h1 {
font-size: 1.7em; display: inline; padding-left: 358px; 
letter-spacing: 0.065em; font-weight:500
}
h2 {
font-size: 1.3em; padding-left: 30px; padding-right: 20px; }
h3 {
font-size: 1.2em; padding-left: 30px; padding-right: 20px; }
p { padding-left: 30px; padding-right: 20px; margin:0 0 15px 0}
.braasch p, .braasch h3 { padding-left: 16px}
.legend { display:block; font-size: 0.8em; margin-top: -18px; padding-right:2%; text-align: right}
#copy {	position: relative;	width: 100%; text-align: center; font-size: 0.7em; }
#copy a { color: #000092; text-decoration: none; }
.underline { text-decoration: underline; }
a:link.text { color: #003399; }
a:visited.text{ color: #003366; }
a:hover.text { color: #0066CC; }
.fleft { float: left; margin-right: 12px}
.fright { float: right; margin-left: 12px}
.clr { clear:both; font-size: 1px; line-height: 1px}
.scal, .scal2 { width:98%; height: auto; margin-bottom: 20px }
.scal2 {float:right }
p a { color: #042678;}
p a:visited { color: #6699CC;}
p a:hover { color: #006699;}

.responsive-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    padding-top: 30px;
    position: relative;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}