/* zusaetzl. Stylesheets fuer die  */
/* barrierefreien Seiten fuer COMPSY.DE */
/* Stand: Dezember 2004 */
/* Definition des Kopfes und der Container */
/* ================================= */
<![if ! IE ]>
html {
	margin:0; /* eine sinnlose Anweisunng, da nach der vorhergehende Zeile eine Anweisung ignoriert wird */
}

body { 
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#oben { 
	position: fixed;
	width: 100%;
	top: 0;
	height: 50px;
	overflow: auto;
}
#inhalt { 
	position: fixed;
	width: 100%;	
	top: 50px;
	bottom: 60px;
	overflow: auto;
	border: 1px dotted #333;
	background-color: #dedede;
}
p, h3 {
	margin: 0;
	padding: 5px;
}
#unten {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 60px;
	overflow: auto;		
}	
<![endif]>
<!--[if gte IE 5]>
html, body { 
	margin: 0;
	padding: 0;
	/* ohne IE/Mac \*/
	overflow: hidden; 
	/**/
}
#oben { 
	position: absolute;
	width: 100%;
	top: 0;
	height: 50px;
	overflow: auto;
}
#inhalt { 
	margin-top: 50px;
	/* ohne IE/Mac \*/
	position: absolute;
	height: expression(document.body.clientHeight - 110 + "px");
	margin:0;
	/**/
	width: 100%;	
	top: 50px;
	overflow: auto;
	border: 1px dotted #333;
	background-color: #dedede;
}
p, h3 {
	margin: 0;
	padding: 5px;
}
#unten {
	/* ohne IE/Mac \*/
	position: absolute;
	top: expression(document.body.clientHeight - 60 + "px");
	/**/
	width: 100%;
	height: 60px;
	overflow: auto;		
}	
<![endif]-->
body {margin: 0; padding: 0; height: 100%; }

p.seite {
	text-align: left;
	padding: 1em;
	font-size:1.0em; }

li.ttop {
	text-align: left;
	list-style-image:url('../images/pfeilauf.gif'); 
	DISPLAY: block;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:1.0em; }

#menubox {
	float: left;
	text-align: left;
	font-size: 80%;
	position: absolute;
   	margin: 0;
	padding: 1em;
   	width:19%; }

#txtfeld {
	border-left: 1px solid #369;
	font-size: 90%;
	float: right;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
	width:80%;
}

#kopf {
	border-bottom: 1px solid #369;
	font-family:verdana,arial,helvetica,sans-serif;
	padding-left: 1.0em;
	padding-top: 0;
	margin: 0;
	width: 100%; 
	height: 8% ; }

.title {
	DISPLAY: block;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:1.2em;
	padding-left: 1.0em;
	padding-top: 1.5em;
	padding-bottom: 1.0em;
	width: auto; }

.text {
	DISPLAY: block;
	font-family:verdana,arial,helvetica,sans-serif;
	padding-left: 1.0em;	
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	padding-right: 0.6em;
	width: auto; 
	margin: 2% 4% 2% 4%; 	
	}

.titlong {
DISPLAY: block;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1.2em;
padding-left: 1%;
padding-top: 0%; }

#kasten {
	border: 3px none #aaa;
	position: static;
	margin: 0;
	text-align: left;
	padding-left: 1%;
}
#box {
   position: static;
   top: 0em;
   margin: 0em;
   text-align: left;
   padding-top: 1em;
   padding-left: 1em;
}

img.right {
   top:0;
   float: right;
   position: static;
   margin-left: 2em;
   margin-right: 0em;
   text-align: right;
}

img.left {
   float: left;
   position: static;
}

#boxleft {
	float: left;
   text-align: left;
	position: static;
	MARGIN-left: 1em;
}

#boxright {
	float: right;
	position: static;
	MARGIN-left: 2%;
	MARGIN-top: 0%;
	MARGIN-right: 7%;
	border: 1px solid #369;
	padding: 0 1em;
text-align: center;
background: #D5d5d5;
	height: 70%;
	width:20%;
	}

#boxrechts {
	float: right;
	position: static;
	MARGIN: 0;
	border: 1px solid #369;
	width:20%;
	height: auto;
	}

#boxlinks {
	float: left;
	position: static;
	MARGIN-left: 7%;
	MARGIN-right: 2%;
	MARGIN-top: 0;
	padding: 0 1em;
	border: 1px solid #369;
	text-align: center;
	background: #D5d5d5;
	width:20%;
	height: 70%;
}

#boxmitte {
	float: left;
	position: static;
	MARGIN-left: 2%;
	MARGIN-right: 2%;
	MARGIN-top: 0;
	padding: 0 1em;
	border: 1px solid #369;
	width:22%;
	height: 70%;
text-align: center;
background: #D5d5d5;
}

#boxmid {
	float: left;
	MARGIN: 0;
	padding: 0%;
	border: 1px solid #369;
	width:25%;
	height: auto;
	background: #D5d5d5;
}

#boxmittet {
	float: left;
	MARGIN: 0;
	padding: 0 1%;
	border: 1px solid #369;
	background: #D5d5d5;
	width:24%;
	height: auto;
}

/* Definition der Container */
#main {
	padding: 0 4%;
	width:75%;
	text-align: center;
}

#mainbig {
	padding: 0 6%;
	width:65%;
	text-align: center;
}

#mainlong {
	padding: 0 4%;
	width:95%;
	text-align: center;
}

#main-box {
	padding: 0 4%;
	width:90%;
	text-align: center;
}

#main-mitte {
	padding: 3% 17%;
	width:90%;
	text-align: center;
}

div.text {
	width:80%;
	text-align: center;
	padding: 2% 6%;
} 

div.main {
	padding: 0 4%;
	margin: 2% 10% 0 10%;
	text-align: center;
	width:auto;
}

div.box-head {
	margin: 2% 10% 0 10%;
	border-top: 1px solid #369;
	text-align: center;
	border-right: 1px solid #369;
	border-left: 1px solid #369;
	padding: 1% 5%;
	font-weight: bold;
	width:auto;
}

div.box-big {
border-top: 1px solid #369;
border-bottom:1px solid #369;
margin: 0 10% 2% 10%;
background: #D5d5d5;
padding: 1% 5%;
border-right: 1px solid #369;
border-left: 1px solid #369;
width:auto;
}

div.box-content {
border-top: 1px solid #369;
border-bottom:1px solid #369;
margin: 0 6% 2% 4%;
background: #d5d5d5;
padding: 3% 20%;
border-right: 1px solid #369;
border-left: 1px solid #369;
}

div.box-mitte {
border-top: 1px solid #369;
border-bottom:1px solid #369;
margin: 0 2%;
background: #D5d5d5;
padding: 1% 30%;
border-right: 1px solid #369;
border-left: 1px solid #369;
}

div.glossar {
border-top: 1px solid #369;
background: #d5d5d5;
margin-left: 8%;
margin-right: 8%;
padding-left: 1%;
text-align: center;
width:auto;
}

.nix {
display: none;
}