/*<group=General Styles>*/

body
{
background: #ff9933; color: #333333; font: 12px verdana, arial, helvetica, sans-serif; 
}

/*</group>*/

/*<group=Layout>*/

#kopf
{
position: absolute; width: 600px; height: 100px; background: #ff9933; left: 300px; top: 15px;
}

#navigation
{
position: absolute; 
width: 200px; height: auto; left: 100px; top: 100px; color: #333333;
}

#navigation a 

{
background-color: #ff9933;  
border-right: #ff9933 3px solid; padding-right: 10px; display: block;
padding-left: 10px; border-left-width: 0px; border-bottom: #993300 1px solid;
padding-bottom: 5px; margin: 0px 0px 2px; color: #993300; 
padding-top: 5px; text-align: left; text-decoration: none;
}

#navigation a:hover
{
border-right: red 3px dashed; background: #ff6600; color: #333333;
}

#navigation #current
{
	color: #333333;
	background: #ffdd99;
}

#inhalt
{
position: absolute; width: 600px; height: 450px; overflow: auto; border: red solid 1px;
background-color: #ffdd99; left: 300px; top: 100px; padding: 10px 5px 0px 5px;
}

#hintergrund
{
background-image: url(../images/ottiweb.gif);
}

a:link{
color: #cc6600;
}

a:visited{
color: #cc6600;
}

a:hover, a:active{
}