/** * central stylesheet - Swiss Media Ball * this stylesheet contains adjustements for the screen Layout * * @copyright Copyright 2007 screenteam * @link http://www.screenteam.ch * @version 0.0.1 * @revision 1 * @lastmodified 2008-01-23 */ *{padding:0;margin:0;} img {border: 0;padding-bottom:0.5em;} .alt {display: none;} body {background-color: #660033;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;} #footertable {font-size: 9px;} #wrapall {position: absolute;left: 0px; top: 0px; width: 76em; padding: 0;} #wrapmenu {position: absolute;left: 189px; top: 0px; width: 76em; padding: 0;float: left;} #wrapcontent {position: absolute;left: 189px;width: 790px;clear: both;margin-left: 59px;margin-top: 15em;border-top:2px dotted #666;padding-top:4px;height:24em;} input, submit, textarea, select {background-color: #CCCCCC;border: none;margin:1px;} select {margin-top:1em;} .pagecolor {background-color: #660033;} h1 {margin-bottom:1em;font-size: 14px;color: #FFCC00;text-decoration: none;font-weight: bold;} p{margin-bottom:0.9em;} a:link {text-decoration: none;color: #999999;} a:visited {text-decoration: none;color: #999999;} a:active {text-decoration: none;color: #FFCC00;} a:hover {text-decoration: none;color: #FFCC00;} #nav a:link {text-decoration: none;color: #ffffff;} #nav a:visited {text-decoration: none;color: #ffffff;} #nav a:active {text-decoration: none;color: #FFCC00;} #nav a:hover {text-decoration: none;color: #FFCC00;} .highlight {color: #FFCC00;} /***************************************** lang *******************************************************/ #language{display:block;margin-left:120px;} #language ul{padding-left:0.2em;padding-top:1.6em;list-style: none;} #language ul li{float:left;width:20px; height:12px;padding:0;margin:0;margin-right:6px;} #language ul li a#lang_deutsch {float:left;width:20px; height:12px; background: url(../images08/flags_deutsch.gif );background-position: right;} #language ul li a#lang_english {float:left;width:20px; height:12px; background: url(../images08/flags_english.gif );background-position: right;} #language ul li#lang_deutsch_disabled {float:left;width:20px; height:12px;background: url(../images08/flags_deutsch.gif );padding:0;} #language ul li#lang_english_disabled {float:left;width:20px; height:12px;background: url(../images08/flags_english.gif );padding:0;} #language ul li a#lang_deutsch:hover, #language ul li a#lang_english:hover{background-position: left;} /***************************************** END lang *******************************************************/ /******************** Son of suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns/ ******************/ #nav{padding: 0;margin: 0;list-style: none;height:4em;overflow:visible;width:1000px;} #nav ul {padding: 0;margin: 0;list-style: none;} #nav a {display: block;width: 30em;background-color:#660033;} #nav ul a {display: block;width: 30em;background-color:#660033;} #nav .current a:link, #nav .current a:visited, #nav .current a:active, #nav .current a:hover {color: #FFCC00;} #nav li {float: left;width: 30em;}/*width needed 4 opera*/ #nav li ul {position: absolute;width: 30em;left: -999em;}/*avoid display:none; because it hides elements from some screenreaders*/ #nav li:hover ul, #nav li.sfhover ul {left: auto;}/*:hover pseudo class doesnt work for IE, a javascript workaround applies the sfhover class*/ #level_01{z-index:10;margin-left:0em;}/*needed because of overlapping menus*/ #level_02{z-index:20;margin-left:-22em;} #level_03{z-index:30;margin-left:-24em;} #level_03a{z-index:31;margin-left:-24.5em;} #level_04{z-index:40;margin-left:-21em;} #level_05{z-index:50;margin-left:-23em;} #level_06{z-index:60;margin-left:-25em;} #level_07{z-index:70;margin-left:-24em;} #level_08{z-index:80;margin-left:-23em;} #level_01 ul{margin-left:5.9em;} #level_02 ul{margin-left:1em;} #level_03 ul{margin-left:1em;} #level_03a ul{margin-left:1.1em;} #level_04 ul{margin-left:1em;} #level_05 ul{margin-left:1em;} #level_06 ul{margin-left:1.05em;} #level_07 ul{margin-left:1.2em;} #level_08 ul{margin-left:1.44em;} /******************** END Son of suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns/ ***************/ /* ******************************************************layerdefinitionen *******************************************/ #logo {position: absolute;left: 0px; top: 0px; width: 189px; height: 850px; } #content {position: absolute;left: 51px; top: 0px; width: 519px;} /* ******************************************************END layerdefinitionen ***************************************/ /********************* Styles depending on body id's ******************************/ body#lochome #home {background: url(../images08/home_over.gif) no-repeat;} body#loctombola #tombola {background: url(../images08/tombola_over.gif) no-repeat;} body#lockarten #karten {background: url(../images08/karten_over.gif) no-repeat;} body#locmedienpartner #medienpartner {background: url(../images08/medienpartner_over.gif) no-repeat;} body#locsponsoren #sponsoren {background: url(../images08/sponsoren_over.gif) no-repeat;} body#locpresse #presse {background: url(../images08/presse_over.gif) no-repeat;} body#lockontakt #kontakt {background: url(../images08/kontakt_over.gif) no-repeat;} body#locrueckblick #rueckblick {background: url(../images08/rueckblick_over.gif) no-repeat;} body#nav li ul {left: -999em;} body#lochome #level_01 ul {left: auto;} body#loctombola #level_02 ul {left: auto;} body#lockarten #level_03 ul {left: auto;} body#locmedienpartner #level_03a ul {left: auto;} body#locsponsoren #level_04 ul {left: auto;} body#locpresse #level_05 ul {left: auto;} body#lockontakt #level_06 ul {left: auto;} body#locrueckblick #level_07 ul {left: auto;} /********************* END Styles depending on body id's **************************/ #homepreload {background: url(../images08/home_over.gif) no-repeat;width:86px;height:40px;} #home {background: url(../images08/home.gif) no-repeat;width:86px;height:40px;} a#home:hover {background: url(../images08/home_over.gif) no-repeat;} #tombolapreload {background: url(../images08/tombola_over.gif) no-repeat;width:66px;height:40px;} #tombola {background: url(../images08/tombola.gif) no-repeat;width:66px;height:40px;} a#tombola:hover {background: url(../images08/tombola_over.gif) no-repeat;} #kartenpreload {background: url(../images08/karten_over.gif) no-repeat;width:56px;height:40px;} #karten {background: url(../images08/karten.gif) no-repeat;width:56px;height:40px;} a#karten:hover {background: url(../images08/karten_over.gif) no-repeat;} #medienpartnerpreload {background: url(../images08/medienpartner_over.gif) no-repeat;width:102px;height:40px;} #medienpartner {background: url(../images08/medienpartner.gif) no-repeat;width:102px;height:40px;} a#medienpartner:hover {background: url(../images08/medienpartner_over.gif) no-repeat;} #sponsorenpreload {background: url(../images08/sponsoren_over.gif) no-repeat;width:78px;height:40px;} #sponsoren {background: url(../images08/sponsoren.gif) no-repeat;width:78px;height:40px;} a#sponsoren:hover {background: url(../images08/sponsoren_over.gif) no-repeat;} #pressepreload {background: url(../images08/presse_over.gif) no-repeat;width:56px;height:40px;} #presse {background: url(../images08/presse.gif) no-repeat;width:56px;height:40px;} a#presse:hover {background: url(../images08/presse_over.gif) no-repeat;} #kontaktpreload {background: url(../images08/kontakt_over.gif) no-repeat;width:64px;height:40px;} #kontakt {background: url(../images08/kontakt.gif) no-repeat;width:64px;height:40px;} a#kontakt:hover {background: url(../images08/kontakt_over.gif) no-repeat;} #rueckblickpreload {background: url(../images08/rueckblick_over.gif) no-repeat;width:80px;height:40px;} #rueckblick {background: url(../images08/rueckblick.gif) no-repeat;width:80px;height:40px;} a#rueckblick:hover {background: url(../images08/rueckblick_over.gif) no-repeat;} #partnerpreload {background: url(../images08/partner_over.gif) no-repeat;width:230px;height:26px;} #partner {background: url(../images08/partner.gif) no-repeat;width:230px;height:26px;} a#partner:hover {background: url(../images08/partner_over.gif) no-repeat;} /********************* Overwrite Styles in Gallery **************************/ body#locgallery #wrapcontent, body#locgallerycat #wrapcontent {border:1px solid #666; position: absolute;left: 189px;width: 660px;clear: both;margin-left: 59px;margin-top: 15em;overflow-x: hidden; overflow-y:scroll;height:60em;padding:10px;margin-top:16em;} body#locgallerycat #wrapcontent {height:44em;} body#locgallery #wrapcontent h3, body#locgallerycat #wrapcontent h3 {color: #ccc; } .tx-sksimplegallery-pi1 dl.single dd {background-color: #333333;font-size:11px;height:13px;font-weight:normal;overflow:hidden;} .tx-sksimplegallery-pi1 .description {margin:6px 0 12px 0;padding-bottom:4px;border-bottom:1px solid #666;} #galleryform {position: absolute;left: 189px;width: 660px;clear: both;margin-left: 59px;margin-top: 82em;height:auto;} .tx-sksimplegallery-pi1 dl.list {background-color: #333333;} .tx-sksimplegallery-pi1 dl.list dd {font-size:11px;height:18px;} /********************* END Overwrite Styles in Gallery **************************/ .captdark{background-color:#666;} .bildbestellung{font-size:17px;color:#FFCC00;} .greyborder{border: 1px solid #666666;padding:4px;} .noborder{border:none;padding:4px;} #logo{background-image: url(../images08/logo_medienball_background.gif);width:168px;height:600px;background-repeat: no-repeat;z-index:100;} #language ul li{float:none;margin-left:1em;} #logotext{padding-top:280px;text-align:right;height:100px;} #leftcolumn{width:520px;float:left;} #rightcolumn{width:240px;float:right;} #wrapmenu{overflow:hidden;height:14em;} #language{height:300px;} #translation{padding-left:14px;margin-top:-1em;display:none;} #language:hover #translation{display:block;} /******************** Son of suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns/ ******************/ #translation.sfhover {display: block;}/*:hover pseudo class doesnt work for IE, a javascript workaround applies the sfhover class*/ /******************** END Son of suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns/ ***************/ #wrapcontent{padding-top:1em;} #wrapteaser {padding-top:1em;} #wrapteaser p {padding-top:0.4em;} #leerlassen {display:none;} #nav li#level_08 ul {left: auto;}