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

/* FARBEN 
dunkelblau #074B94

*/

html,body,table
	{width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
body {background-color:#f7f7f7;font-size:0.95em;background-image:url(../bilder/bg_container.jpg)}
p {margin:0;line-height:1.3em;margin-left:60px;margin-right:20px;margin-bottom:20px;}
h1, h2, h3 {font-family:Tahoma, Geneva, sans-serif;font-weight:500;font-size:1.4em; color:#074B94; margin-left:60px;padding-top:60px;margin-bottom: 30px;margin-right:20px;}
h1 {line-height:1.3em;}
.untertitel {font-size:0.8em; font-weight:300;}
h2 {font-size:1.2em; color:#074B94; margin-left:60px;padding-top:0;margin-bottom: 10px;}
h2.impressum {padding-top:60px}
h3 {font-size:1.2em; font-weight:normal; margin-left:60px;padding-top:0;margin-bottom: 10px;}

li {margin-left:35px;}
img {vertical-align:middle;}
a {color:#7793BF;color:#B73C3F; font-weight:500; text-decoration:none;letter-spacing:0.02em;}
a:hover, a:focus {text-decoration:underline;}
a img{border:0;}

td	{vertical-align:middle;}
td #main{margin:auto;background-color:#E6ECF7; width:92.5%;max-width:960px;-webkit-box-shadow:0px 4px 8px #000;box-shadow:0px 4px 8px #000; border-radius:25px; border-radius:25px;line-height:1.4em;position:relative;}

#logo {position: absolute;top:-25px; left:-25px; width:100px; height: 100px;background-image:url(../bilder/logo.png);background-repeat:no-repeat;}

#spalte1 {width:48%;width:65%;float:left;min-height:530px;background-color:#E6ECF7; border-top-left-radius:25px;border-bottom-left-radius:25px;}
#spalte1 {
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	}
#spalte2 {width:48%; width:35%;float:left;min-height:530px; border-top-right-radius:25px;background-color:#fff;}
#spalte2 p {margin-right:20px;}
#spalteFull {width:auto;  padding: 0 40px 0 80px; }
#map {width:680px; height:400px;}

#footer {clear:both;padding-top:30px;padding-bottom:10px;margin-bottom:0;background-color:#074B94;background:#ACBFE0;height:40px;width:100%;max-width:960px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;word-spacing:5px;color:#7793BF;}
#footer a {border:0;color:#fff;}
#footer a:hover, footer a:active{text-decoration:none;}
#footer a.aktiv {color:#074B94;}
#footer .fuss {float:left;padding-left:15px;}
#footer .web {float:right;}
#footer .web a {font-weight:normal;padding-right:15px; } 

.aspect {max-width: 100%;height: auto;}

.resp {position: relative;padding-bottom: 50%;padding-top: 15px;height: 0;overflow: hidden;margin:0 20px 0 60px ;}
.resp iframe, .resp object, .resp embed, .resp img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bildLeftKontur{float:left; margin-right:15px; padding:4px;border:1px solid #ccc;}
.nowrap {white-space:nowrap;}
.todo {background:#FFFF66;}

.clearing {clear: both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}


@media only screen and (max-width: 960px){
#spalte1, #spalte2 {width:100%; float:none;min-height:0;padding-bottom:20px;}
#spalte1 {border-top-left-radius:25px; border-bottom-left-radius:0;}
#spalte2 {border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:0;padding-bottom:30px;}
#spalte2 h1 {padding-top:20px;}
#spalte2 p {padding-left:0;}
h2.impressum {padding-top:0}
#spalte2 .impressum {padding-left:60px;}
#footer p {margin:0;}
}

@media only screen and (max-width: 480px){
	#main{width:100%;}
	p, h1, h2, .resp, .impressum {margin-left:30px!important;}
	h1, h2 {font-size:1.3em;}
	#spalte2 .impressum {padding-left:0px;}
	#logo {top: -10px;left:-15px;background-image:url(../bilder/logoKlein.png);}
	#footer {word-spacing:normal;}
}