/*------------------------------------------------------------------------
ALLGEMEIN
------------------------------------------------------------------------*/ 

* {
    margin: 0px;
    padding: 0px;
    border: none;
    }

html, body {
    font: 12px normal Helvetica, sans-serif;
    color: #464646;
    margin: 0pc;
    padding: 0pc;
    background: #e6e6e6 url(html/img/layout/back.gif) repeat-x fixed center;
    }
    
#centcontainer {
    position: absolute; 
    top: 50%; 
    height: 606px;  
    margin-left: 10px;
    margin-top: -303px; 
    }

.hiddenimg, span { display: none; }

a { 
    color: #000000;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    }
    
#logo {
    margin: 0px;
    padding: 0px 0px 0px 68px;
    width: 360px;
    height: 53px;
    }
    
#logo a {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 360px;
    height: 53px;
    background: url(html/img/layout/logo.gif) no-repeat;
    }

#page {
    margin: 0px;
    padding: 0px;
    height: 500px;
    overflow: hidden;
    }
    
/*------------------------------------------------------------------------
NAVI
------------------------------------------------------------------------*/  

#navi {
    margin: 0px;
    padding: 0px;
    width: 130px;
    height: 500px;
    display: block;
    float: left;
    }
    
#blockoben {
    margin: 0px 0px 1px 0px;
    padding: 2px 5px;
    width: 120px;
    height: 14px;
    display: block;
    background-color: #FFFFFF;
    }
    
#england {
    margin: 0px 0px 1px 0px;
    padding: 0px;
    width: 130px;
    height: 59px;
    display: block;
    background: url(html/img/layout/en_button.gif) no-repeat 0px 0px;
    }

#deutschland {
    margin: 0px 0px 1px 0px;
    padding: 0px;
    width: 130px;
    height: 59px;
    display: block;
    background: url(html/img/layout/de_button.gif) no-repeat 0px 0px;
    }
    
#england:hover { background-position: 0px -59px; }
#deutschland:hover { background-position: 0px -59px; }


#navi ul {
    margin: 0px;
    padding: 0px;
    width: 130px;
    height: 120px;
    display: block;
    overflow: hidden;
    background: url(html/img/layout/menue_back.gif);
    }
    
#navi ul li {
    margin: 0px 0px 1px 0px;
    padding: 0px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 19px;
    display: block;
    overflow: hidden;
    }
    
#navi ul li a {
    margin: 0px;
    padding: 2px 10px 1px 4px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000000;
    }
    
#navi ul a:hover {
    background-color: #00FFFF;
    }
    
#navi ul li b {
    margin: 0px;
    padding: 2px 10px 1px 4px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #00FFFF;
    font-weight: 100;
    height: 19px;
    }
    
#blockunten {
    margin: 0px;
    padding: 0px;
    width: 130px;
    height: 361px;
    display: block;
    background-color: #FFFFFF;
    }


/*------------------------------------------------------------------------
THUMBNAVI
------------------------------------------------------------------------*/

#thumbnavi {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    width: 130px;
    height: 500px;
    display: block;
    float: left;
    background-color: #FFFFFF;
    }
    
#upbox, #downbox {
    margin: 0px;
    padding: 0px;
    width: 130px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    }
    
#upbox {background-image: url(html/img/layout/pfeiloben_grey.gif);}
#downbox {background-image: url(html/img/layout/pfeilunten_grey.gif);}
    
#upbox a, #downbox a{
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFFFFF;
    margin: 0px 3px 0px 3px;
    padding: 0px;
    width: 124px;
    height: 18px;
    display: block;
    }
    
#upbox a:hover, #downbox a:hover{
    background-color: #00FFFF;
    }
    
#upbox a {background-image: url(html/img/layout/pfeiloben.gif);}
#downbox a {background-image: url(html/img/layout/pfeilunten.gif);}
    
#picthumbs {
    margin: 0px;
    padding: 2px 0px 0px 3px;
    width: 127px;
    height: 462px;
    background-image: url(html/img/layout/picthumbs.gif);
    background-position: 0px 2px;
    overflow: hidden;
    }
    
#picthumbs a img {
    color: #FFFFFF;
    margin: 0px 2px 2px 0px;
    padding: 0px;
    border: 0px;
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    background-color: #000000;
    }
    
#filmthumbs {
    margin: 7px 0px 1px 0px;
    padding: 0px 3px 0px 3px;
    width: 124px;
    height: 456px;
    background-image: url(html/img/layout/filmthumbs.gif);
    background-position: 0px 0px;
    overflow: hidden;
    }
    
