@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'Letter Gothic Std Medium';
font-style: normal;
font-weight: normal;
src: local('Letter Gothic Std Medium'), url('LetterGothicStd.woff') format('woff');
}

body{
			margin:0;
			padding:0;
}	

.wrapper {width:100%; 
			max-width: 1050px;
	margin: 0 auto;
			}

.anchor{
  display: block;
  height: 30; /*same height as header*/
  margin-top: -30; /*same height as header*/
  visibility: hidden;
}

#wappen{z-index:9;position:fixed;left:0; right: 0; margin-left:5% auto; top:45px;
}

* {       
 margin:0;
 padding:0;
 list-style:none;
 text-decoration:none;
}
#navi { top:80px;
 text-align:center;display:block;
 margin-top:100px;background-color: #FFFFFF; border-color: #cdcdcd; border-style:solid; border-width:3px; z-index:10; position:fixed;left: 0;right: 0;  margin:0 auto; width:520px;font-family: 'Letter Gothic Std Medium';
}

ul#navi li {
 display:inline-block;
 margin-left:20px; 
 margin-bottom:11px; margin-top:-50px;list-style: none;
}

ul#navi a {text-decoration:none;color:#cdcdcd;display:block;}
ul#navi li:hover a, ul#nav a.active{color:#99b5c3;}


#page1{text-align: center;width: 100%;}
#links {float:left;}

#rechts {float:right;}

#mitte {float:left;margin-left:9.5%;position:fixed; padding-left:25px; padding-top: 10px; }

#willkommen {color:#cdcdcd;text-align: center;margin-bottom:40px; padding-bottom:10px;font-family: 'Letter Gothic Std Medium';}
#underline{background-color: #cdcdcd;width:100%; height:2px;}

#logo {text-align: center;margin-top:220px;position:relative;}

#button{text-align:center; padding-top:20px; padding-bottom:50px;}


#page2 {text-align: center; padding-top: 100px;}


#kreise {padding-top: 70px;text-align: center;}
.kreis {float: left;padding-left: 45px; height: 210px;}


/*MODAL BOX*/


.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}



.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 900px;
	height: 450px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	background: #4f4f4f;
}



.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.titel {float:left; margin-top:80px; margin-left:25px;}

.detail1{width:380px;float:left;}
.detail{width:480px; float:right; margin-top:80px; margin-right:25px;}

#leistungsbox {margin-top: 270px;}

#page3{text-align: center;padding-top:100px; width: 100%; }

#round{margin-top:60px;width:92%; margin-bottom:350px;}

#r1 { height: 70px; padding-left: 78px;}
.r11 {float:left; padding-left: 15px;}
#r2 { height:70px; padding-left: 205px;}
.r12 {float:left;margin-top: 10px;margin-left: 40px;}
#r3 { height:70px; padding-left: 105px;}
.r13 {margin-top: 130px; float:left;margin-top: 10px;padding-left: 90px;}



#page4 {text-align: center; width: 100%; padding-top:105px;}

#kontakttext {text-align: center; width:100%;}

#kontakt {text-align: center; margin-top: 80px;}

#name {text-align: center; margin-top: 70px;}

#line {width:500px; color:#cdcdcd; height:2px; margin-left: 400px;}

#ecg {border-top-color: #cdcdcd;border-top-style: solid; border-top-width: 2px; width:100%; margin-top: 70px; padding-bottom:350px;}

#l {float:left;}
#r {float:right;}