body { background-color: #5D7B8D; margin-left: 0px; margin-top: 0px; background-image: url(gfx/bg2.jpg); background-repeat: no-repeat; border-style:solid; border-right: Silver 0px solid; border-left: Silver 0px solid; border-bottom: Silver 0px solid; border-top: Silver 0px solid; } #footerBG { background-color: #CCCCCC; height: 185px; overflow: hidden; width: 100% ; } #sponsBG { text-align:center; margin-left: 0px; margin-top: 0px; background: transparent url(gfx/sbg.png) repeat; -moz-border-radius: 8px; border-radius: 8px; height: auto; overflow: hidden; width: 1020px ; } #sponsplaceholder { position:relative; left:10px; top:10px; margin-left: auto ; margin-right: auto ; } #headerBG { background: transparent url(gfx/toppbg.png) repeat-x top; height: 85px; overflow: hidden; width: 100% ; } #menuBG { background: transparent url(gfx/menubg.png) repeat-x top; height: 35px; overflow: hidden; width: 100% ; border-style:solid; border-right: Silver 0px solid; border-left: Silver 0px solid; border-bottom: Silver 1px solid; border-top: Silver 1px solid; } #menuplaceholder { width: 1020px ; margin-left: auto ; margin-right: auto ; } #calplaceholder { width: 100% ; margin-left: auto ; margin-right: auto ; } #topheaderplaceholder { width: 1020px ; margin-left: auto ; margin-right: auto ; } #headercenter { text-align:center; } #headerleft { text-align:left; } table.sample { border-width: 1px; border-spacing: 5px; border-style: dotted; border-color: gray; border-collapse: separate; background-color: white; } table.sample th { border-width: 0px; padding: 1px; border-style: inset; border-color: gray; background-color: white; -moz-border-radius: ; } table.sample td { border-width: 0px; padding: 1px; border-style: inset; border-color: gray; background-color: white; -moz-border-radius: ; } #displaymenuBG { background: transparent url(gfx/displaymenubg.png) repeat-x top; height: 30px; overflow: hidden; width: 100% ; border-style:solid; border-right: Silver 0px solid; border-left: Silver 0px solid; border-bottom: #EEE 1px solid; border-top: Silver 0px solid; } #displaymenuplaceholder { width: 1020px ; margin-left: auto ; margin-right: auto ; } #searchwrapper { width:290px; /*follow your image's size*/ height:56px;/*follow your image's size*/ background-image:url(gfx/searchbg.png); background-repeat:no-repeat; /*important*/ padding:0px; margin:0px; position:relative; /*important*/ } #searchwrapper form { display:inline ; } .searchbox { border:0px; /*important*/ background-color:transparent; /*important*/ position:absolute; /*important*/ top:10px; left:30px; width:190px; height:28px; font-family:Arial; font-size:16px; color:Gray; } .searchbox_submit { border:0px; /*important*/ background-color:transparent; /*important*/ position:absolute; /*important*/ top:8px; left:230px; width:45px; height:33px; } #topplaceholder { width: 1020px ; margin-left: auto ; margin-right: auto ; text-align:center; background-color:White; } #top { background: transparent url(gfx/top.jpg) no-repeat; height: 214px; overflow: hidden; background-position:center; position:relative; } #calendar { position:relative; width:381px; left:296px; top:8px; margin-left: auto ; margin-right: auto ; } .fade { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fade:hover { opacity: 0.7; } .fade2 { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fade2:hover { opacity: 0.4; } .buttonimg { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .buttonimg:hover { opacity: 0.8; }
![]() |
![]() |
|
![]() |
![]() |
Webdesign og webteknikk av Beatlock |