html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-family: "palatino linotype", "comic sans ms", tahoma, arial, verdana, sans-serif; 

/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow:auto; 
/* */ }

body {scrollbar-base-color:#A2CBE9;scrollbar-track-color:#374579;overflow:visible;margin:2px;border:0; color:black;z-index:100;}

#head {position:absolute;width:850px;height:200px;padding:0px;background:white;z-index:10;}

#content {position:absolute;top:202px;left:202px;width:650px;height:448px; padding:0px;overflow:auto;background:white;}

#foot {position:absolute;width:850px;height:100px; top:650px;padding:0px;background:white;text-align:right;font-size:12px;}

#left {position:absolute;top:200px;height:450px;width:200px;background:white; color:#fff;}


/** html #head, * html #foot,* html #left {position:absolute;}*/

/*#content p {padding-right:30px;}--- hier stand mal nur padding:5px*/
 

*{text-decoration:none;border-style:none;font-style:normal;font-size:14px;cursor:crosshair;} 
 
 a:link{color:#374579;}
 a:visited{color:#374579;}
 a:hover{color:#D85E4E;}
 a:active{color:#D85E4E;}
 
#form {
padding:15px;
border:1px;
border-style:solid;
border-color:#374579;
background-color:#A2CBE9;
}  

.menu {width:106px; height:150px; margin:50px 0;z-index:5;}
/*hier stand mal position relative*/

.menu ul li a:hover {
line-height:26px;
}

.menu ul li a, .menu ul li a:visited {display:block; color:black; width:104px;height:26px;margin:1px;text-align:center;
border:1px;border-style:solid;border-color:#374579; background-color:#A2CBE9;-moz-border-radius-topleft:8px;}

.menu ul {padding:0; margin:0;list-style-type: none; overflow:visible;}
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {background:#ddd;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#A2CBE9;}/*hellgrau*/
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#A2CBE9; color:#000; width:150px;}/*hellgrau*/
.menu ul li:hover ul li a:hover {background:#374579; color:white;} /*hier war mal rötlich*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#A2CBE9;}
.menu ul li:hover ul li:hover ul li a:hover {background:#ddd;color:black;}

#fixed1 {position:absolute;top:152px; left:20px; z-index:1;}  /*das ist das Menu links*/
#fixed2 {position:absolute;top:20px; left:20px; z-index:10;}  /*das ist das Logo*/
#fixed3 {position:absolute;top:144px; left:370px;}
#fixed4 {display:block;position:absolute;top:70px; left:270px;width:180px;height:80px; text-align:center;border:1px; border-color:black;z-index:50;background-color:white;padding:2px;z-index:5;}
#fixed5 {display:block;position:absolute;top:70px; left:460px;width:180px;height:80px; text-align:center;border:1px; border-color:black;z-index:50;background-color:white;padding:2px;z-index:5;}
#fixed6 {position:absolute;top:201px; left:860px; z-index:60;}  /*das ist das Menu rechts*/
#fixed7 {position:absolute;top:720px; left:860px;} /*robots*/
#fixed8 {position:absolute;top:698px; left:860px;} /*valid html*/
#fixed9 {position:absolute;top:668px; left:863px;} /*entega*/ 

#example1, #example2{font-size:20px;color:#374579}


/*slideshow*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slide_show.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div and the margins */
.menu2 {width:104px; height:150px;}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu2 ul li {
display:block;
float:right;                          
}

.menu2 ul li a:hover {
line-height:26px;
}

/* style the links to be 50px wide by 31px high with a right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
float:left;
text-align:center; 
color:black; 
margin:1px;
width:104px; 
height:26px;  
border:1px;
border-style:solid;
border-color:#374579;
background:#A2CBE9; /*unser hellblau  */
-moz-border-radius-topright:8px;
}

/* clear the float at the end of each line of four slides */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}

/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* remove the table styling */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}

/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute;                        /*!!! hier wird der grosse Kasten positioniert*!!!*/
top:0px; 
left:-600px;
}

/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li:hover ul li {
position:absolute;
top:1px;
left:-69px;
width:483px;
height:483px;
border:20px solid #374579;
border-width:1px;
background:#ddd; /*sehr hellgrau*/
padding:82px 90px;
z-index:20;
}

/* style the background and foreground color of the submenu links */
.menu2 ul li:hover ul li a {
background:#A2CBE9;
width:118px;
height:118px;
border:1px #374579;
border-color:#888 #000 #000 #888;
-moz-border-radius-topright:0px;
}


/* keep the large image hidden */
.menu2 ul li:hover ul li a em {
display:none;
}
/* add a border to the horizontal slide and position it centrally using a top margin */
.menu2 ul li:hover ul li a.horiz span img {
border:1px solid #888;/*mittelgrau*/
margin-top:21px;
}


/* add a border to the vertical slide and position it centrally using a top margin */
.menu2 ul li:hover ul li a.vert span img {
border:1px solid #888;/*mittelgrau*/
margin-top:9px;
}


.menu2 ul li:hover ul li a:hover {
background:#374579;
}


.menu2 ul li a:hover {
background:#ddd;
}

/* make the active links zero size so the active dotted border does not show through the large image */
.menu2 ul li:hover ul li a:active, .menu2 ul li:hover ul li a:focus {background:#aaa; height:0; width:0; border:0;}
.menu2 ul li:hover ul li a:active em, .menu2 ul li:hover ul li a:focus em {background:#bbb; height:0; width:0; padding:0; margin:0; border:0;}


/* make the large image visible and set the border, position them using position absolute centrally over the slides */
/* horizontal large image styling */
.menu2 ul li:hover ul li a.horiz:active em, .menu2 ul li:hover ul li a.horiz:focus em {display:block; background:#ddd; position:absolute; left:11px; top:80px; width:640px; height:484px;z-index:20; z-index:50;}
.menu2 ul li:hover ul li a.horiz:active em img, .menu2 ul li:hover ul li a.horiz:focus em img {border:0;}
/* vertical large image styling */
.menu2 ul li:hover ul li a.vert:active em, .menu2 ul li:hover ul li a.vert:focus em {display:block; background:#ddd; position:absolute; left:90px; top:23px; width:480px; height:540px; z-index:20; z-index:50;}
.menu2 ul li:hover ul li a.vert:active em img, .menu2 ul li:hover ul li a.vert:focus em img {border:0;}