/*
 _     _                      _        ___                             _ _     
| |   (_)                    (_)      / __)                       _   (_) |    
| | _  _ _ _ _  ____  ____    _ ____ | |__ ___   ____ ____   ____| |_  _| |  _ 
| || \| | | | |/ _  |/ ___)  | |  _ \|  __) _ \ / ___)    \ / _  |  _)| | | / )
| |_) ) | | | ( ( | ( (___   | | | | | | | |_| | |   | | | ( ( | | |__| | |< ( 
|____/|_|\____|\_||_|\____)  |_|_| |_|_|  \___/|_|   |_|_|_|\_||_|\___)_|_| \_)

  =================================================================
  || www.biwac.ch                                                ||
  =================================================================
  || Author:               ||                                    ||
  || Design:               || F.Bill                             ||
  || Date:                 ||                                    ||
  || Contact:              || info@biwac.ch                      ||
  ||-------------------------------------------------------------||
  || Project:              ||                                    ||
  || CMS:                  || biwac |C|ontent|M|anager           ||
  =================================================================
	                                                             ||
  Index:                                                         ||
  =================================================================
  1 Basic
    1.1 Font
    1.2 Headlines / Links
    1.3 Scrollbars
  2 Tag's
  3 Form
  4 Classes & ID's
    4.1 General
	4.2 Project Specific
    4.3 Navigation

*/

/* .:: 1. Basic ::. */

body , table, tr, td {
	background-color: #ffffff;
	color :#003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
html, body {
	height: 100%;
}

a {
	color: #547fa5;
	text-decoration: none;
}

.right_link {
	color:#FFFFFF;
}

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

h1 {
	font-size:16px;
	color:#003366;
	font-weight:normal;
	letter-spacing:1px;
}

h2 {
	font-size:13px;
	color: #666;
	font-weight:normal;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

td h2 {
	font-size:13px;
	color: #666;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #19316d;
	line-height: normal;
	margin: 3px 0px 3px 0px;
	font-weight:bold;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a4acc0;
	line-height: normal;
	font-weight:normal;
	margin: 3px 0px 3px 0px;
}


/* .:: 4.2 Project Specific Classes & ID's ::. */

.container {
	width: 958px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/layout/border_vertical.png) repeat-y;
	padding-top: 1px;
}
	
.header {
	width: 958px;
	height: 177px;
	padding-bottom: 0px !important;
	padding-bottom: 3px;
	float:left
}

.header_left {
	background:url(../images/layout/vborder.png) right repeat-y;
	float: left;
	width: 310px;
}

.header_middle {
	float: left;
	width: 435px;
	height: 176px;
	background: #ffffff;
}

.slide {
	margin-left: 0px;
	width: 435px;
	height: 176px;	
	position: absolute;

}


.header_right {
	background:url(../images/layout/border_header_right.png) right no-repeat;
	float: right;
	width: 209px;
	height: 170px;
	margin-top: -1px;
	padding: 7px 4px 0px 0px;
	text-align: right;
	color: #abadaf;
}

.nav {
	width: 958px;
	_margin-top: -4px;
	height: 25px;

}

.nav_left {
	background:url(../images/layout/vborder.png) right repeat-y;
	float: left;
	width: 310px;
	height: 25px;
	background-color: #193146;
}

.nav_main {
	background:url(../images/layout/vborder.png) right repeat-y;
	float:left;
	width: 436px;
	background-color: #10202D;		
	font-size: 10px;
}

.aktuell {
	background:url(../images/layout/bg_aktuell.png) no-repeat;
	width: 186px;
	height: 13px;
	padding: 6px 13px 6px 13px;
	font-size: 11px;
	font-weight: bold;	
	float:left;
	color: #FFFFFF;
}

.main {
	display:block;
	clear: both;
	width: 958px;
}

.left {
	float: left;
}

.adresse {
	padding: 15px 13px 26px 13px;
	width: 283px;
	margin-left: 1px;
	color: #003366;
}

.logos {
	background: url(../images/layout/border_adresse_bottom.png) top no-repeat;
	width: 307px;	
	padding: 1px 3px 0px 0px;
	text-align:right;
}

.middle {
	float: left;
}

.path {
	text-align: right;
	width: 423px;
	height: 25px;
	padding: 5px 10px 0px 0px;
}

.content {
	margin-left: 1px;
	width: 406px;
	padding: 10px 19px 50px 9px;
}

.right {
	margin-left: 1px;
	width: 211px;
	float: left;
	color: #19316d;
}

.latest_news {
	width: 186px;
	padding: 6px 13px 6px 13px;
}

.offerte_titel {
	background:url(../images/layout/bg_offerte.png) no-repeat;
	width: 186px;
	height: 13px;
	padding: 6px 13px 6px 13px;
	font-size: 11px;
	font-weight: bold;	
	float:left;
	color: #FFFFFF;
}

.offerte {
	width: 186px;
	padding: 32px 13px 6px 13px;
}

/* .:: 4.3 Navigation ::. */

#speznav_overlay {
	position: absolute;
	z-index: 500;
}
.spez_subnav {
	display: none;
	width: 1px;
	overflow:visible;
	background-color: #FFFFFF;
	border-left: 0px solid #e4e4e4;
	margin: 6px 0px 0px 0px;
	position: relative;
}
html* .spez_subnav {
	margin: -21px 0px 0px 0px;
}
.nav_spez {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.nav_spez:hover {
	font-weight: normal;
	color: #8babc8;
	text-decoration: none;
}
.nav_spez_act {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.nav_spez_act:hover {
	font-weight: normal;
	color: #8babc8;
	text-decoration: none;
}
.nav_spez2 {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	display: block;
	background-color:#10202d;
	width: 150px;
	padding: 3px 0px 4px 3px;
	border-top:1px solid white;
}
html* .nav_spez2 {
	position: absolute;
	top: 0;
	left: 0;
}
.nav_spez2:hover {
	font-weight: normal;
	color: #8babc8;
	text-decoration: none;
	display: block;
	background-color:#10202d;
	width: 150px;
	padding: 3px 0px 4px 3px;
	border-top:1px solid white;
}
html* .nav_spez2:hover {
	position: absolute;
	top: 0;
	left: 0;
}
.nav_spez2_act {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color:#10202d;
	width: 150px;
	padding: 3px 0px 4px 3px;
	border-top:1px solid white;
}
html* .nav_spez2_act {
	position: absolute;
	top: 0;
	left: 0;
}
.nav_spez2_act:hover {
	color: #8babc8;
	text-decoration: none;
	display: block;
	background-color:#10202d;
	width: 150px;
	padding: 3px 0px 4px 3px;
	border-top:1px solid white;
}
html* .nav_spez2_act:hover {
	position: absolute;
	top: 0;
	left: 0;
}
.nav_spez_div_box {
	display:block;
	float: left;
	background-color:#10202d;
	height: 20px;
	padding: 5px 0px 0px 0px;
	background-image: url(../img/dotted_line_vert_25.gif);
	background-repeat: no-repeat;
}
.nav_spez_div_box2 {
	display:block;
	float: left;
	background-color:#10202d;
	height: 20px;
	padding: 5px 0px 0px 0px;
	background-image: url(../img/dotted_line_vert_25.gif);
	background-repeat: no-repeat;
}
.nav_path_hidden {
	display: none;
}
.nav_path2_hidden {
	display: none;
}
img {
	border: 0px solid #FFF;
}