@font-face {
font-family: 'Open Sans';font-weight: 400;font-style: normal;
src: local('Open Sans'),local('Open-Sans-regular'),url('fonts/Open-Sans-regular.eot');
src: url('fonts/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),url('fonts/Open-Sans-regular.woff2') format('woff2'),url('fonts/Open-Sans-regular.ttf') format('truetype'),url('fonts/Open-Sans-regular.woff') format('woff'),url('fonts/Open-Sans-regular.svg#OpenSans') format('svg');
}
@font-face {
font-family: 'Open Sans';font-weight: 700;font-style: bold;
src:local('Open Sans Bold'),local('Open-Sans-700'),url('fonts/Open-Sans-700.eot');
src: url('fonts/Open-Sans-700.eot?#iefix') format('embedded-opentype'),url('fonts/Open-Sans-700.woff2') format('woff2'),url('fonts/Open-Sans-700.woff') format('woff'),url('fonts/Open-Sans-700.ttf') format('truetype'),url('fonts/Open-Sans-700.svg#OpenSans') format('svg');
}

body{background-color:#EEEEEE;font-size:16px;font-family:"Open Sans",Verdana;}
main{margin: 4rem 0;}
footer{padding: 2rem 0; }
h1,h2{color:#0173b1;font-weight:bold;margin-top:1.5em;}
h1{font-size:1.8em;}
h2{font-size:1.4em;}
a {color:#0173b1;}
a:visited, a:hover{color:#004c75;}
ul{margin-top:0;margin-bottom:0;list-style:none;padding-left:0;}
li{padding-left:1em;}
li:before{content:"\002022\00202F\00202F\00202F";color:#0173b1;font-weight:bold;margin-left:-13px;}
ul.subheadline > li {margin-top:0.5em;}
dl{overflow:hidden;}
dt{float:left;width:11.2em;clear:both;padding:0;padding-bottom:0.9em;position:relative;}
dd{float:right;width: calc( 100% - 11.7857em );padding:0;padding-bottom:0.9em;margin-left:0;}
dd{ *float:none; *width:auto; *margin-left: calc( 100% - 11.7857em ); }

.cvTable {max-width: 950px; margin: 0.25em auto 10em auto; padding: 0 3em 3em 3em; background-color:#FFF;box-shadow: 0 0 1em #DDDDDD;}
.cvName {border-right: solid 4px #0173b1;height:9.3em;}
.cvImage {float:right;margin:40px 60px 10px 0;width:200px;height:200px;}
.cvImageQuer {float:right;margin:40px 60px 10px 0;width:300px;height:200px;}


/* Page Referenz */
.inlinepage {background-color:#FFF;}
.inlinepage h1 {font-size: 1.6em;margin-top:0; }
.inlinepage h2 {font-size: 1.2em;margin:0.2em; }
.inlinepage p  {margin:0.1em;}
dl.refhp dt {width:220px;padding: 0.5em 0 1.5em 0;background-color:transparent;}
dl.refhp dd {width: calc( 100% - 220px );padding-bottom:1.5em;}
dl.refhp dd { *margin-left: calc( 100% - 220px ); }


/** mobilversionen ****/
@media screen and (max-width: 900px) {
	.cvImage {margin:40px 20px 10px 0;}
}
@media screen and (max-width: 800px) {
	.cvTable {padding: 0 1em 1em 1em;}
	.cvName {background-color:transparent;border-radius:0px;}
	.cvImage {width:160px;height:160px;}
	.cvImageQuer{width:240px;height:160px;}
	dt{width:5.0em;background-color:#0173b1;color:#FFF;padding:0.3em 0.6em;border-radius:8px;}
	dd{width: calc( 100% - 6.8em);padding:0.3em 0 0.9em 0}
	dl.refhp dt {background-color:transparent;}
}
@media screen and (max-width: 640px) {
	.cvImage {width:140px;height:140px;}
	.cvImageQuer{width:210px;height:140px;}
}
@media screen and (max-width: 480px) {
	body{background-color:#EEEEEE;font-size:14px;}
	.cvTable{padding: 0 0.5em 0.5em 0.5em;}
	.cvName{display:none;}
	.cvImage {width:110px;height:110px;}
	.cvImageQuer {width:165px;height:110px;}
	dt {width:95%;}
	dd{width:100%;margin-bottom:1em;}
	dl.refhp dt img {margin:0 auto 0 auto;}
	dl.refhp dd{width:99%;}
}