#filmthumbs a img {
    margin: 0px 0px 6px 0px;
    padding: 0px;
    border: 0px;
    width: 124px;
    height: 70px;
    display: block;
    color: #FFFFFF;
    background-color: #000000;
    }


/*------------------------------------------------------------------------
CONTENTBOX
------------------------------------------------------------------------*/

#contentbox {
    margin: 0px 0px 0px 10px;
    padding: 17px 18px 0px 18px;
    min-width: 224px;
    height: 483px;
    line-height: 15px;
    display: block;
    float: left;
    background-color: #FFFFFF;
    }
    
#contentbox h2 { 
    margin: 0px 0px 1px 0px;
    padding: 3px 0px 1px 0px;
    font-size: 15px;
    text-indent: 4px;
    width: 110px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 100;
    background-color: #000000;
    } 
    
#contentbox h3 { 
    margin: 0px 0px 5px 0px;
    padding: 3px 0px 1px 0px;
    font-size: 15px;
    text-indent: 4px;
    width: 166px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 100;
    background-color: #000000;
    }
        
#contentbox p {
    margin: 5px 0px 10px 4px;
    padding: 0px;
    } 
    
#contentbox b {
    margin: 0px;
    color: #000000;
    text-transform: uppercase;
    }
    
#contentbox ul {
    margin: 5px 0px 10px 4px;
    padding: 0px;
    list-style: none; 
    }
    
#contentbox ul li {
    margin: 0px 0px 1px 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 16px; 
    }
    
#contentbox ul b {
    margin: 0px 4px 0px 0px;
    padding: 0px;
    width: 72px;
    text-indent: 2px;
    display: block;
    float: left;
    }
    
    
/*------------------------------------------------------------------------
CONTENTBOX - NEWSBOX
------------------------------------------------------------------------*/

#newsbox {
    margin: 18px 0px 0px 0px;
    padding: 0px;
    }
    
#newsbox a:hover {
    background-color: #00FFFF;
    }





/*------------------------------------------------------------------------
CONTENTBOX - TXTCONTENT
------------------------------------------------------------------------*/

#txtcontent {
    margin: 0px;
    padding: 0px;
    }
    
#txtcontent a, #infotext a {
    background-color: #00FFFF;
    }
    
#txtcontent a:hover {
    color: #FFFFFF;
    background-color: #000000;
    }
    
#infotext a:hover {
    color: #FFFFFF;
    background-color: #000000;
    }
   
/*------------------------------------------------------------------------
CONTENTBOX - BILDER
------------------------------------------------------------------------*/
    
#contentbox #bild {
    margin: 0px;
    padding: 0px;
    }
    
#contentbox #bild img {
    margin: 0px;
    padding: 0px;
    height: 462px;
    border: 2px #464646 solid;
    color: #FFFFFF;
    background-color: #464646;
    }
    
#contentbox #bild_news {
    margin: 0px;
    padding: 2px;
    background-color: #464646;
    }
    
#contentbox #bild_news img {
    margin: 0px;
    padding: 0px;
    width: 426px;
    height: 317px;
    color: #FFFFFF;
    background-color: #464646;
    }
    
#contentbox #bild a img {
    margin: 0px;
    padding: 0px;
    display: block;
    height: 462px;
    color: #FFFFFF;
    background-color: #464646;
    }
    
#contentbox #bild2 {
    margin: 0px;
    padding: 0px;
    width: 566px;
    height: 423px;
    overflow: hidden;
    background-color: #00FFFF;
    }
    
#contentbox #bild2 img {
    margin: 0px;
    padding: 0px;
    width: 566px;
    height: 423px;
    background-color: #00FFFF;
    }
    
#contentbox #bild2 a img {
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    }
    

/*------------------------------------------------------------------------
CONTENTBOX - VIDEONAVI
------------------------------------------------------------------------*/

#contentbox #reaktionsbox {
    margin: 0px;
    padding: 20px;
    width: 526px;
    height: 399px;
    color: #FFFFFF;
    background-color: #464646;
    overflow: auto;
    }
    
#contentbox #reaktionsbox #keinfestival {
    margin: 190px 0px 0px 0px;
    padding: 0px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #000000;
    }
    
#contentbox #reaktionsbox a {
    color: #00FFFF;
    }
    
#contentbox #reaktionsbox a:hover {
    color: #FFFFFF;
    }
    
#contentbox #reaktionsbox h1 {
    font-size: 15px;
    text-transform: uppercase;
    }
    
