* { font-family: 'Titillium Web', sans-serif;	
}

#topcontainer {
    background-color: white;
	display: block;
	min-height: 120px;
    width: 98.4%;
	margin: auto;
    border-bottom: 2em solid #b07540;
	padding-top: 0px;
	z-index: 98;
	text-align: center;
}

/*
 * ACHTUNG: .logo (obenerer Bereich) nicht ändern; bei Vollbildschirm wird das Logo nur durch ein transparentes Bild space verdeckt!
*/
.logo {
    display: block;
	position: relative; top: 10px; left: 100px;
	min-height: 40px;
    max-width: 200px;
	background-color: red;
	background-image:  url (space.gif) ; background-repeat: no-repeat;
	border: 0px solid orange;
    z-index: -1;
}

header {
  display: inline-block;
  min-width: 99.5%;
  min-height: 60px;
  padding: 0px;
  background-color: transparent;
  background-image: url(../../imgs/newlogo.png); background-repeat: no-repeat; background-position: 20px 20px ;
  
}

ol,ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
caption,th,td{text-align:left; vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
.wrapper{max-width: 1200px;margin:0 auto}

nav ul ul{display:none}
nav ul ul li{float:none}
nav li{display:inline-block; position: relative; top: 0, right: 0; background: transparent; margin-top: 0px;}
nav li a {font-size: 1.2em; font-weight: 500; color: #7c737e; text-decoration: uppercase; display:inline-block; margin: 0px 5px 0px 0; padding: 8px 0px;}
nav li a:link,nav li a:visited {color:#7c737e; background: transparent}
nav li a:link:hover,nav li a:visited:hover {color: #b07540;}
nav li:hover ul{display:block;position:absolute}
input.toggle,label.toggle {display:none}
label.toggle {padding:10px 20px}



@media (max-width: 768px) {

#topcontainer {
    background-color: white;
	display: block;
	position: relative; top: 0px;
	border-bottom: 1.5em solid #b07540;
	height: 70px;
    width: 100%;
	z-index: 11;
}	

.logo {
    display: block;
	position: relative; top: 30px; left: 15px;
	max-width: 200px;
	background-color: transparent;
	background-image:  url (space.gif) ; background-repeat: no-repeat;
	border: 0px solid orange;
    z-index: 12;
}

header {
  display: inline-block;
  width: 100%;
  height: 70px;
  margin: auto;
  padding: 0px;
  background-color: rgba(240, 240, 240, 0.0);
  background-image: url(../../imgs/space.gif) ; background-repeat: no-repeat;
  text-align: right;

}

nav{display:none; width: 100%; margin-top: 23px; margin-bottom: 0px; background:  white; min-height: 180px; z-index: 20; border-bottom: 0.2em solid #fff;}
input.toggle,.toggle span{display:none}
input[type=checkbox]:checked ~ nav,label.toggle{display:block; position: relative; top: -23px; right: 0px; cursor:pointer; z-index: 20; color: #b07540; font-size: 1.0em; line-height: 1.4em; vertical-align: bottom;}
nav li {display: block; background: white; min-height: 40px; margin-left: 0px; border-bottom: 0.05em dotted silver; z-index: 20;}
nav li:hover ul{display:block;position:relative}
nav li ul{display:block;}
nav li ul li{margin-left: 0px}
nav li a{display:inline-block; font-size: 0.95em; font-weight: 500; color: #7c737e; text-decoration: uppercase; margin: 0px; padding-right:0px; vertical-align: middle; }
}