/* 
(c) Copyright 2006 by Transtec Gotthard, Zurich
Programming by update AG, Tobias Schalbetter, Zurich

basic.css

*/

/* Default Styles ------------------------------------------------------------- */
html {
	font-size:0.8em;
}

body {
	font:1em Verdana, Arial, sans-serif;
	background-color:#ffffff;
	color:#000000;
	padding: 0 0 0 25px;
	margin: 0;
}


/* Page Parts ----------------------------------------------------------------- */

#content {
	font:1.0em Verdana, Arial, sans-serif;
	background-color:#ffffff;
	width: 978px;
}

#header {
	/* background-color:#005794; */
	background-image:url('/pictures/layout/header_img.jpg');
	background-repeat:repeat-x;
	background-position:180px 0;
	height: 95px;
	padding:0;
	margin:0;
}

#middletier {
	font:1em Verdana, Arial, sans-serif;
	background-color:#ffffff;
}

#logo {
	margin: 0;
	background-color:transparent;
	padding:0;
	margin:0;
	float: left;
	width:583px;
}

#frontOrganisationen {
	border-top: 1px solid #005794;
	border-bottom: 1px solid #005794;
	text-align:center;
	font: 11px Verdana, Arial, sans-serif;
}

#frontOrganisationen p {
	margin:0;
	padding:0;
	margin-top:5px;
}

#frontOrganisationen table {
}

/* start footer und elemente */
#footer {
	border:none;
	border-top: 1px solid #005794;
	border-bottom: 1px solid #005794;
	background-color:#fff;
	padding:0;
	margin:0;
	color:#005794;
	font: 10px Verdana, Arial, sans-serif;
	line-height:24px;
	text-align:right;
	width: 966px;
	height:24px;
	float: left;
}
#footer p {
	text-align: center;
	color:#005794;
	padding:0;
	margin:0;
	text-align:right;
}
#footer p a {
	padding-right:5px;
	color:#005794;
	text-decoration:none;
}
#footerCorner {
	border:none;
	background-color:#fff;
	padding:0;
	margin:0;
	color:#005794;
	font: 0.85em Verdana, Arial, sans-serif;
	text-align:right;
	width: 12px;
	height:26px;
	float: left;
	background-image:url('/pictures/layout/footerCorner.gif');
	background-repeat:no-repeat;
}
/* ende footer und elemente */


/* START: Styles in der meta-navigation */
#metaNavBox {
	position:absolute;
	top:0;
	left:608px;
	z-index:1100;
	zoom:1;
}
#metaNavCorner {
	background:transparent;
	width: 15px;
	height: 28px;
	float: left;
	border: 0 none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	/* filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8; */
}
#metaNav {
	background:#efefef;
	color: #222;
	width: 380px;
	height: 28px;
	float: left;
	border: 0 none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	text-align: right;
	white-space:nowrap;
	/* filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8; */
	z-index:1000;
}

/* 1. Metanav-Ebene */
ul#metaNavMenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	text-align: left;
	/*width: 360px; For KHTML*/
	list-style: none;
	height: 28px;
	margin-top: 3px;
	white-space: nowrap;
	z-index:1001;
}

* html ul#metaNavMenu {
	height: 20px;	/* For IE6 */
}

ul#metaNavMenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 20px;
	z-index:1002;
}

ul#metaNavMenu li a,
ul#metaNavMenu li a:visited {
	padding: 3px 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	border: 0 none;
	background: transparent;
	color: #333333;
	font: 1em Verdana, Arial, sans-serif;
	text-decoration: none;
	/* height: auto !important;
	height: 100%; /*For IE*/ 
	z-index:1003;
}

ul#metaNavMenu li a:hover,
ul#metaNavMenu li:hover a,
ul#metaNavMenu li:hover a:visited,
ul#metaNavMenu li.iehover a,
ul#metaNavMenu li.iehover a:visited {
	background: #005794;
	color: #fff;
	z-index:1004;
}

/* aktive Metanavigation */
/*
ul#metaNavMenu li#aktuell {
	background:#005794;
	color:#fff;
}

ul#metaNavMenu li#aktuell a,
ul#metaNavMenu li#aktuell a:visited {
	color:#fff;
}
*/

/* 2. Metanav-Ebene */
ul#metaNavMenu li ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	left: 0;
	/* margin-top:1px;
	filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8; */
	z-index:1005;
zoom:1;
}

* html ul#metaNavMenu li ul {
	top: 20px;	/* For IE6 */
	margin-top:0;
}

ul#metaNavMenu li:hover ul,
ul#metaNavMenu li.iehover ul {
	display: block;
	z-index:1006;
}

ul#metaNavMenu li ul li {
	float: none; /*For Gecko*/
	/* display: block !important; */
	display: inline; /*For IE*/
	width: 120px;	/* breite des Aufklappmenues */
	/* margin-top:-3px; */
	padding:0;
	/* filter:alpha(opacity=100);-moz-opacity:1;opacity:1; */
	z-index:1007;
}

