/* [BZ Wil] - [Datum] - [Online Consulting AG] - [format.css] */

/************************************************
*			Fixes, Workarounds, etc.			*
************************************************/
* {
	margin: 0;
	padding: 0;
	}

/* Clearfix fuer das Float-clearing */
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}  /* IE 7 */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.hidden {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;  }

/************************************************
*				Grundlayout						*
************************************************/
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	}
body {
	behavior: url(portaldata/1/js/csshover.htc);
	text-align: center;
	font-size: 0.75em;
	line-height: 1.5em;
	height: 100%;
	background: url(../1/images/hg_body.gif) repeat; 
	}
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 915px;
	background: url(../1/images/hg_wrapper.gif) repeat-y top right;
	}
#left {
    position: relative;
	float: left;
	background: url(../1/images/hg_left.jpg) no-repeat top right;
	height: 553px;
	width: 217px; 
	}
#main {
	float: left;
	width: 698px;
	background: url(../1/images/hg_main.gif) repeat-y 0 0; 
	margin-bottom: 10px; 
	}
#header {
	float: left;
	width: 100%; 
	background: #fff url(../1/images/hg_header.jpg) no-repeat;
	height: 106px;
	padding: 11px 0 0 0;
	}
#emotion {
	width: 687px;
	border-left: solid 1px #ccc;
	margin-left: 3px;
	padding-left: 3px;
	background-color: #fff;  
	}
#emotion img {
	margin-bottom:15px;
	}
#content {
	float:left;
	width: 479px;
	padding: 0 15px 20px 15px; 
	background: url(../1/images/hg_content.gif) no-repeat bottom left;
	margin: 0 0 0 3px;  
	}
#right {
	float: left;
	width: 170px;
	padding: 0 2px 10px 6px;
	}

	
/************************************************
*					Footer						*
************************************************/
#footer {
	float: left;
	}
	
#footer address {
	float: left;
	color: #666666;
	font-size: 0.93em;
	margin: 0 0 10px 235px;
	width: 600px; 
	}
	
#footer address a.kontakt {
	margin-left: 15px;
	color: #666666;
	background: url(../1/images/gen_kontakt_a.gif) 0px 2px no-repeat;
	padding: 0 0 0 22px; 
	}
	
#footer address a.kontakt:hover,
#footer address a.kontakt:focus {
	background: url(../1/images/gen_kontakt_b.gif) 0px 2px no-repeat;
	color: #000; 
	}

/************************************************
*				Startseite						*
************************************************/
#wrapper.home #left {
	background: url(../1/images/hg_left_home.jpg) no-repeat top right;
	}
	
#wrapper.home #main {
	background: none; 
	}

#wrapper.home #emotion {
	padding-left: 0;
	margin-left: 0;
	border: none;
	}
	
#wrapper.home #emotion img {
	margin: 0;
	}

#wrapper.home #home {
	float: left; 
	width: 693px;
	padding-bottom: 20px; 
	background: url(../1/images/hg_content_home.gif) no-repeat bottom left; 
	}

#wrapper.home #home img.slogan {
	float: right;
	display: block;
	}
#wrapper.home #home a.slogan-wwu {
	display: block;
	margin: 80px 0 0 20px;
	}
#wrapper.home #home a.slogan-wwu:hover, 
#wrapper.home #home a.slogan-wwu:active, 
#wrapper.home #home a.slogan-wwu:focus {
    background: none;
    }
#wrapper.home #footer {
	margin: 0; 
	}




/************************************************
*				Style-Elemente					*
************************************************/
img {border: none;}
hr {
	clear: both;
	color: #000;
	height: 1px;
	margin: 5px 0;
	background: #000;
	}
	
address {font-style: normal;}

/* Links */

