* { margin:0; padding:0; }
/* GENERAL ELEMENTS */
.Clear { clear:both; line-height:0; font-size:0; }
ol,ul { margin-left:15px; }
p { padding-bottom:10px; }
table { border:none; border-collapse:collapse; border-spacing:0; width:100%; }
td { padding:0; vertical-align:top; }
/* MAIN UI */
#Main { margin:20px auto; width:980px; }
.MenuItem { float:left; display:block; padding-top:2px; width:140px; height:17px; text-align:center; color:#FFF; }
#ContentHolder { position:relative; margin:10px auto 0 auto; padding:15px; width:950px; height:670px; background:url(assets/images/Background.jpg) no-repeat; }
#ContentLeft { float:left; }
#ContentLeftHinweis { margin-top:20px; }
#ContentMenu { position:relative; padding:15px; width:200px; }
#ContentMenuContent { position:relative; z-index:2; } #ContentMenuContent p { padding-bottom:8px; font-size:17px; }
#ContentMenuBackground { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#FFF; opacity:0.8; filter:alpha(opacity=80); z-index:1; }
#Content { float:left; margin-left:15px; padding:15px 0 15px 15px; width:685px; height:640px; background-color:#FFF; overflow:auto; }
#aImpressum { position:absolute; left:12px; bottom:12px; color:#FFF; }
.ListImage { width:210px; height:120px; overflow:hidden; }
.ListItem1 { padding-bottom:15px; cursor:pointer; } .ListItem1 .ListImage { float:left; position:relative; margin:5px 15px 0 0; } .ListItem1 a { font-weight:normal; }
.ListItem2 { float:left; padding:0 15px 20px 0; width:210px; cursor:pointer; } .ListItem2 .ListImage { margin-bottom:6px; } .ListItem2 a { font-weight:normal; } .ListItem2 h3 { margin-bottom:3px; }
/* MISC ELEMENTS */
.Bold { font-weight:bold; }
.Datum { color:#999; }
.Hidden { display:none; }
.IconZoom { position:absolute; bottom:-6px; right:-6px; }
.IntroStern { display:none; position:absolute; width:116px; height:116px; background-image:url(assets/images/IntroStars.gif); }
.PositionRelative { position:relative; }
.PrintClear { clear:both; line-height:0; font-size:0; }
.VideoContainer { height:340px; }
/* COLORS */
.BackgroundBlau { background-color:#009EE0; }
.BackgroundGelb { background-color:#F5B800; }
.BackgroundGruen { background-color:#97BF0D; }
.BackgroundLila { background-color:#AF93C0; }
.BackgroundOrange { background-color:#EE7F01; }
.BackgroundRosa { background-color:#B9006A; }
.BackgroundRot { background-color:#E64443; }
.BackgroundTuerkis { background-color:#45B397; }
.Blau { color:#009EE0; }
.Gelb { color:#F5B800; }
.Gruen { color:#97BF0D; }
.Lila { color:#AF93C0; }
.Orange { color:#EE7F01; }
.Rosa { color:#B9006A; }
.Rot { color:#E64443; }
.Tuerkis { color:#45B397; }
/* INTRO STARS */
#IntroStern1 { top:25px; left:25px; background-position:0 0; } #IntroStern2 { top:25px; left:160px; background-position:-116px 0; } #IntroStern3 { top:25px; left:298px; background-position:-232px 0; } #IntroStern4 { top:25px; left:432px; background-position:-348px 0; } #IntroStern5 { top:25px; left:568px; background-position:-464px 0; } #IntroStern6 { top:25px; left:704px; background-position:-580px 0; } #IntroStern7 { top:25px; left:840px; background-position:-696px 0; }
#IntroStern8 { top:162px; left:25px; background-position:0 -116px; } #IntroStern9 { top:162px; left:160px; background-position:-116px -116px; } #IntroStern10 { top:162px; left:298px; background-position:-232px -116px; } #IntroStern11 { top:162px; left:432px; background-position:-348px -116px; } #IntroStern12 { top:162px; left:568px; background-position:-464px -116px; } #IntroStern13 { top:162px; left:704px; background-position:-580px -116px; } #IntroStern14 { top:162px; left:840px; background-position:-696px -116px; }
#IntroStern15 { top:298px; left:25px; background-position:0 -232px; } #IntroStern16 { top:298px; left:160px; background-position:-116px -232px; } #IntroStern17 { top:298px; left:298px; background-position:-232px -232px; } #IntroStern18 { top:298px; left:432px; background-position:-348px -232px; } #IntroStern19 { top:298px; left:568px; background-position:-464px -232px; } #IntroStern20 { top:298px; left:704px; background-position:-580px -232px; } #IntroStern21 { top:298px; left:840px; background-position:-696px -232px; }
#IntroStern22 { top:432px; left:25px; background-position:0 -348px; } #IntroStern23 { top:432px; left:160px; background-position:-116px -348px; } #IntroStern24 { top:432px; left:298px; background-position:-232px -348px; } #IntroStern25 { top:432px; left:432px; background-position:-348px -348px; } #IntroStern26 { top:432px; left:568px; background-position:-464px -348px; } #IntroStern27 { top:432px; left:704px; background-position:-580px -348px; } #IntroStern28 { top:432px; left:840px; background-position:-696px -348px; }
#IntroStern29 { top:570px; left:25px; background-position:0 -463px; } #IntroStern30 { top:570px; left:160px; background-position:-116px -463px; } #IntroStern31 { top:570px; left:298px; background-position:-232px -463px; } #IntroStern32 { top:570px; left:432px; background-position:-348px -463px; } #IntroStern33 { top:570px; left:568px; background-position:-464px -463px; } #IntroStern34 { top:570px; left:704px; background-position:-580px -463px; } #IntroStern35 { top:570px; left:840px; background-position:-696px -463px; }