/* ===================================
Stylesheet nwz.ch 
 
Datei: general.css 
Datum: 16. April 2009 

Aufbau:	1. Kalibrierung
        2. Allgemeine Styles
           Hyperlinks
        3. Styles für Layoutbereiche
        4. Klassen und IDs
        5. Sonstige Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

h1, h2, h3 {
	padding: 0;
	margin: 0;
	margin-bottom: 1.2em;
	font-weight: bold;
	font-size: 13px
}

p {
	padding: 0;
	margin: 0;
	margin-bottom: 0.8em;
}

* html td, * html th {
	font-size: 0.82em; /* ca. 13px */
	/* margin: 0;
	padding: 0; */
}

th { text-align: left; }

ul, li {
	padding: 0;
	margin: 0;
}

hr {
	margin: 0;
	border: 0px solid #7E7E7E;
	height:1px;
	background-color: #7E7E7E;
}
* html hr { border: 1px solid #7E7E7E; }

textarea { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; }

/* ==================================
   2. Allgemeine Styles 
   =============================== */

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.69em; /* ca. 11px */
	color: black;
	padding: 0; 
	margin: 0;
	overflow-y: scroll; /* Scrollbalken auch bei geringem Inhalt anzeigen, sonst entsteht beim Zentrieren eine Verschiebung */
}


/* ================
   Hyperlinks    */

a {
	text-decoration: none;
}
a.menulink1 {
	text-decoration: none;
	color: #000000;
}
a.title {
	font-weight: bold;
	text-decoration: none;
	color: #339933;
}
a.title:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background: #339933;
}
a.contact {
	text-align: right;
	text-decoration: underline;
}

a:link { color: black; } /* nicht besuchte Links */ 
a:visited { color: black; } /* besuchte Links */
a:hover { color: red; }

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */

#zentriert {
	position: absolute;
	left: 50%;
	margin-left: -345px;
}

#kopfbereich {
	position: relative;
	top: 0;
	left: 0;
	height: 80px;
	width: 690px;
	padding: 0;
	margin: 0;
	color: black;
	text-align: left;
}

	#logo {
		position: absolute;
		top: 25px;
		left: 0;
		width: 220px;
		height: 39px;
	}

	#seitentitel {
		position: absolute;
		top: 25px;
		left: 275px;
		width: 375px;
		padding: 2px 20px;
		border-right: 1px solid black;
		border-bottom: 2px solid black;
		border-left: 1px solid black;
	}
	* html #seitentitel { width: 417px; }

	#seitentitel:hover a { color: red; }

	#seitentitel.linkbox:hover, #seitentitel.linkbox-hover {
			color: red;
			border-right: 1px solid red;
			border-bottom: 2px solid red;
			border-left: 1px solid red;
	}
	#seitentitel.linkbox { 
				os: expression(
					this.onmouseover = new Function ("this.className += ' linkbox-hover';"),
					this.onmouseout  = new Function ("this.className = this.className.replace('linkbox-hover', '');")
					);
	}

#navibereich, #navibereich_home, #navibereich_admin {
	width: 690px;
	overflow: hidden;
	color: black;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#navibereich {
	text-decoration: none;
	border-right: 1px solid black;
}

#navibereich ul {
	margin-bottom: 5px;
}

#navibereich li, #navibereich_home li, #navibereich_admin li {
	float: left; 
	list-style-type: none;
	margin: 0;
}

#navibereich a, #navibereich_home a, #navibereich_admin a {
	display: block; 
	color: black;
	width: 121px;
	padding: 2px 8px;
}
#navibereich_admin a { width: 120px; }
* html #navibereich a, * html #navibereich_home a, * html #navibereich_admin a { width: 138px; }

#navibereich a:hover,
#navibereich a:focus,
#navibereich_home a:hover,
#navibereich_home a:focus,
#navibereich_admin a:hover,
#navibereich_admin a:focus {
	color: red;
	outline: 0; /* keine Rahmen in aktiven Links im Firefox */
}

#navibereich a:active,
#navibereich_home a:active,
#navibereich_admin a:active { 
   color: black;
}

#wrapper, #wrapper_home {
	float: left;
	padding: 0 0 30px 0;
	margin: 0;
	width: 691px;
}

#wrapper_home { background: white url(resources/background.jpg) no-repeat; }

