/**
 * CSS
 * __________________________________________________________________
 *
 * @date		26.01.2006
 * @modified		31.01.2006
 * @version		1.0
 * @author		Roland Schaer, 3w-publishing.ch
 */


html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#accesskeys{
	display:none;
}

#maincontainer {
	width: 985px;
	min-height: 100%;
	height:auto !important;
	height: 100%;	
	text-align: left;
}

/**
 *Livesearch
 */
#livesearch2 {
	width:200px;
	background:#E8E7E2;
	position:absolute;
	top:20px;
	left:0px;
	z-index:10000000;
	padding: 0px 0px 0px 5px;
/*	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border: 1px solid #D9D7CF; */

}

#search {
	position:relative;

}


/* 
Header 
_________________________________________________
*/
#header {
	margin: 0px 0px 0px 0px;
	width: 985px;
	height: 120px;
	background-color: #D9D7CF;
}
#headerPrint { display: none; }
#headerLogo {
	float: left;
	margin: 0px 0px 0px 0px;	
	width: 200px;
	height: 120px;
	background-image: url(../img/01_illu_header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-right: 1px solid #FFFFFF;
}
#headerTitle {
	float: left;
	padding: 60px 3px 0px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #BEBCB5;
}
#headerFunctions {
	float: left;
	margin: 22px 0px 0px 0px;
	width: 784px;
	height:20px;
	background-color: #E8E7E2;
}

#headerFunctions p {
	margin: 0px 3px 0px 3px;
	padding: 0px;
	font-weight: bold;
}
#tools {
	float: right;
	width: 150px;
	height: 20px;
	text-align: right;
}
#tools img {
	margin: 2px 5px 0px 0px;
}

#language {
	float: right;
	width: 48px;
	height: 20px;
}
#language ul {
	margin: 0px;
	padding: 0px;
	float: left;
}
#language ul li {
	display: inline;
	list-style-type: none;
}
#language ul li a {
	float: left;
	margin: 0px 0px 0px 4px;
	width: 18px;
	height: 20px;
	font-weight: bold;
	text-align: center;
	color: #A7A598;
	background-color: #E8E7E2;
	border-left:1px solid #D9D7CF;
	border-right:1px solid #D9D7CF;
}
#language ul li a:hover {
	color: #AEACA0;
	background-color: #F1F1EE;
}
#search {
	float: right;
	text-align: left;
	line-height: 20px;
	width: 240px;
	height: 20px;
}
#search fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
#search legend {
	display: none;
}
#search input {
    display: block;
	float: left;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	width: 110px;
	height: 12px;
}
#search input.img {
	width: 20px;
	height: 18px;
	background-image:url(../img/pfeil.gif);
}

/* Horizontal Drop Down */
#navigation {
	width: 580px;
	background-color: transparent;
}

	/*
Top Navigation 
-------------------------------------------------
*/

 /* common styling */

#navigation ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}
#navigation ul li {
	float:left;
	position:relative;
}


* html #navigation ul li a, #navigation ul li a:visited {
	/*width:123px;*/
}
#navigation ul li ul {
	display: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:11px;
}

/* specific to non IE browsers */
/*
1. Stufe
*/

#navigation ul li a, #navigation ul li a:visited {
	display:block; 
	text-decoration:none; 
	color: #6c6b67;
	width:111px;
	padding-left: 4px;
	border-left: 1px solid #fff;
	font: bold 11px arial;
	background: #d9d7cf;
	line-height:30px;
}

#navigation ul li:hover a,
#navigation ul li a:hover {
/* 	color: #fff; */
/* 	color: #000; */
	background: #e8e7e2;
}

#navigation ul li a.first,
#navigation ul li.first a {
/* 	width:129px; */
	border-left: none;
}



#navigation ul li:hover ul,
#navigation ul li a:hover ul {
	display:block; 
	position:absolute;
/* 	top:1px; */
	left:1px; 
	width:115px;
}
* html #navigation ul li a:hover ul {
	margin-top:0;
}

#navigation ul li:hover ul li ul,
#navigation ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:115px;
}

/*
2. Stufe
*/

#navigation ul li:hover ul li a,
#navigation ul li a:hover ul li a {
	display:block; 
/* 	padding: 0 0 0 6px; */
/* 	margin: 0px 0 0 0; */
/* 	font: 11px/20px arial, helvetica, sans-serif; */
/* 	color: #fff; */
/* 	background: #655848; */
	color: #6C6B67;
	background: #E8E7E2;
	text-decoration: none;
/* 	border-top: 1px solid #fff; */
	border-bottom: 1px solid #aaa9a4;
	border-left:none;
/* 	border-right:1px solid #fff; */
}
* html #navigation ul li a:hover ul li a {
/* 	width:135px; */
}


#navigation ul li ul li a.first,
#navigation ul li ul li.first a {
/* 	width:136px; */
	border-top: 1px solid #fff;
}

#navigation ul li ul li a.last,
#navigation ul li ul li.last a,
#navigation ul li ul li,
#navigation ul li ul li a {
/* 	width:136px !important; */
}

#navigation ul li ul li a.last,
#navigation ul li ul li.last a {
/* 	border-bottom:1px solid #fff; */
}

#navigation ul li:hover ul li a:hover,
#navigation ul li a:hover ul li a:hover {
/* 	color: #fff; */
	background: #D9D7CF;
}

