/* Main CSS File for www.fesselnde-freiheit.de */ /* Colors: Background: #080702 - darker grey Content: #888888 - dark grey Menu: #e9e9e9 - light grey Elements: #800000 - darker red Subelements: #d27f79 - light red */ body.site { background-color:#080702; color:#888; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* scrollbar-base-color:#080702; scrollbar-3dlight-color:#080702; scrollbar-darkshadow-color:#080702; scrollbar-track-color:#080702; scrollbar-face-color:#080702; scrollbar-shadow-color:#800000; scrollbar-arrow-color:#888888; scrollbar-highlight-color:#800000; */ font-family: Geneva, Georgia; border-color: #800000; } /* Main Site Container */ div.Inhalte {position:absolute;left:0px; top:0px; width:970px; height:773px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Layout Head Container */ div.head001 {background-image:url(img/fesselnde_freiheit_01.jpg); position:absolute; left:0px; top:0px; width:970px; height:38px;} div.head002 {background-image:url(img/head.gif); position:absolute; left:655px; top:0px; width:86px; height:123px;} div.head003 {position:absolute; left:60px; top:0px; width:680px; height:128px;} div.head004 {background-image:url(img/fesselnde_freiheit_06.jpg); position:absolute; left:741px; top:38px; width:229px; height:85px;} div.head005 {background-image:url(img/fesselnde_freiheit_05.jpg); position:absolute; left:740px; top:38px; width:1px; height:85px;} /* Lady Vampira Container */ div.bodypic {background-image:url(img/fesselnde_freiheit_08.jpg); position:absolute; left:655px; top:123px; width:315px; height:592px;} .iframe {border:none; background-color: #000000; width:680px; height:123px; overflow:hidden; z-index:1;} /* Main Content Container */ div.main001 {overflow: auto; position:absolute; left:155px; top:136px; width:490px; height:579px;} div.main002 {overflow: visible; position:relative; left:8px; top:0px; width:460px; height:500px;} div.mainright {background-image:url(img/mainright.gif); position:absolute; left:596px; top:253px; width:60px; height:232px; z-index:9} div.mainleft {background-image:url(img/mainleft.gif); position:absolute; left:150px; top:136px; width:17px; height:579px;} /* Main Menu Container */ div.menu {position:absolute; left:0px; top:135px; width:170px; height:700px;} div.dielady {position:relative; left:0px; top:0px; width:170px; height:auto;} div.empire {position:relative; left:0px; top:0px; width:170px; height:30px; z-index:51; background:none;} div.imprint {position:absolute; left:0px; top:510px; width:170px; height:60px;z-index:52; } div.lines {background-image:url(img/fesselnde_freiheit_16.jpg); position:absolute; left:0px; width:17px; height:30px;} /* News and Events Container */ div.news {position:relative; left:5px; top:0px; width:470px; height:auto;} div.newsheadline {position:relative;left:5px; top: auto; width:470px; font-weight:bold; font-size:16px;} div.newscontent {position:relative; left:20px; top: 20px; width:400px;} div.newsdata {position:relative; left:5px; top: 50px; width:470px;} div.newsautor {position:relative; left:10px; top: -7px; width:230px; text-align:center; font-size:8pt;} div.newsdate {position:absolute; left:235px; top: -7px; width:185px; text-align:center; font-size:8pt;} div.newslink {position:absolute; left:22px; top:7px; width:200px; text-align:left; font-size:8pt;} div.footer {position:absolute; left:59px; top:727px; width:721px; height:29px; text-align:right; font-size:9pt;} a.copyright:link {text-decoration: overline; color:#dd0000;} a.copyright:hover {text-decoration: overline; color:#dd0000;} a.copyright:visited {text-decoration: overline;color:#dd0000;} a.myspace:link {text-decoration:underline overline; color:#900000;} a.myspace:hover {text-decoration:underline overline; color:#900000;} a.myspace:visited {text-decoration:underline overline;color:#900000;} a {color:#800000; border:0px;} a:link {text-decoration: underline; color:#800000; border-color: #800000; border:0px;} a:hover {text-decoration: underline; color:#dd0000; border:0px;} a:visited {text-decoration: underline; color:#535353; border:0px;} a:active {text-decoration: underline; color:#d3d3d3; border:0px;} a.frontlink:link {text-decoration: overline; color:#c0c0c0;} a.frontlink:hover {text-decoration: overline; color:#c0c0c0;} a.frontlink:visited {text-decoration: overline;color:#c0c0c0;} .small {font-size:9pt;} .smaller {font-size:7pt;} .big {font-size:11pt;} .bigger {font-size:13pt;} .uline {text-decoration: underline;} blockquote.links { border : 2px solid #550000; margin-top: 15px; padding: 10px; background-color: #220000; quotes: "\203C" "\00AB"; } blockquote.links:before { content: open-quote; font-weight: bold; font-size:18pt; margin-right:5px; color:#dd0000;} hr {color:#800000; height:1px; width: 85%; border:1px solid;} hr.headr {color:#800000; height:1px; width: 95%; border:1px solid;} hr.footr {color:#800000; height:1px; width: 95%; border:1px solid;} .tiny {font-size: 7pt;} h1 {font-size:15pt} h2 {font-size:13pt} h3 {font-size:11pt} h4 {font-size:11pt; text-decoration:underline;} /* Flashplayer fuer Clips */ #cs_flashBody { background-color: #ffffff; font: .8em/1.3em verdana,arial,helvetica,sans-serif; text-align: center; } #cs_noexpressUpdate { margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: x-small; color: #003300; text-align: left; background-image: url(img/spacer.gif); background-repeat: no-repeat; width: 210px; height: 200px; padding: 40px; } div.doxxx { z-index: 1;} div.empireswitch { z-index: 1; background-color:#080702; position:relative; left:12px; top:10px; width:135px; border: none; z-index:50; overflow:hidden; } #anwesenheit {position:relative; width:250px; height:auto; left:0px; top:15px; border: 1px solid #dd0000; font-size: 10pt; padding:4px;} #important {position:relative; width:400px; height:auto; left:0px; top:15px; border: 1px outset #dd0000; font-size: 11pt; padding:4px;} #button {position:relative; width:200px; height:auto; left:0px; top:15px; border: 2px solid #550000; background-color:#330000; font-size: 12pt; padding:4px;} #button a {font-size:14pt; text-decoration:none; color:#990000;} #Eopener { height:0px; } #Lopener { height:0px; } #openlady { width:135px; height: 160px; } .linkcodes_text { background-color: #000000; color:#CCCCCC; position: relative; border:1px dotted #dd0000;; } #menuswitch1 a {background: url(img/sub_vorlieben.gif) no-repeat; display:block; width:135px;} #menuswitch1 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch1 a:hover img {visibility: hidden;} #menuswitch1 a:hover {border:0; } * html #menuswitch1 a {margin-right:1px;} * html #menuswitch1 a:hover {width:136px; margin-right:0;} #menuswitch2 a {background: url(img/sub_wuensche.gif) no-repeat; display:block; width:135px;} #menuswitch2 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch2 a:hover img {visibility: hidden;} #menuswitch2 a:hover {border:0; } * html #menuswitch2 a {margin-right:1px;} * html #menuswitch2 a:hover {width:136px; margin-right:0;} #menuswitch3 a { background: url(img/sub_galerien.gif) no-repeat; display:block; width:135px;} #menuswitch3 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch3 a:hover img {visibility: hidden;} #menuswitch3 a:hover {border:0; } * html #menuswitch3 a {margin-right:1px;} * html #menuswitch3 a:hover {width:136px; margin-right:0;} #menuswitch4 a {background: url(img/sub_livecam.gif) no-repeat; display:block; width:135px;} #menuswitch4 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch4 a:hover img {visibility: hidden;} #menuswitch4 a:hover {border:0; } * html #menuswitch4 a {margin-right:1px;} * html #menuswitch4 a:hover {width:136px; margin-right:0;} #menuswitch5 a { background: url(img/sub2_team.gif) no-repeat; display:block; width:135px;} #menuswitch5 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch5 a:hover img {visibility: hidden;} #menuswitch5 a:hover {border:0; } * html #menuswitch5 a {margin-right:1px;} * html #menuswitch5 a:hover {width:136px; margin-right:0;} #menuswitch6 a { background: url(img/sub2_events.gif) no-repeat; display:block; width:135px;} #menuswitch6 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch6 a:hover img {visibility: hidden;} #menuswitch6 a:hover {border:0;} * html #menuswitch6 a {margin-right:1px;} * html #menuswitch6 a:hover {width:136px; margin-right:0;} #menuswitch7 a { background: url(img/sub2_salon.gif) no-repeat; display:block; width:135px;} #menuswitch7 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch7 a:hover img {visibility: hidden;} #menuswitch7 a:hover {border:0; } * html #menuswitch7 a {margin-right:1px;} * html #menuswitch7 a:hover {width:136px; margin-right:0;} #menuswitch8 a { background: url(img/sub2_latexsuite.gif) no-repeat; display:block; width:135px;} #menuswitch8 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch8 a:hover img {visibility: hidden;} #menuswitch8 a:hover {border:0; } * html #menuswitch8 a {margin-right:1px;} * html #menuswitch8 a:hover {width:136px; margin-right:0;} #menuswitch9 a { background: url(img/sub2_special.gif) no-repeat; display:block; width:135px;} #menuswitch9 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch9 a:hover img {visibility: hidden;} #menuswitch9 a:hover {border:0; } * html #menuswitch9 a {margin-right:1px;} * html #menuswitch9 a:hover {width:136px; margin-right:0;} #menuswitch10 a { background: url(img/sub2_piercing.gif) no-repeat; display:block; width:135px;} #menuswitch10 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch10 a:hover img {visibility: hidden;} #menuswitch10 a:hover {border:0; } * html #menuswitch10 a {margin-right:1px;} * html #menuswitch10 a:hover {width:136px; margin-right:0;} #menuswitch11 a { background: url(img/sub2_audienz.gif) no-repeat; display:block; width:135px;} #menuswitch11 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch11 a:hover img {visibility: hidden;} #menuswitch11 a:hover {border:0; } * html #menuswitch11 a {margin-right:1px;} * html #menuswitch11 a:hover {width:136px; margin-right:0;} #menuswitch12 a { background: url(img/sub2_links.gif) no-repeat; display:block; width:135px;} #menuswitch12 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch12 a:hover img {visibility: hidden;} #menuswitch12 a:hover {border:0; } * html #menuswitch12 a {margin-right:1px;} * html #menuswitch12 a:hover {width:136px; margin-right:0;} #menuswitch13 a { background: url(img/sub2_shop.gif) no-repeat; display:block; width:135px;} #menuswitch13 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch13 a:hover img {visibility: hidden;} #menuswitch13 a:hover {border:0; } * html #menuswitch13 a {margin-right:1px;} * html #menuswitch13 a:hover {width:136px; margin-right:0;} #menuswitch14 a { background: url(img/sub_anspruch.gif) no-repeat; display:block; width:135px;} #menuswitch14 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch14 a:hover img {visibility: hidden;} #menuswitch14 a:hover {border:0; } * html #menuswitch14 a {margin-right:1px;} * html #menuswitch14 a:hover {width:136px; margin-right:0;} #menuswitch15 a { background: url(img/sub2_beichte.gif) no-repeat; display:block; width:135px;} #menuswitch15 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch15 a:hover img {visibility: hidden;} #menuswitch15 a:hover {border:0; } * html #menuswitch15 a {margin-right:1px;} * html #menuswitch15 a:hover {width:136px; margin-right:0;} #menuswitch16 a { background: url(img/sub2_aktuelles.gif) no-repeat; display:block; width:135px;} #menuswitch16 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch16 a:hover img {visibility: hidden;} #menuswitch16 a:hover {border:0; } * html #menuswitch16 a {margin-right:1px;} * html #menuswitch16 a:hover {width:136px; margin-right:0;} #menuswitch17 a { background: url(img/sub2_lady_vampira.gif) no-repeat; display:block; width:135px;} #menuswitch17 img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch17 a:hover img {visibility: hidden;} #menuswitch17 a:hover {border:0; } * html #menuswitch17 a {margin-right:1px;} * html #menuswitch17 a:hover {width:136px; margin-right:0;} #menuswitch_femdom a { background: url(img/sub_femdom_empire_berlin.gif) no-repeat; display:block; width:135px;} #menuswitch_femdom img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch_femdom a:hover img {visibility: hidden;} #menuswitch_femdom a:hover {border:0; } * html #menuswitch_femdom a {margin-right:1px;} * html #menuswitch_femdom a:hover {width:136px; margin-right:0;} #menuswitch_femdomforum a { background: url(img/sub_femdom_empire_forum.gif) no-repeat; display:block; width:135px;} #menuswitch_femdomforum img {display:block; width:135px; height:30px; border:0; background-color:#080702;} #menuswitch_femdomforum a:hover img {visibility: hidden;} #menuswitch_femdomforum a:hover {border:0; } * html #menuswitch_femdomforum a {margin-right:1px;} * html #menuswitch_femdomforum a:hover {width:136px; margin-right:0;}