html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
font-size:80%; 
font-family:verdana, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {
height:100%; 
max-height:100%; 
overflow:hidden;
background-image:url(img/higr.jpg);
background-repeat:repeat-x;
padding:0; 
margin:0; 
border:0;}

#head {
position:absolute; 
margin:0; 
top:0; left:0; 
display:block; 
width:100%; 
height:193px;
background-image:url(img/higr-head.jpg);
background-repeat:repeat-x;
background-position:bottom;
text-align:left;
font-size:4em; 
z-index:5; 
color:#fff;}

#maus-gruen	{
position:absolute;
top:82px;
left:760px;
background-image:url(img/frosch.gif);
background-repeat:no-repeat;
width:240px;
height:170px;
z-index:99;}

#left	{
position:absolute;
background-image:url(img/higr-left.jpg);
background-repeat:repeat-y;
width:238px;
height:100%;
z-index:4;}

#right	{
position:absolute;
background-image:url(img/higr-right.jpg);
background-repeat:repeat-y;
background-position:right;
right:0;
width:0;
height:100%;
z-index:4;}

#inhalt-weiss	{
position:absolute;
/*background-image:url(img/inhalt-weiss.jpg);*/
background-color:#fff;
background-repeat:repeat-x;
width:100%;
height:100%;
top:0;
bottom:0;
z-index:2;}

#inhalt	{
position:absolute;
bottom:25px;
left:238px;
right:0;
top:193px;
z-index:10;
overflow:auto;	}


* html #inhalt	{
height:100%;
top:0; bottom:0; left:0; right:0;
border-top:193px solid #fff; 
border-bottom:25px solid #fff;
border-right:0 solid #fff;
border-left:238px solid #fff;
padding:0;
margin:0;
width: 100%;
z-index:3;
overflow:auto;
}

.inner {display:block; padding:20px 20px 10px 20px; list-style-image:url(img/arrow.gif);}


.inner a, .inner a:visited {
  text-decoration:none; 
  color:#999; 
  }
.inner a:hover { 
  color:#669933
  ;
  
  }
#gitter	{
position:absolute;
width:238px;
height:215px;
top:193px;
left:0;
background-image:url(img/higr-gitter.jpg);
background-repeat:no-repeat;
background-position:left;
z-index:4;}

#foot {
position:absolute; 
bottom:0; left:0; 
display:block; 
width:100%; 
height:25px;
line-height:25px;
font-size:0.8em; 
z-index:5; 
text-align:center; 
color:#999999;}

#foot a, #foot a:visited {
  text-decoration:none; 
  color:#999; 
  }
#foot a:hover { 
  color:#669933
  ;
  
  }

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

The original version of this script and the associated (x)html
is available at http://www.stunicholls.com/menu/slide_flyout.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.

Please see 'Terms of use' on stunicholls.com
=================================================================== */

/* the menu styling */
#container {width:238px; height:573px; position:relative; top:150px; z-index:99; }
#menu {font-family:verdana, sans-serif; font-size:11px; position:relative; width:100px; height:350px;}
#menu #marker {position:absolute; top:200px; height:20px; width:101px; background:#96bf1b url(img/mark.gif) no-repeat left center;}
#menu a:active, #menu a:focus {outline:0; color:#000;}
#menu a {color:#fff;}
#menu a:hover {color:#000;}

#menu ul.none {display:none;}
#menu ul.yes {display:block; position:absolute; top:200px; left:100px; width:100px; padding:0; margin:0; list-style:none;}
#menu ul.yes li a {display:block; height:20px; line-height:20px; text-decoration:none; text-indent:5px; white-space:nowrap; width:100px;}


#menu #sub_1 a {color:#fff;}
#menu #sub_2 a {color:#fff;}
#menu #sub_3 a {color:#fff;}
#menu #sub_4 a {color:#fff;}
#menu #sub_5 a {color:#fff;}
#menu #sub_6 a {color:#fff;}

#menu #sub_1 a.markiert {color:#96bf1b;}
#menu #sub_2 a.markiert {color:#96bf1b;}
#menu #sub_3 a.markiert {color:#96bf1b;}
#menu #sub_4 a.markiert {color:#96bf1b;}
#menu #sub_5 a.markiert {color:#96bf1b;}
#menu #sub_6 a.markiert {color:#96bf1b;}

#menu #sub_1 a:hover,
#menu #sub_2 a:hover,
#menu #sub_3 a:hover,
#menu #sub_4 a:hover,
#menu #sub_5 a:hover,
#menu #sub_6 a:hover {color:#fff;}

#menu #sub_0 {list-style-type:none; padding:0; margin:0; width:100px; position:absolute; left:0; top:200px;}

#menu ul#sub_0 li {display:block; width:100px; height:20px; float:left;}

#menu ul#sub_0 a {display:block; text-decoration:none; text-indent:15px;}


#menu ul#sub_0 li a, #menu ul a {width:0; height:0; position:relative;}
#menu ul#sub_0 li a b {display:block; width:100px; position:absolute; left:0; top:0; white-space:nowrap; display:block; height:19px; line-height:19px; font-weight:normal; cursor:pointer;}

  
h1	{
color:#669933;
font-size:14px;}

h2	{
color: #666666;
font-size:12px;}

.text-markiert	{
color:#96bf1b;
font-weight:bold;}

.ecke-sw	{
background-repeat:no-repeat;
background-position:left bottom;
padding-left:10px;
height:25px;
width:500px;
}

.linie-runter	{
height:11px;
width:280px;
background-image:url(img/linie_runter.gif);
background-repeat:no-repeat;
}
.linie-rauf	{
height:11px;
width:280px;
background-image:url(img/linie_rauf.gif);
background-repeat:no-repeat;
}

.text-klein	{
font-size:9px;
line-height:25px;
color: #999999;}

.bildunterschrift	{
font-size:9px;
color: #999999;}

fieldset	{
border:1px solid #ccc;
width:535px;
line-height:18px;
list-style-image:url(img/arrow.gif);
margin: 1.5em 0 2.5em 0;  
padding-left:10px;
padding-bottom:10px;}


legend	{
letter-spacing:0.2em;
font-weight:bold;
font-variant:small-caps;
color:#333333;
padding:0;
}

.hochkant	{
width:200px;}

.zeilenabstand	{
line-height:25px;}

.widthp	{
width:500px;}