body {
margin : 0;
width : 100%;
height : 100%;
font-family : verdana, sans-serif;
font-size : 10pt; }


a:link, a:visited, a:hover, a:active {
text-decoration : none;
color:#FFFFFF; }



#layout {
/* margin : 0px auto;
width : 991px;
height : 794px; */
}


/* HEADER
enthält Logo */
#header {
background-repeat : no-repeat;
width : 900px;
height : 228px; }

/* MAIN
enthält Navi, Content und Extracontent */
#main {
position : absolute;
top : 228px;
left : 0;
width : 990px; }


/* NAVI
enthält Navigation und Subnavigation */
#navi {
position : absolute;
top : 0;
left : 0;
background-repeat : no-repeat;
width : 241px; }

#navitable {
width : 100px;
margin-left : 115px;
margin-top : 244px; }

td.navicell {
width : 100px;
height : 34px; }

/* NAVILINKS */
td.navicell a {
display : block;
background-repeat : no-repeat;
width : 100px;
height : 34px; }

/* home */
/* wenn Link inaktiv, Hoverfunktion*/
td.navicell a.news:link, a.news:visited {
background-position : -100px 0px;
background-image : url('../img/navi/bg_home.jpg'); }
td.navicell a.news:hover, a.news:active {
background-position : 0px 0px; }
/* wenn link aktiv */
td.navicell a.news_h {
background-image : url('../img/navi/bg_home.jpg');
background-position : 0px 0px; }

/* music */
/* wenn Link inaktiv, Hoverfunktion*/
td.navicell a.music:link, a.music:visited {
background-position : -100px 0px;
background-image : url('../img/navi/bg_music.jpg'); }
td.navicell a.music:hover, a.music:active {
background-position : 0px 0px; }
/* wenn link aktiv */
td.navicell a.music_h {
background-image : url('../img/navi/bg_music.jpg');
background-position : 0px 0px; }

/* info */
/* wenn Link inaktiv, Hoverfunktion*/
td.navicell a.info:link, a.info:visited {
background-position : -100px 0px;
background-image : url('../img/navi/bg_info.jpg'); }
td.navicell a.info:hover, a.info:active {
background-position : 0px 0px; }
/* wenn link aktiv */
td.navicell a.info_h {
background-image : url('../img/navi/bg_info.jpg');
background-position : 0px 0px; }

/* k */
/* wenn Link inaktiv, Hoverfunktion*/
td.navicell a.k:link, a.k:visited {
background-position : -100px 0px;
background-image : url('../img/navi/bg_k.jpg'); }
td.navicell a.k:hover, a.k:active {
background-position : 0px 0px; }
/* wenn link aktiv */
td.navicell a.k_h {
background-image : url('../img/navi/bg_k.jpg');
background-position : 0px 0px; }


/* CONTENT
enthält Text */
#content {
position : absolute;
top : 0;
left : 241px;
width : 308px;
height : 100%;
background-color : #000000; }

#text {
margin : 10px;
width : 288px;
height : 500px;
color : #FFFFFF; }

h1 {
font-size : 1.2em;
color : #FF0099;
font-weight : bold; }


/* EXTRA
enthält Extrainformationen (ganz rechts) */
#extra {
position : absolute;
top : 0;
right : 0;
width : 468px;
height : 701px; }