body { 



color: #333; 

font-family: verdana, sans-serif; 

font-variant: normal; 

background: #39f url("cyberdrops.gif"); 

text-align: center; 

margin: 0; 

padding: 0 0 10px 

}



#container { 



background-color: #fff; 

background-position: 0 0; 

text-align: left; 

margin: 0 auto; 

padding: 0 5px 5px; 

position: relative; 

width: 884px 

}



/*header*/



#kopf { 



background: #fff url(header.jpg) no-repeat; 

margin-right: auto; 

margin-bottom: 5px; 

margin-left: auto; 

position: relative; 

z-index: 6; 

width: 884px; 

height: 130px 

}



#titel h1 { 



color: #fff; 

font-size: 24px; 

font-family: Arial; 

font-weight: normal; 

margin: 0; 

padding: 7px 0 0 

}



#bg { 



background-image: url("bg.gif"); 

background-position: 0 0; 

margin: 0 auto; 

padding: 0 10px 10px; 

z-index: 1; 

width: 894px 

}

p { 



margin: 0 5px 0 0; 

padding: 0; 

float: right 

}



/*navigation*/



#navi { 



color: #39f; 

font-size: 11px; 

font-family: Arial; 

background-color: #cee2ff; 

background-image: none; 

background-position: 0 0; 

text-align: center; 

display: inline; 

margin: 0; 

padding: 0; 

position: relative; 

z-index: 2; 

width: 161px; 

float: left; 

border: solid 1px }



#bild { 



margin: 0; 

position: relative; 

top: 1px; 

left: 1px; 

width: 157px; 

height: 123px

}



#navi h2 { 



color: #fff; 

font: bold 1.2em verdana, sans-serif; 

background-color: #39f; 

background-repeat: no-repeat; 

background-attachment: scroll; 

background-position: center; 

text-align: left; 

text-indent: 10px; 

margin: 0; 

padding: 4px 0; 

width: 161px 

}



#navi a { 



color: #39f; 

text-decoration: none; 

display: block; 

width: 161px 

}



#navi a:hover {color: #fff}



#navi a:active  { color: #f60 }



#navi ul { 



font-size: 11px; 

font-weight: bold; 

line-height: 24px; 

text-align: left; 

text-indent: 10px; 

list-style-type: none; 

list-style-image: none; 

margin: 0; padding: 0 

}



#navi ul ul { 



font-size: 10px; 

font-weight: normal; 

line-height: 24px; 

background-color: #e1f4fa; 

text-indent: 15px; 

margin: 0; 

padding: 0 

}



#navi ul ul ul { 



font-size: 10px; 

font-weight: normal; 

line-height: 24px; 

background-color: #fff; 

text-indent: 20px; 

margin: 0; 

padding: 0 

}



#navi li a:hover { 

background-color: #39f; 

display: block; margin: 0 

}



.menu_current { 

color: #fff; 

background-color: #9dd6ff 

}



#content  { 

width: 864px 

}



/*inhalt*/



#inhalt     { background-color: #fff; margin: 0 auto; padding: 12px 5px; position: relative; right: -11px; width: 528px; border: solid 1px #39f }



#inhalt h1 { 

font-size: 0.9em; 

font-weight: bold 

}



#inhalt h2 { 



color: #666; 

font-family: verdana, sans-serif; 

font-style: normal; 

font-weight: normal; 

text-align: center; 

margin: 0.5em 0 0; 

padding: 2px 5px; 

border-bottom: 1px solid #e3ebcc 

}



#inhalt h2 a {text-decoration: none;}



#inhalt h3 { 



font-size: 1em; 

font-weight: bold; 

background-color: transparent; 

background-repeat: no-repeat; 

background-attachment: scroll; 

background-position: left center; 

margin: 0.5em 0; 

padding: 2px 0 2px 17px  

}



/*footer*/



#bottom a { 



color: #fff; 

text-decoration: none; 

margin-right: 2px; 

margin-bottom: 0; 

margin-left: 2px 

}



#bottom p { margin-top: 5px; float: left }



#bottom { 



color: #fff; 

font-size: 11px; 

font-family: Arial; 

background-color: #39f; 

text-indent: 12px; 

