/*****************
     *   File Name: layout.css
     *   Section: @approot/css/
     *   Creator: Heinz Zuercher (hzuercher@huenet.ch)
     *   Creation Date: 20/11/2007
     *   Purpose: stylesheet screen
     *   Description: Stylesheet Publicsection www.lantal.ch
     *   Copyright: huenet AG www.huenet.ch
****************/
/* basic elements */
html {
	margin:0px;
	padding:0px;
	
	}
body {
	background:#DFDFDB;
	margin:0px;
	padding:0px;
	height : 100%;
}

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;
	text-decoration:none;
}

a {
	color: #666666;
	text-decoration: none;
}

img{
	border:0px;
	margin:0px;
	padding:0px;
	}
	

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

#maincontainer {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;;
	margin-bottom:10px;;
	width:850px;
	float:none;
	overflow:hidden ;
	background-color:#FFFFFF ;
	}

	
#maincontainer p a {
	text-decoration:none;
	}
	
	
#maincontainer p a:hover  {
	/*color:#FFF;*/
	text-decoration:none;
	}
	
#listhead {overflow:hidden; width:100% ; background: #546C48; height:18px; border-top: 2px solid #546C48;}

	
div.servicemenu
div.servicemenu a,
div.servicemenu a:link,
div.servicemenu a:visited,
div.servicemenu a:active {
	font: bold 1.0em/2em arial, helvetica, sans-serif;
	border-top:20px solid #FFFFFF;
	border-left:16px solid #FFFFFF;
	float:right;
	color:#999999;
}

div.servicemenu a:hover {
 color:#000000;
}

div.servicemenuaktiv
div.servicemenuaktiv a,
div.servicemenuaktiv a:link,
div.servicemenuaktiv a:visited,
div.servicemenuaktiv a:hover,
div.servicemenuaktiv a:active {
	font: bold 1.0em/2em arial, helvetica, sans-serif;
	float:right;
	border-top:20px solid #FFFFFF;
	border-left:16px solid #FFFFFF;
	color:#000000;
}
	
	
.topmenu {
	font: 18px/24px Arial, Helvetica, sans-serif;
	color:#546C48;
	border-top:2px solid #FFFFFF;
	border-left:10px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	float:left;
	height:24px;
	}
.topmenu a {
	color:#546C48;
}
	
.topmenuactive {
	font: 18px/24px Arial, Helvetica, sans-serif;
	color:#000000;
	border-top:2px solid #FFFFFF;
	border-left:10px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	float:left;
	height:24px;
	}
	
.topmenuactive a {
	color:#000000;
}

.submenu {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color:#546C48;
	border-top:2px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	float:left;
	width:160px;
	overflow:hidden;
	}
.submenu a {
	color:#546C48;
}
	
.submenuactive {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	border-top:2px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	float:left;
	width:160px;
	
	}
	
.submenuactive a {
	color:#000000;
}

.subtwomenu {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#546C48;
	border-top:0px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	float:left;
	width:160px;
	overflow:hidden;
	}
.subtwomenu a {
	color:#546C48;
	font-weight:normal;
}
	
.subtwomenuactive {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	border-top:0px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	float:left;
	width:160px;
	
	}
	
.subtwomenuactive a {
	color:#000000;
}
	

.hline {
	float:left;
	background-color:#546C48;
	width:100%;
	height:1px;
	overflow:hidden;
}

.contentcontainer {
	min-height: 400px;
	/** fuer alle Browser; 
	*/    
	height: auto ! important; 
	/* nur fuer IE-Win (size-value); 
	* verbergen IE-Mac \*/ 
	height: 400px; 
	/* ende verbergen IE-Mac */ 
	float:left;
	width:620px;
	
}

.content {
	border-right:40px solid #FFFFFF;
	overflow:hidden;
}


h1 {
	font: normal 20px/24px Arial, Helvetica, sans-serif;
	font-weight:400;
	padding-top:0px;
	margin-top:0px;
	
}

.line {
	clear:right; 
	width: 100%; 
	height: 1px; 
	background-color: #D9D9D9; 
	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;
}

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

.s2form {
	border-color : #CCCCCC;
	border-style : solid;
	border-width : 1px;
	font-family: Arial,  Arial,  Helvetica, sans-serif;
	font-size: 12px;
	color : #333333;
	width : 350px;
	height : 100px;
	background-color : #FFF;
}

.formsend {
	border-color : #F9F9F8;
	border-style : solid;
	border-width : 2px;
	font-family: Arial,  Arial,  Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold ;
	color : #FFFFFF;
	background-color : #546C48;

}

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

.detname {
	width : 140px;
	float:left;
	font-weight:bold ;
}

.detcont {
	width : 440px;
	float:left;
}

.l0br {
	width : 100px;
	height: 10px;
	clear:left;
	overflow:hidden ;
}

.blaettern {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#999999;
	border-top:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	float:left;
	overflow:hidden;
	}
	
.blaetternaktiv {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#546C48;
	border-top:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	float:left;
	overflow:hidden;
	font-weight:bold ;
	}
	
.tdcontent{
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	font-weight: bold ;
}
.tdhcontent{
	border-top: 10px solid #FFF;
	border-bottom: 2px solid #FFF;
	font-weight: bold ;
}

div.LRow {width:30px; float:left; text-align:right;}
div.Lalias {width:180px; float:left;}
div.Lsex {width:40px; float:left;}
div.Lage {width:30px; float:left;}
div.Llang {width:40px; float:left;}
div.Lwform {width:100px; float:left;}
div.LhouseTyp {width:60px; float:left;}
div.Lrollstuhl {width:605px; float:left; text-align:right; font-size:10px;}