ul#metaNavMenu li:hover ul li a,
ul#metaNavMenu li:hover ul li a:visited,
ul#metaNavMenu li.iehover ul li a,
ul#metaNavMenu li.iehover ul li a:visited {
	float: none;
	background-color: #eee;
	color: #333;
	margin:0;
	display: block;
	z-index:1008;
	width: 120px;	/* breite des Aufklappmenues */
}

ul#metaNavMenu li:hover ul li a:hover,
ul#metaNavMenu li:hover ul li:hover a,
ul#metaNavMenu li:hover ul li:hover a:visited,
ul#metaNavMenu li.iehover ul li a:hover,
ul#metaNavMenu li.iehover ul li.iehover a,
ul#metaNavMenu li.iehover ul li.iehover a:visited {
	background-color: #005794;
	color: #FFF;
	display: block;
	z-index:1009;
}

/* ENDE: Styles in der meta-navigation */


#contentleft {
	width:151px;
	padding-top:26px;
	background-color:#bcbcbc;
	font:1em Verdana, Arial, sans-serif;
	margin:0em;
	float: left;
}

#contentmiddle {
	width:606px;
	background-color:#ffffff;
	font:1em Verdana, Arial, sans-serif;
	margin:0em;
	padding: 22px 25px;
	text-align:left;
	vertical-align: top;
	float: left;
}

* html #contentmiddle {
	width:594px;
	background-color:#ffffff;
	font:1em Verdana, Arial, sans-serif;
	margin:0em;
	padding: 22px 25px;
	text-align:left;
	vertical-align: top;
	float: left;
	z-index:1;
}

#contentright {
	width:171px;
	padding:29px 0 0 0;
	background-color:#dbdfeb;
	font:1em Verdana, Arial, sans-serif;
	margin:0;
	/* margin-top:-1px; */
	float: left;
	z-index:1;
}

* html #contentright {
	position: absolute;
	top:95px;
	left:832px;
	width:171px;
	padding:29px 0 0 0;
	background-color:#dbdfeb;
	font:1em Verdana, Arial, sans-serif;
	margin:0;
	float: left;
}

/* Content Mitte -------------------------------------------------------------- */

#standard_text {
	width:600px;
}

* html #standard_text {
	width:560px;
}

.spitzmarke {
	font:1.2em Verdana, Arial, sans-serif;
	margin:0;
	text-align:left;
	font-weight:bold;
	color:#000000;
	background-color:#ffffff;

}

.lead {
	font:1em Verdana, Arial, sans-serif;
	margin:0;
	text-align:left;
	font-weight:bold;
	color:#000000;
	background-color:#ffffff;

}


/* bildergalerien */
#galerieItem {
	width:600px;
}

#galerieItemPict {
	vertical-align:top;
	float:left;
	width:300px;
}

#galerieItemText {
	vertical-align:top;
	margin-left:315px;
	width:285px;
}

* html #galerieItemText {
	vertical-align:top;
	margin-left:315px;
	width:270px;
}



/* Textboxes ---------------------------------------------------------------*/

#contentmiddle div.textbox {
	width: 285px;
	color: #000000;
	background-color:#ffffff;
	font:1em Verdana, Arial, sans-serif;
	margin:0.4px;
	text-align:left;
	vertical-align: top;
	float: left;
	/* padding:0.5em 0.5em 2.5em 0.5em; */
	padding:8px 7px 20px 7px;
}

* html #contentmiddle div.textbox {
	width: 256px;
	color: #000000;
	background-color:#ffffff;
	font:1em Verdana, Arial, sans-serif;
	margin:0.4px;
	text-align:left;
	vertical-align: top;
	float: left;
	/* padding:0.5em 0.5em 2.5em 0.5em; */
	padding:8px 7px 20px 7px;
}

#contentmiddle div.textbox_title_news {
	font:1em Verdana, Arial, sans-serif;
	color: #ffffff;
	background-color:#df2300;
	text-align:left;
	vertical-align: middle;
	padding: 0 0 0 10px;
	margin: 0;
	font-weight:bold;
}

#contentmiddle div.textbox_title_general {
	font:1em Verdana, Arial, sans-serif;
	color: #ffffff;
	background-color:#005794;
	text-align:left;
	vertical-align: middle;
	padding: 0 0 0 10px;
	margin: 0;
	font-weight:bold;
}


#contentmiddle div.textbox_content {
	color: #000000;
	font:1em Verdana, Arial, sans-serif;
	margin:0;
	text-align:left;
	vertical-align: top;
	padding: 10px 10px;
}


/* Content Rechts ------------------------------------------------------------- */

#contentright div.title {
	font:0.9em Verdana, Arial, sans-serif;
	color: #ffffff;
	background-color:#005794;
	text-align:left;
	vertical-align: middle;
}

#contentright div.news {
	font:0.9em Verdana, Arial, sans-serif;
	color: #ffffff;
	background-color:#df2300;
	text-align:left;
	vertical-align: middle;
}