.bg_color { background-color: #C9DDF0; } /* leerer Balken nach Navi */
.bg_color10, .bg_color11, .bg_color99 { background-color: white; }
.bg_color12 { background-color: #CFE1C0; }
.bg_color13 { background-color: #E4D9C4; }
.bg_color14 { background-color: #CBDADE; }
.bg_color15 { background-color: #C3DACA; }
.bg_color16 { background-color: white; }

	#textbereich {
		float: left;
		width: 394px;
		padding: 55px 10px 10px 10px;
		margin-bottom: 45px;
	}
	

	#textbereich ul {
		padding-left: 30px;
		margin-bottom: 1.5em;
		line-height: 1.35em;
	}

	#textbereich a {
		color: black;
		text-decoration: underline;
		font-weight: normal;
	}
	#textbereich a:hover { color: red; }

	#sitemap td { font-size: 0.6em; }
	#sitemap a { font-weight: normal; }

	#spalte03 {
		float: left;
		width: 255px;
		border: 1px solid black;
		margin: 60px 10px 20px 10px;
	}
	
	#spalte03 h3 {
		color: red;
		padding: 10px 5px;
		margin: 0;
	}

	/* .headline { font-size: 10px; } */

	#textbereich .headline { margin-bottom: 10px; }

	.headline a {
		color: red;
		text-decoration: underline;
		font-weight: normal;
	}
	.headline a:hover { text-decoration: none; }

	#spalte03 .headline { padding: 5px; }

	#bildbereich {
		float: left;
		width: 252px;
		padding: 90px 10px 10px 15px; 
		/* margin-left: 15px;
		margin-top: 90px; */
	}
	* html #bildbereich { width: 277px; overflow: hidden; }

	#bildbereich img {
		border: 1px solid black;
		margin-right: 10px;
	}

	#bildbereich img:hover { border: 1px solid red; }

	#bildbereich .resource {
		overflow: hidden;
		margin-bottom: 20px;
	}

/*	
	a.resource {
		font-size: 10px;
		color: black;
		text-decoration: underline;
	}
	a.resource:hover { color: red; }
*/

	#adresszeile {
		float: left;
		/* position: absolute;
		left: 0; */
		bottom: 40px;
		width: 691px;
		font-size: 10px;
	}

		#kontakt {
			float: left;
			width: 121px;
			padding: 2px 8px;
			border-right: 1px solid black;
			border-bottom: 2px solid black;
			border-left: 1px solid black;
		}
		* html #kontakt { width: 139px; }
		
		#kontaktadresse {
			float: left;
			width: 535px;
			padding: 2px 8px;
			border-right: 1px solid black;
			border-bottom: 2px solid black;
		}
		* html #kontaktadresse { width: 552px; }

#fussbereich {
	float: left;
	width: 691px;
	text-align: right;
}


/* ==================================
   4. Klassen und IDs 
   =============================== */

.contact_onsite {
	font-size: 10px;
	color: #c0c0c0;
}
a.contact_onsite { color: #c0c0c0; }
a.contact_onsite:hover { color: #808080; }

.expwarn {
	font-size: 10px;
	color: #ff0000;
}

.autor {
	font-size: 9px;
	font-style: italic;
	color: #888888;
}

#textbereich div.cmfunc { padding-top: 0; }
#textbereich div div.cmfunc { padding-left: 0}
#textbereich_home div.cmfunc { padding-top: 0; }
#textbereich_home div div.cmfunc { padding-left: 0; }
.cmfunc {
	margin-top: 15px;
}

.headimg {
	border: 1px solid black;
	margin: 5px 0;
}

div.acrobat {
	/* position: absolute;
	left: 15px; */
	bottom: 20px;
}

.titel {
	font-weight: bold;
	margin: 0;
}

.datum {
	color: #7E7E7E;
}

.listenansicht {
	overflow: hidden;
}
/* * html .listenansicht { height: 100%; } */

/* .listenansicht img { border: 1px solid black; } */
.listenansicht div.resource { margin: 0; }
.listenansicht a.resource { float: right; }

.detailansicht p {
	display: block;
	margin: 1em 0;	/* zurück zum Standard */
}

.bahoge_color { color: #0055A0; }


/* ==================================
   5. Sonstige Styles 
   =============================== */

tr.cmfunc { background-color: #dddddd; }

td.title {
	font-weight: bold;
	text-decoration: none;
	color: #339933;
	border-bottom: 2px solid #339933;
}
td.intro {
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #339933;
}
td.contact {
	font-size: 7pt;
	text-align: left;
}
td.toggle {
	background-color: #ccffcc;
}
td.label {
	background-color: white;
}
td.siedlungsdetails {
	border: 0px solid #555555;
	border-top-width: 1px;
}
td.navtop {
	background-color: #6f8dbf;
}