html {
	height:100%; 
	max-height:100%;  
	padding:0; 
	margin:0; 
	border:0; 
	
	background-color:#fff; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}
body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background-color: #FFFFFF;
	background-image:url(../pics/bg_ru.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	
}
/* ####################### Kopf ############### */
#head {
	position:fixed; 
	margin:0; 
	top:0; 
	display:block; 
	width:100%;
	background:url(../pics/head_logo.jpg) #CCE6E6; 
	background-repeat:no-repeat; 
	height:121px; 
	z-index:5;
}

#navbar {  /* obere Naviagtion */
	position: relative;
	left: 220px;
	top: 88px;
	z-index: 300;
	color: #0066CC;
}
* html #navbar {
	position: absolute;
}
#head2 { /* dynamische Kopfzeile */
	position: fixed;
	top: 0;
	left: 800px;
	height: 121px;
	width: 49%;
	background-image: url(../pics/stripe_vert.gif);
	background-repeat: repeat-x;
	z-index: 1;
	text-align: center;
}
#head2 img {
	margin: 5px 0 0 20px;
}
* html #head2 {
	position: absolute;
}
/* ###################### linke Navigationsspalte #################### */
#left {
	position:fixed; 
	left:0; 
	top:120px; 
	height:100%; 
	width:154px; 
	background-image: url(../pics/stripes2.gif); 
	background-repeat: repeat-y; 
	z-index:4;
	padding: 15px;
}

/* ############## Scrollfunktion ########## */
* html #head, * html #left {position:absolute;}
/* ###################  Container für Textfesnter und rechte Spalte ################## */
#content {
	display:block; 
	height:100%; 
	max-height:100%; 
	overflow:auto; 
	padding-left: 200px;
	position:relative; 
	top: 103px; 
	z-index:3;
}
* html #content {
	padding-top: 3px;
} 
img {
border: none;
}
hr {
	margin: 20px 0 15px 0;
}
* html hr {
	margin: 0;
}
/* ################################  Textfenster ######################## */
#main {
	/*background-color: red;*/
	width: 600px;
	border-right: dotted 1px #999999;
	background-image:url(../pics/bg_main.gif);
	background-repeat: no-repeat;
}
h1 {
	margin-top: 16px;
}
#content p, #content h1, #content h2, #content h3, #content ul, #content img, #main a.textlink {
	margin-right: 40px;
	margin-left: 20px;
}

#content table {
	text-align: right;
	margin-left: 20px;
	border: 1px solid #333333;
}
/* ########################### Breadcrumb ########### */
#breadcrumb {
	margin-top: -12px;
	margin-right: 5px;
	float: right;
	width: 300px;
	/*background-color:#33FFFF;*/
	text-align: right;
	color: #000000;
	z-index:999;
}
* html #breadcrumb {
	margin-top: -2px;
}
/* ###################### Rechte Spalte ###################### */ 
#right {
	position: absolute;
	left: 800px;	
	top: 0;
	width: 190px;
	text-align: left;
	float: right;
	padding: 20px 0 5px 0;
}
#right h3 {
	margin-top: -8px;
	
}
#right img {
	margin-top: 10px;
}
#right p {
	margin-top: 3px;
}
/* ######################### Footer ################### */
#foot {
	position:fixed; 
	left: -18px;
	margin: 0;
	bottom:-1px; 
	right: 18px;
	display:block; 
	width: 818px; 
	height:34px; 
	background-image: url(../pics/fuss_bg.gif);
	background-repeat: no-repeat;
	color: #000000; 
	text-align:center; 
	z-index:4;
	padding-top: 7px; 
	
}
* html #foot {
	position: absolute;
	margin-right: -2px;
	padding-top: 2px;
}
#footxt {
	margin-top: 17px;
}
* html #footxt {
	margin-top: 20px;
}
#foot2 { /* dynamische Kopfzeile */
	position: fixed;
	left: 800px;
	width: 49%;
	margin-top: -22px;
	height: 36px;
	background-image: url(../pics/fuss_brick_repeat.gif);
	background-repeat: repeat-x;
	z-index: 1;
	text-align: center;
}
* html #foot2 {
	position: absolute;
	left: 818px;
	top: 38px;
}

#cpr {
	margin: 9px 0 0 -225px;
	text-align: center;
	color: #000000;
}
* html #cpr {
	margin-top: 5px;
}
/* ######################### Text für Screenreader ######################## */
#welcome {
	position: absolute;
	left: -999px;
	top: -150px;
}
/* ######################  Schriftgrößenwähler #########  */
#schriftgr {
	margin-left: 22px;
	margin-top: 11px;
	float: left;
	color: #000000;
}
* html #schriftgr {
	margin-left: 12px;
	margin-top: 10px;
}
#back2nav {
	position: absolute;
	left: -999px;
	top: -150px;
}

/* ################################# Listen Fliesstext #################### */
#main ul {
	width: 80%;
/*border: solid 1px black;*/
}* html #main ul {
	margin-top: -10px;
}
#main li {
	width: 100%;
	list-style-type: disc;
	clear: both;
/*border: solid 1px red;*/
	list-style-position:outside;
}
* html #main ul li {
	margin-left: 20px;
}
#main ul ul, main ul ul ul { /* weil in navi auf "none " steht */
	display: block;
	margin-top: -3px;
	margin-bottom: -3px;
}
/* ######## Abstaende ###### */
.space1 {display:block; height:19px;}
.space2 {display:block; height:150px;}
.space3 {display:block; width:18px; height:50px; float:left;}
/* ##### Bilder ##### */
img {
	border: none;
}
/* ######### optionale eigenstaendige Boxen ####### */
/*
#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}
*/