/* CSS-Definitionsdatei, */
.nav {
	position:relative;
	background: rgb(38, 107, 157);
	width: 100%;
	float: left;
	margin: 0px 10px 0px 0px;
}

.navimg{ 
	width: 20%;
	}
	
.navimg_aktiv{ 
	width: 100%;
	}
	
img{ border-radius: 5px;
	 background: rgb(38, 107, 157);
	 border: 0px solid black;
	 width: 100%;
	 height: auto;
}

.Link{ 
	width: 40%;
	}

.BildTab{ border-radius: 5px;
	 width: 100%;
	 height:100%;
}

body {
	position:relative;
	background: rgb(38, 107, 157);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95 em;
	color: #000000;
	width: 100%;
	margin: 0 auto;
}
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
main {
	float:center;
	width: 100%;
	margin: 1px 0 0px 0;
	-moz-box-align: center;         /* Mozilla */
	-webkit-box-align: center;      /* WebKit */
	box-align: center;              /* As specified */
}
article{  
	margin: 0 auto;
	width: 100%;
	background: rgb(38, 107, 157);
	overflow:hidden;
	padding: 5px;
	text-align: left;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-border-radius: 10px;
	border-radius: 10px;

}
section {
	padding: 5px;
	position: relative;
	width:100%;
	margin: 0em 0em 0em 0em;
	overflow:hidden;
	float: left;
	text-align: justify;
	border-radius: 10px;

}

.sectionIndex {
	padding: 5px;
	position: rela5tive;
	width:50%;
	margin: 0px 0px 15px 0px;
	overflow:hidden;
	float: left;
	text-align: justify;
	border-radius: 10px;

}

aside {
	width: 50%; 
	float: right;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

p {
	font-size: 0.9em;
	font-family: Verdana;
	line-height: 1.3em;
	margin: 10px 0 0 0;
}
h1 { /* Fließtext Fett*/
	color: #fff;
	font-family: Verdana;
	font-size: 1.3em;
	font-weight:bold;
	text-align:  justify;
}
	
h1 span {
	color: #c3d66a;
}

h2 { /* Überschrift klein */
	color: #fff;
	font-family: Verdana;
	font-size: 1.15em;
	font-weight: bold;
	word-spacing: 2em;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	background: #7097cf;
	-webkit-border-radius: 0 0 5px 5px;
	border-bottom:2px #009966;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 3px 0 #888888;
	box-shadow: 0 3px 0 #bbbbbb;
}
h3 { /* Überschrift groß */
	color: #fff;
	font-family: Verdana;
	font-size: 2em;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	background: #7097cf;
	-webkit-border-radius: 0 0 5px 5px;
	border-bottom:2px #009966;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 3px 0 #888888;
	box-shadow: 0 3px 0 #bbbbbb;
}
h4 { /* Fließtext fett groß*/
	color: #000000;
	font-family: Verdana;
	font-size: 2em;
	font-weight:bold;
	text-align:  left;
}
	
h4 span {
	color: #c3d66a;
}

h5 { /* Fließtext Fett*/
	font-family: Verdana;
	font-size: 19px;
	letter-spacing: 1px;
	word-spacing: 1px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
	

header {
	background: #ffffff;
	width: 50%;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 3px 0 #888888;
	box-shadow: 0 3px 0 #bbbbbb;

}
div{
	background-color: #fcfcfc;

}

/*==HANDY=========================================================================*/
@media only screen and (max-width: 700px) { 
.navi {
	width: 100%;
	margin: 0 auto;
}
.navimg{ 
	width: 20%;
	}
.navimg_aktiv{ 
	width: 45%;
	}

.BildTab{ border-radius: 5px;
	 width: 100%;
	 height:100%;
}

body{
	width:100%;
}	

article{  
	min-width: 100px;
}

aside {
	width:100%; 
	min-width:200px; 
	float: right;
}
	aside.login{
	width: 80%; 

}

aside.nav{
	width: 100%; 

}

	section {
	width:100%; 

}

.sectionIndex {
	width:100%; 
}

}