#navigation ul li:hover ul li:hover ul,
#navigation ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:116px;
	top:1px;
	width:115px;
}
/*3. Stufe des hintersten Menus nach links öffnen */
/*
#navigation ul li.last:hover ul li:hover ul,
#navigation ul li.last a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:-143px;
	top:0;
	width:136px;
}
*/



/*
3. stufe
*/

#navigation ul li:hover ul li:hover ul li a,
#navigation ul li a:hover ul li a:hover ul li a {
/* 	border-left:1px solid #fff; */
/* 	border-right:1px solid #fff; */
/* 	background: #655848; */
}

#navigation ul li:hover ul li:hover ul li:hover a,
#navigation ul li a:hover ul li a:hover ul li a:hover {
/* 	background:#cc3333; */
/* 	color:#fff; */
}


#navigation ul li ul li ul li a.first,
#navigation ul li ul li ul li.first a, 
#navigation ul li ul li ul li.last a {
/* 	width:136px; */
	border-top: none;
}






#breadcrumbs {
	width: 580px;
	margin: 0px 0px 0px 0px;
	border-bottom:1px solid #D9C7CF;
}
#breadcrumbs ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#breadcrumbs ul a.first {
	padding: 0px 10px 0px 4px;
	background-image: none;
}
#breadcrumbs ul a {
	font-weight: bold;
	color: #A7A598;
	padding: 0px 10px 0px 20px;
	background-image: url(../img/breadcrumb-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#breadcrumbs ul a:hover {
	color: #6C6B67;
}
#breadcrumbs ul span {
	padding: 0px 10px 0px 20px;
	font-weight: bold;
	color: #6C6B67;
	background-image: url(../img/breadcrumb-bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#breadcrumbs li {
	display: inline;
	width: 130px;
	padding: 5px 0px 0px 0px;
}

/* 
Left boxes
_________________________________________________
*/

#leftBox {
	float: left;
	margin: 70px 5px 0px 0px;
	width: 195px;
/*
	height: 170px;
	min-height: 340px;
*/
	height:auto !important;
/* 	height:340px;	 */
	background-color: #E8E7E2;
}
#leftBox ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
}

#leftBox input.screen-reader-text {
	width: 100px;
}

#leftBox p {
    padding: 35px 0px 0px 50px;
	font-size: 11px;
}
#leftBox p b {
	color: #000000;
}
#leftBox a {
	color: #6C6B67;
    font-weight: bold;
}


/* 
Content
_________________________________________________
*/
#content {
	float: left;
	margin: 0px 5px 0px 0px;
	width: 580px;
}

#contentHeader {
	float: left;
	width: 580px;
	height: 60px;
	margin: 10px 0px 0px 0px;
}

#contentText {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	min-height: 330px;
	height:auto !important;
	height:330px;
	width: 580px;
}
#contentText #homecontent {
	background-image:url(../img/00_start.jpg);
	background-repeat:  no-repeat !important;
	background-position:  0 0;
	margin:0px 5px 0px 5px;
}

#homecontent p, 
#homecontent a,
#homecontent span {
background:none !important;
}
#footer {
	float: left;
	margin-top: 10px;
	padding-top: 3px; 
	width: 580px;
	text-align: center;
	font-size: 9px;
}
#footer a {
	font-weight: normal;
	color: #4D4D4D;
}

/* 
Left boxes
_________________________________________________
*/
#functionBox {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 198px;
	min-height: 400px;
	height:auto !important;
	height:400px;	
	border-left: 1px solid #D9D7CF;
	border-right: 1px solid #D9D7CF;
}

#functionBox h3 {
	margin: 0px;
	padding: 0px 25px 0px 10px;
	line-height: 30px;
	text-align: right; 
	font-size: 11px;
	color: #A7A598;
	background-image: url(../img/01_illu_service.jpg);
	background-repeat: no-repeat;
}

#functionBox p {
	padding: 0px 0px 0px 50px ;
}


#functionBox ul {
	width: 188px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	list-style-type: none;
	line-height: 20px;
}

#functionBox ul a {
	display: block;
	margin: 0px 0px 10px 0px;
	width: 188px;
	/*color: #A7A598;*/
	line-height: 14px;
	padding: 0px;
	font-weight: bold;
}

#functionBox ul a:hover {
	/*color: #A7A598;*/
}

#functionBox ul span {
	display: block;
	width: 188px;
	padding: 0px;
}

#functionBox a.iconPrompt, #functionBox a.iconTour, #functionBox a.iconBoerse {
	display: block;
	margin: 0px;
	width: 141px;
	color: #A7A598;
	line-height: 30px;
	padding: 0px 0px 0px 45px;
	border: 1px solid #D9D7CF;
	font-weight: bold;
}
#functionBox a.iconPrompt { 
	background-image:url(../img/icon_Prompt.jpg); 
	background-repeat: no-repeat; 
	background-position: 3px 3px; 
}
#functionBox a.iconTour { 
	background-image:url(../img/icon_Tour.jpg); 
	background-repeat: no-repeat; 
	background-position: 3px 3px; 
}
#functionBox a.iconBoerse { 
	background-image:url(../img/icon_Boerse.jpg); 
	background-repeat: no-repeat; 
	background-position: 3px 3px; 
}