/* CSS Document */ /* BG-SPRITE .sprite-bg { background-position: 0 0; } .sprite-submenu { background-position: 0 -1074px; } .sprite-yellowbar15 { background-position: 0 -1125px; } .sprite-yellowbar20 { background-position: 0 -1190px; } .sprite-yellowbar30 { background-position: 0 -1260px; } .sprite-yellowbar30h { background-position: 0 -1340px; } .sprite-yellowbar30i { background-position: 0 -1420px; } */ /*Load elements for Sprite background*/ #nav, #nav ul, #nav li.selected,#nav li:hover, #nav li ul, #nav li ul li:hover, #nav li ul li, #footerBar, #mainContent h2, #mainContent .teaser .header, #topBar { background: url(../images/sprite.png) no-repeat top left; } /* SPRITE DEFINITION */ body {background-image: url(../images/bg.jpg);background-attachment:fixed ; background-repeat:repeat; border:0px; margin:0px; font-family: "Verdana", "Arial", sans-serif; font-size:13.5px;} img {border-width:0px;} #banner{margin-bottom:-5px; } a {color:#000; text-decoration:underline;} /*center*/ * html .menu a { height:1px; } /* kleines Pfeilsymbol */ .pfeil{padding-right:5px; } h3{ font-size:14px;margin-bottom:5px;} h4{ font-size:14px;} table{text-align:left;} .wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ } .wrap1 { float:left; background:url(../images/shadow/shadow.gif) right bottom no-repeat; } .wrap2 { background:url(../images/shadow/corner_bl.gif) left bottom no-repeat; } .wrap3 { padding:0 5px 5px 0; background:url(../images/shadow/corner_tr.gif) right top no-repeat; } #editor{float:left;display:none;} .editButton{position:relative; left:0px;} #mainWrapper{margin: 0pt auto; position: relative; min-width: 908px; max-width: 908px; width:908px;} #mainShadow{background-color:White;} .shadow{background-color:White;} /* in Fotoalbum*/ .picnavi {margin-left:30px;margin-top:-15px; margin-bottom:5px;margin-right:30px;color:#888; }/* zurück und weiter*/ .picnavi a{color:#666; text-decoration:none;} .picnavi a:hover {color:#333;} .picnavi a.selected{color:#333;font-weight:bold; text-decoration:underline;} .photocount {color:#345;} /* Mainnavi with Sprites BEGIN #mainNavi{padding:0px; margin:0px;} #nav, #nav ul {padding: 0px; margin: 0px; padding-left:360px; list-style: none; background-position: 0 -1309px; background-repeat:repeat-x; height:30px;font-size:17px;} #nav a {display: block; padding-left:25px;padding-right:25px; text-decoration:none; font-weight:bold;} #nav li {float: left;padding:4px 2px 4px 2px;} #nav li.selected {background-position: 0 -1469px; background-repeat:repeat-x;padding-bottom:8px} #nav li:hover {background-position: 0 -1389px; background-repeat:repeat-x;border:solid 2px #fff; padding:2px 0px 6px 0px;border-style:groove;} #nav li ul {position: absolute;padding-top:6px; width:130px;padding-left:0em;z-index:100;visibility:hidden;background:none;} #nav li ul li{width:130px; background-position: 0 -1074px; background-repeat:repeat;padding:4px 13px 8px 13px; } #nav li ul li:hover{background-position: 0 -1389px; background-repeat:repeat-x;border:solid 2px #fff; padding:2px 13px 6px 11px; border-style:groove} #nav li ul li a{padding-left:0px;padding-right:0px;font-weight:normal;} #nav li:hover ul, #nav li.sfhover ul {visibility:visible;} Mainnavi END */ /* Shadow - Teaser BEGIN */ .rightShadow{ padding-right:8px; background-image: url(../images/shadow/schatten_rechts.png); background-position:right; background-repeat:repeat-y; } .shadowLeftEnd{ float:left; background-image: url(../images/shadow/shadowLeftEnd.png); background-position:top right; background-repeat:no-repeat; height:8px; width:12px;} .bottomShadow{ background-image: url(../images/shadow/schatten_unten.png); background-position:top ; background-repeat:repeat-x; margin-left:12px; margin-right:8px;} .cornerShadow{background-position:top right; height:8px; background-image: url(../images/shadow/shadow_corner.png); background-repeat:no-repeat; } /* Shadow - Teaser END */ /*background-position:top right; height:8px; background-image: url(../images/shadow/shadow_corner.png); background-repeat:no-repeat;*/ /*.schattenrechts{padding-right:8px; padding-bottom:-8px; background-image: url(../images/shadow/shadow_corner.png); background-repeat:repeat-y; background-position:right;z-index:1000;}*/ #topBar{background-position: 0 -1239px; background-repeat:repeat-x; height:20px; text-align:right; padding-right:5px;} #mycal{position:absolute;right:10px;} #mainContent {background-color: #ffffff; padding-bottom:10px;padding-top:1px;padding-left:15px; padding-right:15px; border-left: 1px solid #ccc;border-right: 1px solid #ccc; } *html #mainContent{width:868px;} /* IE6 Peek-a-boo bug-fix */ #mainContent h1{font-size:30px;font-weight:normal;font-variant:small-caps; font-family: "Helvetica", "Arial", sans-serif;} #mainContent p {margin-left:0px; margin-top:10px;margin-bottom:10px;} /* Pfeile der Teaser */ #mainContent h2{margin-top:0px; padding-left:10px; padding-top:2px; font-size:14px;background-position: 0 -1239px; height:20px; background-repeat:repeat-x;} /* Inner-Boxen mit Text und Bilder */ #mainContent .content{margin-left:30px;margin-right:30px; margin-bottom:30px; padding-bottom:15px; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} *html #mainContent .content{width:800px;}/* IE6 Peek-a-boo bug-fix */ #mainContent .content h2{margin-top:0px; padding-left:10px; padding-top:2px; font-size:14px;background-position: 0 -1239px; height:20px; background-repeat:repeat-x;} #mainContent .content h2 a{color:#000;text-decoration:none;} #mainContent .content .text{padding-left:15px; padding-right:20px; font-family: "Lucida Grande", "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif; font-size:14px;} #mainContent .bildrahmen:hover{background-color:#efefef} #mainContent .bildrahmen{padding: 10px; margin:10px;margin-right:7px; border: 1px solid rgb(204, 204, 204);background-color:#fff; vertical-align: middle;} /*-moz-box-shadow: 3px 3px 3px rgb(102, 102, 102);*/ #mainContent .subtitle{margin-top: -7px; margin-bottom: 7px; text-align: center; font-weight: bold; font-size: 14px; width:170px;} #mainContent .fotoAlign{float:left; background-color:#f0f0f0; margin-left:10px; margin-right:10px;} #mainContent .fotoalbum {float:left; margin-left:10px; padding-right:10px; margin-bottom:30px; height:170px;} /*bei Fotoalbum �bersicht*/ #mainContent .fotoupload {float:left; margin-left:0px; padding-right:0px; margin-bottom:50px; height:70px;} /*bei Fotoalbum �bersicht*/ #mainContent .fotoupload .subtitle{width:100px;overflow:hidden;} /*bei Fotoalbum �bersicht*/ .fotoalbum .number {margin-top:-70px;text-align:right;margin-right:25px;font-size:25px;font-weight:bold;color:#ffffff;text-shadow:black 3px 2px;} #mainContent .linklist{list-style: none;} #mainContent .results{float:left; margin-right:50px;} .back {text-align:right; font-size:12px; font-weight:bold; } .back a {text-decoration:none;vertical-align:middle;} .back .pfeil{padding-right:3px;margin-top:1px;} /*CSS3-- Leider Peformance Probleme durch Schatten, runde Ecken, Transformationen */ /* #mainContent .content{margin-left:30px;margin-right:30px; margin-bottom:30px; padding-bottom:15px; background-color: #eee; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666;} #mainContent .content h2{margin-top:0px; padding-left:10px; padding-top:2px; font-size:14px;background-position: 0 -1239px; height:20px; background-repeat:repeat-x;} #mainContent .content h2 a{color:#000;text-decoration:none;} #mainContent .content .text{padding-left:10px; padding-right:10px;} #mainContent .bildrahmen{padding: 10px; border: 1px solid rgb(204, 204, 204);background-color:#fff; -moz-box-shadow: 3px 3px 3px rgb(102, 102, 102);} #mainContent .subtitle{margin-top: 7px; margin-bottom: 7px; text-align: center; font-weight: bold; font-size: 14px;} */ #message {float:right;margin-right:150px;width:250px;} #message img{margin-left:100px;margin-bottom:10px;} #loader{float:right;margin-right:200px;margin-top:30px;} #newname {width:200px;color:#888} #mainContent .content a{ } #teaserArea{margin-left:65px; margin-right:65px; position:relative;} #teaserArea .row{ display:block; clear:both; height:250px;} #teaserArea .row .left{float:left;} #teaserArea .row .right{float:right;display:block;} #mainContent .teaser img{ border:0px;} #mainContent .teaser{ width:320px; margin-bottom:20px; background-color:White;} #mainContent .teaser .header{background-position: 0 -1239px; background-repeat:repeat-x; width:320px; height:20px; } #mainContent .teaser .header h2{font-weight:bold; font-size:12px; padding-top:3px; margin:0px;} #mainContent .teaser .header h2 a{text-decoration:none;} #mainContent .teaser .footer { position:relative; background-color: #000; width:100%; height:50px; margin-top:-50px; opacity: 0.4; filter: alpha(opacity=40); clear:left; } #mainContent .teaser .text{position:relative;float:left;margin-top:-50px;margin-left:10px;color:#fff;font-size:18px;font-weight:bold;} #mainContent .content .left {float:left;margin-right:15px; } #mainContent .content .right{float:right;padding-left:15px;padding-bottom:15px;} #mainContent .content .center{text-align:center;} .sponsors{width:700px;} .sponsors .left {height:50px;margin-bottom:15px;} .listing{width:100%;font-size:13px; } .listing tr{} .listing tr th{text-align:center;padding-bottom:0px;border: 1px #FFCA07; border-style:dotted; } .listing tr td{border: 1px #FFCA07; border-style:dotted; } .listing tr.alt{background-color:#DEDEDE;} .listing td {text-align:center;} .poolA {background-color:#6587FF} .poolB {background-color:#ff8C39} .poolC {background-color:#B270FF} .poolD {background-color:#FFE65C} /* Members TODO: bei members eventuell fixe H+B f�r Fotos annehmen und Transparenz +text bei fotos hinzugeben */ /* Foto height:230px width: #mainContent .memberBox {height:250px; margin-left:40px;padding-left:0px; margin-right:40px;margin-bottom:20px; clear:both; display:block; background: url(../images/player_bg.jpg) no-repeat bottom right; } #mainContent .memberBox .header{height:20px; background-image: url(../images/yellowbar20.png);background-repeat:repeat-x;padding-left:10px;} #mainContent .memberBox .text{float:left; text-align:left;} #mainContent .memberBox table{ margin-top:20px;margin-left:50px; font-family:Verdana;font-size:18px;} #mainContent .memberBox table td{padding-left:20px;} #mainContent .memberBox table th{text-align:left;} #mainContent .memberBox .header h2{ font-weight:bold;font-family:Verdana;font-size:12px;padding-top:3px;margin:0px;} #mainContent .memberBox img{float:left;height:230px;} */ #mainContent .memberBox {padding-right:30px;padding-left:30px; background: url(../images/player_bg.jpg) no-repeat; background-position:90% 95%;} #mainContent .memberBox h2 {margin-bottom:0px;padding-bottom:0px;} #mainContent .memberBox h3{margin-bottom:0px;} #mainContent .memberBox .left{float:left; margin:0px;padding:0px;border:none;padding-right:40px;} #mainContent .memberBox .header{height:20px;} #mainContent .memberBox .content{text-align:left;background-color:Transparent;} #mainContent .memberBox .content table{ } .album{position:relative; float:left; width:150px; height:170px; margin-right:2px; margin-left:2px; margin-bottom:10px; margin-top:10px; border: solid 3px #DEDEDE; background: url(../images/ordner.gif) no-repeat;} /*.album:hover{background-color:#DEDEDE;} */ .album .img{margin-top:50px;margin-left:42px;height:50px; width:70px; overflow:hidden;} .album p{text-align:center; padding-top:10px;height:42px; overflow:hidden} /* Schatten bei kleinen Fotos zB. turnierfotos*/ .bildschatten { background: url(../images/shadow/pix_shadow.png) no-repeat bottom left; padding: 4px 5px 14px 5px; margin:0px 5px 5px 5px; max-height:135px; width:130px; vertical-align: middle;} /*width der Bilder ist max 800px. alles dar�ber wird abgeschnitten*/ .pic{max-width:800px;overflow:hidden;text-align:center;} .more { font-size:12px; text-align:right; font-weight:bold; margin-right:10px; } .more a{text-decoration:none;} #footerBar { background-position: 0 -1239px; background-repeat:repeat-x; height:20px; } #comments{margin-left:40px; display:none; } #comments h3{margin-bottom:0px;} #comments #messages{width:500px;} #comments .messageInfo{margin-bottom:3px;width:300px;} #comments .messageText{margin-top:0px; margin-bottom:25px;} .hr{width:600px; ; text-align:center;border-bottom:none; border-left:none;border-right:none; border-top:solid #CCCCCC 1px; height:1px;} /* Mainnavi BEGIN WITHOUT SPRITES*/ #nav, #nav ul {padding: 0px; margin: 0px; padding-left:360px; list-style: none; background-image: url(../images/yellowbar30.png); background-repeat:repeat-x; height:30px;font-size:17px;} #nav a {display: block; padding-left:25px;padding-right:25px; text-decoration:none; font-weight:bold;} #nav li {float: left;padding:4px 2px 4px 2px;} #nav li.selected {background: url(../images/yellowbar30i.png);background-repeat:repeat-x;padding-bottom:8px} #nav li:hover {background: url(../images/yellowbar30h.png);background-repeat:repeat-x;border:solid 2px #fff; padding:2px 0px 6px 0px;border-style:groove;} #nav li ul {position: absolute;padding-top:6px; width:130px;padding-left:0em;z-index:100;visibility:hidden;background:none;} #nav li ul li{width:130px; background-image: url(../images/submenu.png); background-repeat:repeat;padding:4px 13px 8px 13px; } #nav li ul li:hover{background-image:url(../images/yellowbar30h.png);background-repeat:repeat-x;border:solid 2px #fff; padding:2px 13px 6px 11px; border-style:groove} #nav li ul li a{padding-left:0px;padding-right:0px;font-weight:normal;} #nav li:hover ul, #nav li.sfhover ul {visibility:visible;} /* Mainnavi END */ /* Mainnavi BEGIN WITHOUT SPRITES*/ /*The background-bar*/ #mainNavi{padding-left:0px; margin:0;width:100%;height:30px;background-image: url(../images/yellowbar30.png); background-repeat:repeat-x; height:30px;} /*The background-bar*/ /*** SUCKERFISH ***/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; padding-left:350px; } .sf-menu a { text-decoration:none; font-weight:bold; display: block; padding-left:25px; padding-right:25px; font-size:17px; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #000; } .sf-menu li { float: left; padding:4px 2px 0px 2px; height:30px; z-index:100; } .sf-menu li.selected { background: url(../images/yellowbar30i.png); background-repeat:repeat-x; padding-bottom:0px; } .sf-menu li:hover, .sf-menu li.sfHover { background: url(../images/yellowbar30h.png); background-repeat:repeat-x; border:solid 2px #fff; padding:2px 0px 0px 0px; border-style:groove; height:26px; } .sf-menu li ul{ margin-top:-5px; } .sf-menu li li{ background: #dde; opacity: 0.9; filter: alpha(opacity=90); padding:4px 0px 0px 10px; } .sf-menu li li:hover, .sf-menu li li.sfHover{ opacity: 1; filter: alpha(opacity=100); padding:2px 0px 2px 8px; } .sf-menu li li a { color:#000; font-size:15px; padding:3px 0px 0px 0px; } .sf-menu li li a:hover{ color:#000; font-size:15px; padding:3px 0px 0px 0px; } .sf-menu li li li { background: #9AAEDB; } /*** .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { } **/ /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*SUCKERFISH END*/ /* zB trainin.htm, verein.htm #mainContent .bigBox{background: #fff url(../images/verlauf.png) repeat-y left;margin-bottom:30px; margin-left:20px; margin-right:20px; } #mainContent .bigBox .header{background-image: url(../images/yellowbar20.png);background-repeat:repeat-x;height:20px;padding-left:5px;} #mainContent .bigBox .header h2{font-size:14px; font-family:Verdana;font-weight:bold;padding-top:1px;} #mainContent .bigBox .content{padding: 10px 10px 50px 10px; background: url(../images/player_bg.jpg) no-repeat bottom right;} */ /* #mainContent .teaser .footer { position:relative; } #mainContent .teaser .background { background-color: #000; width:100%; height:50px; margin-top:-50px; opacity: 0.5; filter: alpha(opacity=50); } #mainContent .teaser .footer p { color:#fff; } #mainContent .teaser p { display:inline; } #footerBar { background-image: url(../images/yellowbar20.png); background-repeat:repeat-x; height:20px; } */ /* #mainContent .teaser .footer { position:relative; background-color: #000; width:100%; height:50px; margin-top:-50px; opacity: 0.5; filter: alpha(opacity=50); } #mainContent .teaser .footer p { color:#fff; } #mainContent .teaser p { display:inline; } #footerBar { background-image: url(../images/yellowbar20.png); background-repeat:repeat-x; height:20px; } */