@charset "utf-8";
/* CSS Document */

body{
background: url(../images2/backround.jpg) top center;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

* html td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

#framecontentTop, #framecontentBottom{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 140px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: none;
color:#000000;
z-index:1000;
}

#framecontentTop {
background-image:url(../images2/KevinCandell.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#framecontentTopLeft {
position: absolute;
left:0;
top:0;
z-index:1001;
}

#framecontentTopRight {
position: absolute;
right:40px;
top:0;
z-index:1002;
}

#framecontentNavi{
position:absolute; 
top: 140px; 
left: 0; 
width: 220px;
bottom: 50px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto;  
background: none;
color:#000000;
z-index:2000;
}

#framecontentBottom{
top: auto;
bottom: 0; 
height: 50px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: none;
color:#000000;
}

#maincontent{
position:fixed; 
top: 140px; /*Set top value to HeightOfTopFrameDiv*/
left: 0px;
right: 0;
bottom: 50px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto; 
background: none;
padding-left:230px;
z-index:100;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.innertubeNavi{
margin: 13px 0px 15px 15px;
}

* html body{ /*IE6 hack*/
padding: 140px 0 50px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

a		{color: #FFFFFF; text-decoration:none;}
a:hover	{color: #FFFFFF; text-decoration:underline;}
a:vlink	{color: #FFFFFF; text-decoration:none;}


/* CSS Navigationsbutton */

a.ovalbutton{
background: transparent url('../images/navi/oval-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
width: 180px;
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/navi/oval-red-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
text-decoration: none;
}

/* 2. Ebene */
a.ovalbutton2{
background: transparent url('../images/navi/oval-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
width: 180px;
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton2, a:visited.ovalbutton2, a:active.ovalbutton2{
color: #494949; /*button text color*/
}

a.ovalbutton2 span{
background: transparent url('../images/navi/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton2:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.ovalbutton2:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
text-decoration: none;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}