/* MISC
------------------------------------------------------------------------------*/


*{
  outline:none;
  font-family:helvetica, arial;
  font-size:13px;
  color:#000;
}

body{
  margin:0;
  padding:0;
  background:#FFF;
}

img{
  border:0;
}

.clear{
  clear:both;
}


/* CONTENT
------------------------------------------------------------------------------*/

#content{
  width:500px;
  position:absolute;
  left:400px;
  top:200px;
  z-index:3;
  color:#000;
  background:#FFF;
  padding:20px;
}

#content h1{
  text-transform:uppercase;
  font-size:18px;
  padding:0;
  margin:0 0 10px 0;
}

#content h2{
  font-size:14px;
  padding:0;
  margin:10px 0 10px 0;
}

#content h3{
  font-size:14px;
  padding:0;
  margin:10px 0 10px 0;
  color:#666;
}

#content p{
  line-height:1.4em;
  padding:10px 0;
  margin:0;
}

/* GALLERY */

#content .gallery{
  margin:20px 0;
}

#content .gallery a{
  margin:0 10px 10px 0;
  height:100px;
  width:100px;
  display:block;
  float:left;
}


/* LINKS */

#content a{
  color:#cf4a59;
  text-decoration:none;
}
#content a:hover{
  color:#000;
}

#content a.sml{
  font-size: 11px;
}

#content a.pdf{
  font-size: 11px;
  background: transparent url(../images/layout/icon_pdf.png) no-repeat left 50%;
  padding-left:20px;
}

#content a.yt{
  font-size: 11px;
  background: transparent url(../images/layout/icon_youtubelink.png) no-repeat 50% 50%;
  width:37px;
  height:16px;
  display:block;
}


#content a.back{
  display:block;
  background: transparent url(../images/layout/back.gif) no-repeat left 50%;
  padding-left:15px;
  margin:20px 0 0 0;
}


#content .line{
  width:500px;
  height:10px;
  background: transparent url(../images/layout/line.gif) repeat-x 50% 50%;
  margin:20px 0px;
}

#content p.small{
  color:#999;
  font-size:11px;
}

#content ul{
  margin: 10px 0;
  padding:0;
  list-style-type: none;
}
#content ul li{
  padding-left:12px;
  background: transparent url(../images/layout/dot.gif) no-repeat left 7px;
  line-height:1.6em;

}

#content .float{
  width:160px;
  float:left;
}

#content .left{
  width:330px;
  float:left;
}


/* CODE */

#content label.code{
  color:#999;
  font-size:11px;
  display:block;
  margin:10px 0 5px 0;
}
#content textarea.code{
  width:400px;
  height:50px;
  margin:0 0 20px 0;
}


/* CONTENT > ARCHIV
------------------------------------------------------------------------------*/

#content .archiv .text{
  width:320px;
  float:left;
}
#content .archiv .text h2{
  margin:0;
  padding:0 0 20px 0;
}

#content .archiv .text h4{
  color: #666;
  margin:10px 0 0 0;
  padding:0;
  font-weight:normal;
}

#content .archiv .text ul{
  margin:5px 0 20px 5px;
}

#content .archiv .text ul li{
  background-position: left 6px;
}

#content .archiv .plakat{
  width:180px;
  float:right;
  text-align:right;
}

#content .archiv .plakat a img{
  border:1px solid #C1C1C1;
  width:150px;
  height:210px;
  display:block;
  float:right;
  margin:0 0 10px 0;
}


/* CONTENT > JURY
------------------------------------------------------------------------------*/

#content .jury{
  clear:both;
  width:500px;
}

#content .jury .image{
  width:130px;
  height:170px;
  float:left;
}

#content .jury .image img{
  width:100px;
}

#content .jury .info{
  width:350px;
  float:left;
}


#content .jury .info p,
#content .jury .info h3{
  margin:0 0 5px 0;
  padding:0;
}

#content .jury .info p.small{
  color:#666;
  font-size:10px;
  text-transform:uppercase;
}


/* PROGRAMM
------------------------------------------------------------------------------*/

#content .progdays h2{
  margin:0;
  padding:0;
  text-transform: uppercase;
}
#content .progdays p{
  color:#666;
}


/* CONTAINER
------------------------------------------------------------------------------*/

#flash{
  position:fixed;
  top:0;
  left:0;
  width:960px;
  height:800px;
  overflow:hidden;
  background:#FFF url(../images/layout/noflash_background.gif) no-repeat left top;
}

#line{
  width:100%;
  height:10px;
  background:#000;
  position:absolute;
  top:0;
  left:0;
  z-index:3;
}

#menu{
  position:absolute;
  top:500px;
  left:40px;
  z-index:3;
  width:320px;
  text-align:right;
}

#sponsorenlogos{
  position:absolute;
  top:840px;
  left:40px;
  z-index:3;
  width:320px;

}

#sponsorenlogos p{
  color:#999;
  font-size:11px;
  line-height:1.4em;
  margin:20px 0;
}

#sponsorenlogos img{
  margin:0 10px 10px 0;
}


#logo{
  position:absolute;
  top:200px;
  left:40px;
  z-index:3;
  width:300px;
  height:270px;
}

#subtitle{
  width:500px;
  position:absolute;
  left:400px;
  top:85px;
  z-index:3;
}




/* MENU
------------------------------------------------------------------------------*/

#menu .web20{
  float:right;
  margin:20px 0 0 0;
}
#menu .web20 a{
  margin-left:5px;
}

#menu ul{
  width: 300px;
  margin:0;
  padding:0;
  list-style-type:none;
  float:right;
}

#menu ul li a{
  text-decoration: none;
  line-height:1.5em;
  text-transform: uppercase;
  font-size:14px;
  background:#FFF;
}
#menu ul li a:hover{
  text-decoration: none;
  height:16px;
  background:#000;
  color:#FFF;
}

#menu ul li a.act{
  background:#FFF url(../images/layout/back.gif) no-repeat right 50%;
  padding-right:15px;
}
#menu ul li a.act:hover{
  color:#000;
}


#menu ul.lang{
  margin:20px 0 0 0;
}
#menu ul.lang li a{
  color:#999;
}