#contentbox #reaktionsbox ul {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    }
    
#contentbox #reaktionsbox li {
    margin: 0px;
    padding: 3px 0px;
    }

#contentbox #video {
    margin: 0px;
    padding: 2px 2px 0px 2px;
    background-color: #000000;
    }

#contentbox #titlebox {
    margin: 0px 0px 17px 0px;
    padding: 11px 0px 0px 5px;
    height: 76px;
    color: #FFFFFF;
    background-color: #000000;
    text-transform: uppercase;
    }
    
#contentbox #titlebox h1 {
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 100;
    letter-spacing: -1px;
    line-height: 17px;
    }
    
#contentbox #titlebox b {
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -1px;
    line-height: 18px;
    }
    
#contentbox ul#filmnavi {
    margin: 39px 0px 0px 0px;
    padding: 0px 0px 0px 2px;
    height: 145px;
    list-style: none;
    text-transform: uppercase;
    font-size: 12px;
    }
    
#contentbox ul#filmnavi li {
    margin: 0px;
    padding: 0px;
    line-height: 11px;
    }

#contentbox ul#filmnavi li a {
    margin: 0px;
    padding: 0px;
    }
    
#contentbox ul#filmnavi li a:hover {
    margin: 0px;
    padding: 0px;
    color: #008080;
    }

#contentbox ul#videonavi {
    margin: 0px;
    padding: 0px 0px 0px 8px;;
    height: 27px;
    background-color: #000000;
    list-style: none;
    overflow: hidden;
    }
    
ul#videonavi li {
    margin: 0px 5px 0px 0px;
    padding: 0px;
    height: 27px;
    color: #00FFFF;
    line-height: 27px;
    text-transform: uppercase;
    display: block;
    float: left;
    background-position: 0px -27px;
    overflow: hidden;
    }
    
ul#videonavi li a {
    margin: 0px;
    padding: 0px;
    height: 27px;
    color: #FFFFFF;
    display: block;
    float: left;
    }
    
ul#videonavi li a:hover {
    background-position: 0px -27px;
    color: #00FFFF;
    }
    
ul#videonavi #flv {
    background-image: url(html/img/layout/b_flv.gif);
    background-repeat: no-repeat;
    width: 22px;
    }
    
ul#videonavi #mov {
    background-image: url(html/img/layout/b_mov.gif);
    background-repeat: no-repeat;
    width: 22px;
    }
    
ul#videonavi #wmv {
    background-image: url(html/img/layout/b_wmv.gif);
    background-repeat: no-repeat;
    width: 26px;
    }
    
ul#videonavi #down {
    background-image: url(html/img/layout/b_down.gif);
    background-repeat: no-repeat;
    width: 22px;
    }

    

/*------------------------------------------------------------------------
CONTENTBOX - IMGNAVI 1+2
------------------------------------------------------------------------*/

#contentbox ul#imgnavi {
    margin: 0px;
    padding: 0px;
    height: 17px;
    display: block;
    float: left;
    overflow: hidden;
    }

#contentbox ul#imgnavi li {
    margin: 4px 5px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    background-color: #464646;
    }
    
#contentbox ul#imgnavi li a {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #464646;
    background-color: #FFFFFF;
    float: left;
    }
    
#contentbox ul#imgnavi li a:hover {
    background-color: #464646;
    }
    
    
#contentbox ul#imgnavi2 {
    margin: 0px;
    padding: 0px;
    width: 566px;
    height: 16px;
    display: block;
    background-color: #000000;
    overflow: hidden;
    }

#contentbox ul#imgnavi2 li {
    margin: 7px 0px 0px 5px;
    padding: 0px;
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    background-color: #00FFFF;
    }
    
#contentbox ul#imgnavi2 li a {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #00FFFF;
    background-color: #000000;
    float: left;
    }
    
#contentbox ul#imgnavi2 li a:hover {
    background-color: #00FFFF;
    }
    
    
/*------------------------------------------------------------------------
CONTENTBOX - NETZ
------------------------------------------------------------------------*/

#contentbox #linkbox {
    margin: 0px 0px 0px 470px;
    padding: 0px;
    width: 108px;
    float: left;
    font-size: 10px;
    display: block;
    text-transform: uppercase;
    text-align: right;
    overflow: hidden;
    }    
    
/*------------------------------------------------------------------------
CONTENTBOX - KONTAKT
------------------------------------------------------------------------*/

#messenger1, #messenger2 {
    margin: 0px 0px 2px 0px;
    padding: 0px;
    width: 170px;
    height: 19px;
    line-height: 19px;
    }
    
