/* --------------------------------------------------------------- */
/*                                                                 */
/*    HAUPT CSS-DATEI                                              */
/*    Koller Internet GmbH, www.kollerinternet.ch                  */
/*                                                                 */
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* --- HTML TAGS ------------------------------------------------- */
/* --------------------------------------------------------------- */
.navi_layer {
	position:relative;
	z-index:999;
	top:125;
	left: -106;
	text-align:center;
	width:980px;
	margin:0px auto;
}

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display:inline-block;
}

/* --------------------------------------------------------------- */
/* --- Font ------------------------------------------------------ */
/* --------------------------------------------------------------- */

body {
	font-size: 12px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	overflow:none;
	background-repeat:repeat-y;
	background-position:top left;
}

p {
	font-size: 12px;
	line-height: 130%;
	margin-bottom: 12px;
}

#content {
	visibility:visible;
	z-index:99;
}

td {
	font-size: 12px;
}

.title {
	color:#1a171b;
	font-weight:bold;
	line-height:120%;
}

h1 {
	font-size: 12px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

h2 {
	font-size: 12px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-bottom:5px;
	border-bottom:1px #3035c7 dotted;
}

h3 {
	font-size:10px;
	font-weight:bold;
}

pre {
	font-family:"Courier New", Courier, monospace;
	margin:20px 0px 20px 20px;
	white-space: normal;
}

/* --------------------------------------------------------------- */
/* --- Grundaufbau ----------------------------------------------- */
/* --------------------------------------------------------------- */
#wrapper {
	height:auto;
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	z-index:100;
	text-align:center;
	position:relative;
}

#bild {
	height:410px;
	top:180px;
	position:absolute;
	z-index:1;
	width: 400px;
}

#logo_ch {
	width:210px;
	height:50px;
	position:absolute;
	bottom:0px;
	margin:0px 0px 35px 73px;
	vertical-align:middle;
	}
	
.logo_ch_font {
	color:#ffffff;
	font-weight:bold;
	float:right;
	margin:8px 26px 0px 0px; 
	}

#icons {
	margin:8px 0px 0px 0px;
	height:16px;
	float:right;
	padding:0px 0px 0px 0px;
	background-image:url(/fileadmin/template_img/hg_service.gif)top left no-repeat;
}

#logo {
	float:left;
	margin:0px;
	height:45px;
	width:330px;
	margin:0px 0px 0px 6px;
}

#sprache {
	margin:0;
	height:14px;
	float:left;
	width:170px;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:24px 0px 0px 13px;
}

.sprache {
	color:#2f34c3;
}

/* --- Header ----------------------------------------------------- */
#head {
	width:100%;
	float:left;
	position:relative;
	background-color:#009999;
	height:124px;
	background-image:url(/fileadmin/template_img/hg_oben.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

#head_hg {
	width:100%;
	float:left;
	background-color:#006633;
	height:124px;
}

#head_service {
	width:980px;
	float:left;
	position:relative;
	height:96px;
	background-image:url(/fileadmin/template_img/hg_head_service.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

#head_nav {
	width:980px;
	float:left;
	position:relative;
	height:28px;
}

#head_links {
	float:left;
	width:330px;
	height: 96px;
}

#head_rechts {
	float:right;
	margin:0px 24px 0px 0px;
	width:400px;
	height: 96px;
}

/* --- content --------------------------------------------------- */
#content {
	width:470px;
	position:relative;
	text-align:left;
	margin:57px 0px 0px 384px;
	_left:190px;
	padding:0px 0px 0px 0px;
	min-height:300px;
	_height:300px;
}

#inhalt {
	width:100%;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	min-height:370px;
	_height:370px;
	background:url(/fileadmin/template_img/hg_inhalt.gif);
}

.ul li, A.ul li:link, A.ul li:visited, A.ul li:active, A.ul li:hover  {
	background-position:left;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	margin-left: 0px;
}

