/* ------------------------------------------------ Filename: royal.css Created by: Johan Edlund | edlunddesign.com ------------------------------------------------- */ /* Neutralize styling: */ html * {margin:0;padding:0;} /****** General ******/ html, body {color:#aaa;background:#101006 url(../i/patternbg.jpg) repeat;text-align:center;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height: 1.7;} /****** Layout ******/ #Header{height:41px;background:transparent url(../i/containerbg.jpg) repeat-x;} #HeaderCont {margin:0 auto;width:940px;text-align:left;background:#111;} #Container {font-weight:normal;clear:both;padding:0;text-align:center;color:#E0D6BC;background:transparent url(../i/containerbg.jpg) top left repeat-x;} #ContainerCont {margin:0 auto;width:940px;text-align:left;} #Sidebar{position:relative;float:left;width:300px;padding-right:20px;color:#999;background:transparent;} #Nav{position:absolute;bottom:0; left:0;color:#aaa;background:transparent;} #Content{float:left;margin-top:82px;width:620px; color:#aaa;background:transparent;} #Footer {font-weight:normal;clear:both;margin:20px 0 0 0;padding:10px 0;font-size:12px;height:200px;text-align:center;color:#302F14; background:#101006 url(../i/footerbg.jpg) repeat-x;} #FooterCont {margin:0 auto; width:940px; text-align:left;} /****** Various ******/ #Content img {float:left;text-align:center;margin:0 20px 5px 0;padding:5px;text-decoration:none;border:1px solid #222;background:transparent url(../i/black20.png) repeat;} #Content a img:hover {background:#0c0c0c;border-color:#222;} #Sidebar img {float:left;text-align:center;margin:20px 0 0 0;padding:20px;text-decoration:none;background:transparent url(../i/black20.png) repeat;border:none;} #Sidebar a img:hover {background:#0c0c0c;} .hidden {display:none;} .hr {clear:both;height:1px;margin:19px 0;text-align:center;color:#666;background:url(../i/icons/hricon.gif) 50% 50% no-repeat;} hr {display:none;} .clearer {clear:both;height:1px;} .off-left {position:absolute;left:-999px;width:990px;} acronym, abbr {font-style:normal; text-decoration:none;} acronym[title], abbr[title] {border-bottom:1px dotted #666;} strong {color:#989543;} /** logo **/ h1#Logo a {float:left;padding:169px 0 0 0;margin-top:12px;width:300px;overflow:hidden;display:block;color:#aaa; background:url(../i/logo.png) top left no-repeat;border:0;text-decoration: none; height: 0px !important;} h1#Logo a:hover {background-position: 0px -200px;color:red;border:0;} /****** Default Links *****/ a:link {border-bottom:1px dotted #C01F25;color:#C01F25;padding:1px 0;text-decoration:none;} a:visited {border-bottom:1px dotted #C01F25;color:#C01F25;padding:1px 0;text-decoration:none;} a:hover {border-bottom:1px solid #efefef;color:#efefef;padding:1px 0;text-decoration:none;} a:active{border-bottom:1px solid #efefef;color:#efefef;padding:1px 0;text-decoration:none;} /****** Headerz ******/ h1,h2,h3,h4,h5,h6{color:#989543;font-weight:normal;margin:0 0 10px 0;line-height:1em;} h1 {font-size:24px;margin:0;} h2 {font-size:16px;margin:20px 0 5px 0;padding:0 0 10px 0;} h3 {font-size:16px;padding:0 0 1px 1px;text-transform: uppercase;letter-spacing: 1px;} h4 {font-size:15px;} h2 a:link {font-weight:bold;color:#aaa;padding:1px 0;text-decoration:none;border-bottom:none;} h2 a:visited {font-weight:bold;color:#aaa;padding:1px 0;text-decoration:none;border-bottom:none;} h2 a:hover {font-weight:bold;color:#fff;padding:1px 0;text-decoration:none;border-bottom:none;} h2 a:active{font-weight:bold;color:#fff;padding:1px 0;text-decoration:none;border-bottom:none;} /***** Content specific ******/ p {margin:0 0 20px 0;} p.new {font-size:110%;padding:4px 0px 4px 40px;background:url(../i/Badge.png) top left no-repeat;} p.push {font-size:110%;} .full {float:left;width:580px;margin:0 0 20px 0;padding:20px;background:url(../i/black20.png) repeat;border-top:1px solid #1C1C1C;} .halfleft {float:left; width:260px;height:265px;margin:0 0 20px 0;padding:20px;background:url(../i/black20.png) repeat;border-top:1px solid #1C1C1C;} .halfright {float:right; width:260px;height:265px;margin:0 0 20px 0;padding:20px;background:url(../i/black20.png) repeat;border-top:1px solid #1C1C1C;} /***** Sidebar specific ******/ /** Navigation **/ #Sidebar ul#MainNav{position:relative;top:0;left:0;width:300px;margin:0;height:236px;list-style-type:none;overflow:hidden;background:transparent url(../i/nav.png) no-repeat;} #Sidebar ul#MainNav li a{position:absolute;top:0;left:0;width:300px;text-indent:-9000px;text-decoration:none;border-bottom:none;padding: 32px 0 0 0;overflow: hidden;height:0px !important;height /**/:32px; /* IE5/Win */background: transparent url(../i/nav.png) no-repeat;} #Sidebar ul#MainNav li.hem a:link{ background-position:0 0; left:0px;} #Sidebar ul#MainNav li.hem a:visited{ background-position:0 0; left:0px;} #Sidebar ul#MainNav li.hem a:hover, body#Sdefault #Sidebar ul#MainNav li.hem a{background-position: -320px 0px;} #Sidebar ul#MainNav li.information a:link{ background-position:0 -34px; top:34px;} #Sidebar ul#MainNav li.information a:visited{ background-position:0 -34px; top:34px;} #Sidebar ul#MainNav li.information a:hover, body#Sinformation #Sidebar ul#MainNav li.information a{background-position: -320px -34px;} #Sidebar ul#MainNav li.nyheter a:link{ background-position:0 -68px; top:68px;} #Sidebar ul#MainNav li.nyheter a:visited{ background-position:0 -68px; top:68px;} #Sidebar ul#MainNav li.nyheter a:hover, body#Snyheter #Sidebar ul#MainNav li.nyheter a{background-position: -320px -68px;} #Sidebar ul#MainNav li.foretag a:link{ background-position:0 -102px; top:102px;} #Sidebar ul#MainNav li.foretag a:visited{ background-position:0 -102px; top:102px;} #Sidebar ul#MainNav li.foretag a:hover, body#Sforetag #Sidebar ul#MainNav li.foretag a{background-position: -320px -102px;} #Sidebar ul#MainNav li.bilder a:link{ background-position:0 -136px; top:136px;} #Sidebar ul#MainNav li.bilder a:visited{ background-position:0 -136px; top:136px;} #Sidebar ul#MainNav li.bilder a:hover, body#Sbilder #Sidebar ul#MainNav li.bilder a{background-position: -320px -136px;} #Sidebar ul#MainNav li.konferens a:link{ background-position:0 -170px; top:170px;} #Sidebar ul#MainNav li.konferens a:visited{ background-position:0 -170px; top:170px;} #Sidebar ul#MainNav li.konferens a:hover, body#Skonferens #Sidebar ul#MainNav li.konferens a{background-position: -320px -170px;} #Sidebar ul#MainNav li.fest a:link{ background-position:0 -204px; top:204px;} #Sidebar ul#MainNav li.fest a:visited{ background-position:0 -204px; top:204px;} #Sidebar ul#MainNav li.fest a:hover, body#Sfest #Sidebar ul#MainNav li.fest a{background-position: -320px -204px;} #Map {position:relative;top:20px;left:0;height:160px;width:260px;margin:0 0 20px 0;padding:20px;background:url(../i/black20.png) repeat;border-top:1px solid #1C1C1C;} #Map img {border:none;} #Map a {border:none;} /****** Tables ******/ table {font-size:90%;color:#ccc;width:100%;line-height:24px;margin:5px 0;padding:0;} col {border-right:1px solid #ddd;} th {text-align:left;color:#ccc;} th, td {padding:6px 12px;vertical-align:top;color:#aaa;background:#0a0a0a} tr {color:#aaa;} tr:hover, td:hover {background-color:#0C0C0C;color:#eee;} /* Blockquote */ #Content blockquote {margin:2em 0; padding:2em 3em; background:#F5F1E9 url(/i/icons/quote.gif) no-repeat 10px 10px; border:3px double #fff;} #Content blockquote p {color:#363942; text-indent:1.2em;font-size:16px;} #Content blockquote span {margin-top:1em;display:block; color:#777; text-align:right;} /****** Form ******/ /** Forms zemContactForm **/ form.zemContactForm {border:none;} form.zemContactForm fieldset {border:none;} form.zemContactForm legend {display:none;} form.zemContactForm label {} form.zemContactForm textarea, input.zemText {font-family:Helvetica, Arial, sans-serif;font-size:14px; background:#fff; padding:3px;width:480px;border:1px solid #ccc;} p.half input.zemText {width:214px;} p.quart input.zemText {width:90px;} table.zem {border:1px dotted #ccc; padding:4px;margin:1em 0;border-spacing:0;} table.zem th {font-weight:normal;text-align:left;} table.zem th, table.zem td {padding:5px 15px 5px 15px; vertical-align:top;color:#222;} table.zem .extra {height:5px;line-height:0;} table.zem tr:hover, table.zem td:hover {background-color: #f7f7f7;color:#222;} #Content form.zemContactForm p {color:#444;} #Content form.zemContactForm p.dimmed {} #Content span.req{color:red;} /****** Footer ******/ #Footer a:link {color:#47461D;font-weight:normal;text-decoration:none;border:none;} #Footer a:visited {color:#47461D;font-weight:normal;text-decoration:none;border:none;} #Footer a:hover {color:#666;font-weight:normal;text-decoration:none;border:none;} #Footer a:active {color:#666;font-weight:normal;text-decoration:none;border:none;} p.adress{text-transform:uppercase;margin-top:5px;float:left;background:transparent;} p.right {float:right;background:transparent;width:18px;} p.right a{position:relative;margin:4px 0 0 0;padding: 25px 0 0 0;overflow:hidden;display:block;border:none;color:#ccc;background: url(../i/edicon.gif) top left no-repeat;text-decoration: none; height: 0px !important;height /**/:25px;/* for ie5.x */} p.right a:hover {background-position:0px -30px;color:red;border:none; } p.adress span.gemener {text-transform:lowercase;}