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

/* basic elements */
html {
	margin: 0px;
	padding: 0px;
}
body {
	background:#FFF;
	margin:0px;
	margin-top:15px;
	padding:0px;
	background-color:#FFFFFF;
	text-decoration: none;
}
body,p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 , form, input, select, textarea {
	font: normal 12px/16px Arial, Helvetica, Sans-Serif;
	color: #333333;
}

h1 {
	font: normal 17px/20px Arial, Helvetica, Sans-Serif;
	color: #333333;
	padding-top:0px;
	margin-top:0px;
}

h2 {
	font: normal 14px/18px Arial, Helvetica, Sans-Serif;
	color: #333333;
	padding-top:0px;
	margin-top:0px;
	margin-bottom: 10px;
}

h3 {
	font: normal 12px/16px Arial, Helvetica, Sans-Serif;
	color: #333333;
	padding-top:0px;
	margin-top:0px;
}

a {
	color: #40A9D0;
	text-decoration: none;
}

/*
a:link {
	color: #40A9D0;
	text-decoration: none;
}
*/


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

a:active {
	color: #BFB33B;
	text-decoration: none;
}


img{
	border: 0;
}

a.oservice:link  {
	color: #333333;
	text-decoration: none;
	}
	
a.oservice:visited  {
	color: #333333;
	text-decoration: none;
	}
	
a.oservice:hover {
	color: #40A9D0;
	text-decoration: none;
	}
	
a.oservice:active  {
	color: #40A9D0;
	text-decoration: none;
	}

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

#maincontainer {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	float:none;
	padding-left:10px ;
	padding-right:0px ;
	overflow:hidden ;
}

#servicenav {
	width: 100%;
	height: 25px;
	float: none;
	overflow:hidden;
}

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

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


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

#vmenucontainerspace{
	clear:right; 
	width: 100px; 
	height: 56px; 
	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:90px;
	overflow:hidden;
}

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

#adminlogocontainer {
	float: none;
	width:100%;
	height:35px;
}
	
#contentcontainer {
	float: right; 
	width: 618px; 
	overflow:visible;
}
		
#navcontainer {
	float: none;
	width:100%;
	height:75px;
	overflow:hidden;
	clear:left;
		}
#mynavcontainer {
	float: none;
	width:100%;
	height:50px;
	overflow:hidden;
	clear:left;
		}
		
#navlevelone {
	width:100%;
	height:25px;
	overflow:hidden;
	clear:left;
	background: #A6A6A6;
	background-color: #A6A6A6;
		}

#navleveltwo {
	float: none;
	width:840px;
	height:25px;
	overflow:visible;
	clear:left;
	background: #BFBFBF;
	background-color: #BFBFBF;
		}


/* *********************** 
navigation classes
************************** */	

.tdhead{
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	font-weight: bold;
}	

.tdspace{
	width: 10px ;
}	

.tdspacelarge{
	width: 30px ;
}	

.tdcontent{
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}	

.tdcontent a {
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}
		
.nav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 1.3em;
}

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

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

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

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

/*****************************
Menu horizontal
*****************************/
.hmenu{
	float:left;
}

.hmenuact {
	float:left;
	color:#BFB33B;
}



.nomenu{
	float:left;
	height:32px;
	display:none;
	cursor:pointer;
}


.hmenuspace {
	width: 25px;
	height:28px;
	overflow:hidden ;
	float:left;
}



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

.service {
	float:left;
}

.servicelink {
	font-size: 11px;
	float:left;
	color: #999999;
	font-weight:normal ;
}

.servicelink a {
	color: #999999;
	font-weight:normal ;
}

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

.servicelinkaktiv {
	font-size: 11px;
	color: #BFB33B;
	text-decoration: none;
}

.servicelinkaktiv a {
	color: #BFB33B;
	text-decoration: none;
	
}

.servicelinkaktiv a:hover {
	color: #BFB33B;
	text-decoration: none;
}


.servicespace {
	width: 14px;
	height: 20px;
	float:left;
}


