@charset "ISO-8859-1";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Oswald:300);

html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	}

#header-outer {
	background-color:#323232;
	width:100%;
	}
	.header-inner {
		max-width:650px;
		height:auto;
		margin: 0 auto;
		}

#wrap {
	max-width:980px;
	min-height:700px;
	margin: 0 auto;
	background:url(images/KatrinOhmann_980px.jpg) left top no-repeat;
	padding:25px;
	}
	
h1 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	padding:10px;
	color:#fff;
	margin:0px;
	}
	
#content {
	padding-left:450px;
	}
	#content ul {
		margin-left:0px;
		padding-left:17px;
		list-style-type:square;
		}
		#content ul li {
			margin-bottom:10px;
			}
	#content a {
		color:#333;
		}
		#content a:hover,
		#content a:active {
			color:#03C;
			}
			
p {margin-top:0px;}

#footer {
	background-color:#323232;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	min-height:75px;
	}
#footer-dse {
	background-color:#323232;
	width:100%;
	position:relative;
	left:0;
	bottom:0;
	min-height:75px;
	}
	.footer-inner {
		max-width:980px;
		height:auto;
		margin: 0 auto;
		color:#fff;
		padding:0 25px;
		}
		.adresse {
			float:left;
			line-height:75px;
			}
		.footer-links {
			line-height:75px;
			text-align:right;
			}
			.footer-links a {
				color:#fff;
				text-decoration:none;
				font-size:0.8em;
				}
				.footer-links a:hover {
					color:#CCC;
					text-decoration:underline;
					}
					
@media screen and (max-width: 740px) {

#wrap {
	background:url(images/KatrinOhmann_mob.jpg) left top no-repeat;
	min-height:410px;
	padding-bottom:50px;
	}

#content {
	padding-left:0px;
	padding-top:350px;
	}	
	
h1 {font-size:1.5em;}

#footer {
	background-color:#323232;
	width:100%;
	position:relative;
	left:0;
	top:0;
	min-height:75px;
	}

.adresse {
	float:none;
	line-height:140%;
	padding:20px 0 20px 0;
	}
.footer-links {
	text-align:left;
	line-height:140%;
	padding:0 0 20px 0;
	}

}