/* CSS reset by Eric Meyer ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ) */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""} /*** HTML Config ***/ body { font-family: arial, verdana, sans-serif; font-size:0.8em; margin:20px 0 0 60px; background:#A9A9A9; cursor:default; /*cursor:url(../img/c-ball.gif), url(../img/c-ball.ico), auto;*/ } p { margin:1em 0;} /*** IDs ***/ #container { margin:0 0 0 0; height:auto; width:1100px; background-color:transparent; } #header{ height:192px; width:1100px; background:url(../img/banner002.jpg) no-repeat #fff;} #wrapper{ width:1100px; background-color:#fff; overflow:hidden; /*background:#fff url(../img/ballbutom.png) no-repeat; background-position:bottom right;*/} #navleft{ height:auto; width:200px; float:left; } #content{ height:auto; width:700px; background-color:transparent; float:left; } #newsmain{ height:auto; width:200px; background-color:#fff; float:left; } #footer{ min-height:110px; height:auto; width:1100px; background: url(../img/backgrundfooter.jpg) repeat-x #fff; float:left; clear:both; background-position:bottom;} /*------------ Page Start ----------------*/ /*** Header ***/ #header { font-size:1.0em; } /* Bilder */ #header img[alt="logo"]{float:left; margin:10px 0 0 10px; } #header img[alt="logoswich"]{float:right; position:relative; margin:10px 0 0 0px;} /* GameBox */ #infobox{ float:right; margin:10px 10px 0 10px; height:175px; width:182px; background-color:#c00; color:#fff; } #infobox .titelinfobox { margin:10px 0 15px 0; text-align:center; font-weight:bold; font-size:1.1em;} #infobox .timedate { margin:15px 0 12px 0; text-align:center; line-height:1.2em } #infobox img {margin:5px 0 0 8px; float:left; } #infobox div { background-color:#fff; overflow:hidden; margin:0 5px; height:85px; } #infobox div div { width:65px; height:70px; float:left; margin:5px 0 0 8px; vertical-align:middle; line-height:70px; } #infobox div div img { float:none; vertical-align:middle; margin:0; } /*----------------------------------------*/ /*** Navigation Top ***/ /* Frame */ #navtop{ height:33px; width:auto; background-color:red; background-image:url("../img/bgnavtop004.jpg"); background-repeat:no-repeat; } /* Menu*/ #navtop ul{ margin:0 0 0 210px; padding-top:5px;} #navtop li{ display:inline;} #navtop a { line-height:24px; padding: 6px 20px; color:black; display:inline; text-decoration:none; font-weight:bold; font-family: arial, verdana, sans-serif; } #navtop a:hover { color: #fff; background: #009933; } /* Formular */ #navtop form{ float:right; margin:-24px 210px 0 0; position:relative; } #navtop input[type="submit"]{ background-color:#00923F; color:#fff; border:1px solid #000; } #navtop input[type="submit"]:hover{ background-color:#c00; color:#fff; border-color:#c00; } /*----------------------------------------*/ /*** Navigation Left ***/ #navleft { font-size:1.0em; } /* algm. Button */ #navleft ul { margin: 10px 0 15px 10px; border: 0px solid black; } a:link, :visited, :active, :hover{text-decoration:none;} #button { display:block; background-color:#009933; list-style-type:disc; padding:0.6em 0; } #button ul { list-style-type:disc; margin:0; } #button li { color:#fff; list-style-position:inside; margin:0.4em 0 0.4em 1em; font-weight:bold; } /* hauptmenu Button */ #button li a{ text-align:left; color:#fff; font-weight:bold; } #button li a:hover { color: #ffff00; } #navleft ul ul{ display:none; } #navleft li.active ul ul { display:none; } /* untermenu Button */ #navleft ul ul li a{ color:#000; font-weight:normal; } /*active*/ #navleft li.active { color:#ffff00; } #navleft li.active a { color:#ffff00; } #navleft li.active ul { display:block; } #navleft li.active li.active ul { display:block; } #navleft li.active li a { color:#fff; font-weight:normal; } #navleft li.active li a:hover{ color: #ffff00; } #navleft li.active li.active a { color:#ffff00; } #navleft li.active li.active a:hover{ color: #ffff00; } #navleft li.active li.active li a { color:#fff; font-weight:normal; } #navleft li.active li.active li.active a { color:#ffff00; } /* Wetter */ #navleft p{margin-left:10px;} #navleft table{margin:20px 0 20px 10px;} /*----------------------------------------*/ /*** Content ***/ /* navcontent*/ #navcontent{ width:100%; height:auto; background:transparent; margin:0; } #content #navcontent h1{ margin:10px 10px 20px 10px; border:1px solid #868F86;} #content h1 { font-weight:bold; color: #FFFFFF; Background-color:silver; margin:0; padding: 4px 0; text-align:center; } /* Buttons Navcontent */ #content #navcontent ul{ list-style-type:none; text-align:center; margin:0 0 20px 0; padding:0;} #content #navcontent li{ display:inline; } #content #navcontent a{ text-decoration:none; font-weight:bold; padding:2px 10px; color:#000; white-space:nowrap;} #content #navcontent a:hover{} /* active */ #content #navcontent li.active a{ background-color:#FEFF7F; font-weight:bold; border:1px solid #888; cursor:default } #content #navcontent li.active a:hover{/* background-color:#FEFF5F; color: black; border:1px solid silver;*/} /*------------*/ /* content Style */ #content{ margin:0; padding:0; font-size:1.0em; line-height:1.5em;} /* schrieften */ #content p{ margin:10px; padding:0 5px;} #content blockquote{ border:1px solid #000; margin:10px; padding:10px; background-color:#FEFFBF; } #content strong{ font-weight:bold;} #content em{ font-style: italic; } #content dl{ margin:20px 10px; } /* links */ #content a{ text-decoration:none; color:#cc0000; } #content a:hover{ text-decoration:underline; } /* Titel */ #content h2, #content h3, #content h4, #content h5, #content h6{ margin:1.2em 10px 0.2em; background-color:transparent; line-height:1.0em; color:#090; border-bottom: 1px dotted; padding:2px 5px; text-align:left; font-weight:bold; } #content h2{font-size:1.6em; font-weight:normal; } #content h3{font-size:1.4em; font-weight:normal; } #content h4{font-size:1.2em; border:none;} #content h5, #content h6{ border:none;} #content div + h2, #content div + h3, #content div + p { margin-top:0; } #content div :first-child { margin-top:0; } /* listen */ #content ul{ list-style-type:disc; margin:5px 0 5px 50px; } #content ol{ list-style-type:decimal; margin:5px 0 5px 50px;} /* Tabelle */ #content table{ border: 1px solid #000; margin:10px; border-collapse:collapse; } #content td{ border: 1px solid #000; padding:0 4px; background-color:#FEFFBF; } #content td:empty { } #content th{ border: 1px solid #000; padding:2px 4px; background-color:#009933; color:#fff; font-weight:bold; } #content tr.odd td { background-color:#fff; } th.center, td.center { text-align:center; } table.gametable { width:680px; } #content table.noBorder, #content table.noBorder td, #content table.noBorder th { border:none; } #content table dt, #content table dd { display:inline; } #content table dl { margin:0; } dt { font-weight:bold; } /*Formular*/ #content div.form { margin:20px 10px; margin-bottom:3.5em; } #content div.form legend { font-weight:bold; color:#333; padding-left:5px; margin-bottom:1em; } #content div.form fieldset { padding-top:1em; } #content div.form p { margin:0.7em 0;} #content .form ol { list-style-type:none; margin:0; } #content .form li { margin-bottom:0.7em; } #content label { display:block; padding-left:5px; } #content label.inline { display:inline; } #content input{ border:1px solid silver; background-color:#FEFFBF; width:300px; padding:2px 5px; } #content input[type="checkbox"] { width:auto; } #content li.wrong input, #content li.wrong textarea { background-color:#c00; color:#fff; } #content div.form button { background-color:#FEFFBF; color:#000; border:1px solid #000; } #content div.form button:hover{ background-color:#009933; color:#fff; } #content textarea{ border:1px solid silver; background-color:#FEFFBF; padding:10px 0 10px 5px; width:305px; overflow:auto; font-family: arial, verdana, sans-serif; font-size:0.9em; height:7em; } #content select{ background-color:#FEFFBF; border:1px solid #000; min-width:150px; width:auto;} /* Bilder */ #content img{ border:1px solid #868F86; padding:5px; } #content img.noBorder { border:none; padding:0; } /* Download Fieles ICON */ #content a[href^="http://"] { padding-left: 20px; background: transparent url(../img/icon_externpage.png) no-repeat center left; } #content a[href$=".pdf"] { padding-left: 20px; background: transparent url(../img/icon_pdf.png) no-repeat center left; } #content a[href$=".rar"] { padding-left: 20px; background: transparent url(../img/icon_rar.png) no-repeat center left; } #content a[href$=".zip"] { padding-left: 20px; background: transparent url(../img/icon_zip.png) no-repeat center left; } /*#content a[href$=".jpg"] { padding-left: 20px; background: transparent url(../img/icon_jpg.png) no-repeat center left; }*/ #content a[href$=".doc"] { padding-left: 20px; background: transparent url(../img/icon_doc.png) no-repeat center left; } #content a[href$=".xls"] { padding-left: 20px; background: transparent url(../img/icon_xls.png) no-repeat center left; } #content a[href$=".feed"] { padding-left: 20px; background: transparent url(../img/icon_feed.png) no-repeat center left; } /*#content a[href$=".gif"] { padding-left: 20px; background: transparent url(../img/icon_gif.png) no-repeat center left; } #content a[href$=".png"] { padding-left: 20px; background: transparent url(../img/icon_image.png) no-repeat center left; }*/ /* hover Icon */ /*#content a[href$="html"]:hover, #content a[href$="htm"]:hover, #content a[href$="php"]:hover, #content a[href$="pdf"]:hover, #content a[href$="rar"]:hover, #content a[href$="zip"]:hover, #content a[href$="jpg"]:hover, #content a[href$="doc"]:hover, #content a[href$="xls"]:hover, #content a[href$="feed"]:hover, #content a[href$="gif"]:hover, #content a[href$="png"]:hover { border:1px solid transparent; color:green; background-color:#fff; }*/ #content p.img_description { margin:-0.6em 10px 2em; } html body #content p.noPad { padding:0; } /* Artikel */ div.article { margin-bottom:3.6em; } #content div.article h2.articleTitle a { color:inherit; text-decoration:none; } #content div.article h2.articleTitle a:hover { background-color:transparent; border-color:transparent; } .posted { text-align:right; font-style:italic; } /*----------------------------------------*/ /* Team Info */ .infoTable { background-color:#FEFFBF; margin:0.4em 10px 1em; border:1px solid black; padding:10px 0; overflow:hidden; } #content .infoTable table { width:655px; border:none; margin-bottom:0; } #content .infoTable table table { width:98%; margin-left:-4px; } #content .infoTable table td:first-child table { border-right:1px solid black; } #content .infoTable table h5 { margin-left:-5px; } #content .infoTable table td { background: transparent; border:none; vertical-align:top; } #content .infoTable table th { background: transparent; border:none; color:#000; } #content table tr.pPhone td { padding-left: 26px; background: transparent url(../img/house.png) no-repeat 2px 1px; } #content table tr.wPhone td { padding-left: 26px; background: transparent url(../img/factory.png) no-repeat 2px 1px; } #content table tr.cPhone td { padding-left: 26px; background: transparent url(../img/phone.png) no-repeat 2px 1px; } #content table tr.pPhone td.empty, #content table tr.wPhone td.empty, #content table tr.cPhone td.empty { background:none; } #content table tbody.widelist tr { border-top:1px dotted #000; } #content .infoTable p { margin-left:14px; margin-right:14px; } #content .infoTable p img { float:left; border:0; padding:0; margin-right:0.5em; } #content .infoTable td img { border:0; padding:0; } #content .infoTable td > a { padding:0; background:none; margin-right:30px; } #content table span.pPhone { padding-left: 20px; background: transparent url(../img/house.png) no-repeat; } #content table span.wPhone { padding-left: 20px; background: transparent url(../img/factory.png) no-repeat; } #content table span.cPhone { padding-left: 20px; background: transparent url(../img/phone.png) no-repeat; } #content .sponsors a { background:none; padding:0; } #content .sponsors ul { list-style-type:none; margin-left:10px; } #content .sponsors li { margin-bottom:1.5em; } #content .vorstand ul { margin-left:0; list-style-type:none; } #content .vorstand ul li { background:transparent url(../img/hierlinef.gif) no-repeat 0 80px; margin-left:-1px; } #content .vorstand ul ul li { background:transparent url(../img/hierline.gif) no-repeat 0 80px; margin-left:-1px; } #content .vorstand ul ul li:last-child { background:transparent url(../img/hierlinel.gif) no-repeat 0 100px; } #content .vorstand ul ul { margin-left:30px; list-style-type:none; } /*** News Main ***/ #newsmain { font-size:1.0em;} /* Wetter */ .wetter { font-weight:bold; } #newsmain table{ margin:20px 0 ;} /* Text Config */ .newsbox1 { margin:20px 0 0 0; line-height:1.2em;} p.titel { margin:10px 0 0 0; text-align:center; height:29px; line-height:25px; vertical-align:middle; width:190px; background-image: url("../img/ball-background.gif"); background-repeat: no-repeat; color:#FFFFFF; font-weight:bold; } /* Button */ #newsmain #buttonnews a{ display:block; } #newsmain ul { width: 185px; margin:8px 0 10px 0; padding:0; background-color: #FFF; border: 0px solid black; line-height:1.8em; } #newsmain li{ margin:0; } #newsmain ul li a{ color:#c00; } #newsmain ul li a:hover{ text-decoration:underline; } /*sponsoren */ #newsmain img { width:180px; height:90px; border:1px solid #009933; margin:20px 0 10px 8px; } #newsmain ul, #newsmain p { margin-left: 20px;} #newsmain p.titel { margin-left:0; } /*----------------------------------------*/ /*** Footer ***/ /* Text */ #footer { font-size:1.0em; text-align:right; } /* linie */ #footer hr{ height:2px; width:1100px; background:silver; border:0 solid #fff; margin:-5px 0 5px 0; } /* sponsoren */ #sponsors { margin-left:40px; color:silver; display:inline-block; } #sponsors li { float:left; text-align:center; margin-right:45px; } #sponsors li li { float:none; display:inline; margin-right:0; margin-left:20px; } #sponsors li li:first-child { margin-left:0; } #sponsors ul { margin-top:5px; } #footer img { width:130px; height:60px; border:1px solid #009933; } /*----------------------------------------*/ /* Galerie */ #content div.gallery { margin-bottom:4em; overflow:hidden; } #content div.gallery ul { list-style-type:none; margin-top:0.5em; } #content div.gallery a { padding:0; background:none; } #content div.gallery li { width:172px; float:left; margin-left:20px; text-align:center; height:132px; margin-bottom:20px; } div.gallery li:nth-child(odd) { -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); } div.gallery li:nth-child(even) { -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); } div.gallery li:nth-child(5n) { -moz-transform: none; -webkit-transform: none; } #content div.gallery img { vertical-align:middle; background-color:#cfcfcf; opacity:0.8; filter: alpha(opacity=80); } #content div.gallery a:hover img { background-color:#fff; opacity:1; filter: alpha(opacity=100); } .gMap { width:680px; margin-left:10px; height:400px; margin-bottom:2em; } .mapInfoWindow { height:auto; width:400px; } #content .gForm input { display:inline; padding:0; width:auto; margin:0; margin-right:5px; background:#fff; } #content .gForm label { display:inline; padding:0; width:auto; margin:0; margin-right:10px; } #content .gForm input[type="text"] { width:100%; } #content .gMap p { margin:0.5em 0; padding:0; } #content #directions img { padding:0; border:0; } /* Sponsor Ticker */ #newsmain ul#sponsorTicker { margin:0; position:relative; height:120px; } #newsmain ul#sponsorTicker li { margin:0; position:absolute; top:0; left:0; background-color:#fff; }