* {margin: 0;       padding: 0;}
body {margin:0;background:#000 url(images/bg.png) repeat-x;}
.mittig {text-align:center !important;}
.text {
         padding:5px 8px 5px 8px;
         font:normal 11px Arial, Helvetica, sans-serif;
         text-decoration: none;           text-align: justify;        color: #FFFFFF;
         }
a:link, a:hover, a:visited {text-decoration: underline;}

#page {  /* Landing Page Grundrahmen */
         margin:0 auto;  padding:5px;    width:850px;
         font:normal 100.01% Verdana, Arial, sans-serif;
         text-align:center;              color:#FFF;
         background:transparent url(images/bgTrans.png) repeat;
         }
#page h1 {
         margin:20px auto;       padding:10px 10px 0 10px;       width:808px;
         font:normal bold 225%/115% Verdana;     color:#C1AB1A;
         background-color:#000;
         border:2px solid #A0871C;
         }
         #page h1 span {display:block;}
                 #page h1:first-line {font:italic bold 84.3%/90% Georgia, Verdana;    color:#AA1D1C;}
#page h1.removeIMG {
         margin:20px auto;   padding:5px 5px 0 5px;      height:144px;   width:842px;
         text-indent:-9999px;
         background:url(images/startHEADER.png) left top no-repeat;
         border:none;
         }
p.greyBG { /* kurzer Introtext vor Fake-Video Buttons */
         margin:10px auto;       padding:5px 5px 5px 10px;       width:498px;
         background:transparent url(images/bgTrans.png) repeat;
         font-size:80%;  font-weight:bold;       text-align:left;
         border:0; -moz-border-radius:15px; -webkit-border-radius:15px;
         }

.fakeVid span { /* fake-video button */
         display:none;
         }
         .fakeVid:link, .fakeVid:visited {
                 display:block;
                 margin:0 auto;  margin-bottom:200px;
                 width:512px; height:300px;
                 background:transparent url(images/fakeVid1.png);
                 border:none;
                 }
                 .fakeVid:hover, .fakeVid:active, .fakeVid:focus {
                         margin:0 auto;  margin-bottom:200px;
                         background-image:url(images/fakeVid1HOVER.png);
                         border:none;
                         }

.blackBG { /* Box für Text unter den Fake-Video Buttons */
         margin:10px auto;       padding:5px;    width:798px;
         background-color:#000;
         border:0; -moz-border-radius:105px; -webkit-border-radius:105px;
         }
.blackBG h2 {
         margin:0 auto; padding:5px;
         width:400px;
         color:#B4911A;
         border:1px solid #A0871C;
         }
.blackBG p {margin:8px auto;        padding:5px;    width:500px;         text-align:justify;}


         /* ###################################################
                 sex-fetisch.com/index.php - Eingangsseite mit Entry und Leave Button
            ################################################### */

#entry {margin:10px 15% 50px 15%; padding:2px;}
.warning {margin:5px auto !important; border:none !important;}
.colL {float:left; width:30%;}
.colR {float:right; width:30%;}
.clear {clear:both;}

.enter span {display:none;}
         .enter:link, .enter:visited {
                 display:block;
                 width:160px; height:80px;
                 background:transparent url(images/enter.png);
                 border:none;
                 }
                 .enter:hover, .enter:active, .enter:focus {
                         background-image:url(images/enterHOVER.png);
                         border:none;
                         }
.leave span {display:none;}
         .leave:link, .leave:visited {
                 display:block;
                 width:160px; height:80px;
                 background:transparent url(images/leave.png);
                 border:none;
                 }
                 .leave:hover, .leave:active, .leave:focus {
                         background-image:url(images/leaveHOVER.png);
                         border:none;
                         }


         /* ###########
                 Footer ######## */
#fuss {
         margin-bottom:50px;     padding-bottom:5px;
         text-align:left;        font-size:68%;          font-weight:bold;
         color:#000;
         }
         #fuss a:link, #fuss a:visited {color:#000; text-decoration:none; border-bottom:1px dashed #AD1F05;}
         #fuss a:focus, #fuss a:hover {color:#000; text-decoration:none; border-bottom:1px solid #AD1F05;}
         #fuss a:active {color:#AD1F05; text-decoration:none; border:none;}
