body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 12px;

}

.h1 {
	font-size: 18px;
	text-align: center;
}

.clear {
	clear: both;	
}

.site-header {
	max-width: 800px;
	margin: 1em auto;
	height: 40px;
}

.site-content {
	max-width: 800px;
	margin: 0px auto;
}

.site-footer {
	max-width: 800px;
	margin: 0px auto;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.logo-text {
	float:left;
	margin-right: 2em;
}

.logo-image {
	visibility: hidden;	
}


navi-top ul,navi-top ul {     /* Normalisierung */
    list-style: none; 
    margin: 0; 
    padding: 0;
    border: 0;
}

navi-top ul{
	weight: 100%;
  padding: 0.8em;
	margin-top: 2em;
	margin-bottom:2em;
}
navi-top li {
	float:left;
	width: 16%;
	
}


navi-gallerie ul,navi-gallerie ul {     /* Normalisierung */
    list-style: none; 
    margin: 0; 
    padding: 0;
    border: 0;
}

navi-gallerie ul{
	padding: 0.8em;
}
navi-gallerie li {
	/* float:left; */
	margin: 0.4em; 
  padding: 0.2em;
}

a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;

}
a:hover {
	color: #FFFFCC;
}
.logo-links {
	float: left;
	margin-left: 60px;
}
.logo-rechts {
	float: left;
	margin-left: 30px;
	margin-top: 6px;
}

#neuheit {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-align: center;
}


gallerie-navi {
	float: left;
	width: 200px;
	padding-top: 40px;
	min-height: 500px;	
}

.gallerie {
	width: 100%;
}

.gallerie .header {
	margin-top: 3em;
	margin-bottom: 2em;
	text-align: center;
}
.gallerie .bild {
	float: left;
	width: 265px;
	height: 265px;
	margin: 15px;
	text-align: center;
	vertical-align: middle;
}
.bild .group4 img {
	border-radius: 5px;
}




@media screen and (min-width:700px){
	
.logo-image {
	visibility: visible;
}

	
}