/*###########################################################################
Haupt-Stylesheet für Website www.welterbe-trier.de
Letzte Änderung: 15.03.07
#############################################################################*/


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

body {
	position: relative;
	height: 100%;
	font-family: Verdana, Sans-Serif;
	font-size: 70%;
	background: url(../media/back.jpg) repeat-y;
	}

	
/* Flächen am Kopf */	
	
#kopf {
	position: fixed;
	width: 1002px;
	height: 170px;
	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;
	}
	
#signet {
	clear: both;
	float: left;
	width: 172px;
	height: 35px;
	overflow: hidden;
	}	
	
#hauptnavi {
	background: url(../media/kachel-nav.jpg) repeat-x;
	height: 19px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	margin-bottom: -2px;
	overflow: hidden;
	}	
	
#breadcrumbs {
	height: 20px;
	background: url(../media/brotkrumel-unterstrich.gif) no-repeat;
	background-position: 171px 0px;
	padding-left: 210px;
	}	
	

/* Flächen im Inhaltsbereich */	

#rechterrand {
	float: left;
	width: 1000px;
	background-color: #eee6e1;
	margin: 172px 0 18px 0;
	}

#linkerrand {
	float: left;
	width: 780px;
	background: url(../media/subnav.jpg);
	background-repeat: repeat-y;
	}

#mitte {
	float: left;
	width: 625px;
	margin: 0 0 0px 170px;
	display: inline;
	background-color: #fff;
	border-left: 1px solid #45060a;
	}

#wrapper {
	float: left;
	width: 1000px;
	margin-left: -170px; 
	margin-right: -220px;
	margin-bottom: 0px;
	display: inline;
	}

#schichtung {
	position: absolute;
	width: 171px;
	float: left;
	}
						
#seitennavi {
	width:169px;
	float: left;
	display: block;
	}	

#inhalt {
	margin: 0 220px 0 170px;
	padding: 20px 35px 10px 35px;
	min-height: 400px;
	}	
	

#rechts {
	position: relative;
	float: right;
	width: 17%;
	padding: 30px 20px 10px 20px;
	color: #725458;
	}
	
#rechts h2 {
	font-size: 100%;
	color: #45060a;
	margin-bottom: 0em;
	}
	
#rechts a {
	color: #725458;
	}		

#rechts a.hover {
	color: #725458;
	}


	
/* Footer */			

#footer {
	position: fixed;
	bottom: 0px;
	clear: both;
	width: 1002px;
	height: 37px;
	}
	
#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: 18px;
	}	
	
#copy p {
	padding: 3px 10px 0px 0px;
	}	


/*##################### Navigationen #############################*/

/*Sprungmarkenkorrektur*/
a[id] {
	 display:block;
	 position:relative;
	 width:0;
	 height:0;
	 top: -240px;
	 visibility:hidden;
} 
 
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;
	}

#breadcrumbs {
	color: #b1b7b5;
	padding: 2px 0 0 208px;
	}

#breadcrumbs a {
	font-weight: normal;
	color: #9d888b;
	font-size: 80%;
	text-decoration: none;
	}	

#breadcrumbs a:hover {
	font-weight: normal;
	color: black;
	}	

#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; 
	}

#schichtung #seitennavi a {
	color: #7b5f62;
	padding: 2px 0px 2px 24px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #dac8c9;
	border-bottom: 1px solid #dac8c9;
	background-color: #fff;
	width: 145px;
	line-height: 1em;
	margin-bottom: 1em;
	}

#schichtung #seitennavi a:hover {
	color: #45060a;
	text-decoration: none;
	border-top: 1px solid #45060a;
	border-bottom: 1px solid #45060a;
	}	

#schichtung #seitennavi a.active {
	color: #45060a;
	text-decoration: none;
	border-top: 1px solid #45060a;
	border-bottom: 1px solid #45060a;
	}	
	
#schichtung #seitennavi a.nav_active {
	color: #45060a;
	text-decoration: none;
	border-top: 1px solid #45060a;
	border-bottom: 1px solid #45060a;
	}		

#schichtung #seitennavi ul {
	list-style: none;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	}
	
#schichtung #seitennavi li {
	padding: 0 0 5 0px;
	text-transform:none;
	}
	
#schichtung #seitennavi ul ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size:90%;
	}	
	
#schichtung #seitennavi ul ul li a {
	padding-left: 40px;
	width: 128px;
	}
/* Inhaltsbereich */
#inhalt input,#inhalt textarea{
	border: 1px solid #45060a;
	background:#fff;
	padding:1px;
}

#inhalt input.sub {
	font-weight: bold;
	color: #fff;
	background-color: #45060a;
	border: 1px solid #45060a;
}


/*Bilder*/
dd {
	padding-top: 0.5em;
	line-height: 1.2em;
	}
	
.csc-textpic-caption {
	color: #725458;
	font-size: 85%;
	}

/* Allgemeine Marker */		

form {
	margin: 0;
	padding: 0;
	}	
	
h1 {
	font-size: 120%;
	line-height: 1.2em;
	text-decoration: underline;
	color: #45060a;
	}	
	
h2 {
	font-size: 110%;
	margin-bottom: -0.5em;
	color: #45060a;
	}

	
h3 {
	font-size: 100%;
	margin-bottom: -0.5em;
	color: #45060a;
	}

p {
	line-height: 1.5em;
	font-size: 95%;
	}

a { 
	color: #725458;
	font-weight: bold;
	text-decoration: none;
	}

a:hover { 
	color: #725458;
	font-weight: bold;
	text-decoration: underline;
	}	
	
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;
	}	

.tx-thmailformplus-pi1_error {
	color: #ff0000;
	list-style: none;
	margin: 0 0 0.5em 0;
	}

.tx-thmailformplus-pi1 ul {
	line-height: 1em;
	margin-left: 1em;
	padding-left: 1em;
	}
	
.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;
	}