a{
	font-family: arial;
    font-size: 18px;
}

a:link {
	color: #006600;
	text-decoration: none;
	
}
a:visited {
	color: #006600;
	text-decoration: none;
}
a:hover {
	color: #C00000;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #C00000;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
   padding-left: auto;
  padding-right: auto;
  width: 100%;
  max-width:500px;
}
.header {
 color: #006600;
 font-size: 24px;
 text-decoration: underline;
}

.textUeberschrift {
 color: #006600;
 font-size: 20px;
 
}

.link{
vertical-align: center;
text-justify:center;
}

#greentop{
	
	height:20px;
	background-color:green;
	width: 100%;
	
}

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

.inh2{ 
 float:left;
  width: 100%;
}

.inh3{ 
  
	text-align: justify;
  width: 100%;
}

#textNormalProfil{
	    font-family: arial;
    font-size: 14px;
    line-height: 1.25;
   
    color: #404040;
 
}
.passFoto{ 
overflow: hidden;
  width: 30%;
}
#nav {
	 text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
   padding-left: auto;
  padding-right: auto;
  width: 100%;
  
}

#wrapper {width:95%;  margin: 0 auto; }

#header {width:100%; }

 


#content {width:100%;
max-width: 1000px;
 	 text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
   padding-left: auto;
  padding-right: auto;
  width: 100%;
 }

 
#footer {width:100%; }

// Small devices (landscape phones, 576px and up)

@media (min-width: 576px) {

// Medium devices (tablets, 768px and up)

@media (min-width: 768px) {

#wrapper {width:90%;  margin: 0 auto; }

#content {width:80%; float:center; }

 


// Large devices (desktops, 992px and up)

@media (min-width: 992px) { width:70%;  margin: 0 auto; }

}

// Extra large devices (large desktops, 1200px and up)

@media (min-width: 1200px) {

#wrapper {width:70%;  margin: 0 auto; }

}