/* EUCNORDVEST: FISKERISKOLEN feb/marts 2009 grafiskhus.dk ---------------------*/ body { background: #19497a url(http://www.eucnordvest.dk/media/gradient.jpg) repeat-x; font-family: Verdana, arial, sans-serif; font-size: 12px; color: #444;} /* TYPOGRAFI ff4909 ---------------------*/ a:link, a:visited { color: #ff4909; text-decoration: none;} a:hover { color: #444;} a img { border: 0;} h1, h2, h3 { color: #ff4909; } h1 { font-size: 24px; font-weight: bold; margin: 0 0 16px;} h2 { font-size: 18px; } h3 { font-size: 11px; font-weight: bold;} p, .section { font-size: 11px; margin-bottom: 16px;} table { font-size: 11px; } .conR h2.sectionheader, .conR h2 { font-size: 18px;} /* LAYOUT ---------------------*/ #top-right { position: relative;} #top-right #tool { float: right; padding: 0; margin: 15px 20px 0 0; list-style: none; font-size: 11px;} #top-right #tool li { float: left; margin-left: 7px;} #top-right #tool li a { padding: 2px; color: #a8a8a8;} #top-right #tool li a:hover { color: #222;} #main-top {} #main-bottom { background: url(http://www.eucnordvest.dk/media/main-bottom.png) no-repeat; height: 14px;} #main-left { background: url(http://www.eucnordvest.dk/media/left.png) repeat-y; width: 8px;} #main-right { background: url(http://www.eucnordvest.dk/media/right.png) repeat-y; width: 8px; } #menuTd { background: #e9f4f9; width: 180px;} #conMain { position: relative; overflow: auto; width: 789px; } #p3786 #conMain { width: 969px; } #conMain .conL { float: left; width: 544px;} #p3786 #conMain .conL { width: 649px; } #conMain .conR { float: right; width: 245px;} #p3786 #conMain .conR { width: 320px; overflow: hidden;} #p3786 #conMain #conPrimary { width: 450px;} #conMain #conPrimary { padding: 0 0 0 20px; width: 510px; float: left;} #conMain #tilBunden { position: absolute; bottom: 0; left: 0;} #conMain #annoncer { width: 430px; float: left; overflow: hidden;} #conMain #reklame { float: left; width: 213px;} #reklame a:link, #reklame a:visited { width: 213px; height: 173px; background: url(http://www.eucnordvest.dk/media/reklame.jpg) no-repeat; display: block; } #reklame a:hover { background: url(http://www.eucnordvest.dk/media/reklame.jpg) 0 -173px; } /* MISC LAYOUT ---------------------*/ .box { width: 213px; height: 173px; background: #ccc;} #content { background: #fff;} #billede { position: absolute; top:0; left: 0; z-index: 1;} #footer { margin: 5px 0 20px; text-align: center; list-style: none; color: #a8a8a8;} #footer li { display: inline; margin: 0 5px;} #footer li a { font-weight: bold; color: #a8a8a8;} /* BREADCRUMBS og TOOL ---------------------*/ #breadcrumb {} #breadcrumb .herErDu {} #breadcrumb .HereAreYou { margin-right: 4px;} #tool2 { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; font-size: 11px;} #tool2 li { float: left; margin: 0 0 0 10px;} #tool2 a { color: #a8a8a8; padding: 2px; font-size: 10px;} #tool2 a:hover { color: #222;} #mainContent { float: left; } #conTop { position: relative; width: 969px; height: 174px; background: #fff url(http://www.eucnordvest.dk/media/top-container.gif) no-repeat; } #conTop .gutter { padding: 4px 0 0 4px; } /* SLIDER ---------------------*/ #topSlider { float: left; width: 643px; height: 166px; background: #19497A; overflow: hidden; } #topSlider h1 { margin: 20px 0 10px 20px;} #topSlider p { margin: 0 0 5px 20px; color: #fff;} #topSlider .panel { float: left; width: 643px; height: 166px; z-index: 5; } #pager { text-align: right; z-index: 10; position: absolute; top: 107px; left: 4px; width: 603px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); padding: 10px 20px; } #pager span { float: left;} /* container til img alt fra jQuery */ #pager strong { font-size: 15px; font-weight: bold; color: #ff4909;} #pager a:link, #pager a:visited { text-align: right; font-weight: bold; color: #243f66;} #pager a:hover { color: #ff4909;} #pager #prev { } #pager #next { } /* ORANGEBOX ---------------------*/ #orangeBox { float: right; background: #ff5a19 url('http://www.eucnordvest.dk/media/orange-box.jpg') repeat-x; width: 320px; height: 166px;} #orangeBox .gutter { padding: 15px 15px 0;} #orangeBox h2, #orangeBox p, #orangeBox .section { color: #fff; margin: 0 0 10px; line-height: 140%;} #orangeBox h2 { font-size: 15px; font-weight: normal; margin: 0 0 20px;} #orangeBox a:link, #orangeBox a:visited { color: #fff; border-bottom: 1px solid #eb4215;} #orangeBox a:hover { border-color: #fff;} #orangeBox h2.sectionheader a:hover { color: #fff;} /* Nyheder ---------------------*/ /* Oversigtsvisning */ #p3791 .nyhed { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 15px;} #p3791 .nyhed h3 { margin: 0;} #p3791 .nyhed p { margin: 0;} .meta { color: #888;} #p3791 .meta .date {} #p3791 .back { display: none; } /* Forside og sidebar-oversigtsvisning*/ #latestNews { background: url(http://www.eucnordvest.dk/media/box-bg.jpg) top left; margin: 0 0 5px;} #p3786 #latestNews { background: url(http://www.eucnordvest.dk/media/box-bg-l.png) top left; } #p3786 .box-bottom { background: url(http://www.eucnordvest.dk/media/box-bottom-l.png) no-repeat; height: 8px; width: 100%; } .box-bottom { background: url(http://www.eucnordvest.dk/media/box-bottom.png) no-repeat; height: 8px; width: 100%; } #latestNews .gutter { padding: 5px 5px 0;} #latestNews h3 { margin: 5px;} #latestNews .nyhed { padding: 7px 8px; background: #e4f1f8;} #latestNews .nyhed h3 { margin: 0;} #latestNews .nyhed p { margin: 0;} #latestNews .even { background: #bcdced;} #latestNews .nyhed:hover .gutter { padding: 7px 7px 0;} #latestNews a { color: #444; font-weight: bold;} #latestNews a:hover { color: #ff4909;} #latestNews #nyhedsArkivLink { text-indent: 15px; margin: 7px 0 0;} /* UDDLINKS ---------------------*/ div#uddLinks { background: url(http://www.eucnordvest.dk/media/box-bg.jpg) no-repeat; top left;} #p3786 div#uddLinks { background: url(http://www.eucnordvest.dk/media/box-bg-l.png) no-repeat; top left;} div#uddLinks .gutter { padding: 5px 5px 0; } div#uddLinks h3 { margin: 5px;} ul#uddLinks { padding: 0; margin: 0;} ul#uddLinks li { background: #e4f1f8; margin: 0 2px; list-style: none; padding: 4px 5px;} ul#uddLinks li a { } /* ANNONCER (bliver roteret via js) ---------------------*/ #annoncer a#felev { background: url(http://www.eucnordvest.dk/media/forelever.jpg) no-repeat top left; } #annoncer a#felev:hover { background: url(http://www.eucnordvest.dk/media/forelever.jpg) no-repeat 0 -173px; } #annoncer a#fvirk { background: url(http://www.eucnordvest.dk/media/forvirksomheder.jpg) no-repeat top left; } #annoncer a#fvirk:hover { background: url(http://www.eucnordvest.dk/media/forvirksomheder.jpg) no-repeat 0 -173px; } #annoncer a#fwebtv { background: url(http://www.eucnordvest.dk/media/webtv.jpg) no-repeat top left; } #annoncer a#fwebtv:hover{ background: url(http://www.eucnordvest.dk/media/webtv.jpg) no-repeat 0 -173px; } .abox { width:213px; height: 173px; margin: 0 1px; display: none; float: left; background: url(http://www.eucnordvest.dk/media/abox-bg.gif) no-repeat; position: relative;} .abox .gutter { padding: 4px;} .abox .image { overflow: hidden; height: 95px; width: 205px;} .abox .image img { height: 95px; width: 205px;} .abox .header { width: 100%; height: 25px; position: absolute; top: 75px; line-height: 25px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); } .abox h2.sectionheader { margin-left: 10px; font-size: 11px; color: #ff4909; font-weight: bold; text-transform: uppercase;} .abox .text { height: 59px; background: #bcdced; padding: 6px 6px 4px;} .abox .link { display: none;} .abox .section, .abox .sectionlink { margin: 0; font-size: 11px; } /* MENU ---------------------*/ #menu { border-bottom: 1px solid #a1c2d9; margin: 0 1px 0 0; padding: 0; list-style: none;} #menu ul { margin: 0; padding: 0; list-style: none;} #menu ul ul {} #menu ul { } #menu li { border-top: 1px solid #a1c2d9;} #menu li li { background: #fff;} #menu li li li {} #menu li a { padding: 7px 7px 7px 20px; display: block; color: #003d6e;} #menu li li a { padding-left: 35px; color: #1985c1;} #menu li li li a { padding-left: 45px;} #menu li a:hover { background: #ff4909; color: #fff;} #menu li.active { background: #ff4909; color: #fff;} #menu li.active li.active { background: #fff; color: #003d6e; } #menu li.active a { color: #fff;} #menu li.active li a { color: #1985c1;} #menu li.active li.active a { color: #003d6e; font-weight: bold; } #menu li.active li a:hover { color: #fff;} #menutop { float: left; margin: 0 0 0 5px; display: inline; padding: 0; list-style: none;} #menutop li { float: left; width: 111px; height: 29px;} #menutop li a { overflow: hidden; text-align: center; line-height: 29px; background: url(http://www.eucnordvest.dk/media/menu-bg-red.png) no-repeat; font-weight: bold; display: block; width: 100%; height: 100%; color: #777;} #menutop li a:hover, #menutop li.active a { background: url(http://www.eucnordvest.dk/media/menu-bg-red.png) 0 -29px no-repeat; color: #243f66;} /* TIP EN VEN ---------------------*/ #fancy_content body { overflow: hidden;} #tipContainer { padding: 15px; overflow: hidden;} #tipContainer .section { color: #fff; font-size: 12px;} #tipenven { } #tipenven h2 { font-size: 24px; margin: 0 0 8px;} #tipenven .item { float: left; margin: 0 0 8px; clear: both; } #tipenven label { float: left; width: 110px; font-size: 12px; color: #fff;} #tipenven label span { color: #e5e5e5;} #tipenven input, #tipenven textarea { float: left; padding: 3px 4px; outline: none; border: 1px solid #ccc;} #tipenven .knap { margin-left: 110px; display: inline; clear: left; float: left;} #tipenven .formreq { color: red;} #tipenven input[type=submit] { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #369; color: #fff; font-weight: bold; border-color: #4a7fb3; border-right-color: #1d4d7d; border-bottom-color: #1d4d7d;} #tipenven .section { } #tipContainer h2.sectionheader { margin: 0 0 8px;} /* MISC ---------------------*/ h2.sectionheader a:hover { color: #ff4909;} /* AFSNITSLAYOUTS ---------------------*/ .conL .afsnit { float: left; padding-bottom: 10px;} .conL .afsnit .gutter {} .conL .afsnit .img {} .conL .afsnit h2 { margin-top: 20px;} .conL .afsnit p {} .conL .topimg { border-bottom: 3px solid #e5e5e5;} .conR .afsnit { margin: 0 0 5px; background: url(http://www.eucnordvest.dk/media/box-bg.jpg) no-repeat; top left; } .conR .afsnit .gutter { padding: 10px 10px 0;} .conR .afsnit .img { width: 225px; overflow: hidden; margin: 0 0 5px;} .conR .afsnit h2 { margin: 0 0 10px; } .conR .afsnit p { margin: 0 0 10px; } /* PERSONALE SIDEN */ #chef { line-height: 50px; text-align: center; margin-left: 205px; width: 85px; height: 50px; } #chef a:link, #chef a:visited { -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100%; height: 100%; display: inline-block; color: #003D6E; background: #E9F4F9;} #chef a:hover { color: #fff; background: #ff4909;} #personale { margin: 0 auto; width: 550px; height: 119px; padding: 0; list-style: none; background: url(http://www.eucnordvest.dk/media/prsnl-diagram.png) no-repeat 8px 0;} #personale li { float: left; width: 85px; height: 50px; margin: 69px 7px 0; text-align: center; /*display: table;*/ } #personale li a:link, #personale li a:visited { width: 85px; height: 50px; display: block; color: #003D6E; background: #E9F4F9; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 1px 1px 5px #ccc; } #personale li a:hover { color: #fff; background: #ff4909; -moz-box-shadow: 1px 1px 5px #999;} #personale li a span { display: table; width: 100%; height: 100%;} #personale li a span span { margin-top: 5px; display: table-cell; vertical-align: middle;} #breadcrumb .section { font-size: 11px;} /* PRINT ---------------------*/