/* CSS Document */

/*@import url('http://fonts.googleapis.com/css?family=Quattrocento+Sans|Overlock|Spinnaker|Quicksand|Kalam');*/

@import url('http://fonts.googleapis.com/css?family=Quicksand');

body{
	background-color:#ffffff;
	background-image: url("hg4.png");
	background-repeat: repeat-y;
	background-size: contain; 
	font-family:Quicksand, Verdana, Arial;
	font-size: 0.9em;
	margin-top:4px;
  color:#6d6e70;

}



 /* Mobil */
img#kopf{
	   padding-left: 0vw;
	   padding-right: 2vw; 
 width: 94vw;

	
}
 /* Desktop */
@media (min-width: 35em) {
  
  img#kopf{
     box-sizing: border-box;  
	   width: 50vw;
     margin-left: 25vw; 
     text-align: justify;

  }
}

div#reiter{
	text-align:center;
	margin-top:0px;
	margin-bottom:28px;
}

 /* Mobil */
#mitte {
     background-color:#FFFCF7;
 
     line-height: 1.3;
	   padding-left: 2vw;
	   padding-right: 2vw;      
}
 /* Desktop */
@media (min-width: 35em) {
  #mitte {
  box-sizing: border-box;
     margin-left: 20vw; 
	   width: 60vw;
    text-align: justify;
	   
  }
}

hr {
color:#6d6e70;
}

 /* Mobil */
#maps {
 width: 88vw;     
}
 /* Desktop */
@media (min-width: 35em) {
  #maps {
   width: 56vw;
	   
  }
}

 /* Mobil */
img#md{
	float: right;
	width: 45vw;
		margin-left: 1vw;
}
 /* Desktop */
@media (min-width: 35em) {
  img#md{
  	float: right;
  	width: 25vw;
  		margin-left: 1vw;
  }
}




 /* Mobil */
#unten {
     background-color:#FFFCF7;
 
     line-height: 1.8;
	   padding-left: 2vw;
	   padding-right: 2vw;      
}
 /* Desktop */
@media (min-width: 35em) {
  #unten {
  box-sizing: border-box;
     margin-left: 20vw; 
	   width: 60vw;
    text-align: justify;
	   
  }
}


div#kontakt{
    text-align: center;
}


div#untenlinks {
  line-height: 2.2;
	float: left;
}

div#untenmitte {
  line-height: 2.2;
	float: left;  
margin-left: 40px;
}


div#untenrechts {
  line-height: 2.2;
  margin-right:40px;
	float: right;
}



.clear {
	clear: both;
}



/* Links Reiter */

/* Blauer Schatten 
#reiter a{margin:0 15px 0 5px; font-size:1.3em; color:#B43104; text-decoration: none; white-space: nowrap; text-shadow: 1px 1px #99CCFF, 2px 2px #99CCFF;}
*/
/* Innen weiß 
#reiter a{margin:0 15px 0 5px; font-size:1.3em; color:#FFFFFF; text-decoration: none; white-space: nowrap; text-shadow: 1px 1px 1px #B43104, 1px -1px 1px #B43104, -1px 1px 1px #B43104, -1px -1px 1px #B43104;}
*/
/* Normal */
#reiter a{margin:0 15px 0 5px; font-size:1.3em; color:rgb(123,7,9); font-weight: bold; text-decoration: none; white-space: nowrap; }



#reiter a:hover {text-decoration: underline ;}

/* Innen weiß 
#reiter a.a{margin:0 15px 0 5px; font-size:1.3em; color:#FFFFFF;  text-decoration: none; white-space: nowrap; text-shadow: 1px 1px 1px #FF0000, 1px -1px 1px #FF0000, -1px 1px 1px #FF0000, -1px -1px 1px #FF0000;}
*/
/* Blauer Schatten 
#reiter a.a{ color:#B43104; text-decoration: none; font-weight: bold; white-space: nowrap; }
*/

/* Normal */
#reiter a.a{margin:0 15px 0 5px; font-size:1.3em; color:rgb(123,7,9); font-weight: bold; text-decoration: underline; white-space: nowrap; }




#reiter a.a:hover {  text-decoration: underline ;}

/* Links Fusszeile */
#untenrechts a{ color:rgb(123,7,9); text-decoration: none; }
#untenrechts a:hover {text-decoration: underline ;}

h1{font-size:1.3em; color:rgb(123,7,9); padding-top:10px;}
h2{font-size:1em; color:rgb(123,7,9); margin-bottom: 2px;}
h3{font-size:1em; color:rgb(123,7,9); font-weight: normal;  margin-bottom: 4px;}
p.kursiv{font-size:1em; color:rgb(123,7,9); font-style: italic; text-align: center; margin-bottom: 2px;}
/*p.fett{font-weight: bold; margin:0px;text-align: left;}*/

p.fett{text-decoration: underline; margin-bottom: 2px;text-align: left;}

ul{margin:0px;}
li{margin-top:0px;}