/**
 * 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;
}

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navigation ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;


	font: 11px/30px arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: #6C6B67;
	background-color: #D9D7CF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}


/* Topnavigation */
#navigation ul li a, #navigation ul li a.h2 {
	display: block;
	width: 109px;
	line-height: 30px;
	margin: 0px;
	padding: 0px 3px 0px 3px;
}
#navigation ul li a.h2 {
	font: 11px/30px arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: #6C6B67;
	background-color: #D9D7CF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#navigation ul li a.h2:hover {
	background-color: #E8E7E2;
	border-bottom: 1px solid #FFFFFF;
}

/* Subnavigations */
#navigation ul ul a, #navigation ul ul ul a {
	display: block;
	width: 109px;
	font: 10px/30px arial, verdana, helvetica, sans-serif;
	color: #6C6B67;
	background-color: #E8E7E2;
	text-decoration: none;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	border-bottom: 1px solid #D9D7CF;
	
}
#navigation ul ul a:hover, #navigation ul ul ul a:hover {
	background: #D9D7CF;
}

#navigation li {
	position: relative;
}

#navigation ul ul {
	position: absolute;
	z-index: 500;
	width: 100%;
}

#navigation ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /*change if submenu is wider*/
}

div#navigation ul ul, div#navigation ul li:hover ul ul, div#navigation ul ul li:hover ul ul {
	display: none;
}

div#navigation ul li:hover ul, div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul {
	display: block;
}
/* End Navigation */










#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;
}

#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; 
}