/************************************** Main css for Volf Duo ***************************************/ /* Main Tags */ * { text-decoration: none; font-family: arial, helvetica, verdana, sans; font-size: 11px; } body { text-align: center; background: #000000 url(../gfx/bg.gif) repeat-x; margin: 0; padding: 0;} input { border: 1px solid #433933; background: #FFFFFF url(../gfx/input_bg.gif) repeat-x; color: #999; padding:1px; margin:0px; } form { margin:0; padding:0; } a { color: #e2001a; text-decoration: underline; } a:active { color: #e2001a; text-decoration: underline; } a:visited { color: #e2001a; text-decoration: underline; } a:hover { color: #e2001a; text-decoration: none; } h1 { color: #890101; font-size: 20px; margin-bottom: 10px; font-weight: normal;} h2 { color: #890101; font-size: 16px; font-weight: normal; margin-bottom: 3px; margin-top: 10px;} h3,h4,h5,h6 { color: #890101; font-size: 12px; font-weight:bold; margin:0; margin-bottom: 3px; } p { margin:0; margin-bottom: 10px; line-height: 16px; } img { border:none; } /* Page Construction - wappers */ #page_load_time { display:none; } #page { margin: 0px auto; text-align: left; width: 900px; border: none; position:relative;} #wrapper { float:left; width: 850px; background-color: #202020; } #logo.stor { background: url(../gfx/volf_logo.jpg) center no-repeat; background-color: #000000; display:block; width: 850px; height: 167px; } #logo.bar { background: url(../gfx/subpage_topbar.png) center no-repeat; display:block; width: 850px; height: 66px; } #spotwrapper { float:left; text-align:left; width: 850px; margin:0; padding: 5px; } #contentwrapper { float:left; width: 820px; padding: 15px; display:block; background: #FFFFFF url(../gfx/subpage_image_dropshadow.gif) repeat-x scroll 0 0; } #footer { float:left; width: 850px; text-align: center; margin-top: 20px; ; color: #aaaaaa; font-size: 10px;} /* Topmenu */ #menu { float:left; width: 850px; text-align: left; background: #f00 url(../gfx/menu_bg.gif) repeat-x; height: 33px; display:block; } #menu ul { float:left; list-style-type: none; list-style-image: none; padding:0px; margin:0; margin-top: 1px;} #menu ul li { float:left; text-align:center; list-style-image: none; display: inline; padding: 0px; margin:0;} #menu ul li form { float:left; text-align:center; padding: 6px;} #menu a, #menu a:link { float: left; padding: 8px; padding-left: 20px; padding-right: 20px; height: 16px; margin-right: 1px; color:#fff; text-decoration:none; font-size: 12px;} #menu a:hover { color: #fff; text-decoration:none; background-color: #890101;} #menu a:active, #menu a.selected { color: #fff; background-color: #890101;} #menu ul ul { float:none; display:none; position: absolute; width: 200px; z-index: 999; margin-top: 31px; border-top: 1px solid #fff; } #menu ul ul li { float:none; display:block; text-align:left; backgrund-color: #890101;} #menu ul ul li a, #menu ul ul li a:link, #menu ul ul li a:visited, #menu ul ul li a:active { display:block; width: 160px; background-color: #890101; border-bottom: 1px solid #fff; opacity: 0.8; filter: alpha(opacity=80); } #menu ul ul li a:hover { color: #fff; background-color: #bb0000;opacity: 0.8; filter: alpha(opacity=80); } /* Breadcrumb */ #breadcrumb { float:left; padding: 10px; color: #757575; font-weight: bold; } #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { color: #a9a9a9; font-weight: normal; padding: 5px; } #breadcrumb span { color: #fff; padding: 5px; font-weight:normal; } /* leftmenu */ #leftmenu { float:left; width: 180px; margin-right: 15px; } #leftmenu ul { list-style-type: none; list-style-image: none; padding:0; margin:0; border-top: 1px solid #eee; } #leftmenu a, #leftmenu a:link { color: #555; padding:5px; text-decoration:none; font-size: 12px;display:block; border-bottom: 1px solid #eee; } #leftmenu a:hover { color: #000; background-color: #fafafa;} #leftmenu a:active, #leftmenu a.selected { color: #000; background-color: #fafafa; font-weight: bold;} #leftmenu ul ul { list-style-type: none; list-style-image: none; padding:0; margin:0; border:none; border-bottom: 1px solid #eee; border-top: 1px solid #fafafa; background-color: #fafafa; display:block; } #leftmenu ul ul li { margin-bottom: 4px; margin-top: 4px; background-color: #fafafa; } #leftmenu ul ul a, #leftmenu ul ul a:link { color: #555; padding:0; padding-left: 10px; border:none; border-left: 5px solid #fafafa; text-decoration:none; font-size: 10px;display:block; } #leftmenu ul ul a:hover { color: #890101; background: none; border-left: 5px solid #890101; } #leftmenu ul ul a:active, #leftmenu ul ul a.selected { color: #890101; background:none; border-left: 5px solid #890101;} .flvplayer { margin-top: -10px; } /* Indhold */ #content { float:left; width: 410px; } #contentwide { float:left; width: 620px; } /* højreside */ #right { float:left; width: 200px; margin-left: 15px; } #right img { width: 200px; } /* Søgning */ #search { float:right; color: #aaa; padding: 7px; } #search input { float:left; margin-left: 5px; } #search input.btn { border:none; background:none; } #search input.searchfield { float:left; color: #aaa; font-size: 11px; padding-top: 2px; height: 15px; } #search input.searchfield_normal { float:left; color: #333; font-size: 11px; padding-top: 2px; height: 15px; } /* image roller - forside */ #imageroller { float:left; width: 850px; height: 292px; } #imageroller img.roller { display:none; border-bottom: 3px solid #890101; width: 850px; height: 292px; } /* image roller - underside */ #wrapper.subpage #imageroller { float:left; width: 850px; height: auto; } #wrapper.subpage #imageroller img.roller { display:none; border-bottom: 3px solid #890101; border-top: 3px solid #890101; width: 850px; height: 250px; } #wrapper.subpage #imageroller img.thumbnail-image { width: 850px; height: 250px;border-bottom: 3px solid #890101;} #wrapper.subpage #imageroller p { margin:0; padding: 0;line-height: normal; } /* Spots - forside */ div.spot { float:left; display:block; background: url(../gfx/spot_bg.png) no-repeat; width: 380px; height: 136px; color:#fff; padding: 15px; padding-top: 10px; padding-bottom: 10px; margin: 5px; } div.spot .headline { font-size: 20px;letter-spacing: 1px; } div.spot label { float:left; width: 100px; clear:both; margin-bottom: 5px;} div.spot input { float:left; width: 215px; margin-bottom: 5px; } div.spot input.small { width: 135px; margin-right: 5px;} div.spot input.btn { width: 60px; background: #f00 url(../gfx/btn_bg.png) repeat-x; border: 1px solid #890101; color: #fff; font-size: 10px;height: 18px; margin-left: 100px; } /* Gallerier */ #galleries { float:left; text-align: center; } /* div.gallery { float:left; width: 160px; height: 160px; border: 1px solid red; padding: 20px; margin: 5px;} div.gallery img { clear: both;} div.gallery span { display:block; clear: both;} */ #gallery { text-align:center; } #gallery img { width: 114px; margin: 5px; padding: 4px; background-color: #ddd; border: 1px solid #890101; } .box { float:left; background-color: #E2001A; padding:10px; position: relative; border: 1px solid #890101; } /* Document list - nyheder rss */ ul.documentList { list-style-type: none; list-style-image: none; padding:0; } ul.documentList li { margin-top: 10px; margin-bottom: 10px; } /* generelt */ input.btn { border:none; background:none; } .headline { color: #e2001a; }