/* Angaben für alle standardkonformen Browser */

body {
    margin:0;
    padding:0;
    border: none;
}

#oben {
    padding-bottom:5em;
}

#unten {
    position:fixed;
    bottom:0px;
    background-image:url(../layout/background-.jpg);
    background-position:center center;
    text-align:center;
    padding:0px;
    width:100%;
    border-top: 1px solid yellow;
    z-index:200;
}

/* Angaben nur für den Internet Explorer mittels Star-HTML-Hack */

*html {
    margin:0;
    padding:0;
    height:100%;
    border: none;
}

*html body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
    border: none;
}

*html #oben {
    padding:0;
    height:95%;
    overflow:auto;
}

*html #unten {
    background-image:url(../layout/background-.jpg);
    background-position:center center;
    height:5%;
    text-align:center;
    padding:0px;
    border-top: 1px solid yellow;
    position:fixed;
    bottom:0px;
    z-index:200;
}


/* Restliche Angaben */

body 
{
    background-image:url(../layout/background.jpg);
    background-position:center center;
    color: #333;
    font-family: Verdana, Arial;
    font-size: 11px;
}

table
{
    font-family: Verdana, Arial;
    font-size:11px;
}

td {
    vertical-align:top;
    font-family: Verdana, Arial;
    font-size:11px;
}

.header 
{
    width:100%;
    height:90px;
    position:absolute;
    background-image:url(../layout/header.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    z-index:0; top:0px;left:0px;
}

.headerLinks
{
    top:0px;
    left:5%;
    position:absolute;
    text-align:left;
}

.bobLogo
{
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-150px;
}

.headerRechts
{
    top:25px;
    right:5%;
    position:absolute;
    text-align:right;
}

.content
{
    position:relative;
    margin:0px;
    padding:10px 10px 60px 10px;
    background-color:#fefefe; 
    font-family: Verdana, Arial;
    font-size:12px;
    z-index:100;
}

.rahmen1
{
    border: 2px solid #333;
    position:relative;
    top:0px;
    margin:0px;
    padding:0px;
    z-index:60;
}

.rahmen2
{
    border: 2px solid #666;
    position:relative;
    top:0px;
    margin:0px;
    padding:0px;
    z-index:70;
}

.rahmen3
{
    border: 2px solid #999;
    position:relative;
    top:0px;
    margin:0px;
    padding:0px;
    z-index:80;
}

.rahmen4
{
    border: 2px solid #ccc;
    position:absolute;
    top:90px;
    width:95%;
    margin-top:10px;
    margin-left:1%;
    margin-right:1%;
    z-index:90;
}

#menu { 
    border:5px solid #98b4cc;
    background-color:#98b4cc;
    width:170px;
    height:220px;
    padding:0px;
    color:#fefefe;
    font-weight:bold;
    list-style-type:none;
    font-family: Verdana, Arial;
    font-size:12px;
}

#menu ul { list-style: none; margin: 0; padding: 0; } 
#menu a, #menu h4 {font-family: Verdana, Arial; font-size:12px; font-weight:bold; display: block; border-width: 1px; border-style: solid; border-color: yellow; margin: 0; padding: 2px 3px; }  
#menu h4 { color: yellow; background: blue; border-color: #98b4cc; } 
#menu h4:hover { color: black; background: #98b4cc; border-color: #98b4cc; } 
#menu a { color: yellow; background: blue; text-decoration: none; border-color: #98b4cc; }
#menu a:hover { color: black; background: red; }
#menu ul ul a { color: black; background: yellow; text-decoration: none; border-color: #98b4cc; }
#menu ul ul a:hover { color: black; background: red; }
#menu li {position: relative; } 
#menu ul ul {position: absolute; top: 0; left: 100%; width:100%; }
#menu ul ul ul {position: absolute; top: 0; left: 100%; width:100%; }

div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} 
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}
    
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul { display: none; } 

div#menu ul li:hover ul, 
div#menu ul ul li:hover ul, 
div#menu ul ul ul li:hover ul { display: block; } 

#termine { 
    border:5px solid #98b4cc;
    background-color:#98b4cc;
    top:-25px;
    width:170px;
    padding:0px;
    color:#fefefe;
    font-weight:bold;
    list-style-type:none;
    font-family: Verdana, Arial;
    font-size:12px;
}

.newskopf
{
    padding:3px;
    color: #FFFF00;
    background-color: #0033ff;
    vertical-align: top;
    font-family: Verdana, Arial;
    font-size: 11px;
}

.newstext
{
    padding:3px;
    margin-bottom:5px;
    color:#333333;
    background-color:#ededed;
    vertical-align: top;
    font-family: Verdana, Arial;
    font-size: 11px;
}

.mainlink {
    color: #000000;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: none;
}

.mainlink:hover {
    color: yellow;
    background-color: blue;
}

.bilduntertitel {
   background-color: #DDDDDD;
   text-align: left;
   vertical-align: top;
   font-family: Verdana, Arial;
   font-size: 11px;
}



/* @group =footer */

#footerbox {
	margin: 0 auto;
	width: 800px;
	vertical-align: middle;
	z-index:300;
}


#footerbox a, #footerbox p
 {
	float: left;
	display: inline-block;
	color: #fff;
	/*font-weight: bold;*/
	font-size: 10px;
	text-decoration: none;
	line-height: 30px;
	margin: 0 0 0 3px;
}

#footerbox img, #footerbox a.footer_ruf {
	display: block;
	float: right;
	height: auto;
}

a.footer_ruf {
	background: url(../layout/uplink.gif) 0 0px;
	display: block;
	height: 30px;
	float: right;
	width: 30px;
}

a.footer_ruf:hover {
	background: url(../layout/uplink.gif) 0 -30px;
}


#footerbox a:hover {
	color: yellow;
}



/* @end */