body
{
	margin:0px;
	padding:0px;
	background-image: url(../images/bck.gif);
	background-repeat: repeat-x;
	height:100%;
}

#links {
	float:left;
	width:200px;
}


#rechts {
	float:left;
	width:574px;
	background-image: url(../images/bckrechts.gif);
	background-repeat: no-repeat;
	min-height:500px;
}

#content
{
padding-top:300px;
}





/* === general styling === */
/* set default size to small */
body { margin:0; padding: 0; background-color: #fff; color: #000; }
body, td, pre { font: x-small Verdana, Arial, Helvetica, sans-serif;
voice-family: "\"}\"";
voice-family: inherit;
/*Box Model Hack to accomodate IE5/Win*/
font-size: small; }
html>body, html>body td, html>body pre {
/*Be nice to Opera*/
font-size:small;
}

/* set font for headings */
h1, h2, h3 {margin:0;}
h1 { font-size: 1.6em; color:#369; line-height: 1.2em; margin-bottom: 10px;} 
h2 { font-size: 1.3em; color:#333;} 
h3 { font-size: 1.1em; color:#333;}


/* hyperlinks, em, strong, default settings form, img  etc. */
a:link { color: #369; text-decoration:none;}
a:visited { color:#369; }
a:hover { color: #69C;}
a:active { color: #69C; }


em { font-weight: bold; font-style: italic; }
strong { font-weight: bold;}
form{ margin:0;}
img { border: 0 none;}
/* add class = right/left to img when you want to align it to the right/left */
img.left { float: left; margin: 0 20px 20px 0; }
img.right { float: right; margin: 0 0 20px 20px; }

/* hides divs - when no css is applied, divs are shown */
.hidden { display: none; }
/* list lay-outs */
ul { list-style-type: square; }

pre {font-family:"Courier New", Courier, mono; background-color:#ECEFF8; border:1px solid #ccc; padding: 5px; overflow: auto; width: 95%;}

/* === Styling for content === */
/* content and contentsmall (contentsmall = content with rightboxes) */
#content, #contentsmall {
	vertical-align: top;
	padding-top: 0;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
}
#contentsmall { padding-right: 180px; }
#content h2, #contentsmall h2, #content h3, #contentsmall h3 { margin-bottom: 2px; margin-top:1.4em; }
#content p,  #contentsmall p { margin-top: 0; }

#content a, #contentsmall a { text-decoration:underline; }
#content a:visited, #contentsmall a:visited { color:#69C;}
#content a:hover, #contentsmall a:hover { color:#f90; }


.facet  { background:#fff; border-top: 1px solid #69C; border-bottom: 1px solid #69C; padding-bottom: 4px; margin-top: 10px;}
.facet dt { font-size: 0.85em; font-weight: bold; color: #69C; padding: 4px 5px 2px 0.5em;}
.facet dd { font-size: 0.85em;padding: 4px 5px 2px 0.5em;}
.facet dt a {color: #69C;}
/* .facet ul li:before { content: "\00BB \0020"; }   special character as bullet - BUT: only works in Firefox, so not used*/


/* breadcrumb */
#breadcrumb {
	margin-top:110px;
	vertical-align: top;
	text-align: left;
	height: auto;
	font-size: 0.85em;
	color: #999;
	z-index:30;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
#breadcrumb a { color: #369; text-decoration: none; }
#breadcrumb a:visited { color: #369; }
#breadcrumb a:hover { color: #69C; }
.br-act {color: #000;}

/* main (primary) navigation: blue tabs */
#mainnav ul { position: absolute; top: 77px; left: 195px; padding: 0; margin: 0; color: #fff; float: left; font-weight: normal; list-style-type: none; z-index: 40; width:400px;  }
#mainnav ul li { display: inline; background-color: #369;  }
#mainnav ul li a { padding: 0.25em 0.55em; background-color: #369; color: #fff; text-decoration: none; float: left; border-left: 1px solid #99F; font-size: 0.77em; }
#mainnav ul li.first a { border-left: 1px solid #369; }
#mainnav ul li a:hover { color: #FC0; }
/* add id="active" to li when navigation item is active */
#mainnav ul li#active a {background-color: #69C; font-weight:bold; border-left: 1px solid #99F; }

/* ==== left column: secundary navigation and target-group/quicklinks ===*/

#leftnav { position:absolute; top:140px; left:20px; width:160px; margin: 0; padding:0;  }
#nav, #nav ul, #nav li, #nav dd, #nav li a, .facet, .facet dd, .facet ul, .facet li {margin:0; padding:0;}
#nav {background-color:#ECEFF8; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;}
#nav dt { background-color: #69C; font-size: 0.85em; font-weight: bold; color: #fff; padding: 5px 5px 5px 8px;}
#nav dl {width:158px;}
#nav ul{ list-style-type: none; line-height:1.1em; height: auto; width:158px;}
#nav li {
	font-size: 0.88em;
	border-bottom: 1px solid #e1e1e1;
	background: #ECEFF8;
	voice-family: "\"}\"";
	voice-family: inherit;

	list-style-type: none;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left:7px;
}
#nav li.subnav {margin:0; padding:0; border-bottom: 0;}
#nav li li {font-size: 1em;}
#nav li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #369;
	text-align: left;
}
#nav li a:hover { color: #69C; text-decoration: none; }
#nav li#selected {background: #fc0 url("/img/arrowlevel1.gif") left top no-repeat; }
#nav li.subnav ul {background: #fff;  line-height:1em;}
#nav li.subnav li {padding:1px 5px 3px 10px; border-bottom: 1px dotted #e1e1e1; background: #fff; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; padding-left:20px; font-size:small}
/*Box Model Hack to accomodate IE5/Win: get correct indentation and reset font-size in IE5/Win */
#nav li.subnav li {font-size: 0.82em;}
#nav li.subnav li.lastitem {border-bottom: 1px solid #e1e1e1;}
#nav li.subnav li#selected { background: #fc0 url("/img/arrowlevel2.gif") left top no-repeat;}