html, body {
height:100%;
}

#layermenu_ebene2 {
position:absolute;
left:200px;
top:300px;
background-color:#000000;
}

img {
border:none;
}

p {
margin:0px;
}

#spacer { 
width:1px;
height:50%;
background-color:#A0A0A0;
margin-bottom:-300px; /* half of container's height */
float:left;
z-index:1;
}

#schatten {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height:600px;
width:900px;
clear:left;
z-index:2;
}

#hauptrahmen {
position:absolute;
left:0px;
top:0px;
width:892px;
height:591px;
overflow:hidden;
z-index:3;
background-image:url(bilder/hg_domico.gif);
}

#menu {
position:absolute;
top:20px;
left:225px;
z-index:200;
width:667px;
height:28px;
}

#breadcrumb {
	position:absolute;
	top:121px;
	left:206px;
	z-index:200;
	width:525px;
	height:15px;
}

/*BEREICH LINKS -----------------------------------------------------------------------------------------*/
#bereich_links {
position:absolute;
left:0px;
top:0px;
width:737px;
height:591px;
overflow:hidden;
z-index:4;
}

#spalte_links {
position:absolute;
left:70px;
top:140px;
width:125px;
height:450px;
overflow:hidden;
z-index:6;
}


/*-------SCROLLER ---------------*/


div.scrollframeDivscroller
{
    position: absolute;
	left:205px;
	top:140px;
    width:530px;
	height:450px;
    overflow: auto;
    z-index: 5;
}

div.Divscroller
{
    position: absolute;
    left: 0; top: 0;
    width: 515px;
    z-index: 6;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 2px; 
    width: 9px; height: 310px;
	overflow:hidden;
    font-size: 0;
    z-index: 3;
    background-image:url(bilder/scroll_hg.jpg);
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;
    background-color:#898989;
}  


/*-----------------------------------------------------*/



/*
INFO: WIE BEKOMME ICH DIE SCHÖNE SCHRÄGE?
5 DIVS:
1.) scrollframeDivscroller
Hier kommt später der Text rein
2.) schraege1
Liegt über bereich_links - Hier kommt eine weiße Schräge rein - als Hintergrund für das mit PHP generierte PNG
3.) schraege2
Liegt über schraege1 - Hier kommt das mit PHP generierte Transparente PNG rein
4.) schraege3
Hier kommt eine verkürzte Schräge rein (überdeckt das Foto) - lt. Entwurf
5.) schreage4
Für menu_unten
DIVS SIND NUR 737x140Pixel - Programmiert wurde 740x140px (restlichen 3px, sieht man durch overflow nicht...)
*/
#schraege1 {
position:absolute;
left:205px;
top:451px;
width:532px;
height:140px;
overflow:hidden;
z-index:6;
}
#schraege2 {
position:absolute;
left:205px;
top:451px;
width:532px;
height:140px;
overflow:hidden;
z-index:7;
}

#schraege4{
position:absolute;
left:0px;
top:551px;
width:205px;
height:40px;
overflow:hidden;
z-index:9;
}

#scroller {
position:absolute;
top:428px;
left:720px;
width:15px;
height:26px;
z-index:100;
}

#ueberdecker {
position:absolute;
top:428px;
left:720px;
width:15px;
height:26px;
z-index:101;
}

/*BEREICH LINKS ENDE-----------------------------------------------------------------------------------------*/


/*BEREICH RECHTS -----------------------------------------------------------------------------------------*/
#bereich_rechts_gesamt {
position:absolute;
top:0px;
left:737px;
width:155px;
height:591px;
z-index:20;
}
#bereich_rechts_teil1 {
position:absolute;
top:0px;
left:0px;
width:155px;
height:400px;
z-index:21;
}
#bereich_rechts2_teil2 {
position:absolute;
top:400px;
left:0px;
width:155px;
height:191px;
z-index:22;
}

/*BEREICH RECHTS ENDE -----------------------------------------------------------------------------------------*/

body {
text-align:center; /* horizontal centering for IE Win quirks */
margin:0px 0px 0px 0px;
overflow:auto;
background:#A2A2A2;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
background-color:#EEEEEE;
line-height: 16px;
}

table,tbody,tr,td {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
line-height: 16px;
}


a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: underline;
line-height: 16px;
}


a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: underline;
line-height: 16px;
}


a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
line-height: 16px;
background-color:#CCCCCC;
}

.lauftext_ACT, .lauftext_ACT a:link, .lauftext_ACT a:visited, .lauftext_ACT a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
line-height: 16px;
background-color:#CCCCCC;
}

.lauftext {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
line-height: 16px;
}

.unterueberschrift12px {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #EE1F25;
text-decoration: none;
line-height: 16px;
}

.lauftext_rot {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #EE1F25;
text-decoration: none;
line-height: 16px;
text-decoration:none;
}
.lauftext_rot a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #EE1F25;
text-decoration: none;
line-height: 16px;
text-decoration:underline;
}
.lauftext_rot a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #EE1F25;
text-decoration: none;
line-height: 16px;
text-decoration:underline;
}
.lauftext_rot a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #EE1F25;
text-decoration: none;
line-height: 16px;
text-decoration:none;
}

.bildtext {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #000000;
text-decoration: none;
line-height: 14px;
}

.breadcrumb {
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color: #000000;
text-decoration: none;
line-height: 16px;
}
.breadcrumb a:link, .breadcrumb a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color: #000000;
text-decoration: underline;
line-height: 16px;
}
.breadcrumb a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color: #000000;
text-decoration: none;
line-height: 16px;
background-color:#CCCCCC;
}


.ueberschrift {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #EE1F25;
font-weight:bold;
text-decoration: none;
line-height: 16px;
}

.hauptmenu {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
line-height: 16px;
font-weight:bold;
}
.hauptmenu a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;

}
.hauptmenu a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;

}
.hauptmenu a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
font-weight:bold;
background-color:#EE2024;
}
.hauptmenuACT {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
font-weight:bold;
}
.hauptmenuACT a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
font-weight:bold;
}
.hauptmenuACT a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
font-weight:bold;
}
.hauptmenuACT a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
font-weight:bold;
}



.hauptmenu_e2 {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
}
.hauptmenu_e2 a:link{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
}
.hauptmenu_e2 a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
}
.hauptmenu_e2 a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #000000;
text-decoration: none;
background-color:#FFFFFF;
}
.hauptmenu_e2ACT {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #000000;
text-decoration: none;
}
.hauptmenu_e2ACT a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #000000;
text-decoration: none;
}
.hauptmenu_e2ACT a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #000000;
text-decoration: none;
}
.hauptmenu_e2ACT a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #000000;
text-decoration: none;
}

.menu_unten { 
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-decoration: none;
line-height: 16px;
}
.menu_unten a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
line-height: 16px;
text-decoration:underline;
}
.menu_unten a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
line-height: 16px;
text-decoration:underline;
}
.menu_unten a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
line-height: 16px;
text-decoration:none;
background-color:#CCCCCC;
}

.sitemap_menu {
list-style-type:none;
list-style-image:none;
list-style:none;
margin:0px 0px 0px 0px;
}