@charset "utf-8";
/* CSS Document */

* { font-family:Verdana,sans serif; }
body { margin:0; padding:0; background:url(bilder/bg.png) #666; }

.content { background:url(bilder/bg_inhalt.png) #fc6; position:relative; width:900px; margin:auto; box-shadow:0 0 6px #000; }
#inhalt { padding:40px 20px; font-size:11pt; color:#333; }
h1 { font-weight:normal; font-size:19pt; color:#31551A; text-shadow:0 0 3px #fff; }
.diashow { width:602px; float:right; margin-right:-20px; text-align:center; }
.diashow .bild { max-width:600px; background:url(bilder/bg.png); border:1px solid #fff; box-shadow:0 0 4px #000; max-height:393px; }
a { color:#000; }
.floatblock { display:inline-block; padding:20px; vertical-align:top; }

#menue { position:absolute; top:200px; background:url(bilder/bg_menue.png) center repeat-x; text-align:center; z-index:1; width:100%; }
#menue a { display:inline-block; color:#fff; text-shadow:0 0 2px #000; font-size:22px; font-weight:normal; line-height:45px; text-decoration:none; padding:1px 10px 3px 10px; }
#menue a:hover, #menue a:active, #menue a.m_on
	{ background:url(bilder/m_on.png) right bottom no-repeat; }
#mobi { display:none; border:1px solid #fff; box-shadow:0 0 4px #000; background-color:#31551A; border-radius:3px; padding:4px 0; position:absolute; top:20px; right:10px; cursor:pointer; }

#footer { clear:both; text-align:center; color:#fff; position:relative; bottom:-25px; display:block; font-size: 10pt;}
#footer a { color:#fff; }

.diashow { position:relative; }
.diashow .dotlist { text-align:center; }
.diashow .dot { height:10px; width:10px; margin:2px; border-radius:4px; background-color:#fff; box-shadow:1px 1px 2px #000; display:inline-block; cursor:pointer; }
.diashow .on { background-color:#666; }
.diashow .arr_left { width:85px; /*height:322px;*/ background:url(bilder/pic_left.png) center no-repeat; cursor:pointer; opacity:0.5; position:absolute; }
.diashow .arr_right { width:85px; /*height:322px;*/ background:url(bilder/pic_right.png) center no-repeat; cursor:pointer; opacity:0.5; position:absolute; }
.diashow .arr_left:hover, .diashow .arr_right:hover { opacity:1; }
.diashow .alt_text { display:inline-block; position:absolute; height:22px; background-color:rgba(255,255,255,0.7); padding:1px 10px; color:#000; border-top-right-radius:10px; line-height:22px; }

/*.tusculum { color:transparent; text-shadow:none; -height:110%; background:url(bilder/tusculum.svg) no-repeat; background-size:contain; height:10px; }*/
.tusculum { font-weight:bold; }
.path { color:#fff; }

@media screen and (max-width:910px) {
	.content { width:100%; }
	#top { width:100%; }
	#mobi { display:inline-block; }
	#inhalt { padding:0px 5px; }
	#menue { right:10px; top:72px; display:none; height:auto; width:90%; border:10px solid rgba(255,255,255,0.5); border-radius:10px; background:none; }
	#menue.open { display:block; border-radius:4px; box-shadow:0 0 10px #000; }
	#menue a { display:block; padding:0 5px; font-size:25px; line-height:35px; background:#31551A; border-bottom:1px solid #ccc; color:#fff; text-shadow:none; }
	#menue a:hover, #menue a:active, #menue a.m_on { background:#fff; color:#31551A; padding:0 5px; }
	#footer { font-size: 8pt; }
}
@media screen and (max-width:750px) {
	.diashow { float:none; margin:0; width:100%; }
	.diashow img { width:100%; max-height:none; }
/*	#footer { visibility:hidden; } */
	#footer { font-size: 6pt; }
}