@charset "utf-8";

/* Styles Layout - Div-Elements */

* {
	margin: 0;
	padding: 0;
}
#container {
	max-width: 800px;
	margin-top: -1px;
	margin-right: auto;
	margin-left: auto;
	overflow:auto;
	height:100%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 3px 3px #666;
	box-shadow: 0px 0px 3px 3px #666; 
}


#header {
	height: 144px;
	width: 100%;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: 0 -9px, right;
}
#logo {
	height: 136px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	margin:10px 0 0 12px;
}
#nav {
	width:100%;
	margin-top:0px;
	float: right;
	margin-bottom:8px;
}

#section {width:100%;}
#article {
	min-height: 300px;
	width: 90%;
	padding: 20px 5%;
}
#Sidebar {width:25%; float:left;}
#Content {width:75%; float:left;}
#ContentRight {width:75%; float:right;}


#footer {
	clear:both;
	height: 140px;
	width: 100%;
}
#footer #adresse{float:left;}
#footer #copy{float:right;}


/* Ansicht Border unter 900px ***************************************************/
@media screen and (max-width: 900px) {
	#container {
	border: 1px solid red;
	overflow:visible;
	height:100%;
}

}

/* Ansicht Martphones unter 480px ***************************************************/
@media screen and (max-width: 580px) {
	body, #header, #section, #article, #aside, #footer {
		width: 100%;
		clear: both;
	}

	#footer p {
	}
}