/* 26.02.2014
Author: Valentina Düvel-Steinwidder
Descriptoion. basic HTML5/CSS3 Layout built on a responsive framework
Theme: responsive website  */

body{
	background-color: #CCCCCC;
	font-size: 87.5%; /* base fontsize is 14 px   */
	line-height: 1.5;
	font-family: arial, verdana, sans-serif;
	text-align: left;
}

.body{
margin: 0 auto;
width: 70%;
clear: both;
}

a  {
text-decoration: none;
font-size: 120%;
}

a:link, a:visited  {
	color: #FF6600;
	font-size: 120%;
}

a:hover, a:active {
background-color: #CF5C3F;
color: white;
font-size: 120%;

}

.mainheader  img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100%;
height: auto;
margin: 0% 0;
}

.mainheader nav {
background-color: #960F87;
height: 40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.mainheader nav ul {
list-stye: none;
margin: 0 auto;
}

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

.mainheader nav a:link, .mainheader nav a:visited {
color: #FFF;
display: inline-block;
padding: 10px 25px;
height: 20px;
/* Come back to assign height*/
}

.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 {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}



.body .mainContent .content .bottomcontent img {
	float: left;
	
	padding-right: 2%;
}
h2 {
	color: #FF6600;
	font-family:"Times New Roman", Times, serif
}
h3 {
	color: #6633CC;
}
.mainContent {
line-height: 25px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

.content {
width: 70%;
float: left;
}


.topcontent {
	background-color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
}



.bottomcontent {
	background-color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
}

.body .mainContent .content .topcontent .post-info {
	color: #666666;
	font-size: 120%;
}

.body .mainContent .content .bottomcontent .post-info {
	color: #666666;
	font-size: 120%;
}


.top-sidebar {
width: 21%;
float: left;
background-color: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2% 3%;
margin-left: 3%;
margin-bottom: 2%;
margin-top: 1.5%;
}

/*.top-sidebar .article img {
max-width: 100%; }*/

.body .top-sidebar img {
/*border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
width: 100%;
height: auto;
margin: 0% 0;

}
.content img
 {
max-width: 100%;
}

.middle-sidebar {
width: 21%;
float: left;
background-color: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2% 3%;
margin-left: 3%;
margin-bottom: 2%;
margin-top: 1.5%;
}

.body .middle-sidebar p {
	font-weight: bold;
	font-size: 80%; /* base fontsize is 14 px   */
	
}

.bottom-sidebar {
width: 21%;
float: left;
background-color: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2% 3%;
margin-left: 3%;
margin-bottom: 2%;
margin-top: 1.5%;
}

video {
	max-width:100%;
	height:auto;
	}
	
.mainFooter {
height: 40px;
width: 100%;
float: left;
background-color: #666;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 2% 0%;

}

.mainFooter  p {
width: 92%;
margin: 10px;
color: #FFF;
}

.impressum 
{
width: 30%;
margin: 10px;
float:left;

}

.impressum2 
{
width: 30%;
margin: 10px;
float:left;

}

@media only screen and (min-width: 150px) and (max-width: 600px)
{
.body{
width: 100%;
font-size: 95%;
}

.mainheader  img {
width: 100%;
}
.mainheader nav {

height: 160px;

}

.mainheader nav ul {

padding-left: 0px;
}

.mainheader nav ul li {
width: 100%;
text-align: center;
}

.mainheader nav a:link, .mainheader nav a:visited {

display: block; /* bringt die Hintergrundfarbe  der Navi auf ganze Breite*/
padding: 10px 25px;
height: 20px;
/* Come back to assign height*/
}


.content {
width: 100%;
float: left;
margin-top: 2%;
}

.content img {
width: 100%;
}

.top-sidebar .article img {
width: 100%;
}

.post-info {
	font-style: italic;
}/* verbirgt es*/

.topcontent {
width: 90%;
padding: 3% 5%;
margin-top: 2%;

}

.top-sidebar img {
width: 100%;
}

.bottomcontent {

padding: 3% 5%;
margin-top: 4%;
}
.top-sidebar {
width: 94%;
padding: 2% 3%;
margin: 2% 0 2% 0;
}

.middle-sidebar {
width: 94%;
padding: 2% 3%;
margin: 2% 0 2% 0;
margin-bottom: 2%;
margin-top: 1.5%;
}

.bottom-sidebar {
width: 94%;
padding: 2% 3%;
margin: 2% 0 2% 0;
}
}

@media only screen and (min-width: 600px) and (max-width: 1200px)
{
.body{
width: 95%;
font-size: 95%;
}


}