/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
/* modified by deltabox */
/**************** Editor styles *******************************/
body.mceContentBody {
background:#ffffff;
color:#303030;
text-align:left;
}
.mceContentBody ul {
margin:0 5px 16px 35px;
}
.mceContentBody li {
list-style: disc outside url("images/li2.gif");
}
/**************** Body and tag styles ****************/
/* *{margin:0; padding:0;} */
*{margin:0;}
body{
font:76% arial, sans-serif, verdana, tahoma;
line-height:1.2em;
text-align:center;
color:#ff3030;
background: #94acb6 url("images/back.jpg");
/* background: #fffffa; */
scrollbar-3dlight-color:;
scrollbar-arrow-color:#f8c223;
scrollbar-base-color:#f5f5f5;
scrollbar-track-color:#fbfbfb;
scrollbar-darkshadow-color:#f4f4f4;
scrollbar-face-color:#f2f2f2;
scrollbar-highlight-color:#fbfbfb;
scrollbar-shadow-color:#cbcbcb;
}
a{
/* color:#888888; */
color:#995511;
text-decoration:underline;
background-color:inherit;
}
a:hover{color:#f8c223; text-decoration:underline; background-color:inherit;}
a img{border:none;}
p{padding:0 0 1.1em 0;}
p form{margin-top:0; margin-bottom:20px;}
/*
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
*/
#breadcrumb {font-size:90%}
#breadcrumb strong {color:#f8c223}
#breadcrumb a {color:#888888;font-weight:bold;text-decoration:none;background-color:inherit;}
#breadcrumb a:hover {color:#444444;text-decoration:underline;}
/**************** Header styles ****************/
/*
#logo {
position: relative;
left: 260px;
top: -80px;
}
#flag {
position: relative;
left: 410px;
top: -130px;
}
#circles {
position: relative;
left: 540px;
top: -193px;
}
*/
#logonavn {
position: absolute;
left: 0px;
top: 0px;
}
#logo {
position: absolute;
/* left: 250px; */
left: 280px;
top: 5px;
}
#flagback {
position: absolute;
left: 385px;
top: 0px;
}
#flag {
position: absolute;
left: 410px;
top: 44px;
}
#circles {
position: absolute;
left: 518px;
/* top: 5px; */
top: 8px;
}
/**************** Search Form styles ****************/
#search {
position: relative;
right: 20px;
top: 0px;
}
form.FSF_form {
margin: 0;
padding: 0;
width: auto;
text-align: right !important;
}
input.FSF_input {
display: inline;
height: 1.2em;
border: 1px solid #ccc;
background: #fff;
background: #sss;
margin: -1px 3px 0;
padding: 0px 0 0;
}
input.FSF_submit {
display: inline;
margin: -1px 0 0;
padding: 0 1px;
border:1px solid #ccc;
font-size:0.9em;
text-align:center;
cursor:pointer;
/* height: 21px; */
/* line-height: 15px; */
}
.fieldformat {
background-color:#f7f7f3;
border:1px solid #d3d3d0;
padding:10px;
}
.fieldformat input {padding:0;}
.fieldformat td {padding:0;}
input.contact_submit {
display: inline;
margin: -1px 0 0;
padding: 0 1px;
font-size:0.9em;
text-align:center;
cursor:pointer;
}
/**************** Header and navigation styles ****************/
#container{
width:870px;
margin:20px auto;
padding:0px 0;
text-align:left;
/* background:#21262c; */
background: #7d8d9d url("images/menuback.jpg") repeat-x;
color:#303030;
border:1px solid #555555;
}
#header{
position: relative;
height:80px;
width:870px;
margin:0;
/* background: #222222 url("images/header_bg.jpg"); */
background: #ffffff;
color:#ffffff;
}
#header h1{
padding:35px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}
#header h2{
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}
#navigation{
/* height:1.5em; */
height:10.5em;
line-height:1.5em;
/* width:800px; */
width:170px;
margin:0;
background:#d44a3c;
color:#ffffff;
}
#navigation li{
/* float:left; */
/* list-style:none; */
list-style-type:none;
border-right:1px solid #eeeeee;
white-space:nowrap;
}
#navigation li a{
/* display:block; */
display:block;
padding:0 15px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
* html #navigation a {width:1%;}
#navigation .current,#navigation a:hover{
background:#aaaaaa;
color:#ffffff;
text-decoration:none;
}
/**************** Inner style ****************/
#inner{
position:relative;
/* width:790px; */
width:680px;
/* height:320px; */
margin:0px auto;
/* padding:7px 0 0 0; */
padding:0px 0 0 0;
text-align:left;
background:#fefefe;
color:#303030;
border:0px solid #aaaaaa;
float:right;
}
#inner2{
position:relative;
/* width:790px; */
width:670px;
/* height:310px; */
margin:3px auto;
/* padding:7px 0 0 0; */
padding:0px 0 0 0;
text-align:left;
/* background:#fefefe; */
background: #fefefe url("images/back1.jpg") bottom right;
background-repeat: no-repeat;
color:#303030;
border:1px solid #aaaaaa;
}
#scroll {
position:absolute;
padding:5px 0 0 0;
height:310px;
overflow: none;
width:655px;
}
/**************** Content styles ****************/
#content{
position:relative;
float:left;
width:645px;
/* height:310px; */
min-height:350px;
font-size:0.9em;
padding:0px 0 0 10px;
/* background:inherit; */
}
#content h2{
display:block;
margin:10px 0px 10px 0px;
font-size:1.7em;
font-weight:normal;
letter-spacing:0px;
color:#7092aa;
background-color:inherit;
}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content li {list-style: disc outside url("images/li2.gif");}
#content li.tinybullet {list-style: disc outside url("images/litiny.gif");}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}
/**************** Sidebar styles ****************/
#subcontent{
/* position:relative; */
/* height:320px; */
/* float:right; */
float:left;
/* float:top; */
width:190px;
/* padding:12px 20px 0px 0; */
padding:0px 0px 0px 0;
line-height:1.4em;
background-color:inherit;
}
#subcontent h2{
display:block;
margin:0 0 5px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}
#subcontent p{margin:0 0 5px 0; font-size:0.9em;}
/**************** Menublock styles ****************/
.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}
/**************** Secondary Navigation styles ****************/
/* SECONDARY NAVIGATION - vertical navigation */
#nav-secondary, #nav-secondary ul {position:static;font-size:105%}
#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#424a57}
#nav-secondary {padding-top:0;border-top: 20px solid #21262c;margin-top: 0px}
#nav-secondary a {text-transform:uppercase;line-height:1.1;padding: 1px 0 2px 30px;background: #424a57 url("images/sprites.gif") no-repeat 10px -886px;font: bold 86% arial;display:block}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer}
#nav-secondary a:link {color:#dddddd}
#nav-secondary a:visited {color:#dddddd}
#nav-secondary a:hover {color:#ffffff;background: #818c9e url("images/sprites.gif") no-repeat 10px -976px}
#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#ffffff;background: #818c9e url("images/sprites.gif") no-repeat 10px -976px}
#nav-secondary li {border-top: 1px solid #38404a;border-bottom: 1px solid #21262c}
/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary ul {margin: 0px 0px 0px 0px;padding:0}
#nav-secondary li.active li a,
#nav-secondary li.active li a:link,
#nav-secondary li.active li a:visited {line-height:1.8;background: #424a57 url("images/sprites.gif") no-repeat 30px -798px;padding:0 0px 0 50px;font-weight:normal;width:auto;color:#dddddd;width:140px;display:block;font-size:75%}
#nav-secondary li.active li a:hover,
#nav-secondary li.active li a:active {color: #ffffff;background: #818c9e url("images/sprites.gif") no-repeat 30px -774px}
#nav-secondary li.active li {border-top: 1px solid #38404a;border-bottom: 0px solid #21262c;margin:0px}
#nav-secondary li.active li.active a:link,
#nav-secondary li.active li.active a:visited,
#nav-secondary li.active li.active a:hover,
#nav-secondary li.active li.active a:active {font-weight:bold;color: #21262c;background: #c9ced5 url("images/sprites.gif") no-repeat 30px -822px}
/* SECONDARY NAVIGATION - 3rd TIER */
#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
#nav-secondary li.active li.active li a:link,
#nav-secondary li.active li.active li a:visited,
#nav-secondary li.active li.active li a:hover,
#nav-secondary li.active li.active li a:active {font-weight:normal;font-size:80%}
#nav-secondary li.active li.active li.active a:link,
#nav-secondary li.active li.active li.active a:visited,
#nav-secondary li.active li.active li.active a:hover,
#nav-secondary li.active li.active li.active a:active {font-weight:bold}
/* SECONDARY NAVIGATION - 4th TIER */
#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
#nav-secondary li.active li.active li.active li a:link,
#nav-secondary li.active li.active li.active li a:visited,
#nav-secondary li.active li.active li.active li a:hover,
#nav-secondary li.active li.active li.active li a:active {font-weight:normal;font-size:80%}
#nav-secondary li.active li.active li.active li.active a:link,
#nav-secondary li.active li.active li.active li.active a:visited,
#nav-secondary li.active li.active li.active li.active a:hover,
#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold;font-size:75%}
/**************** Footer styles ****************/
#footer{
position:relative;
clear:both;
width:870px;
padding:2px 0;
margin:0;
font-size:0.8em;
color:#aaaaaa;
background:#282828;
text-align:center;
/* background-color:#000000; */
background: #000000 url("images/footerback.jpg");
}
#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#dddddd; background-color:inherit; font-weight:normal;text-decoration:none}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
/**************** Created by styles ****************/
#createdby{
position:absolute;
text-align:right;
width:870px;
padding:0px 0;
margin-right:50px;
font-family: arial, helvetica, tahoma, verdana, sans-serif;
font-size:0.75em;
color:#999996;
}
#createdby a{color:#444444;text-decoration:none}
#createdby a:hover{color:#ffffff}
/**************** Misc classes and styles ****************/
.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}
/**************** Box styles ****************/
.featurebox {color:#333;padding: 10px 13px 10px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #fff url("images/featurebox_bg.gif") no-repeat 100% 100%}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #e92211;color:#e92211}
.featurebox p {border:none;margin: 0 0 1em;color:#444}
.featurebox a {font-weight:bold}
.featurebox ul {margin-left: -0.7em;}
/* new rounded box */
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h5 {
background: transparent url(images/pipetekbox.png) no-repeat bottom right;
}
.cssbox {
width: 335px !important; /* intended total box width - padding-right(next) */
width: 320px; /* IE Win = width - padding */
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 20px auto; /* use to position the box */
}
/* set the top-right image */
.cssbox_head {
background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
padding-right: 40px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h5 {
background-position: top left;
margin: 0; /* reset main site styles*/
border: 0; /* ditto */
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important; height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body {
background-position: bottom left;
margin-right: 25px; /* interior-padding right */
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}
/* square box */
.box {
margin:0px 0px 10px 0px;
padding:5px 8px 10px 8px;
border:1px solid #e3e3e0;
background-color:#fafbf8;
/* background-color:#f5f5f0; */
color:#404040;
line-height:1.2em;
font-size:0.9em;
font-family: arial, sans-serif, tahoma, verdana;
}
.box a {color:#3c4ad4;text-decoration:none}
.box a h5 {color:#82a2bc;text-decoration:none;font-size:1.4em}
.box a:hover {color:#505050;text-decoration:none}
.box a:hover h5 {color:#505050;text-decoration:none;font-size:1.4em}
.box strong {font-weight:bold;font-size:1.0em}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {margin: 0 0 .3em;border-bottom: 1px solid #aaaaaa;color:#82a2bc;line-height:1.4em;}
/* box style for site content area (above equivalents are for editor area) */
#content .box a h5 {
margin: 0 0 .3em;border-bottom: 1px solid #aaaaaa;color:#82a2bc;line-height:1.4em;
}
#content .box a:hover h5 {
margin: 0 0 .3em;border-bottom: 1px solid #aaaaaa;color:#ff0000;line-height:1.4em;text-decoration:none;
}
/**************** Bullet styles ****************/
/* Bullets */
#bullets, #bullets ul {position:static;font-size:105%;font-weight:normal}
#bullets, #bullets li {list-style: none;margin:0;padding:0;width:170px;font-weight:normal}
#bullets {padding-top:0;margin-top: 1px}
#bullets a, #bullets li.active {width:86%;line-height:1.8;padding: 5px 0 5px 23px;background: #fefefe url("images/sprites.gif") no-repeat 10px -798px;font: normal 86% arial;display:block}
#bullets a, #bullets a:link, #bullets a:visited, #bullets a:hover, #bullets a:active, #bullets li.active {text-decoration:none;cursor:pointer;display:block}
#bullets a:link {color:#333}
#bullets a:visited {color:#333}
#bullets a:hover {color:#777777;background: #fff8e5 url("images/sprites.gif") no-repeat 10px -798px}
#bullets li.active a:link, #bullets li.active, #bullets li.active a:visited, #bullets li.active a:hover, #bullets li.active a:active {color:#f8c223;background: #fff8e5 url("images/sprites.gif") no-repeat 10px -798px;cursor:auto}
#bullets ul {margin: 0 0 1em 23px;padding:0}