#fussBorder {
         margin:0; padding:5px 5px 5px 5px;
         -moz-border-radius:105px; -webkit-border-radius:105px;
         background-color:#A0871C;
         }
#fussL {
         float:left;
         margin-bottom:30px; padding:10px 5px 10px 5px;
         background-color:#FFF;
         border-top:1px inset #000; border-right:1px inset #000; border-left:1px inset #000;
         }
         #fussL ul#menu {padding-right:10px;}
         #fussL ul {list-style:disc inside; color:#AD1F05;       padding-top:3px;        padding-bottom:7px;}
                 #fussL ul li {padding-bottom:7px; padding-left:1px;}
ul#sitemap {padding-right:27px;}
         ul#sitemap li {padding-bottom:7px;       padding-left:20px;}

#fussR {
         float:right;
         margin:0;       padding:10px 5px 10px 5px;
         background-color:#FFF;
         border-top:1px inset #000; border-right:1px inset #000; border-left:1px inset #000;
         }
         #fussR a {border:none !important;}



/* ######## fetisch-filme.php Filmliste ######### */
#page h2.filmListHL2 {
         margin-top:10px;        display:block;          width:350px;
         font-size:80%;          color:#C1AB1A;
         border:none;    border-bottom:1px solid #333;        border-top:1px solid #333;
         }
ul.filmList {
         margin:20px auto;       padding:0;      width:45%;
         list-style-type:none;   border-left:8px solid #AD1F05; border-right:8px solid #AD1F05;
         }
         ul.filmList li {padding:10px 0;         font-size:78%;}
                 ul.filmList li a:link, ul.filmList li a:active, ul.filmList li a:visited {
                         padding-top:3px;        padding-bottom:3px;
                         display:block;
                         color:#FFF;             background-color:#333;
                         font-size:136.01% !important;      line-height:120%;      text-decoration:none;
                         }
                         ul.filmList li a:link span, ul.filmList li a:active span, ul.filmList li a:visited span {
                                 display:block;
                                 font-size:78%;  font-weight:bold;
                                 }
                 ul.filmList li a:hover, ul.filmList li a:focus {
                         display:block;
                         color:#AD1F05;
                         background-color:#FFF;
                         }
                         ul.filmList li a:hover span, ul.filmList li a:focus span {
                                 display:block;
                                 color:#000;
                                 background-color:#FFF;
                                 }



/* ####################################
         Video-Seiten Styles
   #################################### */

.sprache {font:normal 10px Verdana, Arial, Helvetica, sans-serif;        color: #000;}
.login {font:bold 10px Verdana, Arial, Helvetica, sans-serif;            color:#FFF;}
.name {
         padding-left:20px;
         font:bold 24px Arial, Helvetica, sans-serif;
         color:#FFF;     text-decoration:none;
        }
.form {
         width:100px;            height:18px;
         background-color:#FFF;  border:1px solid #FFF;
         }
.de16 {  /* Tabellen-Zeile für Language und Breadcrumps musste per CSS mit Hintergrund-Grafik
         belegt werden, weil sonst kein Text drüber gepasst hätte. */
         width:1000px; height:117px; background:#000 url(images/de_16.jpg) top left no-repeat;
         }

#brCr {  /* Bread Crump auf den Video-Seiten zu finden ungefähr in line 90 */
         margin:0 0 50px 120px;
         font:normal 111.01% Arial, sans-serif;
         }
         #brCr a {color:#AD1F05;}
                 #brCr a:hover, #brCr a:focus, #brCr a:active {color:#000; text-decoration:none;}



         /* ##########################
                 sitemap.php Styles ############## */

#index {text-align:left !important;}
         #index ul {
                 padding-right:27px;             list-style-type:none;
                 text-align:left !important;     font-size:88%;          font-weight:bold;
                 }
                 #index ul li {padding-bottom:7px;       padding-left:20px;}
                         #index a {color:#FFF;        font-size:88%;          font-weight:bold;}