/*****************
     *   File Name: sah.css
     *   Section: @approot/css/
     *   Creator: Heinz Zuercher (hzuercher@huenet.ch)
     *   Creation Date: 10/04/2006
     *   Purpose: stylsheet screen
     *   Description: Stylsheet Publicsection www.sah.ch
     *   Copyright: Heinz Zuercher(huenet AG)
     *   Version History & Comments
     *   #1.0 	init
****************/

/* basic elements */
html {
	margin: 0px;
	padding: 0px;
}
body {
	background: #FFFFFF;
	margin-top: 0px;
	text-decoration: none;
}

body,td, li, ul, ol, h1, h2, h3, h4, h5, h6 , form, input, select, textarea {
	font: normal 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	letter-spacing:0.1px;
	color: #000;
}



img {
	border: 0px solid #FFF;
	display: block;
}

.bold {
font-weight: bold;
}


/* *********************** 
layout selectors
************************** */

#maincontainer {
	/*margin-left: auto;
	margin-right: auto;*/
	margin-top: 0px;
	float: none;
	width: 762px;
	z-index:1;
	align:left;
}

#spacerhead {
	height: 10px;
	width: 100%;
	float: none;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
}	

#servicenav {
	width: 490px;
	height: 50px;
	float: left;
	overflow:hidden;
}

#vmenucontainer{
	font: bold 12px/16px Arial, Helvetica, Sans-Serif;
	float: right; 
	width: 157px;
}



#vmenucontainerspace{
	clear:right; 
	width: 157px; 
	height: 12px; 
	overflow:hidden;
}

#container {
	float: none;
	width:100%;
}

#titlecontainer {
	font-weight: bold;
	clear:right; 
	width: 100%; 
	height: 50px; 
	overflow:hidden;
}

#logocontainer {
	float: none;
	width:100%;
	height:52px;
	overflow:hidden;
}

#mylogocontainer {
	float: none;
	width:100%;
	height:35px;
}

#adminlogocontainer {
	float: none;
	width:100%;
	height:60px;
}
	
#contentcontainer {
	float: right; 
	width: 602px; 
	overflow:visible;
}
		
#navcontainer {
	float: none;
	width:100%;
	height:17px;
	overflow:hidden;
	clear:left;
		}
#mynavcontainer {
	float: none;
	width:100%;
	height:50px;
	overflow:hidden;
	clear:left;
		}
		
#navlevelone {
	width:100%;
	height:17px;
	overflow:hidden;
	clear:left;
	background: url(../nav/sah_nav_3a.gif) left top;
		}

		
.nav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 1.3em;
}

.headmenu {
	font: bold 16px/20px Arial, Helvetica, Sans-Serif;
	color: #FFF;
	margin-left:20px;
	font-weight: normal;
}
	
.hmenucontainer{
	font: bold 12px/16px Arial, Helvetica, Sans-Serif;
	color: #FFF;
}

.titlecontainer {
	font-weight: bold;
	clear:right; 
	width: 100%; 
	height: 50px; 
	overflow:hidden;
}

.navact a {
	color: #FFF;
	text-decoration: none;
}

.navact a:hover {
	color: #000;
}

/*****************************
Menu horizontal
*****************************/
.hmenu{
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
	float:left;
	word-spacing:0px;
	letter-spacing:0px;
	height:20px;
}

.hmenu a {
	color: #FFF;
	text-decoration: none;
}

.hmenu a:hover {
	color: #FFF;
	text-decoration: none;
}

.hmenu a:visited {
	color: #FFF;
	text-decoration: none;
}

.hmenuact{
	border-top: 2px solid #F50431;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	float:left;
	background: #F50431;
	height:20px;
}

.hmenuact a {
	color: #FFF;
	text-decoration: none;
}

.hmenuact a:visited {
	color: #FFF;
	text-decoration: none;
}

.hmenuact a:hover {
	color: #FFF;
	text-decoration: none;
}

/*****************************
Submenu vertikal
*****************************/
.vmenu{
	color: #FFF;
	font-weight: normal;
	margin-top: 2px;
	text-decoration: none;
	
	/*height:20px;*/
}

