h1 { font-size:32px; }
.blau { color:#2e1c86; }
.padding20px { padding:20px; }

/* header */
.head { position:relative; }
.dentexLogo { float:right; width:26%; margin-top:40px; margin-right:-14px; margin-bottom:-38px; position:relative; z-index:999; }
.menu { padding-top:12px; text-align:center; padding-bottom:6px; }
.menu a { border-top:8px solid #cc040e; padding:10px 5px; color:#000; font-size:14px; background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,228,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(227,228,229,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,228,229,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,228,229,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,228,229,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(227,228,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e4e5', GradientType=0 ); }
.subMenu { position:absolute; bottom:-28px; color:#999; left:0px; }
.subMenu a { padding:10px; color:#999; font-size:13px; }
.menu a:hover { text-decoration: none; }

.menu a b { padding: 0 0 0 10px; font-weight:normal; }

/* header bottom */
.headerBottom h1 { font-size:20px; }
.headerBottom {  }

/* startseite */
.grundriss { margin:20px 20px 20px 20px; }
.startseiteText { margin:100px 0 20px 50px; text-align: justify; }

/* beulendoktor */
.imgBeulendoktor { margin:10px 0; }

/* footer */
.bottom { margin:30px 0px; }
.menuBottom { float:right; }
.menuBottom a { padding:10px 10px 10px 10px; color:#999;  }
.indexMenu { margin:10px 0 40px; }
.indexMenu div {  text-align: center; }
.indexMenu a { border:1px solid #999; border-width: 1px 0; padding:2px 4px; color:#ff0000; }
.indexMenu a:hover { text-decoration:none; }

.legende { display:none; }

.isoLogo { width:200px; }

/*#################################*/
/* responsive */
/*#################################*/
@media  (max-width: 1200px) {
.menu a { padding:10px 3px; color:#000; font-size:12px; }
.menu a b { padding: 0 0 0 3px; font-weight:normal; }
.startseiteText { margin-top:10px; }
}

@media  (max-width: 992px) {
	.menu a { padding:10px 3px; color:#000; font-size:10px; }
	.menu { float:none; }
	.dentexLogo { margin: 20px auto; float:none; }
}

@media  (max-width: 768px) {
	.menu a { display:block; text-align: center; border-top:1px solid #ccc; font-size:14px; }
	.menu span { display:none; }
	.menuBottom { float:none; }
	.menuBottom a { display:block; text-align: center; border-top:1px solid #ccc;  }
	.menuBottom span { display:none; }
}

@media  (max-width: 480px) {
	.grundriss { width:100%; }
	.map { display:none; }
	.legende { display: block; }
}