@charset "utf-8";
/* CSS Document */

body {
	
background-color:#ffffff;
  font-size: 22px;
  line-height: 32px;
  color: #000000;
  margin: 0;
  padding: 0;
  word-wrap: break-word !important;
  font-family: 'roboto', sans-serif;
  
}	
header
{
	
		background-size: 100%;
		background-repeat:no-repeat; 
	margin-top:auto;	
	max-width:100%;
	max-height:260px;
	background-color: transparent;
}

.leiste 
{		
		background-image:url(images/leiste.gif);
		background-size: 100%;
		background-repeat:no-repeat; 
		max-width:100%;
		max-height:37px;
		text-align:center;
		font-size: large;
		margin-top:auto;	
}
.nav-button { display: none; } /* hide the navigation button by default */


nav {
  margin: 0;
  padding: 0;
  background-color: #C5C6C6;
 max-width:100%;
 max-height: 60px;
 margin-top:auto;
}


nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #C5C6C6;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #CCC;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

nav ul li ul li:hover { background: #cccccc; }

nav a:hover { background-color: #cccccc; }

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: auto;
  float: none;
  display: list-item;
  position: relative;
  font-size: 80%;
}



li > a:after { content: ' ¡'; }

li > a:only-child:after { content: ''; }


.LanguageSwitcher
{
	max-width:100%;
	display:block;	
	margin-top:auto;	

}




#content
{	
	background-color:transparent;
	margin:0px auto;
	max-width:1024px;
	margin-top:auto;
}
.nav1 {
	
	margin:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:center;}

aside{	
	
	width:25%;
	background-color:transparent;
	float: left;
	color:#000000;
	text-align: left;
	font-size: medium;
}

.nav1 ul {margin:0; 
    padding:0;
    max-width:100%;
    list-style-type:none;
	font-size:large;
}

.nav1 ul li a {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#4DBD33;
    display:block;
	border-radius:10px;
}

.nav1 ul li a:visited {color:#ffffff;}
 
.nav1 ul li a:hover, ul li .current {color:black;
    background-color:grey;}
	


main
{
	background-color:transparent;
	max-width:70%;
	margin-top:auto;
	margin-left:30%;
	text-align: left;
	
}
article {
	margin:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}
footer
{
	background-image: url(images/leiste_footer.gif);
	background-size: 100%;
	background-repeat:no-repeat; 
	max-width:100%;
	margin-bottom:0px;
	max-height: 36px;
	font-size: small;
	text-align: right;
}
.footerleft
{
	float: left;
	max-width:50%;
	margin-left:auto;
	text-align: left;
	margin-top:auto;
	
}
.footerright
{
	
	max-width:50%;
	margin-left:50%;
	text-align: right;
	margin-top:auto;
	
}


/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */

/* unvisited link */
a:link {
    color: white;
	text-decoration: none;
}

/* visited link */
a:visited {
    color: #000000;
}

/* mouse over link */
a:hover {
    color:#4DBD33;
}

/* selected link */
a:active {
    color: grey;
}

#content a:link {
	color:#424242;
	text-decoration: none;
}
#content a:hover{
	color:#4DBD33;
	
}
#content a:active{
	color:grey;
	
}
#content a:visited {
		color:#000000;
	
}




p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}
 
p.main {
    text-align: justify;	
}

p.policy {
    text-align: justify;
	line-height: 150%;
	font-size: 13px;
	
}
img {max-width:100%; height:auto; }