.vmenu a{
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

.vmenu a:hover {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

.vmenu a:visited {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}


.vmenuact{
	color: #FFF;
	font-weight: normal;
	margin-top: 2px;
	text-decoration: none;
	/*height:20px;*/
	
}

.vmenuact a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.vmenuact a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.vmenuact a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}


/*****************************
Service Links
*****************************/

.servicelink {
	font-size: 10px;
	float:right;
	color: #333;
}

.servicelink a {
	color: #333;
	
}

.servicelink a:hover {
	color: #000;
	text-decoration: underline;
}

.servicelinkaktiv {
	font-size: 10px;
	float:right;
	color: #333;
	text-decoration: underline;
}

.servicelinkaktiv a {
	color: #333;
	text-decoration: underline;
	
}

.servicelinkaktiv a:hover {
	color: #000;
	text-decoration: underline;
}

.servicespace {
	width: 24px;
	height: 20px;
	float:right;
}
/******************************** 
classes
*********************************/
.content {
	float: none;
	width:100%;
		}

.whiteline {
	clear:right; 
	width: 100%; 
	height: 1px; 
	background-color: #FFF; 
	overflow:hidden;
}

.whitelinelight {
	clear:right; 
	width: 100%; 
	height: 1px;
	background: url(../nav/strichlinie.gif) left top;
	overflow:hidden;
}

.blankline {
	clear:right; 
	width: 100%; 
	height: 4px;  
	overflow:hidden;
}

.bgvmenu {
	display: block;
	width: 100%;
	color: #FFF;
	background-color: #FC2E52; 
}


		
.line {
	clear:right; 
	width: 100%; 
	height: 1px; 
	background-color: #BFBFBF; 
	overflow:hidden;
}

.linemenu {
	clear:right; 
	width: 180px; 
	height: 1px; 
	background-color: #BFBFBF; 
	overflow:hidden;
}

.linespace {
	clear:right; 
	width: 100%; 
	height: 5px; 
overflow:hidden;
}


.columnright {
	float: right; 
	width: 103px;
}

.columnmiddle {
	float: right; 
	width: 513px; 
	overflow:visible;
}

.mycolumnmiddle {
	float: right; 
	width: 616px; 
	overflow:visible;
}


.hspaceleft {
	width: 0px;
	height: 17px;
	float:left;
}

.vspaceleft {
	width: 0px;
	height: 16px;
	float:left;
}

.clearleft {
	width: 0px;
	height: 0px;
	clear:left;
	overflow:hidden;
}

.spaceright {
	width: 5px;
	height: 16px;
	float:right;
}

.clearright {
	width: 0px;
	height: 0px;
	clear:right;
	overflow:hidden;
}

.headlogo {
	width: 260px;
	height: 52px;
	float: left;
	overflow:hidden;
	float:left;
}

.myheadlogo {
	width: 415px;
	height: 52px;
	float: left;
	overflow:hidden;
}

.flashhead {
	width: 425px;
	height: 85px;
	float: left;
	overflow:hidden;
}


/* form */

.form {
	border-color : #333333;
	border-style : solid;
	border-width : 1px;
	font-family: Arial,  Arial,  Helvetica, sans-serif;
	font-size: 12px;
	color : #333333;
	width : 250px;
	background-color : #FFF;
}

.nlform {
	border-color : #999;
	border-style : solid;
	border-width : 1px;
	font-family: Arial,  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	color : #333333;
	width : 140px;
	height : 14px;
	background-color : #FFF;
}

.nlformsend {
	border-color : #CCC;
	border-style : solid;
	border-width : 0px;
	font-family: Arial,  Arial,  Helvetica, sans-serif;
	font-size: 11px;
	height : 18px;
	color : #FFFFFF;
	background-color : #CCC;

}


.formsend {
	border-color : #333333;
	border-style : solid;
	border-width : 0px;
	font-family: Arial,  Arial,  Helvetica, sans-serif;
	font-size: 12px;
	color : #FFFFFF;
	background-color : #777;

}

.formsendadmin {
	border-color : #333333;
	border-style : solid;
	border-width : 0px;
	font-family: Arial,  Arial,  Helvetica, sans-serif;
	font-size: 12px;
	color : #FFF;
	background-color : #FFF;

}

.red  {
font: bold 12px/16px Arial, Helvetica, Sans-Serif;
color: #ff0000;
}

.colorred  {
font: bold 12px/16px Arial, Helvetica, Sans-Serif;
color: #A2557A;
}

.colorblue {
font: bold 12px/16px Arial, Helvetica, Sans-Serif;
color: #00B2F0;
}

.colorgreen {
font: bold 12px/16px Arial, Helvetica, Sans-Serif;
color: #A5C63E;
}

.colororange {
font: bold 12px/16px Arial, Helvetica, Sans-Serif;
color: #F08231;
}

.colordarkgreen {
font: bold 12px/16px Arial, Helvetica, Sans-Serif;
color: #A2557A;
}


.sprachwahl  {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	line-height: 1.3em;
}

.sprachwahl a {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	line-height: 1.3em;
}

.sprachwahlaktiv  {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	line-height: 1.3em;
	text-decoration : underline ;
}

.sprachwahlaktiv a {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	line-height: 1.3em;
}
		
////Teaser
.teaser {
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
line-height: 16px;

}

.teaserimg {
border-bottom:#FFF solid 4px;
}

.TitleOrange {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	line-height:22px;
}

.Titlerot {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F50431;
	line-height:22px;
}