/* zusaetzl. Stylesheets fuer die  */
/* barrierefreien Seiten fuer COMPSY.DE */
/* Stand: Dezember 2004 */
/* Definition des Kopfes und der Container */
/* ================================= */

html, body {
margin: 0 0; 
}

body.text {
border-left: 1px solid #369;
}

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

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


/* Definition des Kopfes */
#topbar {
margin: 0 0; 
width: 100%; 
TEXT-ALIGN: left;
}

.title {
DISPLAY: block;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1.2em;
padding-left: 2em;
padding-top: 2em;
padding-right: 1em;
}

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

#kasten {
   border: 3px none #aaa;
   position: fixed;
   margin: 0em;
   text-align: left;
   padding-left: 1%;
}
#box {
   position: fixed;
   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: fixed;
	MARGIN-left: 0;
}

#boxright {
	float: right;
	position: static;
	MARGIN-left: 0;
    text-align: right;
	}

#boxlinks {
	float: left;
	position: static;
	MARGIN: 0;
	padding: 0%;
	border: 1px solid #369;
	width:22%;
	height: 512;
	}
	
#boxmitte {
	float: left;
	MARGIN: 0;
	padding: 0%;
	border: 1px solid #369;
	width:23%;
	height: 512;
}

#boxmittet {
	float: left;
	MARGIN: 0;
	padding: 0 1% ;
	border: 1px solid #369;
	width:25%;
	height: 512;
}


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

#mainlong {
padding: 0 4%;
width:100%;
align: center;
}

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

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

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

div.main {
padding: 0 4%;
margin: 2% 10% 0 10%;
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;
}