.suchebox {
	font:1em Verdana, Arial, sans-serif;
	color: #000000;
	background-color:#ffffff;
	text-align:left;
	vertical-align: middle;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.suchetitel {
}

.suchetext {
	font:0.9em Verdana, Arial, sans-serif;
	padding-top: 0.3em;
}

.sucheform {
	padding-bottom: 0.3em;
}


/* Text Styles ---------------------------------------------------------------- */
#contentright a, #header a {
	font:1em Verdana, Arial, sans-serif;
	text-decoration:none;
	color:#ffffff;
	margin:0 0 0 0;
}

#contentright h1 {
	font:1.4em Verdana, Arial, sans-serif;
	font-weight:bold;
	margin:3em 0 0 0;
}

#contentright td {
	font:1em Verdana, Arial, sans-serif;
	margin:0;
	text-align:left;
	color:#005794;
}

#contentright p {
	font:1em Verdana, Arial, sans-serif;
	margin:0;
	padding:2px 2px;
	text-align:left;
	color:#005794;
	background-color:#dbdfeb;
}

.sucheform input {
	height:11px;
	width:126px;
	font:1em Verdana, Arial, sans-serif;
	
}

.sucheform form {
	background-color:#ffffff;
	font:1em Verdana, Arial, sans-serif;
	color:#ffffff;
	padding:0;
	margin:0;
}



/* Misc ----------------------------------------------------------------------- */
.fixfloat {
	float:none;
	clear:both;
	width: 0px;
	margin:0;
	padding:0;
	font-size:0em;
	line-height:0em;
	height:0em;
}



/* Backgrounds -------------------------------------------------------- */

.white_bg {
	font:1em Verdana, Arial, sans-serif;
	margin:0;
	text-align:left;
	color:#000000;
	background-color:#ffffff;
}


/* HTML-Formate im Content-Bereich -------------------------------------------------------- */

#contentmiddle H1, #contentmiddle H2, #contentmiddle H3, #contentmiddle H4 {
	}

#contentmiddle H1 {
	margin-top: 0;
	}

#contentmiddle H2 {
	margin-top: 0;
	}

#contentmiddle H3 {
	}

#contentmiddle H4 {
	}

#contentmiddle P, #contentmiddle BR {
	}

#contentmiddle PRE {
	font-family: Courier, monospace;
	}

#contentmiddle OL {
	list-style-type:decimal;
	}

#contentmiddle UL {
	list-style-type:circle;
	}

/*
TABLE, TR, TH, TD, TBODY, TFOOT, THEAD, CAPTION {
	background: transparent;
	background-position: top left;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
	text-align: left;
	display: block;
	float: none;
	clear: none;
	width: auto;
	height: auto;
	}

TH, TD, CAPTION { 
	display: inline;
	}
*/

#contentmiddle I, #contentmiddle CITE, #contentmiddle EM, #contentmiddle VAR, #contentmiddle ADDRESS {
	font-style: italic;
	}

#contentmiddle U {
	text-decoration: underline;
	}

#contentmiddle B, #contentmiddle STRONG {
	font-weight:bolder;
	}

#contentmiddle BIG { 
	font-size: larger;
	}

#contentmiddle SMALL, #contentmiddle SUB, #contentmiddle SUP {
	font-size: smaller;
	}

#contentmiddle SUB {
	vertical-align: sub;
	}

#contentmiddle SUP {
	vertical-align: super;
	}

#contentmiddle A:link, #contentmiddle A:visited, #contentmiddle A:hover, #contentmiddle A:active, #contentmiddle A:focus {
	font-weight:bolder;
	}

#contentmiddle A:active {
	}

#contentmiddle A:link {
	}

#contentmiddle A:visited {
	}

#contentmiddle A:hover {
	}

#contentmiddle A:focus {
	}

/* Linklisten in Mitteilungen-Uebersichten */
#contentmiddle .textLinkTable {
	margin-left: 2em;
	}

#contentmiddle .textLink {
	padding: 2px;
	}

#contentmiddle .textLink, #contentmiddle .textLink a {
	color:#fff;
	text-decoration: none;
	}


/* Bilder in Content */
.bildLinks, .bildRechts {
	margin-bottom: 1em;
	}
.bildLinks {
	float:left;
	margin-right: 1em;
	}

.bildRechts {
	float:right;
	margin-left: 1em;
	}


/* styles fuer webEdition-EditMode */
.editBold {
	font-weight: bolder;
	text-align:left;
	}

.editPlain {
	text-align:left;
	}

#editNewsInfos {
	font:1em Verdana, Arial, sans-serif;
	background-color:#ffff66;
	color:#000000;
	padding: 0;
	margin: 0;
}

#editNewsInfos H1, #editNewsInfos H2, #editNewsInfos H3, #editNewsInfos H4 {
	font-size: 110%;
	}

#editNewsInfos P, #editNewsInfos BR {
	}

#editNewsInfos B, #editNewsInfos STRONG {
	font-weight: bolder;
	}

#editNewsInfos input, #editNewsInfos textarea, #editNewsInfos select {
	font:1em Verdana, Arial, sans-serif;
	}

#editNewsInfos input {
	font-weight: bolder;
	}


/* Fehlermeldung in Formularverarbeitungen */
div.error {
	width: 98%;
	padding: 3px 7px 0 7px;
	background-color: #efefef;
	border: 1px solid #666;
	margin-bottom:5px;
}