/* CSS Document $Version: 2.1 $ $Author: Design ruleSeven http://www.designruleseven.com $ $Date Creation: 2009/07/08 $ %Y/$m/d $Date Modified: 2010/04/21 $ %Y/$m/d $Copyright 2008-2010$ */ /* RESET STYLES */ html, body, blockquote, div, a, p, h1, h2, h3, h4, h5, h6, form, label, input, select, textarea, ul, ol, li, b, span, img, dd, dt, dl, table, tr, td { margin:0; padding:0; border:0; background:none; } a { text-decoration:none; } ul li { list-style:none; } html, body { margin:0 auto; } #layout { margin:0 auto; width:1010px; } /* COLUMN LEFT */ #layout #center .colleft { margin:0.5em 0; padding:0 1.4em 0 0; width:228px; height:565px; float:left; } #layout #center .colleft #logo { margin:0.1em 0 0 0; } #layout #center .colleft #logo ul li { float:left; } #layout #center .colleft #logo ul li.dash { font:11px Verdana; color:#8B8686; line-height:17px; } #layout #center .colleft #logo ul li a { margin:0.43em 0 0; display:block; width:55px; height:9px; } #layout #center .colleft #logo ul li.bio a { background:url(../images/generics/biografi.jpg) no-repeat; } #layout #center .colleft #logo ul li.bio a:hover, #layout #center .colleft #logo ul li.bio a.hover { background-position:0 90%; } #layout #center .colleft #secondarylinks { margin:2em 0 0; } #layout #center .colleft h2 { margin:-0.5em 0 0; position:absolute; font:15px Verdana, Arial; color:#555; } #layout #center .colleft ul li { list-style:none; font:10px Verdana; line-height:10px; } #layout #center .colleft ul.menu { position:absolute; } #layout #center .colleft ul.menu, #layout #center .colleft ul.menu li { margin:0.5em 0 0; line-height:13px; list-style:normal; } #layout #center .colleft ul.menu li a { color:#8B8686; } #layout #center .colleft ul.menu li a:hover { color:#475685; } #layout #center .colleft ul#menu { margin:7em 0 0; } #layout #center .colleft ul#menu li { margin:0; padding:0; } #layout #center .colleft ul#menu li a { margin:0.9em 0 0; padding:0.1em 0 0; display:block; height:10px; } #layout #center .colleft ul#menu li.lia1 a { background:url(../images/generics/foredrag.jpg) no-repeat; width:60px; } #layout #center .colleft ul#menu li.lia2 a { background:url(../images/generics/frem.jpg) no-repeat; width:113px; } #layout #center .colleft ul#menu li.lia3 a { background:url(../images/generics/true.jpg) no-repeat; width:73px; } #layout #center .colleft ul#menu li.lia4 a { background:url(../images/generics/center.jpg) no-repeat; width:185px; } #layout #center .colleft ul#menu li.lia7 a { background:url(../images/generics/advisory.jpg) no-repeat; width:99px; } #layout #center .colleft ul#menu li.lia8 a { background:url(../images/generics/pamed.jpg) no-repeat; width:91px; height:12px; } #layout #center .colleft ul#menu li.lia9 a { background:url(../images/generics/boger.jpg) no-repeat; width:38px; } #layout #center .colleft ul#menu li.lia10 a { background:url(../images/generics/workshop.jpg) no-repeat; width:152px; height:11px; } #layout #center .colleft ul#menu li.lia11 a { background:url(../images/generics/anders.jpg) no-repeat; width:159px; } #layout #center .colleft ul#menu li.lia12 a { background:url(../images/generics/presse.jpg) no-repeat; width:89px; } #layout #center .colleft ul#menu li.lia13 a { background:url(../images/generics/nyhed.jpg) no-repeat; width:89px; } #layout #center .colleft ul#menu li a:hover, #layout #center .colleft ul#menu li a.hover { background-position:0 -14px; } #layout #center .colleft ul#menu li.lia9 a:hover, #layout #center .colleft ul#menu li.lia9 a.hover, #layout #center .colleft ul#menu li.lia12 a:hover, #layout #center .colleft ul#menu li.lia12 a.hover { background-position:0 -12px; } #layout #center .colleft ul#menu li.lia1 a:hover, #layout #center .colleft ul#menu li.lia1 a.hover { background:url(../images/generics/hforedrag.jpg) no-repeat; } #layout #center .colleft ul#menu li.lia8 a { margin:0.7em 0 0; } #layout #center .colleft .footer { margin:57.2em 3.6em 0.5em 0; position:absolute; } #layout #center .colleft .footer, #layout #center .colleft .footer a { font:10px Verdana; color:#8B8686; } #layout #center .colleft .footer a:hover { color:#475685; } /* END COLUMN LEFT */ /* COLUMN RIGHT */ /* GENERIC */ #layout #center #content, #layout #center #contentBio { margin:0.5em 0 0; width:502px; min-height:437px; background:#ECE5DF; } #layout #center #content div, #layout #center #contentBio div { padding:0.7em; } #layout #center #content div div.fixpag { padding:0; width:485px; min-height:407px; font:12px Verdana, Arial; color:#666; line-height:145%; } #layout #center #contentBio div div.fixpag { padding:0; width:485px; min-height:400px; font:12px Verdana, Arial; color:#666; line-height:145%; } #layout #center #content div p, #layout #center #contentBio div p { margin:0 0 1.1em; font:12px Verdana, Arial; color:#666; line-height:145%; } #layout #center #content div a, #layout #center #contentBio div a { color:#475685; } #layout #center #content div ul, #layout #center #contentBio div ul { list-style:square; } #layout #center #content div ul li, #layout #center #contentBio div ul li { margin:0 0 0.5em 1.3em; line-height:115%; font:12px Verdana, Arial; color:#666; list-style:disc; } #layout #center #content div.item-list, #layout #center #contentBio div.item-list { padding:0; width:100%; min-height:15px; } #layout #center #content div.item-list ul li, #layout #center #contentBio div.item-list ul li, #layout #center #content div.item-list ul li em, #layout #center #contentBio div.item-list ul li em, #layout #center #content div.item-list ul li strong, #layout #center #contentBio div.item-list ul li strong { color:#475685; font:normal bold 12px Verdana, Arial; } #layout #center #content div.item-list ul li a, #layout #center #contentBio div.item-list ul li a { color:#666; font-weight:normal; } #layout #center #contentBio div.item-list ul.pager, #layout #center #content div.item-list ul.pager { padding:0; margin:0 auto; float:right; list-style:none; } #layout #center #contentBio div.item-list ul.pager li, #layout #center #content div.item-list ul.pager li { margin:0; display:block; width:18px; float:left; } #layout #center #content div.item-list ul.pager li.pager-next, #layout #center #content div.item-list ul.pager li.pager-last, #layout #center #content div.item-list ul.pager li.pager-first, #layout #center #content div.item-list ul.pager li.pager-previous, #layout #center #contentBio div.item-list ul.pager li.pager-next, #layout #center #contentBio div.item-list ul.pager li.pager-last, #layout #center #contentBio div.item-list ul.pager li.pager-first #layout #center #contentBio div.item-list ul.pager li.pager-previous { width:75px; } #layout #center #content div.item-list ul.pager li.pager-next, #layout #center #content div.item-list ul.pager li.pager-last { width:45px; } #layout #center .top, #layout #center .bottom { margin:0.5em 0 0 0; width:750px; background:#475685; } #layout #center .top { margin:0.5em 0 0 0; width:502px; min-height:143px; float:left; } #layout #center .top a { margin:0.3em 0 0; font:15px Verdana, Arial; color:#CCC; display:block; } #layout #center .top div p, #layout #center .top div ul { padding:0.1em 1em 0.3em 0.8em; font:15px Verdana, Arial; color:#FFF; height:134px; display:table-cell; vertical-align:bottom; } #layout #center .top a:hover, #layout #center .top a.hover { color:#FFF; } #layout #center .top table { width:100%; height:143px; } #layout #center .top table tr td { vertical-align:bottom; } #layout #center .top table tr td ul { padding:0.8em 1em 0.8em 0; font:11px Verdana; color:#F8F8FA; } #layout #center #video { margin:0.5em 0 0 0.5em; width:240px; height:143px; background:#CCC; } #layout #center .menu { margin:0 0 0 0.7em; } #layout #center .menu li.selected a { color:#FFF; } #layout #center #home, #layout #center #biography, #layout #center #page { width:750px; float:left; } #layout #center #home div, #layout #center #biography div, #layout #center #page div { float:left; } #layout #center .sidebar { margin:0.5em 0 0 0.5em; width:240px; } #layout #center .sidebar div { width:240px; height:143px; background:#ECE8E1; } #layout #center .sidebar div.imgs { height:445px; } #layout #center .sidebar div.mrg { margin:0.5em 0 0; } #layout #center .sidebar div img { margin:4.1em 0 0 0.7em; vertical-align:bottom; } #layout #center .sidebar div img.mod { margin:3.7em 0 0 0.7em; } #layout #center .sidebar div a { display:block; width:240px; height:142px; } #layout #center .sidebar div a img.over { margin:0.5em 0 0 0.7em; display:block; } #layout #center .sidebar div a#moed { background:url(../images/template-one/moed.jpg); } #layout #center .sidebar div a#book { background:url(../images/template-one/book.jpg); } #layout #center .sidebar div a#laes { background:url(../images/template-one/laes.jpg); } #layout #center .sidebar div a#moed:hover { background:url(../images/template-one/moedh.jpg); } #layout #center .sidebar div a#book:hover { background:url(../images/template-one/bookh.jpg); } #layout #center .sidebar div a#laes:hover { background:url(../images/template-one/laesh.jpg); } #layout #center .sidebar div a#moed.hover { background:url(../images/template-one/moedh.jpg); } #layout #center .sidebar div a#book.hover { background:url(../images/template-one/bookh.jpg); } #layout #center .sidebar div a#laes.hover { background:url(../images/template-one/laesh.jpg); } #layout #center #imgs div img { margin:0; display:none; position:absolute; } #layout #center #biography #content, #layout #center #page #content { min-height:445px; } /* END GENERIC */ /* HOME */ #layout #center #home div.bottom { margin:0.5em 0 0; width:750px; background:#475685; } #layout #center #home a.bottomhover { margin:0.5em 0 0; position:absolute; display:block; width:750px; height:143px; } #layout #center #home div div h3, #layout #center #home div.bottom b, #layout #center #home table b { font:bold 13px Arial; color:#FFF; } #layout #center #home div div p, #layout #center #home div.bottom p { font:11px Verdana; color:#F8F8FA; } #layout #center #home div.bottom p { padding:0 1.1em 1.1em; display:table-cell; vertical-align:bottom; height:133px; } #layout #center #home table { margin:0.5em 0 0; width:750px; height:143px; background:#475685; } #layout #center #home table tr td { vertical-align:bottom; } #layout #center #home table tr td p { padding:0 1.1em 1.1em; font:11px Verdana; color:#F8F8FA; } #layout #center #home div div#ctpad { padding:0.5em 0 0 0; } #layout #center #home div div { margin:0.5em 0.45em 0 0; float:none; } #layout #center #home div div { height:143px; display:block; } #layout #center #home div div div p { padding:0 1em 0.8em 1em; display:table-cell; vertical-align:bottom; height:137px; } #layout #center #home div div h3 { margin:0 0 1em 0.9em; padding:1em 0 0; } #layout #center #home div.nbi div { float:left; } #layout #center #home div div#a4, #layout #center #home div div#a7, #layout #center #home div div#a8 { margin:0.5em 0 0; } #layout #center #home div.blkVlarge, #layout #center #home div.blkHmed { width:245px; } #layout #center #home div.blkHtiny { width:118px; } /* PLAYING WITH HOVER */ #layout #center #home div div a { color:#FFF; } #layout #center #home div div div, #layout #center #home div div table { position:absolute; visibility:hidden; top:0; width:245px; height:143px; } #layout #center #home div div table tr td p { padding:0.8em 0.5em 0.5em 0.8em; } #layout #center #home div div#a3 div p { height:287px; } #layout #center #home div div#a2 div, #layout #center #home div div#a4 div, #layout #center #home div div#a2 table, #layout #center #home div div#a4 table { top:9.45em; } #layout #center #home div div#a3 div, #layout #center #home div div#a3 table { height:294px; } #layout #center #home div div#a5 div, #layout #center #home div div#a6 div, #layout #center #home div div#a7 div, #layout #center #home div div#a5 table, #layout #center #home div div#a6 table, #layout #center #home div div#a7 table { top:18.9em; } #layout #center #home div div#a5 div, #layout #center #home div div#a5 table { width:118px; } #layout #center #home div div#a6 div, #layout #center #home div div#a6 table { width:372px; } #layout #center #home div div:hover table, #layout #center #home div div:hover div { visibility:visible; background:#475685; } /* END PLAYING WITH HOVER */ /* END HOME */ /* BIOGRAPHY */ #layout #center #biography #contentBio { min-height:437px; } #layout #center #biography #picture { margin:0.5em 0 0 0.5em; width:240px; min-height:437px; background:#CCC; } #layout #center #biography #sideRight { margin:0.5em 0 0 0.5em; width:240px; min-height:445px; background:#CCC; } #layout #center #biography #sideRight img, #layout #center #biography #picture img { display:block; } /* END BIOGRAPHY */ /* PRESSE */ #layout #center #page #sidebar { margin:0.5em 0 0 0.5em; width:240px; min-height:445px; background:#CCC; } #layout #center #page #sidebar img { display:block; } #layout #center #content .cImg { padding:0.7em 0.7em 0.7em 0; width:91px; height:153px; float:left; } #layout #center #content .cImg span { margin:0 0 0 0.3em; float:left; width:89px; font:bold 12px Verdana, Arial; color:#475685; } #layout #center #content .cImg .links { padding:0.7em 0.7em 0 0; float:left; } #layout #center #content .cImg .links a { margin:0 0 0 0.3em; display:block; font:13px Verdana, Arial; color:#333; } #layout #center #content .cImg .links a:hover { color:#666; } /* END PRESSE */ /* WEBFORM */ #layout #center #content div.formdiv { padding:0.7em 0.7em 0; } #layout #center #content div div.node { padding:0 0.7em; } #layout #center #content div div.node div { padding:0 0.7em; float:left; font:12px Verdana, Arial; color:#666; } #layout #center #content div div.node div.container-inline, #layout #center #content div div.node div.container-inline div { padding:0 0.7em 0 0; } #layout #center #content div div.node div.description { padding:0 0 0 0.3em; } #layout #center #content div div.node div.description p { margin:0.5em 0 0.2em; } #layout #center #content label { margin:0.5em 0 0; display:block; } #layout #center #content input, #layout #center #content textarea, #layout #center #content select { margin:0.1em 0 0 0; padding:0.2em 0 0 0.1em; font:12px Verdana, Arial; background:#FFF; color:#666; border-bottom:1px solid #CCC; } #layout #center #content input { width:350px; height:20px; } #layout #center #content textarea { display:inline; width:350px; } #layout #center #content select { width:90px; height:20px; } #layout #center #content input.form-submit { margin:0.5em 0 0 1.35em; display:inline; width:90px; height:26px; background:#F8F8FA; } #layout #center #content span.form-required { color:#A7703A; } #layout #center #edit-submitted-evt-datoperiode-wrapper label { margin:0.2em 0 0.8em; width:141px; } #layout #center #edit-submitted-evt-datoperiode-wrapper label, #layout #center #edit-submitted-evt-datoperiode-wrapper div { float:left; } #layout #center #edit-submitted-evt-datoperiode-month-wrapper select { width:70px; } #layout #center #edit-submitted-evt-datoperiode-day-wrapper select { width:53px; } #layout #center #edit-submitted-evt-datoperiode-year-wrapper select { width:55px; } /* END WEBFORM */ /* END COLUMN RIGHT */ /* CHANGE LANGUAGE */ #layout .langs { margin:0 0 0.5em; width:99%; float:left; text-align:right; } #layout .langs a { font:9px Verdana; color:#8B8686; } #layout .langs a:hover { color:#475685; } /* END CHANGE LANGUAGE */ /* PRELOAD WITH CSS */ #PreloadImgs .preaB { background:url(../images/generics/biografi2.jpg); } #PreloadImgs .preaK { background:url(../images/generics/kontakt2.jpg); } #PreloadImgs .prelia1 { background:url(../images/generics/hforedrag.jpg); } #PreloadImgs .prelia2 { background:url(../images/generics/hfrem.jpg); } #PreloadImgs .prelia3 { background:url(../images/generics/htrue.jpg); } #PreloadImgs .prelia4 { background:url(../images/generics/hcenter.jpg); } #PreloadImgs .prelia5 { background:url(../images/generics/hpresse.jpg); } #PreloadImgs .prelia6 { background:url(../images/generics/hworkshop.jpg); } #PreloadImgs .prelia7 { background:url(../images/generics/hadvisory.jpg); } #PreloadImgs .prelia8 { background:url(../images/generics/hpamed.jpg); } #PreloadImgs .prelia9 { background:url(../images/generics/hboger.jpg); } #PreloadImgs .prelia10 { background:url(../images/generics/hnyhed.jpg); } #PreloadImgs .prelia11 { background:url(../images/template-one/moedh.jpg); } #PreloadImgs .prelia12 { background:url(../images/template-one/bookh.jpg); } #PreloadImgs .prelia13 { background:url(../images/template-one/laesh.jpg); } /* END PRELOAD WITH CSS */