#content .ul li, #content A.ul li:link, #content A.ul li:visited, #content A.ul li:active, #content A.ul li:hover, #content td.ul li {
	background-position:left;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	color: #184882;
	font-size: 11px;
	font-family: Verdana;
	margin-left: 0px;
}

#content ul li ul li {
	margin-left: 0px;
	padding-left: 9px;
	margin-top: 0px;
	list-style:none;
}
/* --- Service-Navigation + Impressum ----------------------------- */
#service {
	margin:42px 0px 0px 0px;
	height:16px;
	float:right;
	padding:0px 0px 0px 0px;
	background-image:url(/fileadmin/template_img/hg_service.gif)top left no-repeat;
}

.service {
	color: #1da676;
}

#impressum {
	float:right;
	padding:0px;
	height:10px;
	width: 100px;
	margin:-16px 0px 0px 916px;
	text-align:left;
	vertical-align:bottom;
	_left:60px;
}

A.impressum, A.impressum:link, A.impressum:active, A.impressum:hover, A.impressum:visited, td.impressum, .impressum_act, A.impressum_act:link, A.impressum_act:visited, A.impressum_act:active, A.impressum_act:hover {
	background-position:left;
	text-decoration: none;
	color: #b9b7b9;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

/* --- Navigation -------------------------------------------------- */
#navigation {
	width:100%;
	position: absolute;
	height:28px;
	top:0px;
	text-align:left;
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	left:0px;
	font-weight:bold;
	list-style:none;
	overflow:hidden;
	background:url(/fileadmin/template_img/balken_nav.jpg) top center repeat-x;
}

.navigation {
	color:#fefefe;
	font-size:14px;
}

#layer_blau {
	position:absolute;
	background-color:#2e35c4;
	height:28px;
	top:96px;
	left:0px;
	width:50%;
	z-index:1;
	overflow:hidden;
}

#layer_gruen {
	position:absolute;
	background-color:#1da676;
	height:28px;
	top:96px;
	left:50%;
	width:50%;
	z-index:1;
}

/* --- Footer ----------------------------------------------------- */
#footer {
	width:100%;
	float:left;
	text-align:left;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(/fileadmin/template_img/hg_footer.gif);
}

/* --------------------------------------------------------------- */
/* --- Formular-Definitionen ------------------------------------- */
/* --------------------------------------------------------------- */
fieldset {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#1a171b;
	border: 1px solid #1da676;
	margin-bottom: 6px;
	background:#ffffff;
}

label {
	float: left;
	clear: left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#1a171b;
	border: 1px solid #1da676;
	margin-bottom: 6px;
	background:#ffffff;
}

input, textarea {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#1a171b;
	border: 1px solid #1da676;
	margin-bottom: 6px;
	background:#ffffff;
}

.form_text {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #1da676;
	width:200px;
}

.form_drop {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #1da676;
	background:#ffffff;
}

select {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #1da676;
	margin-bottom: 6px;
	background:#ffffff;
	color:#1a171b;
}

/* --- Submenu Layer ----------------------------------------- */
A.navi {
	width: 100%;
	background-position:left;
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

A.navi:link, A.navi:visited {
	background-position:left;
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

A.navi:active, A.navi:hover, A.navi_act:hover {
	background-position:left;
	text-decoration: none;
	color: #1da676;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

td.navi {
	background-position:left;
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	line-height:15px;
	padding:0px 0px 0px 24px;
	vertical-align:top;
}

.navi_act, A.navi_act:link, A.navi_act:visited, A.navi_act:active {
	background-position:left;
	text-decoration: none;
	color: #1da676;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	padding:0px 0px 0px 24px;
}

A.service, A.service:link, A.service:active, A.service:hover, A.service:visited, td.service {
	background-position:left;
	text-decoration: none;
	color: #1da676;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	line-height:15px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

/* --------------------------------------------------------------- */
/* --- allgemeine Link-Definitionen ------------------------------ */
/* --------------------------------------------------------------- */
.link, A:link, A:active, A:hover, A:visited {
	background-position:left;
	text-decoration: none;
	color: #1da676;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana;
	line-height:16px;
}