margin: 0 auto; 

position: relative; 

top: 20px; 

width: 884px; 

height: 22px 

}



#footer { 



font-size: 10px; 

text-align: center; 

margin: 10px 15px 0; 

padding: 5px; 

clear: both 

}



/*spezial*/



#sl { 



font-size: 11px; 

font-family: Arial; 

background-position: 0 0; 

text-align: center; 

display: inline; 

margin: 0 0 0 0; 

padding: 0; 

position: relative; 

right: -20px; 

width: 161px; 

float: right 

}



#sl h2 { 



color: #fff; 

font: bold 1.2em verdana, sans-serif; 

background-color: #39f; 

background-repeat: no-repeat; 

background-position: left center; 

text-align: left; 

text-indent: 10px; 

margin: 0; 

padding: 4px 0; 

width: 161px 

}



#titel { 



color: #fff; 

background-image: url(titel.gif); 

text-indent: 15px; 

margin: 0 auto 5px; 

padding: 0; 

width: 884px; 

height: 40px 

}



#sucher { 

display: inline; 

margin: 0 10px 0 0; 

padding: 0; 

position: relative; 

top: 8px; 

float: right 

}



li a { display: block }



#random { 

font-size: 11px; 

font-family: Arial; 

background-color: #3399ff; 

background-position: 0 0; 

text-align: left; display: inline; 

margin: 0; 

padding: 0; 

width: 159px; 

height: 150px; 

float: right; 

border-top: 1px solid #39f;

border-right: 1px solid #39f; 

border-left: 1px solid #39f 

}



#random h5 {



color: #fff; 

font-size: 1.2em; 

font-family: Verdana; 

font-style: normal; 

font-weight: bold; 

line-height: normal; 

background-color: #3399ff; 

text-indent: 10px; 

margin: 0; 

padding: 4px 0; 

width: 159px 

}



#news { font-size: 11px; font-weight: bold; text-decoration: none; background-color: #cee2ff; text-align: left; margin: 0 0 5px; padding-left: 12px; height: 174px; border-style: none solid solid; border-width: medium 1px 1px; border-color: #39f 

  }



#news a { 



color: #39f; 

text-decoration: none 

}



#news a:visited { 



color: #39f; 

text-decoration: none

}



#spezial  { 



font-size: 11px; 

font-family: Arial; 

font-weight: bold; 

background: #cee2ff; 

text-align: left; 

margin: 0 0 5px; 

z-index: 2; 

width: 159px; 

border: solid 1px #39f 

}



#spezial a { 



color: #3399ff; 

text-decoration: none; 

text-align: left; 

text-indent: 12px; 

display: block; 

padding-top: 7px; 

padding-bottom: 7px; 

width: 159px 

}



#spezial a:hover { 



color: #fff; 

background-color: #39f 

}



#spezial a:active { 



color: #fff; 

background-color: #f60 

}



#bottomshadow { 



background-image: url("bg_2.gif"); 

background-repeat: repeat-x; 

background-position: center bottom; 

margin-right: auto; 

margin-left: auto; 

width: 914px 

}



.storycontent {



color: #000; 

font-size: 11px; 

font-family: Arial, Verdana, sans-serif; 

line-height: 18px; 

margin-top: -10px; 

padding-right: 10px; 

padding-bottom: 10px; 

padding-left: 10px 

}



#storytitel { 



color: #39f; 

font-family: Arial, Verdana, sans-serif; 

font-weight: bold; 

padding-top: 10px; 

padding-left: 10px 

}



#news a:hover { 

color: #ffa500 }



#spezial h5 { 



color: #fff; 

font-size: 1.2em; 

font-family: Verdana; 

font-style: normal; 

font-weight: bold; 

line-height: normal; 

background-color: #3399ff; 

text-indent: 10px; 

margin: 0; 

padding: 4px 0; width: 159px 

}



.field_title { }



hr   { border-bottom: 1px inset }



#inhalt a { 



color: #f60; 

text-decoration: none 

}



#inhalt a:hover { 



color: #ffad19; 

text-decoration: none 

}

td { font-size: 11px; }

#btmright { float: right; }

#titel a { text-decoration: none }

a { color: #fff }