/******************************** 
classes
*********************************/
.content {
	float: none;
	width:100%;
		}

.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: 153px;
}

.columnmiddle {
	float: right; 
	width: 463px; 
	overflow:visible;
}
*/

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

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

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


.hspaceleft {
	width: 15px;
	height: 30px;
	float:left;
}

.vspaceleft {
	width: 8px;
	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: 415px;
	height: 85px;
	float: left;
	overflow:hidden;
}

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

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


/* form */

.form {
	
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	font-family: Arial,  Arial,  Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color : #666666;
	width : 120px;
	height : 12px;
	background-color : #FFF;
}

.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 : #999;

}

.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: 10px;
	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;*/
}
	
	
/*BOXENTYPEN*/	
.infobox {
background-color:#FFFFFF; 
border:#CCCCCC solid 1px; 
width:312px; float:left; 
padding:7px;  
font-size:12px; 
line-height:15px;
} 

.downloadbox {
background-color:#EFEFEF; 
border:#EFEFEF solid 1px; 
width:312px; float:left; 
padding:7px;  
font-size:12px; 
line-height:15px;
} 

.nbannerboxblau {
background-color:#FFFFFF;
border:#CCCCCC solid 1px;  
width:312px; float:left; 
padding:7px;  
font-size:12px; 
line-height:15px;

} 

.nbannerboxblau H1 {
color: #005A92;
} 
/*
.bannerboxblau a {
color: #FFFFFF;
} 

.bannerboxblau a:hover	 {
color: #FFFFFF;
} 
*/
.nbannerboxorange {
background-color:#FFFFFF; 
border:#CCCCCC solid 1px; 
width:312px; float:left; 
padding:7px;  
font-size:12px; 
line-height:15px;

} 

.nbannerboxorange H1 {
color: #ED820F;
} 
/*
.bannerboxorange a {
color: #FFFFFF;
} 
.bannerboxorange a:hover {
color: #FFFFFF;
} 
*/

.nbannerboxolive {
background-color:#FFFFFF; 
border:#CCCCCC solid 1px; 
width:312px; float:left; 
padding:7px;  
font-size:12px; 
line-height:15px;
} 


.nbannerboxolive H1 {
color: #BEB13B;
} 
/*
.bannerboxolive a {
color: #BEB13B;
} 

.bannerboxolive a:hover {
color: #BEB13B;
} 
*/
.nbannerboxgreen {
background-color:#FFFFFF; 
border:#CCCCCC solid 1px; 
width:312px; float:left; 
padding:7px;  
font-size:12px; 
line-height:15px;
} 


.nbannerboxgreen H1 {
color: #11858E;
} 
/*
.bannerboxgreen a {
color: #FFFFFF;
} 

.bannerboxgreen a:hover {
color: #FFFFFF;
} 
*/

/* *********************** 
wettbewerb
************************** */

#wettcontainer {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;;
	margin-bottom:0px;
	width:665px;
	float:none;
	overflow:hidden ;
	font: normal 12px/16px Arial, Helvetica, Sans-Serif;
	color: #333333;
}


#wettcontentcontainer {
	background-color:#FFFFFF ;
	width:665px;
	float:none;
	overflow:hidden ;
}



div.col1 {
	width:120px;
	float: left ;
}

div.colspacer {
	width:10px;
	height: 1px;
	overflow:hidden ;
	float: left ;
}

div.col2 {
	/*width:535px;*/
	width:100%
	float: left ;
}

div.colclear {
	height: 1px;
	clear: left ;
	overflow:hidden ;
}

div.line {
	height: 1px;
	background-color:#CCCCCC ;
	overflow:hidden ;
	width:100%;
	}
	
	
div.textmargo {
	width:100px;
	margin-top:5px;
	}

	
div.textcontent {
	width:620px;
	margin-top:5px;
	}

.ws1form {
	width : 250px;
	height: 18px;
	border: 1px solid #CCCCCC;
	background-color : #FFFFFF;
	margin-bottom: 5px;
}