a:link { color:#666666; text-decoration: none; }
a:visited { color:#666666; text-decoration: none; }
a:hover { background-color:#fff9a6; text-decoration: none; color: #000;  }
a:focus { color:#000; text-decoration: none; }
a:active { color:#666666; text-decoration: none; }



/************************************************
*					Suche						*
************************************************/
.search {
	float: right; 
	margin: 0 7px 0 0; 
	}
.search .go {
	float: left; 	
	}
.search .searchfield {
	float: left;
	background: #fff;
	height: 16px;
	margin-right: 3px;
	padding: 1px 0 0 2px;  
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}


	
/************************************************
*				Page-Sizing						*
************************************************/
.size-ie {						/* for Internet Explorer */
	visibility: hidden;
	}
	
.size-ff {						/* for Firefox */
	float: right; 
	margin: 1px 20px 0 0;
	}

.size-ff a, .size-ff a:link, .size-ff a:visited,
.size-ie a, .size-ie a:link, .size-ie a:visited  {
	float: left; 
	height: 16px;
	width: 13px;
	margin: 0 0 0 4px;
	}

.size01 { background: #fff url(../1/images/size01_a.gif) top left no-repeat; }
.size02 { background: #fff url(../1/images/size02_a.gif) top left no-repeat; }
.size03 { background: #fff url(../1/images/size03_a.gif) top left no-repeat; }

.size01:hover,
.size01:focus,
.size01:active,
.size01.active {	background: #fff url(../1/images/size01_b.gif) top left no-repeat; }
.size02:hover,
.size02:focus,
.size02:active,
.size02.active {	background: #fff url(../1/images/size02_b.gif) top left no-repeat; }
.size03:hover,
.size03:focus,
.size03:active,
.size03.active {	background: #fff url(../1/images/size03_b.gif) top left no-repeat; }
	

/************************************************
*				Logo BZ Wil						*
************************************************/

#left a.home {
	display:block;
	height:40px;
	position: relative;
	left:12px;
	top:25px;
	width:150px;
	}
#left a.home:hover {
	background: none; 
	}

/************************************************
*					Navigation					*
************************************************/
/* Stufe 1 */
#hnav {
	float: left;
	margin: 39px 0 0 15px;  
	width: 650px;   
	}
#hnav li {
	float: left; 
	display: inline;
	padding: 3px 17px 0px 17px;
	height: 36px;
	line-height: 1.32em; 
	width: 90px;
	border-right: solid 1px #ccc; 
	}
#hnav li a, 
#hnav li a:link, 
#hnav li a:visited {
	font-weight: bold;
	color: #000; 
	background-image: none;
	}
#hnav li:hover, 
#hnav li:active, 
#hnav li:focus,
#hnav li.active, 
#hnav li.active:link, 
#hnav li.active:visited {
	background: #fcf5a3;
	background-color:#fcf5a3; 
	}
	
/* Layermenu */	
#hnav ul {
	position: absolute; 
	left: -999em;
	}
#hnav li:hover ul {
	position: relative;
	top:3px; left:-15px; 
	text-align: left;
	width: 177px;
	padding-top: 10px; 
	z-index: 200; 
	}
#hnav ul li  {	
	background: #e9e9e9 url(../1/images/hg_snav.gif) top left no-repeat;
	line-height: 17px; 
	border-right: none;
	display: block;
	clear: left; 
	height: auto; 
	width: 100%;
	padding: 0;   
	}
#hnav ul li a,
#hnav ul li a:link,
#hnav ul li a:visited {
	color: #000;  
	display: block;
	padding: 4px 0 3px 10px;
	font-weight: bold;
	margin: 0; 
	 }
#hnav ul li a.seite-226,
#hnav ul li a.seite-226:link,
#hnav ul li a.seite-226:visited {
    margin-top: 22px;
    display: block;
    background: url(../1/images/hg_snav.gif) top left no-repeat; 
    }
#hnav ul li a:hover, 
#hnav ul li a:active, 
#hnav ul li a:focus,
#hnav ul li a.active, 
#hnav ul li a.active:link, 
#hnav ul li a.active:visited,
#hnav ul li a.seite-226:hover, 
#hnav ul li a.seite-226:active, 
#hnav ul li a.seite-226:focus {
	background: #d3d3d3 url(../1/images/hg_snav.gif) top left no-repeat;
	}
#hnav ul li:hover {
    background: #e9e9e9 url(../1/images/hg_snav.gif) top left no-repeat; 
    }
	 
	 
	 
	
/* Sekundaere Navigation links */
/* Stufe 1 */
#snav {
	float: left; 
	margin-top: 117px; 
	width: 182px; 
	}
#snav li {
	background: url(../1/images/hg_snav.gif) top left no-repeat;
	line-height: 1.2em;
	display: block; 
	}
#snav li.seite-226,
#snav li.seite-227,
#snav li.seite-234 {
    position: absolute;
    width: 182px;
    }
#snav li.seite-226 {top: 420px;}
#snav li.seite-227 {top: 441px;}
#snav li.seite-234 {top: 462px;}
#snav li a, 
#snav li a:link, 
#snav li a:visited {
	color: #000;  
	display: block; 
	padding: 4px 0 3px 10px;
	font-weight: bold;  
	}