#messenger1 a, #messenger2 a {
    margin: 0px;
    padding: 0px;
    text-indent: 25px;
    display: block;
    }

#messenger1 a {
    background: #00FFFF url(html/img/layout/icq.gif) no-repeat;
    }

#messenger2 a {
    background: #00FFFF url(html/img/layout/msn.gif) no-repeat;
    }
    
#messenger1 a:hover, #messenger2 a:hover {
    background-position: 0px -19px;
    }
    
#england:hover { background-position: 0px -59px; }
    
#contentbox #inputt, #contentbox #textarea {
    margin: 0px 0px 1px 0px;
    padding: 5px 2px 0px 3px;
    width: 256px;
    font: 11px Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #000000;
    line-height: 18px;
    }
    
#contentbox input {
    height: 18px;
    background-color: #000000;
    }
    
#contentbox #error {
    background-color: red;
    }
    
#senden {
    margin: 1px 0px 0px 0px;
    padding: 0px;
    color: #FFFFFF;
    cursor: pointer;
    }
    
#senden:hover {
    color: #000000;
    background-color: #00FFFF;
    }
    
#inputtcaptcha {
    margin: 0px 1px 0px 0px;
    padding: 5px 2px 0px 3px;
    width: 121px;
    font: 11px Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #000000;
    line-height: 18px;
    float: left;
    text-transform: uppercase;
    }
    
 
/*------------------------------------------------------------------------
CONTENTBOX - FREUNDE
------------------------------------------------------------------------*/
    
#col01, #col02, #col03 {
    padding: 0px;
    width: 166px;
    height: 450px;
    display: block;
    float: left;
    text-transform: uppercase;
    line-height: 14px;
    overflow: hidden;
    }
    
#col01 a, #col02 a, #col03 a{
    margin: 0px;
    padding: 1px 4px 0px 3px;
    background-color: #00FFFF;
    }

#col01 a:hover, #col02 a:hover, #col03 a:hover{
    color: #FFFFFF;
    background-color: #000000;
    }
    
#col01 { margin: 0px; }

#col02 { margin: 0px 0px 0px 10px; }

#col03 { margin: 10px 0px 0px 0px; }

/*------------------------------------------------------------------------
INFOBOX
------------------------------------------------------------------------*/

#infobox {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    height: 500px;
    width: 130px;
    float: left;
    display: block;
    overflow: hidden;
    font-size: 10px;
    }
    
#infobox h2 {
    margin: 0px 0px 1px 0px;
    padding: 0px;
    width: 130px;
    height: 19px;
    display: block;
    }

#infobox #name {
    background: #000000 url(html/img/layout/h_name.gif) no-repeat;
    }
    
#infobox #info {
    background: #000000 url(html/img/layout/h_info.gif) no-repeat;
    }
    
#infobox #infotext {
    margin: 0px;
    padding: 2px 5px;
    background-color: #FFFFFF;
    width: 120px;
    height: 418px;
    line-height: 12px;
    }
    
#infobox #infotext p {
    margin: 5px 0px;
    padding: 0px;
    }
    
#infobox #infotext:first-line { 
    font-weight: bold;
    color: #000000;
    letter-spacing: -1px;
    }
    
/*------------------------------------------------------------------------
INFOBOX2
------------------------------------------------------------------------*/

#infobox2 {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    height: 500px;
    width: 260px;
    float: left;
    display: block;
    overflow: hidden;
    font-size: 10px;
    }
    
#infobox2 h2 {
    margin: 0px 0px 1px 0px;
    padding: 0px;
    width: 260px;
    height: 19px;
    display: block;
    }

#infobox2 #member {
    background: #000000 url(html/img/layout/h_member.gif) no-repeat;
    }
    
#infobox2 #infotext {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    width: 260px;
    height: 461px;
    }
    
#infobox2 #memberof01 {
    width: 260px;
    height: 99px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background: url(html/img/layout/memberof01.gif) no-repeat;
    display: block;
    }
    
#infobox2 #memberof02 {
    width: 260px;
    height: 62px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    background: url(html/img/layout/memberof02.gif) no-repeat;
    display: block;
    }
    
#infobox2 a:hover #memberof01 {
    background-position: 0px -99px;
    }
    
/*------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------*/

#footer {
    margin: 3px 0px 0px 0px;
    padding: 0px;
    font-size: 10px;
    color: #9f9f9f;
    text-align: right;
    }
    
#footer a {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    }