body, p, div, a {
  font-family:"Lucida Sans Unicode","Lucida Grande","Bitstream Vera Sans","Trebuchet MS",Verdana,Arial,sans-serif;
  font-size:12px;
}

a:active, a:focus { outline:none; outline-width:0px}

#container {
text-align:center;
  position:relative;
  width:996px;
  height:580px;
  text-align:left;
  overflow:hidden;
  background-color:transparent;
}

#logo {
  position:absolute;
  top:10px;
  width:996px;
  height:80px;
  left:0px;
  background-color:transparent;
}

#logo img.logo {
  float:right;
  margin-right:30px;
}

#title {
  font-size:24px;
  color:#15404f;
  margin-top:15px;
  margin-left:30px;
}

#subtitle {
  margin-top:7px;
  margin-left:30px;
}

#navigation {
  position:absolute;
  top:118px;
  left:0px;
  width:996px;
  height:32px;
  background-color:transparent;
}

#content {
  position:absolute;
  top:150px;
  left:0px;
  width:996px;
  height:400px;
  background-image:url(/img/background.png);
  background-repeat:no-repeat;
  background-color:transparent;
}

div.description {
  float:right;
  width:320px;
  height:320px;
  padding:36px;
  color:black;
  line-height:1.7em;
  background-color:transparent;
}

div.clips {
  float:left;
  width:200px;
  height:320px;
  padding:40px;
  padding-right:0px;
  background-color:transparent;
}

div.clips a {
  display:block;
  background:url(img/playlist.png) no-repeat 0px 0px;
  height:29px;
  width:195px;
  padding-left:5px;
  font-size:10px;
  text-decoration:none;
  letter-spacing:-1px;
  color:black;
}

div.clips a.playing, div.clips a.progress, div.clips a.playing:hover, div.clips a.progress:hover {
  background-position:0px -58px;
  text-decoration:none;
  color:white;
}

div.clips a.paused, div.clips a.paused:hover {
  background-position:0px -87px;
  text-decoration:none;
  color:white;
}

div.clips a span {
  display:block;
  font-size:9px;
  color:#666;
}

div.clips a:hover {
  color:#0a51a1;
  background-position:0px -29px;
}

#footer {
  position:absolute;
  bottom:0px;
  left:0px;
  width:996px;
  height:20px;
  text-align:right;
  font-size:11px;
  color:navy;
  background-color:transparent;
}

#footer a {
  color:#ac9a80;
  text-decoration:none;
  font-size:11px;
  margin:0px 5px;
}

#footer a:hover {
  text-decoration:underline;
  color:#0a51a1;
}

#footer a.external {
  text-decoration:none;
  background:url(/img/external_brown.png) center right no-repeat;
  padding-right:13px;
}
#footer a.external:hover {
  text-decoration:underline;
  background:url(/img/external_blue.png) center right no-repeat;
  padding-right:13px;
}

a {text-decoration:none}
a:link {color:#0a51a1}
a:visited {color:#0a51a1}
a:focus {color:#0a51a1}
a:hover {color:#0a51a1;text-decoration:underline;}
a:active {color:#0a51a1;}

a.external {
  text-decoration:none;
  background:url(/img/external_blue.png) center right no-repeat;
  padding-right:13px;
}

a.external:hover {
  text-decoration:underline;
}

#video {
  display:block;
  margin-top:40px;
}

ul#navigation { 
  list-style:none; 
  margin:0 !important; 
  padding:0 !important;
}

ul#navigation li { 
  float:left;
  text-indent:0;
  margin:0 !important;
  padding:0 !important;
  list-style-image:none !important; 
}

ul#navigation li a { 
  font-size:11px;
  display:block;
  height:32px;  
  line-height:32px;
  width: 166px;
  text-align:center;
  background: url(/img/tabs.png) no-repeat 0px 0px;
  text-decoration:none;
  color:#000000;
  padding:0px;
  margin:0px;	
}

ul#navigation li a {
  font-weight:bold;
  font-size:13px;
  display:block;
  text-decoration:none;
}
ul#navigation li a.first { background-position: 0 0; }
ul#navigation li a.middle { background-position: -165px 0; }
ul#navigation li a.last { background-position: -330px 0; }

ul#navigation li a:hover {color:#0a51a1;cursor:pointer}
ul#navigation li a.first:hover { background-position:      0 -33px; }
ul#navigation li a.middle:hover { background-position: -165px -33px; }
ul#navigation li a.last:hover { background-position: -330px -33px; }

ul#navigation li.active a {
  cursor:default !important;
  color:white;
  
}
ul#navigation li.active a.first { background-position:      0 -66px; }
ul#navigation li.active a.middle { background-position: -165px -66px; }
ul#navigation li.active a.last { background-position: -330px -66px; }

a.download {
  text-decoration:none;
  display:block;
  height:90px;
  background:url(/img/download.png) no-repeat center left;
  background-color:transparent;
  padding-left:70px;
  padding-top:10px;
  font-size:9px;
  line-height:1.5em;
  color:#989898;
}

a.download:hover {
  text-decoration:none;
  color:#989898;
}

p.password {
  height:73px;
  background:url(/img/video.png) no-repeat center left;
  padding-left:70px;
  padding-top:10px;
  font-size:9px;
  line-height:1.5em;
  color:#989898;
}
div.items {
  width:6000px;
  position:absolute;
  overflow:hidden;
  clear:both;
}

div.items div.item {
  float:left;
  width:996px;
  height:400px;
}

#impressum {
  cursor:pointer;
}

div.overlay { 
  background-image:url(/img/overlay_bg.png); 
  background-color:transparent;
  width:700px; 
  height:470px;
  padding:55px; 
  display:none;
  font-size:11px;
} 
 
div.overlay div.close { 
  background-image:url(/img/close.png); 
  position:absolute; 
  right:5px; 
  top:5px; 
  cursor:pointer; 
  height:35px; 
  width:35px; 
}

.s {
  font-size:11px ! important;
}