
body {
	background-color: #999;
	color: #000305;
	font-size: 87.5%; /*Base font size is 14px */
	font-family: Arial, 'Lucida Sans Unicode';
	line-height: 1.5;
	text-align: left;
}

a {
	text-decoration: none;
}

a:link, a:visited {
	
}

a:hover, a:active {
	
}

.body {
	margin: 0 auto; /* everything will be centered */
	width: 70%;
	clear: both; /* no floting element on the left or right side */
}

.mainheader img {
	width: 30%;
	height: auto;
	margin: 2%; /* Bildabstand von oben */
}

.mainheader nav {
	background-color: #333;
	height: 48px;
	border-radius: 5px;
	-moz-border-radius: 5px; /* For Mozilla */
	-webkit-border-radius: 5px;
}

.mainheader nav ul {
	list-style: none;
	margin: 0 auto; /* Damit gleicher Abstand wie bei Bildern > 2px */
}

.mainHeader nav ul li {
	float: left;
	display: inline;
}

.mainHeader nav a:link, .mainHeader nav a:visited {
	color: #333;
	display: inline-block;
	padding: 10px 25px;
	height: 20px; /*Damit aktiver Link (oranger BG) nicht über den BG des Menu lappt */
}

.mainHeader nav a:hover, .mainHeader nav a:active, 
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	background-color: #CF5C3F;
	text-shadow: none;
}

.mainHeader nav ul li a { /* damit aktiver link auch gerundete Ecken hat */
	border-radius: 5px;
	-moz-border-radius: 5px; /* For Mozilla */
	-webkit-border-radius: 5px;
}

.mainContent {
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px; /* For Mozilla */
	-webkit-border-radius: 5px;
}

.content {
	width: 70%;
	float: left; /* important */
}

.topcontent {
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px; /* For Mozilla */
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2px;
}

.bottomcontent {
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px; /* For Mozilla */
	-webkit-border-radius: 5px;
	margin-top: 2px;
}

.top-sidebar {
	width: 25%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px; /* For Mozilla */
	-webkit-border-radius: 5px;
	margin: 2% 0% 2% 3%;
	padding: 2% 3%;
}


.middle-sidebar {
	width: 25%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px; /* For Mozilla */
	-webkit-border-radius: 5px;
	margin: 2% 0% 2% 3%;
	padding: 2% 3%;
}


.bottom-sidebar {
	width: 25%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px; /* For Mozilla */
	-webkit-border-radius: 5px;
	margin: 2% 0% 2% 3%;
	padding: 2% 3%;
}


