body{
			background: #FFFFFF;
			font-family:Verdana, Tahoma, Arial, sans-serif; 
			font-size: 1.125em;
			overflow:auto;
			text-align: justify;
			-ms-hyphens: auto;
			-moz-hyphens: auto;
			-webkit-hyphens: auto;
			hyphens: auto;
		}
		h1,h3{
			text-align:left;
			padding-left: 0 0 0 0;
			color: #62615C;
		}
		p, a{
			padding: 0 0 0 0;
			color: #62615C;
		}
		table{
			padding-left: 0%;
			cellspacing:5;
			width: 100%; 
			border: 0px solid;
		}
		iframe {
		  max-width: 100%;
		  padding-left: 0%;
		  width: 100%;
		  height:250px;
		  border: none;
		}
		input{
			background-color: #FFB400;
			border: 1px solid #e7c157;
		}
		textarea{
			background-color: #FFB400;
			border: 1px solid #e7c157;
			width: 100%;
		}
		input.titel{
			width: 20%;
		}
		input.eingabe{
			width: 60%;
		}
		#jahreszahl{
			padding-left:5%;
			color: #62615C;
			width: 40em;
			display: inline;
		}
		#cvtext{
			color: #62615C;
			/*margin-left: 120px;*/
			display: inline;
		}
		#ueberschrift{
			color: #FFFFFF;
			font-size: 1.5em;
			text-align: left;
			padding: 15px 0 0 60px;
		}
		img{
			text-align:center;
			max-width: 100%;
			height:auto;
			width:auto;
		}
		#bannerbild{
			display: block;
			margin-left: 2%;
			max-width: 80%;
			height:auto;
			width:auto;
			padding: 20px 0 20px 0;
		}
		#helmchenbild{
		margin: 0 auto;
		max-width: 80%;
		height:auto;
		width:auto;
		padding: 30px 0 30px 30px;
		}
		#wrapper{
			background: #FFFFFF;
			margin: 0 auto;
			max-width: 1020px;
			width:98%;
			border: 1px solid #73726D;
			border-radius: 2px;
			box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
		}
		.telefon {
			font-size: 1.8em;
		}
		header{
			width: 100%;
			min-height: 125px;
			text-align: center;
			background: #2D2D2D;
		}
		nav{
			/*float:left;
			padding: 0 0 0 0;
			list-style: none;*/
			margin: 0;
			padding-left: 50%;
		}
		nav a{
			/*display: block;*/
			padding: 0 2% 0 0;
			font-weight: bold;
			font-size: 0.6em;
			color: #FFFFFF;
			text-decoration: none;
			text-align: center;
		}
		nav a:hover, nav a.active{
			color: #FFB400;
		}

		hr{
			border: none;
			color: #FFB400;
			background-color: #FFB400;
			height: 0.3em;
			width: 100%;
		}
		.linksmitte{
			width: 65%;
			padding: 0 0 0 0;
			float: left;
			/*border: 1px solid #73726D;*/
		}
		.linksmitte img {
			width: 100%;
			height: auto;
		}
		.rechts{
			width: 30%;
			padding: 0 0 0 0;
			float: left;
			/*border: 1px solid #73726D;*/
		}
		.textspalten{
			font-size: 0.6em;
			width: 45%;
			float: left;
			padding: 0 2% 0 3%;
		}
		.textbereich_kanzlei{
			font-size: 0.6em;
			width: 98%;
			float: left;
			padding: 0 2% 0 0;
		}
		.veroeffentlichungen{
			/*border: 1px solid;*/
			padding: 0 2% 0 3%;
			font-size: 0.6em;
			float: left;
		}
		#kontakt{
			background: #FFB400;
			padding: 0 0 2% 0;
			margin-top: -7px;
		}
		#kontakt h1{
			padding-left: 5%;
			color: #FFFFFF;
			font-size: 1.125em;
		}
		#kontakt p{
			color: #FFFFFF;
			padding-left: 5%;
			font-size: 1.0em;
			}
		#kontakt a {
			padding-left: 5%;
		}
        #taetigkeitsfelder h1{
			font-size: 1.2em;
            color: #FFB400;
		}
        #taetigkeitsfelder p{
			font-style: italic;
		}
		footer {
			background:   #2D2D2D;
			width: 100%;
			height: 75px;
			overflow: hidden;
		}
		footer p {
			color: #F1F0D1;
		}
	   footer a {
			color:  #e7f3ef;
			background:  #2D2D2D;
			text-decoration: none;
		}
		#impressum{
			display: none;
			width: 600px;
			height: auto;
			background: white;
			position:relative;
			top:-550px;
			left:150px;
			float: none;
			border: 2px solid black;
			border-radius: 2px;
			z-index:3;
            box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
		}
		#impressum p{
			padding: 0 5% 0 5%;
			font-size: 0.6em;
		}
		#impressum h1{
			padding: 0 5% 0 5%;
			font-size: 0.8em;
		}
		#impressum img{
			position: absolute;
			right: 0;
		}
		#datenschutz{
			display: none;
			width: 600px;
			height: auto;
			background: white;
			position:relative;
			top:-700px;
			left:150px;
			float: none;
			border: 2px solid black;
			border-radius: 2px;
			z-index:3;
            box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
		}
		#datenschutz p{
			padding: 0 5% 0 5%;
			font-size: 0.6em;
		}
		#datenschutz h1{
			padding: 0 5% 0 5%;
			font-size: 0.8em;
		}
		#datenschutz img{
			position: absolute;
			right: 0;
		}
		#lageplandetail{
			display: none;
			width: 400px;
			height: 450px;
			background: white;
			position:relative;
			top:-1200px;
			left:170px;
			float: none;
			border: 2px solid black;
			border-radius: 2px;
			z-index:3;
			box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
		}
		#lageplandetail h1{
			padding-left: 5%;
			font-size: 0.8em;
		}
		#lageplandetail img{
			padding-top: -100px;
			position: absolute;
			right: 0;
		}
		#lageplangross{
			padding-top: 30px;
			width: 400px;
			height: 372px;
		}
		#oben{
			padding-left: 2%;
			font-size: 0.5em;
			display: block;
			text-decoration: underline;
		}
		.smarttel{
			display: none;
			text-decoration: none;
		}


		@media screen and (max-width: 820px){
			header{
				width: 100%;
				height: 200px;
				text-align: center;
				background: #2D2D2D;
			}
			#ueberschrift{
				text-align: center;
				padding: 0 0 0 0;
				font-size: 1.0em;
			}
			nav {
				width: 100%;
				margin-bottom: 10px;
				margin: 0 auto;
				padding-left: 0px;
				text-align: center;
				margin-left: 0;
				width: 100%;
			}
            nav a {
				display: block;
				padding: 8px 0;
				font-size: 0.8em;
            }
			.telefon {
			display: none;
			}
			#impressum{
				width: 400px;
				left: 100px;
			}
			#datenschutz{
				width: 400px;
				left: 100px;
			}
			#lageplandetail{
				left: 50px;
			}
			/*#oben{
				display: block;
			}*/
			.smarttel{
				display: block;
				text-decoration: none;
			}
			#telefon{
				display: none;
			}
		}
		@media screen and (max-width: 600px){
			#telefon {
				font-size: 1.5em;
			}
			#taetigkeitsfelder {
				display: none;
			}
			.linksmitte{
				width: 100%;
			}
			.textspalten{
				width: 95%;
			}
			.rechts{
				width: 95%;
				padding-bottom: 15px;
			}
			#impressum{
				left:5px;
				top:-550px;
				/*width: 300px;*/
				width: auto;
			}
			#datenschutz{
				left:5px;
				top:-550px;
				/*width: 300px;*/
				width: auto;
			}
			#lageplandetail{
				top: -1450px;
			}
		}