/*###########################################################################
Haupt-Stylesheet für die Karten auf Website www.welterbe-speyer.de
Letzte Änderung: 27.04.07
#############################################################################*/


html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	}

body {
	position: relative;
	height: 100%;
	font-family: Verdana, Sans-Serif;
	font-size: 70%;
	}
	
/* Flächen im Inhaltsbereich */	

#signet {
	position: absolute;
	top: 0px;
	left: 0px;
	clear: both;
	width: 172px;
	height: 35px;
	overflow: hidden;
	z-index: 30;
	}
	
#rom_porta {
	position: absolute;
	top: 44px;
	left: 2px;
	visibility: hidden;
	}

#rom_dom {
	position: absolute;
	top: 62px;
	left: 118px;
	visibility: hidden;
	}

#rom_basilika {
	position: absolute;
	top: 53px;
	left: 314px;
	visibility: hidden;
	}

#rom_kaiser {
	position: absolute;
	top: 86px;
	left: 447px;
	visibility: hidden;
	}

#rom_theater {
	position: absolute;
	top: 0px;
	left: 507px;
	visibility: hidden;
	}

#rom_igeler {
	position: absolute;
	top: 31px;
	left: 835px;
	visibility: hidden;
	}
	
#rom_barbara {
	position: absolute;
	top: 229px;
	left: 489px;
	visibility: hidden;
	}

#rom_bruecke {
	position: absolute;
	top: 241px;
	left: 232px;
	visibility: hidden;
	}
	
#mittel_porta {
	position: absolute;
	top: 48px;
	left: 4px;
	visibility: hidden;
	}

#mittel_dom {
	position: absolute;
	top: 30px;
	left: 122px;
	visibility: hidden;
	}
	
#mittel_liebfrauen {
	position: absolute;
	top: 30px;
	left: 122px;
	visibility: hidden;
	}	

#mittel_basilika {
	position: absolute;
	top: 56px;
	left: 316px;
	visibility: hidden;
	}

#mittel_kaiser {
	position: absolute;
	top: 54px;
	left: 456px;
	visibility: hidden;
	}

#mittel_bruecke {
	position: absolute;
	top: 237px;
	left: 369px;
	visibility: hidden;
	}	
	
#heute_porta {
	position: absolute;
	top: 59px;
	left: 7px;
	visibility: hidden;
	}

#heute_dom {
	position: absolute;
	top: 19px;
	left: 151px;
	visibility: hidden;
	}
	
#heute_liebfrauen {
	position: absolute;
	top: 30px;
	left: 122px;
	visibility: hidden;
	}	

#heute_basilika {
	position: absolute;
	top: 74px;
	left: 332px;
	visibility: hidden;
	}

#heute_kaiser {
	position: absolute;
	top: 89px;
	left: 495px;
	visibility: hidden;
	}

#heute_theater {
	position: absolute;
	top: 0px;
	left: 550px;
	visibility: hidden;
	}

#heute_igeler {
	position: absolute;
	top: 74px;
	left: 818px;
	visibility: hidden;
	}
	
#heute_barbara {
	position: absolute;
	top: 254px;
	left: 512px;
	visibility: hidden;
	}

#heute_bruecke {
	position: absolute;
	top: 263px;
	left: 296px;
	visibility: hidden;
	}	

#huelle {
	width: 1002px;
	height: 600px;
	}

#kartencontent {
	position: absolute;
	left: 0px;
	width: 1000px;
	margin-top: 153px;
	z-index: 1;
	}


/* Flächen am Kopf */	
	
#kopf {
	position: fixed;
	width: 1002px;
	height: 153px;
	z-index: 10;
	top: 0px;
	}	
	
#topleiste {
	height: 19px;
	background-color: #7b0e14;
	}	
	
#nebennavilinks {
	float:left;
	}
	
#nebennavirechts {
	float: right;
	}
	
#bildleiste {
	clear: both;
	height: 115px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}	
	
#welterbe {
	float: left;
	width: 172px;
	height: 19px;
	overflow: hidden;
	}
	
#hauptnavi {
	background: url(../media/kachel-nav.jpg) repeat-x;
	height: 19px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	}		
	

/* Footer */			

#footer {
	position: absolute;
	top: 578px;
	clear: both;
	width: 1002px;
	height: 43px;
	z-index:3;
	}
	
#kartenbutton {
	float: left;
	z-index: 20;
	}
	
#sockel {
	clear: both;
	float: left;
	z-index: 18;
	}		
	
#copy {
	bottom: 0px;
	width: 100%;
	background: url(../media/content_fuss_kachel.jpg) repeat-x;
	height: 19px;
	color: #D9E4DD;
	text-align: right;
	font-size: 100%;
	padding: 0px;
	margin-left: 0px;
	margin-top: 25px;
	}	
	
#copy p {
	padding: 3px 10px 0px 0px;
	}	


/*##################### Navigationen #############################*/
a img {
	border: none;
	}
	
#topleiste a {
	font-size: 80%;
	padding: 0 0.5em 0 0em; 
	margin-left: 35px;
	font-weight: normal;
	color: #dabcbe;
	text-decoration: none;
	}

#topleiste a:hover {
	color: #fff;
	text-decoration: underline;
	}

#hauptnavi a {
	padding: 0em 0.7em 0 0.7em;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	margin-right: 1px;
	margin-left: 36px; 
	}
	
#hauptnavi a:hover {
	text-decoration: none;
	background-color: #45060a;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-right: 0px;
	margin-left: 35px; 
	color: white;
	}	
	
#hauptnavi a.active{
	color: white;
	background-color: #45060a;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-right: 0px;
	margin-left: 35px; 
	}

form {
	margin: 0;
	padding: 0;
	}	

a img {
	border: none;
	}
	
img {
	border: 0px;
	padding: 0;
	margin: 0;
	}		


/* Klassen */	
.none {
    display: none;
	}

.tx-macinasearchbox-pi1 {
	float: left;
	margin: 0px 0px 0px 2px;
	}
	
.tx-macinasearchbox-pi1 input{	
	font-size: 9px;
	width: 167px;
	height:15px;
	font-family: Verdana, Sans-Serif;
	border:1px solid #43060d;
	background-color: #9b373c;
	color: white;
	}	
	
.sprache {
	float: right;
	margin: 0px 2px 0px 0px;
	}
	
.sprache select {
	height: 17px;
	font-size:9px;
	font-family: Verdana, Sans-Serif;
	padding: 0px;
	background-color: #9b373c;
	border:1px solid #43060d;
	color: white;
	}	
	
.unsichtbar {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
	}