@font-face {
    font-family: 'BloklettersBalpen';
    src: url('Blokletters-Balpen-webfont.eot');
    src: url('Blokletters-Balpen-webfont.eot?#iefix') format('embedded-opentype'),
         url('Blokletters-Balpen-webfont.woff') format('woff'),
         url('Blokletters-Balpen-webfont.ttf') format('truetype'),
         url('Blokletters-Balpen-webfont.svg#BloklettersBalpen') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, div, ul, li, p, h1, h2, h3, form, a {
	border:0;
	outline:0;
	padding:0;
	margin:0;
}

html {
	background:url('../img/cream_dust.png') repeat;
}

body {
	font-family:Times New Roman;
	margin:40px 0 0 0;
	height:100%;
}

div.clear {
	clear:both;
}

p a {
	color:#d21010;
	text-decoration:none;
}

div#header {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:url('../img/dark_dotted.png') repeat;
	border-bottom:1px solid #222;
	z-index:10;
}

div.center {
	width:700px;
	margin:0 auto;
}

div#logo {
	display:block;
	position:relative;
	width:700px;
	height:100px;
	margin:80px auto 0 auto;
	color:#0056ca;
	padding:38px 0 0 0;
}

div#logo p {
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	font-size:38px;
	line-height:32px;
	text-align:center;
}

div#logo p.small {
	font-size:26px;
}

div#menu {
	text-align:center;
	width:535px;
	height:40px;
	margin:0 auto;
}

div#menu ul {
	list-style-type:none;
}

div#menu ul li {
	float:left;
	margin:0 15px;
}

div#menu ul li.active {
	border-bottom:5px solid #fff;
}

div#menu ul li a {
	line-height:35px;
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

div.block {
	padding:40px 0;
	width:100%;
	margin:0 auto;
	color:#555;
	text-shadow:#fff 1px 1px 1px;
	height:parent;
}

ul.personal {
	width:400px;
	padding-left:15px;
	border-left:1px solid #0056ca;
	list-style-type:none;
	float:left;
}

ul.personal li {
	border-bottom:1px dashed #ccc;
}

ul.personal li {
	display:block;
	width:400px;
	float:left;
	height:30px;
	line-height:30px;
	color:#999;
}

ul.personal li a {
	text-decoration:none;
	color:#999;
}

div#contact p {
	width:400px;
	float:left;
}

div#contact img.img {
	float:right;
	margin:-68px 0 0 0;
	padding:20px 15px;
	width:201px;
	background: #fcfcfc;
	border:1px solid #ccc;
	box-shadow:5px 5px 5px #888;
	z-index:0;
	position:relative;
}

#specialismen ul {
	list-style-type: initial;
	font-size: 14px;
	float: none;
	padding-left: 35px;
	margin-bottom:20px;
}

p {
	margin-bottom:20px;
	padding-left:15px;
	border-left:1px solid #0056ca;
	line-height:22px;
	font-size:14px;
	text-align:justify;
}

p:has(+ ul) {
	margin-bottom: 0;
}

h1 {
	font-weight:100;
	text-transform:uppercase;
	padding:20px 0 10px 0;
	margin:20px 0;
	font-size:26px;
	border-top:1px solid #ccc;
	color:#0056ca;
}

@media screen and (max-width: 800px) {
	div.block {
		width:100%;
		margin:0;
		padding:20px 0;
	}
	div.center {
		width:100%;
		margin:0;
		padding:0;
	}
	div#logo {
		width:100%;
		float:none;
		padding:10px 0 5px 0;
		text-align:center;
	}
	div#menu {
		width:100%;
		float:none;
		background:#333;
		font-size:13px;
	}
	div#menu ul li {
		text-align:center;
		margin:0;
		padding:0;
		width:30%;
	}
	div#menu ul li:nth-child(2){
		width:40%;
	}
	div#menu ul li a {
		margin:0;
		padding:0;
	}	
	div#header {
		height:auto;
	}
	html {
		width:100%;
	}
	body {
		margin:80px 0 0 0;
		width:100%;
		height:100%;
	}
	
	h1{
		margin:30px 5% 20px 5%;
		font-size:20px;
	}
	
	p {
		padding:0 0 0 5%;
		margin:0 5% 30px 5%;
	}
	
	div#over div.img {
		width:30%;
		padding:2%;
		margin:0 5% 0 0;
		transform:rotate(0);
		-ms-transform:rotate(0);
		-moz-transform:rotate(0);
		-webkit-transform:rotate(0);
		-o-transform:rotate(0);
	}
	
	div#over div.img img {
		width:100%;
		margin:0;
		padding:0;
		float:none;
	}
	
	div.img p {
		display:none;
	}
	
	div#over p {
		width:auto;
		float:none;
	}
	
	ul.personal {
		width:85%;
		margin:0 5%;
		padding:0 0 0 5%;
	}

	ul.personal li label {
		width:35%;
	}

	ul.personal li span {
		width:65%;
		font-size:12px;
	}
}