/*** www.kiteboarding-chiemsee.de Framework Stylesheet ***/ /* -------- BASICS */ html { background:#4094cf url(../images/framework/background_small.jpg); background-repeat:repeat-x; height:100%; z-index:1; } body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background:transparent url(../images/framework/background_large.jpg) no-repeat scroll 50% 0pt; margin:0px; padding:0px; height:100%; z-index:2; } /*FireFox*/ html>body { min-height:100%; height:auto; } h1 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #4094cf; } h2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; color: #4094cf; } #PagePosition { background:transparent url(../images/framework/bg_sides.gif) repeat-y scroll 50% 0pt; display:block; left:50%; width: 835px; margin-left:-420px; position:absolute; top:0px; } /* IE6*/ *html #PagePosition { width: 854px; margin-left:-427px; } /* -------- HEADER */ #Header { display:block; float:left; background:transparent url(../images/framework/mood1.jpg) repeat-y scroll 50% 0pt; width:650px; height:258px; } /* -------- NAVI */ #Navi { display:block; float:left; width:650px; height:43px; background:transparent url(../images/framework/navi.jpg) no-repeat scroll 50% 0pt; } #Navi #nav {margin-left:-10px;} #nav, #nav ul { padding: 0; margin: 0; list-style: none; padding-left:20px; } #nav a { display: block; width: 90px; height:43px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; } #nav li { float: left; width: 90px; } #nav li ul { position: absolute; width: 90px; left: -999em; } #nav li:hover ul, #nav li.sfhover ul { left: auto; margin-left:-50px; } #nav #startseite:hover, #nav #startseite.sfhover {background:transparent url(../images/framework/navi.jpg) no-repeat scroll -10px -43px;} #nav #wetterwebcam:hover, #nav #wetterwebcam.sfhover {background:transparent url(../images/framework/navi.jpg) no-repeat scroll -100px -43px;} #nav #pagenews:hover, #nav #pagenews.sfhover {background:transparent url(../images/framework/navi.jpg) no-repeat scroll -190px -43px;} #nav #verein:hover, #nav #verein.sfhover {background:transparent url(../images/framework/navi.jpg) no-repeat scroll -280px -43px;} #nav #fotosvideos:hover, #nav #fotosvideos.sfhover {background:transparent url(../images/framework/navi.jpg) no-repeat scroll -370px -43px;} #nav #service:hover, #nav #interactive.sfhover {background:transparent url(../images/framework/navi.jpg) no-repeat scroll -460px -43px;} #nav #kontakt:hover, #nav #kontakt.sfhover {background:transparent url(../images/framework/navi.jpg) no-repeat scroll -550px -43px;} #nav #Submenu a { background:none; color:#9dc4d8; border-bottom:1px solid #80bfda; height:25px; line-height:28px; margin-left:13px; text-align:left; text-decoration:none; width:100px; } /* IE6*/ *html #nav #Submenu a {margin-left:3px;width:117px;} #nav #Submenu a:hover {color:#aed7e8;} #Navi #nav li ul { background:transparent url(../images/framework/subnavi.jpg) no-repeat scroll 30px 0px; margin-top:-6px; margin-left:-25px; width:114px; z-index:999; } #nav li#verein ul {width:133px;z-index:999;} #nav li#verein #Submenu a {width:120px;} #nav li#service #Submenu a {width:115px;} #nav li#service ul {width:129px;z-index:999;} *html #Navi #nav li ul { background-position:20px 0px; margin-left:-15px; margi\n-left:-15px; width:100px; } #nav #Sumenu {z-index:999;} /* -------- CONTENT */ #Sidebar { display:block; float:left; width:151px; height:765px; margin-left:19px; background:transparent url(../images/framework/sidebar.jpg) no-repeat scroll 50% 0pt; } /* IE6*/ *html #Sidebar { margin-left:15px; width:150px; } #ContentContainer { display:block; float:left; width:610px; padding:0px 20px 20px 20px; line-height:18px; } /* -------- FOOTER */ #Footer { display:block; clear:both; background:#4094cf url(../images/framework/footer.gif) no-repeat scroll 50% 0pt; width:835px; height:48px; padding-bottom:15px; } /* IE6*/ *html #Footer {margin-left:7px;} #FooterContent { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px; padding:10px 20px; width:800px; } #FooterContent a { color:#4094cf; text-decoration:none; } #FooterContent a:hover { color:#5bbbff; text-decoration:underline; } /* -------- EXTRAS */ .hidden {display:none;} .LogoLink { position: absolute; left:18px; top:0; height: 765px; width: 150px; } #BoxWebcam { display:block; float:left; background:transparent url(../images/framework/gallery.jpg) no-repeat scroll 0px 0px; width:170px; height:125px; margin-top:20px; padding:5px 5px 5px 25px; border:solid 1px #4094cf; } /* IE5.5*/ * html #BoxWebcam { background-position:0px -14px; back\ground-position:0px 0px; width:190px; w\idth:170px; } #BoxImage{ display:block; float:left; background: transparent url(../images/framework/zufallsbilder.jpg) no-repeat scroll 0px 0px; width:352px; height:212px; margin:20px 0 0 20px; padding:5px; border:solid 1px #4094cf; } /* IE5.5*/ * html #BoxImage { background-position:0px -14px; back\ground-position:0px 0px; } #BoxNews { display:block; float:left; background:transparent url(../images/framework/aktuelles.jpg) no-repeat scroll 0px 0px; width:190px; min-height:110px; margin-top:20px; padding:27px 5px 5px 5px; border:solid 1px #4094cf; } /* IE6*/ * html {height:110px;} #BoxNews h1 {font-size: 14px;} #BoxForum { display:block; float:left; background:transparent url(../images/framework/latest.jpg) no-repeat scroll -216px 0px; width:190px; min-height:110px; margin:20px 0 0 20px; padding:27px 5px 5px 5px; border:solid 1px #4094cf; } /* IE6*/ * html {height:110px;} /* Webcam Modul */ .RecentImages{margin-top:-28px !important;} .RecentImages h2{font-size:12px !important;} /* Slimage Box */ /* Fotos */ #slimagebox { display:block; height:180px; overflow:hidden; position:relative; width:100%; margin-top:32px; } #slimagebox a{ padding:2px; border:1px solid #CCCCCC; }