#snav li a:hover, 
#snav li a:active, 
#snav li a:focus,
#snav li a.active, 
#snav li a.active:link, 
#snav li a.active:visited {
	background: #d3d3d3 url(../1/images/hg_snav.gif) top left no-repeat;
	}
	
/* Stufe 2 */
#snav {
	}
#snav ul li {
	}
#snav ul li a, 
#snav ul li a:link, 
#snav ul li a:visited {
	padding: 4px 0 3px 20px;
	font-weight: normal;  
	}
#snav ul li a:hover, 
#snav ul li a:active, 
#snav ul li a:focus,
#snav ul li a.active, 
#snav ul li a.active:link, 
#snav ul li a.active:visited {
	}
	
	
/* generische Navigation */
#gnav {
	float: left;
	margin: 0px 0 0 14px;
	}
#gnav li {
	float: left; 
	display: inline;
	line-height: 1em;
	padding: 3px 5px 1px 5px;  
	border-right: solid 1px #ccc;  
	}
#gnav li a.home {
	background: url(../1/images/gen_home_a.gif) bottom center no-repeat;
	float: left; 
	height: 12px;
	width: 11px;
	}
#gnav li a.print {
	background: url(../1/images/gen_print_a.gif) bottom center no-repeat;
	float: left; 
	height: 12px;
	width: 15px;
	}
#gnav li a.home:hover,
#gnav li a.home:focus {
	background: url(../1/images/gen_home_b.gif) bottom center no-repeat;
	}
#gnav li a.print:hover,
#gnav li a.print:focus {
	background: url(../1/images/gen_print_b.gif) bottom center no-repeat;
	}
	
/* Logo */
div.logo {
	float: left; 
	width: 34px; 
	height: 421px; 
	}
	
	
/* Navigation im Contentbereich */
ul#nav {
	float: left;
	width: 100%;
	margin: 0px 0 20px -5px !important;
	}
ul#nav li {
	float: left; 
	display: inline;
	line-height: 1.35em;
	padding: 0px 5px 1px 5px !important;  
	border-right: solid 1px #ccc;
	margin: 0 !important;   
	}
ul#nav li a.activ {
	background-color:#fff9a6;   
	}




/************************************************
*			Content-Absatzformate				*
************************************************/


/* Seitennavigation */
#content a.back {
	color: #666666;
	background: url(../1/images/icon_back.gif) 0px 0px no-repeat;
	padding: 0 0 0 17px; 
	font-weight: bold;
	float: right; 
	display: block;
	margin-top:20px; 
	}

#content a.top {
	color: #666666;
	background: url(../1/images/icon_gotop.gif) 0px 0px no-repeat;
	padding: 0 0 0 17px; 
	font-weight: bold;
	float: left; 
	display: block;
	margin-top:20px; 
	}

#content a.anmelden {
	color: #666666;
	background: url(../1/images/icon_anmelden.gif) 0px 0px no-repeat;
	padding: 0 0 0 25px; 
	font-weight: bold;
	float: right; 
	display: block;
	}
	
#content a.back:hover,
#content a.back:focus,
#content a.top:hover,
#content a.top:focus,
#content a.anmelden:hover,
#content a.anmelden:focus {
	color: #000;  }	



/* Ueberschriften */
h1 {
	font-weight: bold; 
	font-size: 1.5em;
	color: #666666;
	margin: 8px 0 20px 0;
	}
	
h2 {
	font-size: 1em;
	font-weight: bold; 
	margin: 20px 0 0px 0;
	}
	
h3 {
	font-weight: bold; 
	margin: 0px 0 5px 0;
	}
	
/* Paragraph */
#content p {
	line-height: 1.5em;
	padding: 0 0 5px 0;
	}
	
/* Listen */
#content li {
	margin: 0 0 2px 16px;
	}

#content ul {
	list-style-type: none;
	margin: 10px 0 10px 16px;
	}
#content ul li {
	list-style-type: disc; 
	}
#content ol {
	list-style-type: decimal;
	margin: 5px 0 5px 10px;
	}
#content ol li {
	padding: 2px 0 2px 0;
	margin-left: 10px;
	}
	
/* Tabellen */
#content table {
	margin-bottom: 10px; 
	}
#content table td,
#content table th {
	border-bottom: solid 1px #cccccc; 
	text-align: left;
	padding: 2px 0 2px 0;
	}
#content table th {
	font-weight: bold;
	}
#content table td.small {
	font-size: 0.93em;
	width: 120px;  
	}
	
/* Rechte Spalte */
#right h1,
#right h2 {
	font-weight: bold;
	margin: 15px 0 5px 0;
	font-size: 1em;
	color: #000000; 
	}
