/* www.bourquinsa.ch
	created by Stämpfli Publikationen AG (c)2008
	Februar 2009 / ust
*/

* {
	border: 0;
	padding: 0;
	margin: 0;
}

/* Wird benötigt um in Gecko-basierenden Browsern immer eine Scrollbar anzuzeigen START */
#gecko_scrollbar {
 display: none;
}

html>body #gecko_scrollbar {
 position: absolute;
 z-index: 1;
 bottom: -1px;
 left: 0;
 width: 1px;
 height: 1px;
 display: block;
 font-size: 0;
}
/* Wird benötigt um in Gecko-basierenden Browsern immer eine Scrollbar anzuzeigen ENDE */

body {
	background-color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	overflow: auto;
	border-top: solid 5px #009EE0;
}

h1, .title {
	font-size: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.title {
	padding-bottom: 25px;
}

h2, h3, h4, h5, h6 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 15px;
}

h6 {
	font-style: normal;
}

p {padding-top: 15px;}

hr {
	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #bbdbed;
 	border-bottom: solid 1px #FFFFFF;
}

/* IDs */
#wrapperout {
	background-image: url(../images/layout/bg_site.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	text-align:left;
	width:996px;
	margin:0 auto;
}

#footer_out {
	width: 990px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: #999999;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
}

#servicenavi {	
	width: 940px;
	height: 20px;
	text-align: right;
	padding-top: 20px;
}

#header {
	width: 940px;
	height: 75px;
	text-align: left;
}

#mainnavi {
	width: 940px;
	height: 37px;
	border-top: solid 2px #009EE0;
	background-image: url(../images/layout/bg_topnavigation.jpg);
	background-repeat: repeat-x;
}

#breadcrumb {
	width: 700px;
	padding-left: 240px;
	padding-top: 20px;
}

#wraperoutfooter {
	background-image: url(../images/layout/bg_site_bottom.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 20px;
}

#subnavi, #subnavi_none {
	float: left;
	list-style: none;
	width: 220px;
	margin-top: 20px;
	border-top: solid 1px #999999;
}

#subnavi_none {	
	border-top: none;
	text-decoration: none;
}

#subnavi_none a {	
	color: #000000;
}
#subnavi_none a:hover {	
	color: #000000;
	text-decoration: none;
}

#content {
	float: left;
	width: 460px;
	margin-top: 20px;
	padding: 0 20px;
}

#content_wide {
	float: left;
	width: 700px;
	margin-top: 13px;
	padding: 0 0 0 20px;
}

#content div.print a, #content div.print a:hover,
#content_wide div.print a, #content_wide div.print a:hover {
	background: url(../images/layout/icon_print.gif) no-repeat;
	height:12px;
	width:13px;
	float:left;
	margin-top:30px;
	}

#content div.top a, #content div.top a:hover,
#content_wide div.top a, #content_wide div.top a:hover	{
	background: url(../images/layout/icon_top.gif) no-repeat;
	height:12px;
	width:12px;
	float:left;
	margin-left:11px;
	margin-top:30px;
	}

#newspromo {
	/*margin-left: 720px;*/
	float: right;
	width: 220px;
	margin-top: 20px;
}

/* Klassen */

.h1_sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #999999;
}

.inputfield, .input {
	background-color: #ecebe8;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 3px;
	width: 280px;
}

.inputbutton, .cssbutton {
	background-color: #ecebe8;
	padding: 3px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px;
	border-color: #6a6a6a;
	border-style: solid;
}


#servicenavi a, #servicenavi a:hover {
	font-size: 12px;
	color:#000000;
	text-decoration: none;
}

#servicenavi a:hover {
	text-decoration: underline;
}

#breadcrumb a, #breadcrumb a:hover {
	color:#009EE0;
	text-decoration: underline;
}

#breadcrumb a:hover {
	text-decoration: none;
}

#content a, #content a:hover,
#content_wide a, #content_wide a:hover {
	color: #000000;
	text-decoration: underline;
}

#content a:hover, #content_wide a:hover {
	text-decoration: none;
}

#mainnavi a, #mainnavi a:hover {
	float: left;
	text-align: left;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/layout/divider_topnavigation.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#mainnavi a:hover {
	background-image: url(../images/layout/bg_topnavigation_hoover.jpg);
	background-repeat: repeat-x;
}

#mainnavi a.aktiv, #mainnavi a.aktiv:hover {
	float: left;
	text-align: left;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/layout/bg_topnavigation_hoover.jpg);
	background-position: bottom right;
	background-repeat: repeat-x;
}

#subnavi .li_normal, #subnavi .li_normal:hover, #subnavi .li_aktiv {
	background-image: url(../images/layout/gradient_navigation.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 5px 10px;
	border-bottom: solid 1px #999999;
}

#subnavi .li_normal:hover, #subnavi .li_aktiv, #subnavi .li_aktiv:hover {
	background-image: none;
	background-color: #009EE0;
	color: #ffffff;
}

#subnavi .li_normal a, #subnavi .li_normal a:hover {
	display: block;
	color: #000000;
	text-decoration: none;
}

#subnavi .li_aktiv a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#subnavi .li_normal a:hover, #subnavi .li_aktiv a:hover {
   display: block;
	color: #ffffff;
}

#newspromo .newsbox a, #newspromo .newsbox a:hover {
	text-decoration: underline;
	color: #000000;
}

#newspromo .newsbox a:hover {
	text-decoration: none;
}

#content_wide .article_wide_around {
	width: 700px; 
	padding-top: 50px;
}

#content_wide .article_wide_around .article {
	float: left;
	width: 400px;
}

#content_wide .article_wide_around .imgbox_around {
	float: right;
	width: 280px;
	padding-left: 20px;
}

#content_wide .article_wide_around .imgbox_around .imgbox {	
	width: 280px;	
	text-align: center;
}

#content_wide .article_wide_around .imgbox_around .legendbox {
	width: 280px;
	padding-top: 5px;
	text-align: left;
	font-size: 10px;
	color: #999999;
	font-style: italic;
}

#newspromo .newsbox, #newspromo .promobox {
	background-image: url(../images/layout/gradient_box.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #dedec7;
	width: 200px;
	padding: 5px 10px 10px 10px;
	border-bottom: solid 10px #ffffff;
}

#footer_out a, #footer_out a:hover {
	color: #999999;
	text-decoration: none;
}

.footertext {
	float: left;
	width: 250px;
	/*padding-left: 100px;*/
	padding-top: 3px;	
}

.footerimages {
	
}

.forward, .back {
	padding-left: 5px;
	padding-top: 15px;
}

.clr {
	clear: both;
}

.gugus {
	clear: both;
	padding-bottom: 5px;
	font-weight: bold;
}

.vtypdiv {
	margin-bottom: 8px;	
}

/*hoverpopups type 1*/

#popup { color: #000; }

#popup a, #popup a:visited {
position: relative;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }


#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 60px;
/*width: 320px;*/
margin: 0px;
padding: 10px;
color: #335500;
font-weight: normal;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
z-index: 99;
}


/* Live-Validation */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}