/* BASE SETTINGS */

html,body,div,span,table,tr,td,ul,ol,li,p,h1,h2,a,img,form,input,textarea,select,dt,dd {margin:0px; padding:0px; border:0px; color:black; font-family:arial;}

table,tr,td,form,input,textarea,select,dt,dd {border-collapse:collapse; cell-padding:0px; cell-spacing:0px; border-spacing:0px; border-style:none; border-width:0px; border:0px;}

p,ul,ol,table {margin-bottom:14px; font-size:12px;}

body {color:black; background:url(/Web/Diverse/Elementer/Background); background-color:#EDF1F4; font-family:verdana; text-align: center; margin:0px 0px 0px 0px; scrollbar-face-color:#FFBA00; scrollbar-shadow-color:#FFBA00; scrollbar-highlight-color:#FFBA00; scrollbar-darkshadow-color:white; scrollbar-3dlight-color:white; scrollbar-track-color:white; scrollbar-arrow-color:white; }

h1,h2 {color:black;}
li {margin-left:16px;}
ol {margin-left:8px;}
a {text-decoration:underline;}

span.gfxleft {margin-right:4px; padding-top:1px;}
span.gfxright {margin-left:2px; margin-right:4px; padding-top:1px;}

div.download {margin:6px 0 3px 0;}
div.download img {margin-right:4px;}


/* BASE FORM STYLES */

.wizform div {margin-top:3px;}
.wizform span {display:inline-table; width:180px; border-bottom:1px solid #eeeeee;}
input,textarea,select {width:250px; border:1px solid #526F85; padding-left:2px;}
input.button {background-color:#7EA3BC; color:white; width:125px;}
input.check {width:22px;}


/* TOP SØGE FORM */

div.query {float:right; display:inline;}
div.query, .query form, #qfield, #button {display:inline; height:17px; line-height:16px; vertical-align:top;}
#qfield {width:82px; margin:0px 5px 0px 0px; border:1px solid #526F85;}
#qbutton {background-color:#526F85; color:white; width:40px; font-size:10px;}
.markup1 {padding:0 3px 0 3px; background-color:#FFFF00;}
.markup2 {padding:0 3px 0 3px; background-color:#66FF00;}
.markup3 {padding:0 3px 0 3px; background-color:#66CCFF;}

#language {margin:0 4px 0 0; padding:4px 7px 4px 7px; background-color:#526F85; color:white; 
border-left:1px solid white; font-family:verdana; font-size:10px; font-weight:bold;
text-decoration:none;}
#language:hover {background-color:#7EA3BC;}


/* PATHMENU + ENGLISH */

span.path {display:block; color:#999999; font-size:10px; margin:8px 0 25px 0;}
.path a {font-size:10px; color:#999999; text-decoration:none;}
.path a:hover {color:black;}


/* LOGIN STATUS */

div.loginstatus {padding:3px; margin:18px 10px 0px 0px; background-color:#A5DAFC;}
div.loginstatus:hover {background-color:#0093C6;}
a.loginstatus {font-family:arial; font-size:10px; color:black; }
a.loginstatus:hover {text-decoration:none;}


/* PROFILES */

div.profiles a {display:block; padding:3px; background-color:#A5DAFC; color:black; margin-bottom:3px;}
div.profiles form {margin-top:8px;}
div.profiles p {color:black;}


/* TILMELD */

div.tilmeld {margin-top:18px; font-size:9px;}
div.tilmeld form {margin-top:6px;}
div.tilmeld input.check {display:inline; width:16px; border-style:none;}
div.tilmeld .button {margin:5px 0 6px 0; width:50%;}
div.tilmeld textarea {display:block; width:160px; height:50px;}


/* STATUS/ERROR */

.status, .error {font-size:14px; font-weight:bold;}
.status {color:#009900;}
.error {color:#990000;}


/* UPDATED */ 

div.update {margin:15px 0 15px 0; color:#888888; font-size:10px;}


/* FOOTER */

#footerleft,#footerright {background-color:#7EA3BC; border-top:3px solid white; padding:12px;}
#footerleft div.update, #footerright div.update {display:none;}
#footerleft h1,#footerright h1,#footerleft table,#footerright table,#footerleft td,#footerright td,#footerright a {color:white; font-size:11px; font-weight:normal; margin:0px; line-height:20px;}
#footerleft h1,#footerright h1 {font-size:11px; font-weight:bold;}
td#footerleft {border-right:2px solid white;}
#footerright a:hover {color:black;}


/* 
############################################################################################
############################################################################################
*/

/* STARTPAGE - GENERELT */

div#outer {background:url(/Web/Diverse/Elementer/shadow); display:table; width:750px; margin-left:auto; margin-right:auto; text-align:center;}

#top {margin:0px; margin-left:auto; margin-right:auto;}
#main {margin:0px; margin-left:auto; margin-right:auto;}

#spacer {line-height:4px; color:#ffffff; padding-bottom:2px;}


/* LEFTCOL + RIGHTCOL */

#leftcol, #rightcol {font-size:10px; width:193px; padding:47px 0 10px 0; vertical-align:top;}
#leftcol {background:url(/pics/headerleft.gif) no-repeat top right; background-color:#526F85; }
#rightcol {background:url(/pics/headerright.gif) no-repeat top left; background-color:#A2D45B;}
#leftbot, #rightbot {}

#leftcol h1 {font-size:12px; color:white; margin:0 0 8px 12px;}
#leftcol div.articles p {margin:0px; padding:10px 8px 10px 12px; color:white;}
#leftcol div.articles p a {color:white;}
#leftcol div.articles p a:hover {color:#FFBA00;}
#leftcol div.list {border-top:3px solid white;}
#leftcol div.list h1 {font-size:11px; margin:0px; padding:4px 4px 0 12px;}
#leftcol div.list .date {color:#FFBA00; margin:0px; padding-left:12px;}
#leftcol div.list p {font-size:10px; padding:0 8px 0 12px;}
#leftcol span.more {display:block; padding:0 0 6px 12px;}
#leftcol span.more a {font-size:11px; color:white; font-weight:bold; text-decoration:none;}
#leftcol span.more a:hover {color:#FFBA00;}

#rightcol h1 {font-size:12px; color:white; margin:0 0 5px 12px;}
#rightcol a {color:white; text-decoration:none;}
#rightcol a:hover {color:#003366;}
#rightcol div.articles p {margin:0px; padding:10px 8px 10px 12px; color:#003366;}
#rightcol div.list {border-top:3px solid white;}
#rightcol div.list h1 {color:#003366; font-size:11px; margin:0px; padding:5px 4px 0 12px;}
#rightcol div.list .date {color:#003366; margin:0px; padding-left:12px;}
#rightcol div.list p {font-size:10px; padding:0 8px 0 12px;}
#rightcol span.more {display:block; padding:0 0 6px 12px;}
#rightcol span.more a {font-size:11px; font-weight:bold;}


/* MAINCOL */

#maincol p, #maincol li, #maincol td {font-size:12px;}
#maincol, #mainbot {padding:0 10px 10px 12px; vertical-align:top;}
#maincol div.author {margin-bottom:7px;}
#maincol h1 { font-size:17px; color:#526F85; padding-bottom:3px; margin-bottom:9px; border-bottom:2px solid #526F85;}
#maincol div.date {margin:0 0 10px 0;}
#maincol h2 {font-size:12px; color:#526F85;}
#maincol h3 {font-size:12px; color:#555555; margin:4px 0 2px 0;}
#maincol a {color:#526F85;}
#maincol a:hover {color:black;}
#maincol dt {display:block; color:#526F85; font-weight:bold; margin-top:4px;}
#maincol dd {display:block; margin-left:10px; padding:0px; border:1px solid white;} 
#maincol dd h2 {color:#666666;}
#maincol td {padding-right:8px;}

#maincol div.articles div.list h1 {font-size:12px; color:#526F85; margin:14px 0 2px 0; padding:0px; border:none;}
#maincol div.articles div.list span.date {color:#526F85;}
#maincol div.articles div.list p {display:inline; margin:0px;}
#maincol div.articles div.list span.more {margin-left:4px;}
#maincol div.articles div.list a {color:#526F85;}
#maincol div.articles div.list a:hover {color:black;}

/* Specials */

#maincol div.index {margin-bottom:10px;}
#maincol div.index a {color:#526F85;}
#maincol div.index a:hover {color:black;}
#maincol div.top {margin:-5px 0 18px 0;}
#maincol div.top a {color:#526F85;}

#maincol div.caption {font-size:10px; color:#526F85; padding-bottom:5px;}

/* Relevante Links + Mailing Liste */

#maincol div.rightd {background-color:white; float:right; margin:22px 0 4px 9px;}

#maincol div.relevantlinks, #maincol div.newsmail {background-color:#D8E4ED; width:190px; border-left:8px solid white; font-size:11px; margin-bottom:3px; padding:0 0 3px 0;}
#maincol div.relevantlinks h1, #maincol div.newsmail h1 {background-color:#FFBA00; color:white; font-size:12px; font-weight:bold; text-decoration:none; padding:4px 0 4px 12px; border-bottom:3px solid white; margin-bottom:0px;}
#maincol div.relevantlinks p, #maincol div.relevantlinks ul, #maincol div.relevantlinks h2 {color:#526F85; margin:2px 6px 6px 5px;}
#maincol div.relevantlinks h2 {font-size:11px; font-weight:bold; margin:0px; padding:5px 0 0 4px; border-top:3px solid white;}
#maincol div.relevantlinks p, #maincol div.relevantlinks li {font-size:11px;}

#maincol div.newsmail p, #maincol div.newsmail li {margin:3px 2px 3px 4px; font-size:11px;}
#maincol div.newsmail ul {margin:0;}
#maincol div.newsmail input {margin:3px 2px 3px 4px; font-size:11px; width:170px;}
#maincol div.newsmail input.button {margin:3px 2px 3px 4px; font-size:11px; width:84px;}
#maincol div.newsmail div.checkbox {width:100%;}
#maincol div.newsmail .checkbox {width:20px; border:none; vertical-align:middle;}
#maincol p.status {font-size:14px; color:#006600; font-weight:bold;}
#maincol p.error {font-size:14px; color:#006600; font-weight:red;}


/* Publikationer */

#maincol div.publikationer div.list {height:100px; margin-bottom:12px; border-bottom:1px dotted #7EA3BC;}
#maincol div.publikationer div.list span.prvspace {float:left; height:80px;}
#maincol div.publikationer div.list img.graphics {border:1px solid #999; float:left;}
#maincol div.publikationer div.list h1 {font-size:12px; border:none; margin:0px;}
#maincol div.publikationer h2.gruppe {background-color:#FFBA00; color:white; font-size:12px; font-weight:bold; text-decoration:none; padding:4px 0 4px 12px; margin:24px 0 10px 0;}
#maincol div.publikationer div.list span.input {float:right;} 
#maincol div.publikationer div.list input {diplay:inline; width:30px; margin-left:8px;}
#maincol div.publikationer input.button {float:right; width:100px; margin:10px 0 15px 0;}
#maincol div.publikationer div.list p {margin:10px 0 10px 0;} 
#maincol div.publikationer span.more {display:block;}
#maincol div.publikationer span.more a, #maincol span.back a {font-size:10px; text-transform:uppercase; font-weight:bold; color:#526F85; margin:6px 0 8px 0;}
#maincol div.publikationer span.more a:hover, #maincol span.back a:hover {color:black;}

#maincol div.publikationer div.pris {color:gray; font-weight:bold; text-align:right; margin-top:3px;}

#maincol div.publikview img.graphics {float:left; border:1px solid #999;}

/* Kurser */

#maincol div.kursuskategori a {display:block; margin-top:4px; color:#526F85; font-weight:bold;}
#maincol div.kursuskategori a:hover {color:black;}
#maincol div.kursuskategori i {display:block; font-size:11px;}

/* BOTTOM */

#leftbot, #rightbot {background-color:#FFBA00; border-top:3px solid white;}
#leftbot a, #rightbot a {color:white; font-weight:bold; text-decoration:none; padding:0 0 0 12px;}
#leftbot a:hover, #rightbot a:hover {color:#006699;}
#mainbot {text-align:right; vertical-align:top;}

#body.modal {opacity:0.2; filter:alpha(opacity=80);}
#survey {z-index:1000; border:2px solid #000; background-color:white;}
#survey select.needs-shim {width:100%;}
#survey .filler {color:#999;}

.yui-overlay-content {}
.yui-overlay-content .yui-widget-hd {padding:5px; background-color:#526f85; color:white; font-weight:bold;}
.yui-overlay-content .yui-widget-bd {padding:10px; text-align:left;}
.yui-overlay-content .yui-widget-ft {padding:5px; background-color:#ffba00; color:black;}
.yui-overlay-content .yui-widget-ft a {font-weight:bold; padding:5px; margin:0px 10px;}