#right p {
	margin: 0; 
	}
#right a, 
#right a:link, 
#right a:visited {
	}
#right a:hover, 
#right a:focus {
	color: #000; 
	}
#right img {
	}
#right ul li {
	border-bottom: solid 1px #ccc; 
	}

/************************************************
*					Formular					*
************************************************/
.formular  {
	}
label {
	float: left;
	width: 120px;
	}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 1em;
	}
textarea {
	height: 130px;
	width: 250px; 
	}
select {
	height: 20px;
	margin-bottom: 6px;
	}
select option {
	padding: 3px;
	}
label, input.txtfield, textarea {
	margin-bottom: 6px;
	}
input.txtfield, textarea, select {
	padding: 2px 2px 2px 4px;
	border: 1px solid #bdbdbd;
	background: #fff;
	width: 250px; 
	}
input.txtfield:hover, input.txtfield:active, input.txtfield:focus,
textarea:hover, textarea:active, textarea:focus,
select:hover, select:active, select:focus {
	border: 1px solid #999;
	background: #fff;
	}
p.pflicht {
	float: left; 
	margin: 20px 0 0 120px;
	}
	

input.submit {
	clear: both;
	margin-left: 120px;
	}

div.cbl  {
	margin-bottom: 20px;
	}
	
div.cbl label {
	width: auto;
	margin: 0;
	}

div.cbl input {
	margin-right: 8px;
	margin-top: 2px;
	}
	
	
/************************************************
*					Captcha						*
************************************************/

div.captcha {
	position: relative;
	float: left;  
	left: 120px;
	margin-bottom: 20px;
	}
	
div.captcha label {
	margin: 15px 0 5px 0;
	width: 100%;
	clear: left; 
	}
	
div.captcha input {
	width: 250px;
	padding: 2px 2px 2px 4px; 
	}	
	
p.sicherheit {
	margin-left: 120px; 
	}	


/************************************************
*					Module						*
************************************************/
/* News */
.news-liste {
	border-bottom: solid 1px #ccc;
	padding: 10px 0 10px 0;
	width: 100%;
	}
.news-detail {
	}
	
/* Dokumente */
.zip-liste {
	width: 100%;
	}
.zip-liste img {
	margin-right: 5px; 
	}

.download-liste {
	padding: 3px 0 0 0;
	width: 100%;
	}
.download-liste img {
	float: left;
	clear: left;  
	margin-right: 20px; 
	margin-bottom: 10px; 
	}
.download-detail {
	}
a.pdf {
	background-image:url(/portaldata/1/images/pdf_icon.gif);
	background-position:0 0.2em;
	background-repeat:no-repeat;
	padding:5px 3px 3px 25px;
	text-decoration:none;
	}
	
/* Kalender */
.calendar {
	width: 140px;
	border: 0px solid white !important;
	}
.calendar a, .calendar a:link, .calendar a:visited {
	display: block;
	padding: 3px 0;
	text-align: center;
	vertical-align: middle;
	}
.calendar a:hover, .calendar a:active, .calendar a:focus {
	}
.calendar .calendar {
	margin: 5px 0;
	width: 140px !important;
	}
.calendar .calendar td {
	font-weight: bold !important;
	text-transform: uppercase;
	text-align: center;
	width: auto;
	}
.calendar th {
	height: 20px;
	text-transform: uppercase;
	}

/* Suchresultate */
#suchresultate {
	margin-bottom: 30px; 
	}
#suchresultate h2 {
	font-size: 1em;
	margin: 3px 0 3px 0;
	}
#suchresultate .head,
#suchresultate .headdoc {
	background: #ebebeb;
	padding: 3px 5px;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	}
#suchresultate .paging a, 
#suchresultate .paging a:link, 
#suchresultate .paging a:visited {
	}
	
/************************************************
*				Headerbilder					*
************************************************/	

div.headerbilder {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;  
	}


/************************************************
*					Sitemap						*
************************************************/

ul#sitemap  {
	margin: 0 0 10px 0 !important;
	padding: 0 !important; 
	}

ul#sitemap li {
	list-style-type: none;
	padding: 0; margin: 0;
	font-weight: bold;
	}
	
ul#sitemap li a {
	color: #000; 
	}
	
ul#sitemap ul  {
	padding: 0 0 20px 15px;
	margin: 0; 
	}

ul#sitemap ul li {
	font-weight: normal;
	}

ul#sitemap ul li a {
	color: #666; 
	}