/* schriftart,abstände */

body
{background-color: #CDE7FF; color: #051050;  
margin-top: 0px; margin-left: 0px; width: 100%; margin-right: 0px; margin-bottom: 10px;  
margin: 0;
padding: 0;
border: 0;
overflow: auto;
height: 100%; 
max-height: 100%;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100.1%; }
/* SCROLLLEISTE  */

/*{scrollbar-arrow-color: #051050; scrollbar-base-color: #FFE559; */
/*scrollbar-highlight-color : silver; scrollbar-shadow-color : #006600; */
/*SCROLLBAR-TRACK-COLOR: silver; }*/

/* Seitenlayout */
#framecontentLeft, #framecontentTop{
position: absolute; 
top: 0; 
left: 0; 
width: 250px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
/* background-color: navy; */
/* color: white; */
}

#framecontentTop{ 
left: 180px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 200px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
/* background-color: navy; */
/* color: white; */
}

#maincontent{
position: fixed; 

left: 180px; /*Set left value to WidthOfLeftFrameDiv*/
top: 200px; /*Set top value to HeightOfTopFrameDiv*/
right: 0; 
bottom: 0;
overflow: auto;
/* background: #fff; */
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
overflow: hidden;
}

* html body{ /*IE6 hack*/
* padding: 120px 0 0 250px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
} 

* html #maincontent{ /*IE6 hack*/
height: 100%; 
/width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}
/* Glossymenu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
/* margin-top: 100px; */
padding: 0;
width: 170px;
/* height: auto;*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url("images/glossyback_80.gif") repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
color: white;
display: block;
width: auto;
/* height: 200px;*/
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
/* heigth: auto; */
}

.glossymenu li a:visited,  .glossymenu li a:active{
color: white;
/* heigth: auto;*/
}

.glossymenu li a:hover{
background-image: url("images/glossyback2_80.gif");
}
/* Glossymenu Level2 */
.glossymenul2{
list-style-type: none;
margin: 10px 0;
margin-left: 50px;
/* margin-top: 100px; */
padding: 0;
width: 120px;
/* height: auto;*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenul2 li a{
background:  white url("images/glossybackl2.gif") repeat-x bottom left;
font:  11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
color:  #051050;
display: block;
width: auto;

/* height: 200px;*/
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenul2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 120px;
/* heigth: auto; */
}

.glossymenul2 li a:visited,  .glossymenu li a:active{

/* heigth: auto;*/
}

.glossymenul2 li a:hover{
background-image: url("images/glossyback2l2.gif")

}
/* Text im Table / td /tr  */

table,tr,td
 { margin-left: 30px; width: 750px; margin-right: 15px; color: #051050 ; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100.1%}

p
 { margin-left: 30px; margin-right: 15px; width: 750px; }
 
/* Text in Uberschriften  */

h6
{ color: #051050 ; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100.1%; font-weight: bold}
h5
{ color: #051050 ; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 108%; font-weight: bold}
h4
{ color: #051050 ; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 110%; font-weight: bold}
h3
{ color: #051050 ; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 130%; font-weight: bold}
h2
{ color: #051050 ; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 180%; font-weight: bold}
h1
{ color: #051050 ; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 250%; font-weight: bold}

/* Text in Listen  */

ul
{ color: #051050 ; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100.1%; }


/* text-align: center; */

.positionlogo { position: fixed; left: 50px; top: 80px }
.positionbild { position: fixed; left: 50px; top: 10px }
.positiontext { position: fixed; left: 200px; top: 200px }

/* kleiner Text */

.textklein { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 80%}

/* Textblock rechts */
.textblockrechts {
   color: #051050;  
   width: 90%;
   margin-top: 10px; 
   margin-left: 80px; 
   margin-right: 70px; 
   margin-bottom: 10px;  
   font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100.1%;
 }  


/* links */

a:link { color: blue; text-decoration: underline; font-family: courier, monospace; font-size: 110%; }

a:visited {color: #00008B; text-decoration: underline; font-family: courier, monospace; font-size: 110%; }

a:active { color: blue; text-decoration: underline; font-family: courier, monospace; font-size: 110%; }

a:hover { color: #85d195; text-decoration: none; font-weight: bold; font-family: courier, monospace; font-size: 110%; }

/* links BIONIK */

   
a.inhaltnav:link {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 100.1%; 
	font-weight: bold; 
	color: #0000FE; 
	text-decoration: none; 
}

a.inhaltnav:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 100.1%; 
	font-weight: bold; 
	color: #0000FE; 
	text-decoration: none; 
}

a.inhaltnav:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 100.1%; 
	font-weight: bold; 
	color: #C44F09; 
	text-decoration: none; 
}

a.inhaltnav:active {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 100.1%; 
	font-weight: bold; 
	color: #C44F09; 
	text-decoration: none; 
}