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

h1{
	font-size:24pt;
	font-weight:bold;
	margin-top:12px;
	margin-left:6px;
	margin-bottom:0px;
	padding-bottom:2px;
	color:#125e4e;
}

h2{
	font-size:16pt;
	font-weight:bold;
	margin-top:10px;
	margin-left:6px;
	margin-bottom:0px;
	padding-bottom:2px;
}

p.inhalt{
	margin-top:0px;
	padding: 0px 12px 6px 6px;
}

img.portrait{
	max-width:100%;
	opacity:1;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top: 2px solid #EEE;
	border-left: 2px solid #EEE;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

/*Bis hier fuer alle css gueltig*/

body {
	color:#333333;
	margin: 0;
	padding: 0;
	font-family:Josefin Sans, Verdana, Arial, sans-serif;
    background-color:#F0FAFA;
}

html { overflow-y: scroll; }

#rahmen{
	position:relative;
	margin: 0px auto 0px auto;
	width:100%;
	float:right;
}

#logo{
	position:absolute;
	top:81px;
	left:2%;
	width:96%;
	height:22px;
	background-image:url(../bilder/schriftzug-mobil.png);
	background-repeat:no-repeat;
	background-position:center;
}

#kopf {
	position:absolute;
	top:4px;
	left:2%;
	width:96%;
	height:98px;
	/*background-color:#BDF4FE;*/
	background-color:#DAF7FC;
	background-image:url(../bilder/kopf_mobil.png);
	background-repeat:no-repeat;
	background-position:top;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;  

}

#inhaltsrahmen{
	position:absolute;
	left:2%;
	top:104px;
	width:96%;
	min-height:380px;
	background-color:#F0FAFA;
	font-size:16pt;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;  
	padding: 6px;
}

#adresse{
	display:none;
}

#map{
	width:90%;
	margin: 4px auto 4px auto;
	min-height:400px;
}

#anfahrt{
	width:300px;
	margin: 4px auto 4px auto;
}

#nav,                     
  #nav ul,
  #nav li {           
	display:none;
}

a {
	color:#333333;
	text-align:left;
	vertical-align:middle;
	margin-top:16px;

    text-decoration: underline;  
}

/* The container <div> - needed to position the dropdown content */
#dropdown {
	position:absolute;
	top:4px;
	right:0px;
	opacity:1;
    /*display: inline-block;*/
}

.dropbtn {
	margin-top:6px;
	margin-right:3px;
    padding: 3px;
    border: none;
    cursor: pointer;
	opacity:1;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
	opacity:1;
    position: absolute;
	left:-70px;
    background-color:#F0FAFA;
	font-size:12pt;
    width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 6px 14px;
    text-decoration: none;
    display: block;
	opacity:1;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color:#F0FAFA;
}

/* Show the dropdown menu on hover */
#dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
#dropdown:hover .dropbtn {
    opacity:0.5;
}