﻿body {background:#f4c000;padding:0; margin:0; font-family:Arial, Verdana; font-size:12px;color:#4d4d4d;}
a:link, a:visited {text-decoration:none; color:#fff;}
a:hover, a:active {text-decoration:underline; color:#fff;}
h1 {font-size:54px;margin-top:0px;margin-bottom:20px;}
h1.short {width:180px;text-transform:uppercase;color:#fff;}
h1.long {width:750px;text-transform:uppercase;color:#fff;}
h2 {color:#4d4d4d; text-transform:uppercase; font-size:16px; font-weight:bold;margin-top:0;}
h3 {text-transform:uppercase; font-size:12px; font-weight:bold; margin-top:15px; margin-bottom:3px;}
p {padding:0;margin:0 0 10px 0;color:#4d4d4d;}
p.mainintro {font-size:14px;line-height:18px;}
p.imgtext {font-style:italic; margin:-8px 0 10px 0;font-size:10px;}
p.imgtext {margin-top:5px; font-style:italic;}
div.clear {clear:both;height:0;}
input {height:14px;border:none;font-size:12px;padding:2px 3px;margin:2px 0 2px 5px;}
input.button {clear:both;float:right;margin-top:5px;margin-right:1px;font-size:11px;height:30px;border:1px solid #818181;}
.obl {color:#ff0000;}
ol {margin:5px 5px 5px 20px; padding:10px;}
ol li {list-style-type:inherit; margin:7px;}
ul {margin:5px; padding:10px;}
ul li {list-style-type:inherit; margin:7px;}

img {border:0px;}

#document {width:912px; margin: 0 auto; text-align:left; padding: 15px 45px 36px 45px;}
#tell #document {width:400px;}
#head {display:block;height:78px;border-bottom:1px solid #fff; font-size:13px;}
#grid {height:700px;}

#head img.logo {float:left;margin-top:5px;margin-bottom:10px;}

#topnavigation {clear:both;margin-left:0;width:910px;}
#topnavigation ul.topnav {margin:5px 0 0 0; padding:0; float:left;width:740px;}
#topnavigation ul.topnav li {float:left; list-style:none; padding:0 12px 0 4px;margin:0;}
#topnavigation ul.topnav li a:link, #head ul.topnav li a:visited {color:#fff; text-decoration:none; font-weight:normal;}
#topnavigation ul.topnav li a:hover, #head ul.topnav li a:active {text-decoration:underline;}
#topnavigation ul.topnav li a.expanded, #topnavigation ul.topnav li a.active {text-decoration:underline;}


#submenu, #leftsearchresult {width:200px;float:left;margin-top:-7px;}
#submenu ul {margin:0; padding:0;}
#submenu ul li {list-style:none;font-size:13px;margin:0;}
#submenu ul li a {display:block; padding: 3px;}
#submenu ul li ul {padding:0; margin-left:15px;}
#submenu li a.active {text-decoration:underline;}
#submenu li a.expanded {text-decoration:underline;}
#mainwindow #submenu {width:180px;}

/*#leftsearchresult ul {padding:0!important;margin:0!important;}*/
#leftsearchresult ul li {margin:4px;padding:0;}

#quicksearch {float:right; width:140px; padding-right:0px;border-left: 1px solid #fff;padding-left:10px;}
#quicksearch span.QuickSearchHeader {float:left;}
#quicksearch div.bgSearch {background:#fff;float:right;width:110px;height:20px;display:block;margin-left:5px;text-align:left;}
#quicksearch input {width:73px; font-size:11px;height:11px; font-family:Arial;float:left;border:1px solid #fff;margin-left:3px;}
#quicksearch input.QuickSearchBtn {width:12px;height:13px;float:right;margin-left:0;margin-top:2px;}

#login {float:right; margin-bottom:-30px; text-align:right; font-size:13px;color:#fff;}

#grid #mainwindow {position:relative;height:380px; border-bottom:1px solid #fff;}
#grid #samwindow {position:relative;}
#mainwindow #widecontent {float:right;width:730px;}

#grid #pushrow1 {display:inline-block;border-bottom:1px solid #fff;}
#grid #pushrow1 div.wf_field {float:left; width:288px;padding-top:10px;padding-bottom:10px; text-align:center;}
#grid #pushrow1 div.pushseparator {float:left;width:0px; height:87px; margin: 8px; border-right:none;}

#grid #pushrow2 {display:inline-block;}
#grid #pushrow2 div.wf_field {float:left; width:210px;padding-top:10px;text-align:center;}
#grid #pushrow2 div.pushseparator {float:left;width:1px; height:163px; vertical-align:middle; margin: 10px; border-right:1px solid #fff;}
#grid #pushrow2 div.pushes2 {float:left; width:210px;padding-top:10px;}
#grid #pushrow2 div.pushes2 #language {width:55px;height:63px; border-bottom:1px solid #fff;padding-top:10px;padding-left:10px; float:left;}
#grid #pushrow2 div.pushes2 #flags {float:left;height:73px; padding-left:5px;width:140px; border-bottom:1px solid #fff;}
#grid #pushrow2 div.pushes2 #flags img {float:left; margin:3px 7px;}
#grid #pushrow2 div.pushes2 #weather {height:63px; border-bottom:1px solid #fff;padding-top:10px;padding-left:10px;color:#fff;}
#grid #pushrow2 div.pushes2 #weather img {margin-top:-30px;margin-left:-5px;}
#grid #pushrow2 div.pushes2 div.wf_field {clear:both;width:205px;padding-top:10px;}
#grid #pushrow2 div.pushes2 div.pushseparator {float:left;width:0; margin:0; border:none;}

#grid #pushrow1 #height1 {width:0px; height:107px;float:left;}
#grid #pushrow2 #height2 {width:0px; height:183px;float:left;}

#mainwindow #mainbody {float:right; width:730px; padding-bottom:10px;}
#toolbar {height:12px; text-align:right; padding: 10px 0;}
#mainwindow .leftcontent {float:left;width:580px;}
#mainwindow div.imageheader {margin:0px;width:524px; height:46px;}
#mainwindow div.image_large {margin-top:5px;}
#mainwindow div.text_whitebg {background:#fff; float:right; width:290px;height:339px;color:#4d4d4d; padding:15px;}
#mainwindow div.text_whitebg a {color:#4d4d4d; text-decoration:underline;}

#mainwindow div.actionwindow { float:right; width:320px;height:368px;color:#4d4d4d;}
#mainwindow div.actionwindow div.paintersearchresult {background:#fff;padding:20px 15px; width:290px;height:330px;}

div.paintersearchresult div.searchresult {height:270px;}
ul.paintersearch {padding:0 20px;margin:0;}
ul.paintersearch li {text-transform:uppercase;margin:5px;}
img.painterlogo {margin-bottom:10px;}
div.right input.searchpainter {margin-left:0; margin-bottom:5px;width:170px;}

#mainwindow div.actionwindow div.toparea {background:#fff;height:190px; width:290px; padding:20px 15px;}
#mainwindow div.actionwindow div.rottop {height:125px;}
#mainwindow div.actionwindow div.bottomarea {background:#fff; height:120px; width:290px; margin-top:5px; padding:7px 15px;font-size:11px;}
#mainwindow div.actionwindow div.rotbottom {height:185px;padding-right:0px;padding-left:0;width:320px;}
#mainwindow div.actionwindow div.rotbottom img.pengar {float:right; vertical-align:bottom; margin-top:-32px;}
#mainwindow div.actionwindow a {color:#4d4d4d; }
#mainwindow div.actionwindow a.leftlink {float:left;}
#mainwindow div.actionwindow a.rightlink {float:right;}
#mainwindow div.actionwindow div.inputarea {float:left;margin-right:5px; height:43px;}
#mainwindow div.actionwindow div.rotfields {display:block;float:left;width:275px;}
div.rotbottom div.inputrow {width:274px!important;height:19px!important;}
div.rotbottom div.inputrow div.button {float:left;padding:3px;margin-left:2px;}
div.rotlabel {width:208px; height:16px;padding-top:3px; text-align:right; margin-bottom:1px; float:left;}
.rotfield {border:1px solid #ffcc00;float:right;width:53px;margin-top:0;height:12px!important;font-size:11px;}
.disabled {color:#000!important;}
#mainwindow div.actionwindow span.inputlabel {float:left;margin-bottom:0;}
#mainwindow div.actionwindow div.inputarea input.searchpainter {border:2px solid #ffcc00;margin-left:0;margin-top:0;height:16px;}
input.company {width:85px;}
input.city {width:80px;}
input.zip {width:35px;}
#mainwindow div.actionwindow .searchbutton {display:block;margin-top:8px;}
#mainwindow div.actionwindow div.inputarea .dropdown {color:#4d4d4d;font-size:11px;border:2px solid #ffcc00;}
div.newsearch {margin-bottom:10px;}
a.newsearchbtn {padding-right:10px; background:url(/UI/IMG/newsearchbtn.png) right no-repeat;}

img.imageheader {width:580px; height:46px;margin:-5px 0 10px 0;}
.imagebutton {width:580px; height:54px;margin:-2px 0;}
.right {height:51px;}
.quicker {height:50px;}
.funnier {height:46px;}
.guarantee {height:47px;}
.rot {height:50px;}
.find {height:53px;}

#mainwindow div.actionwindow div.searchpainter {background:#fff url(/UI/IMG/startpage/bg_searchpainter.png) bottom right no-repeat;}

#main div.left p {line-height:17px!important;}
#main div.left #painterInfo div.pres {margin:15px 0;}
#main div.left #painterInfo div.header {font-weight:bold;} 
#main div.left #painterInfo div.contact {margin:15px 0;}
#main div.left div.painterInfoLogos {margin-top:15px;}
#main div.left div.painterInfoLogos a {text-decoration:none;}

a.print {background:url(/UI/IMG/printer.png) right no-repeat; padding-right:20px; margin-left:5px;}
a.tip {background:url(/UI/IMG/tip.png) right no-repeat; padding-right:20px;margin-right:5px;}

img.float-right {float:right; margin-left:10px;}
img.float-left {float:left; margin-right:10px;}

#grid #main {float:left;display:inline-block;width:580px;border-right:1px solid #fff; padding-bottom:20px;}
#grid #main div.left {float:left; padding-right:15px;color:#4d4d4d;width:285px;min-height:600px;}
#grid #main div.toppadding {padding-top:80px;}
#grid #main div.right {float:left; padding-right:15px;margin-bottom:20px;color:#4d4d4d;width:265px;}
#grid #main div.wide {padding-right:15px; color:#4d4d4d;}
#grid #main div.wide img {margin-bottom:15px;}
#grid #main div.wide p {width:430px;line-height:17px;}
#grid #main div.wide ul, #grid #main div.wide ol {width:430px;}
#grid #whitefox {width:123px;float:left;padding-left:5px;position:relative}
#grid #whitefox .wf_field {margin-bottom:10px;}


#grid #main ul {margin:5px; padding:10px;}
#grid #main ul li {list-style-type:inherit; margin:7px;}
#grid #main div.left div.courseProperty {margin-bottom:5px;}
#grid #main div.left div.courseProperty div.tooltext {width:100px;float:left;font-weight:bold;}
#grid #main div.left div.courseProperty div.infotext {width:180px;float:left;}
#grid #main div.left div.courseProperty div.nofloat {width:280px; float:none;}

.red {color:#cc0000;}
#grid #main div.right div.courseitem {display:block; margin-bottom:8px;}

.courselocation {text-transform: uppercase; font-weight:bold;}

ul.listgroup {margin:0!important; padding:0!important;}
ul.listgroup li {margin:0!important;padding:0!important;list-style-type:none;}
ul.listgroup li a {display:block;padding: 2px 0 2px 16px; background:url(/UI/IMG/blankett.gif) left 2px no-repeat;color:#4d4d4d;font-weight:bold;}

div.list {margin-top:10px;}
div.listitem {clear:both;display:block;padding:7px 0;}
span.listheading {float:left;text-transform:uppercase; margin-right:5px;}
span.listtext {padding-top:5px;}
#whitefox div.listitem {padding:4px 0;}

.pager { clear:both;padding:5px; text-align:center;}
.pager ul { margin: 0; padding: 0; }
.pager li { display: inline; padding: 0 5px 0 0; margin:0;}
.pager li.current { color:#000; }

span.newsdate {display:block;margin-top:20px;}
span.newsheading {display:block; text-transform:uppercase;font-weight:bold;}
span.newsintro a.newsintro {color:#4d4d4d;}

#proffsstampel {position:absolute;}

div.wide div.list {width:430px;}
div.wide div.form {width:430px; margin:20px 0;}
span.backlink {display:block;margin-top:30px;}

table#id_matrix td {vertical-align:middle;}
hr.white {color:#fff; height:1px;}
.textarea {border:none;}

div.username {width:70px;float:left; font-size:14px!important; color:#818181; font-weight:bold;padding:6px 0;}
#loginpage {float:left; display:inline-block;width:780px;}
#loginpage img.rubrik {float:left;}
#loginpage #leftfield {float:left;}
#loginpage #leftfield #includetext {margin-top:25px; padding:15px; background-color:#fff;width:330px;}
#loginpage #textarea {float:right; width:380px;color:#686868;margin-right:10px;}
#textarea div.textfield {clear:both;display:block;padding:20px;background:#fff;margin-bottom:3px;}
#textarea div.textfield a {color:#686868;text-decoration:underline;}
#textarea #loginform {padding:20px;background:#fff;margin-bottom:3px;}
input.field {float:right;width:210px;padding: 3px; margin:2px; border:2px solid #818181;}
span.error {color:#FF0000;}

#textarea #loginform .loginCheckbox {clear:both;float:left;margin:8px 10px 5px 0;}
#textarea #loginform div.checkboxText {float:left; margin-top:8px; width:160px;font-weight:bold;}

#tellcontent {width:200px;}
#tellcontent div.tiptext {margin-left:5px;margin-top:10px;}
#tellcontent .multi {border:none;margin-left:5px;width:200px; height:50px;}

#main.blog div.hr {height:1px; background-color:#fff;margin-bottom:20px;margin-top:20px;}
#main.blog hr {color:White;height:1px;margin-bottom:10px;}
#main.blog h2 {margin-bottom:5px;}
#main.blog img.bloggerThumbnail {float:left;width:75px;padding-right:7px;}
/* Date archive */
#main.blog div.dateTree ul {padding: 0!important; margin: 0!important;}
#main.blog div.dateTree ul ul { margin: 0 0 0 10px!important;}
#main.blog div.dateTree li {margin: 0;padding: 0;list-style: none!important;list-style-image: none;}
/* Comments */
ol.comments {margin-bottom: 1.5em;padding-left: 2em;margin: 0;}
ol.comments ul {margin-left: 2.8em;}
ol.comments li {margin-bottom: 1.8em;padding-bottom: 0.2em;}
ol.comments .footer {margin-top: 0.4em;	text-align: right;}
ol.comments .footer div.sign {margin: 0.5em 0;margin-top: 0.2em;font-size: 1.1em; text-transform:uppercase;}
ol.comments img {max-width: 27.1em;}

#main.blog div.comment {margin-top:15px;}
#main.blog div.comment input.textinput {margin-left:0; width:270px;}
#main.blog div.comment input.textarea {margin-top:0;}
/*.wymeditor {display: block;margin-bottom: 0.3em;border:1px solid #ccc;}
.wym_tools_strong {margin:0;padding:0;}*/
/* Tag links */
.tags {overflow: hidden;}
.tags h3 {float:left;}
.tags ul {margin: 0!important; padding: 0!important;padding-top:7px!important; overflow: hidden;}
.tags li {list-style: none!important; list-style-image: none; float: left; margin-left: 0.5em;}

/* Tag cloud */
ul.tagCloud
{
    margin: 0;
    padding: 0;
}

ul.tagCloud li 
{   
    display:inline;
    list-style: none;
    list-style-image: none;
    margin: 0 0.4em 0 0;
    vertical-align: baseline;
}

ul.tagCloud h1, ul.tagCloud h2, ul.tagCloud h3, ul.tagCloud h4, ul.tagCloud h5, ul.tagCloud h6
{
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    text-transform:none;
}
ul.tagCloud h1
{
    font-size: 1.6em;
    font-weight: 900;
}
ul.tagCloud h2
{
    font-size: 1.3em;
    font-weight: 700;
}
ul.tagCloud h3
{
    font-size: 1.0em;
    font-weight: 500;
}
ul.tagCloud h4
{
    font-size: 0.9em;
    font-weight: 400;
}

div.left ul {list-style-type:disc;margin:20px;padding:20px!important;}
div.left ul li {margin:20px;padding:20px!important;}

div.tabcontainer { overflow: hidden; border-bottom: 1px solid white; }
ul.tabs { padding: 0; margin: 0; list-style: none; }
ul.tabs li { display: inline; margin: 0; text-transform: uppercase; }
ul.tabs li a { float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; margin-right: 1px; color: #fff; background: #84a6d6; }
ul.tabs li a:hover, ul.tabs li.active a { background: #fff; color: #6a87b0; }
div.tabcontent { padding: 25px 8px; }
.actions { text-align: left;  }
.actions input.button { display: inline; float: none; width: auto!important; margin: 5px 5px 0 0!important; }
input.readonly { background-color: #ccc; }

#samwindow { font-size: 12px; }
#samwindow .leftcolumn { display: block; width: 160px; float: left; overflow: hidden; }
#samwindow .rightcolumn { display: block; width: 712px; float: right; overflow: hidden; }
#samwindow .clear { display: block; clear: both; height: 1px; overflow: hidden; }

.documenteditor { }
.documenteditor .leftcolumn { display: block; width: 160px; float: left; overflow: hidden; }
.documenteditor .rightcolumn { display: block; width: 712px; float: right; overflow: hidden; }
.documenteditor .clear { display: block; clear: both; height: 1px; overflow: hidden; }
.documenteditor textarea { display: block; border: solid 1px #4169a2; font-family: Arial; font-size: 12px; padding: 4px; }
.documenteditor .readonly { background-color: #acc9f1; }
.documenteditor input { }
.documenteditor h4 { text-transform:uppercase; font-size:12px; font-weight:bold; margin-top: 0; margin-bottom: 3px; }


.documentindex { }
.documentindex ul { list-style-type: circle; margin: 0; padding: 0; }
.documentindex ul li { }
.documentindex ul li ul li { margin-left: 15px; }
.documentindex a.selected { text-decoration: underline; }

.documentcategories { display: block; }
.documentcategories ul { list-style: none; margin: 0; padding: 0; }
.documentcategories ul li {  }
.documentcategories ul li ul li { margin-left: 15px; }
.documentcategories a.selected { text-decoration: underline; }

.projectfilters { padding: 10px; border: solid 1px #fff; background-color: #aecbf3; margin-bottom: 15px; }
.projectfilters label { display: none; }
.projectfilters .button { background-color: #7286a3; color: #fff; text-transform: uppercase; border: solid 1px #000; border-left-color: #94baef; border-top-color: #94baef; margin: 0; float: none; padding: 5px 10px 5px 10px; height: auto; }
.projectfilters .register-project {background-color: #f0f0f0; color: #000; text-transform: none; display: inline; float: right; width: auto!important; border:1px solid #818181; }

.formpanel { padding: 10px; border: solid 1px #fff; background-color: #aecbf3; margin-bottom: 25px;  }
.formpanel input.textbox { width: 350px; }

table, table td { margin: 0; padding: 0; border: 0; }

table.datagrid td { padding: 5px; width: 712px; }
table.datagrid th { background-color: #85a5d3; padding: 5px;  border-bottom: solid 1px #fff; }
table.datagrid tr.alt { background-color: #aecbf3; }
table.datagrid { border: solid 1px #fff; margin-bottom: 15px; }

input.textbox { padding: 3px; border: solid 1px #4169a2; vertical-align: baseline; }
.formpanel .textbox { margin: 5px 0 5px 0; }
.formpanel textarea { width: 500px; margin-top: 0px!important; }
.formpanel label { padding-right: 10px; }
input.tblabeled { color: #999; }
.logofield { padding: 6px; }

table.datagrid tr.pager { background-color: #85a5d3; color: #fff; }
table.datagrid tr.pager td { border-top: solid 1px #fff; }
table.datagrid tr.pager a { color: #fff; }
table.datagrid tr.pager ul { margin: 0; padding: 0; list-style: none; }
table.datagrid tr.pager ul li { display: inline; margin-left: 5px; }
table.datagrid tr.pager ul .current { text-decoration: underline; }

.validationbox { padding: 10px; border: solid 1px #ff0000; background-color: #fff; margin-bottom: 25px;  }

.actiontoolbar { padding: 5px 0 5px 0; font-weight: bold; }

.createdmessage { padding: 5px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; }

ul.tagCloud h5
{
    font-size: 0.8em;
    font-weight: 200;
}
ul.tagCloud h6
{
    font-size: 0.7em;
    font-weight: 100;
}
.xformvalidator {color:#cc0000;font-weight:bold;margin-left:5px;}

#SiteMap ul {}
#SiteMap ul li {font-size:16px; font-weight:bold;list-style:none!important;margin:2px!important;padding:0!important;}
#SiteMap ul li ul li {font-size:14px; font-weight:normal;}
#SiteMap ul li ul li ul li {font-size:12px; font-weight:normal;}
#SiteMap ul ul {padding:2px 20px!important;margin:0!important;}

#loading {margin: 30px 0;text-align:center;font-weight: bold;font-size: 14px;}
#loading img {margin-bottom: 10px;}

div.archivelink { text-align: right; font-weight: bold; font-size: 13px;}

.hidden { display: none; }
