html { height: 101%; margin:0; padding:0 }
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#bbd9dc; background-color:#000000; background-image:url(images/bg.jpg); background-position:top left; background-repeat:no-repeat; background-attachment: fixed; margin:0px; padding:0; font-size:14px  }

h1, h2, h3, ul, li, p, form, tr, td, form, input { margin:0; padding:0; }

ul { list-style:none }

a { color:#84c0f9; text-decoration:underline; }
a:hover { text-decoration:none }

a.link, a.video { color:#84c0f9; text-decoration:none; background-image:url(images/a-link.gif); background-repeat:repeat-x; background-position:bottom }
a.link:hover, a.video:hover { background:none; color:#acd3f8 }
a.video { font-size:11px; padding-bottom:1px; color:#ff4b3f; background-image:none }
a.video:hover { color:#ff847b }

a:focus, a:visited { outline: none }

a img { border:0 }

a span { display: none }

img .left { float:left }
img .right { float:right }

h2 { font-size:18px; font-weight:normal; padding:0 0 5px 0; }
h1 { font-size:25px; padding:0 0 20px 0; }
h1.gfx { height:27px; padding:0 0 10px 0; background-image:url(images/bg-h1.png); background-repeat:no-repeat; background-position:bottom left }

h2.ytvideo { background-image:url(images/icon-yt.gif); background-repeat:no-repeat; padding:0 0 10px 55px; font-size:15px; }

.clear { font-size:0px; clear:both }

#container { width:954px; margin:0 auto; }

#head { z-index:2; float:left; width:954px; height:360px; background-image:url(images/bg-head.png); background-repeat:no-repeat; }
#head img { float:right; border:0 }

#nav1 { position:relative; float:left; width:495px; height:360px; background-image:url(images/bg-nav1.png); ; background-repeat:no-repeat }
#nav2 { position:relative; float:left; width:459px; height:360px; background-image:url(images/bg-nav2.png); ; background-repeat:no-repeat }

#nav1 a, #nav2 a { display:block; float:left; position:absolute }
#nav1 a span, #nav2 a span { display:none } 

a#home { top:249px; left:36px; width:116px; height:47px; background-image:url(images/a-home.png) }
a#home:hover, a#home.active { background-position:0 -47px }
a#termine { top:132px; left:72px; width:131px; height:64px; background-image:url(images/a-termine.png) }
a#termine:hover, a#termine.active { background-position:0 -64px }
a#moderator { top:237px; left:298px; width:126px; height:48px; background-image:url(images/a-moderator.png) }
a#moderator:hover, a#moderator.active { background-position:0 -48px }
a#dj { top:95px; left:411px; width:84px; height:93px; background-image:url(images/a-dj.png) }
a#dj:hover, a#dj.active { background-position:0 -93px }
a#redakteur { top:213px; left:0px; width:217px; height:55px; background-image:url(images/a-redakteur.png) }
a#redakteur:hover, a#redakteur.active { background-position:0 -55px }
a#vita { top:154px; left:256px; width:87px; height:68px; background-image:url(images/a-vita.png) }
a#vita:hover, a#vita.active { background-position:0 -68px }
a#kontakt { top:243px; left:336px; width:108px; height:55px; background-image:url(images/a-kontakt.png) }
a#kontakt:hover, a#kontakt.active { background-position:0 -55px }

a#logo { top:0px; left:169px; width:270px; height:100px; background-image:url(images/logo.png) }

a#fb { display:block; float:left; width:36px; height:36px; background-image:url(images/a-fb.png); } 
a#tw { display:block; float:left; width:36px; height:36px; background-image:url(images/a-tw.png); } 
a#sc { display:block; float:left; width:36px; height:36px; background-image:url(images/a-sc.png); } 

#wrap { float:left; width:954px; background-image:url(images/bg-wrap.png); background-repeat:repeat-y }

#foot { clear:both; width:954px; height:83px; color:#b5b5b5; font-size:11px; text-align:right; background-image:url(images/bg-foot.png);  }
#foot img { float:right }

#sitemap { float:left; width:884px; padding:5px 0 10px 70px; text-align:center; color:#b5b5b5; font-size:11px }
#sitemap a { color:#b5b5b5; text-decoration:none; font-size:11px; padding:0 5px }
#sitemap a:hover { text-decoration:underline }
#sitemap div { clear:both; float:right; padding:0 28px 0 0; width:70px }

#ct-page img, #ct-home img { float:left }

#ct-page { padding:0 150px 0 150px; }

#ct-page ul { padding-left:25px }
#ct-page li { background-image:url(images/li-o.png); background-repeat:no-repeat; background-position:0 2px; padding:0 0 5px 18px }

#pics-home { padding:20px 0 10px 120px }

#socialbm { float:right; width:153px; padding:25px 25px 0 0 }
#socialbm a { margin-left:15px; cursor:pointer }

table.vita td { padding:0 0 10px 0; vertical-align:top }
table.termine td { padding:10px 20px 10px 0; vertical-align:top;  }
table.termine tr {background-image:url(images/a-grau.png); background-position:bottom; background-repeat:repeat-x }

table.vita td strong { font-size:16px; color:#F90; }
table.termine td strong { font-size:16px; color:#fff; }
table.termine td.date { padding:10px 30px 10px 10px;}

#picsbox { width:649px; height:404px; background-image:url(images/bg-pics.png); background-repeat:no-repeat }

.vct { float:left; width:193px; padding-right:10px }
.vct img { float:left }
.buv { clear:left; width:193px }