@import url('reset.css');

@import url('skoleudvikling_forsog.css');

body { background-color: #FFF; background-image: url(../images/SkolensRejseHold/bg.gif); background-repeat: repeat-x; font-family: Arial; font-size: 12px;line-height:1.1; }

/* Links */
a { color: #302d2d; text-decoration: none;  }
a:hover { text-decoration: underline; }

/* General */
.mainWrapper { margin-left: auto; margin-right: auto; background-color: #FFFFFF; border: 1px solid #cacaca; border-top: 0px; width: 955px; padding: 9px 32px; padding-bottom: 10px; }
.siteowner { display: none; height: 15px; background-color: #8d042b; color: #FFFFFF; text-transform: uppercase; font-size: 0.9em; font-weight: bold; padding-top: 3px; padding-left: 4px; margin-bottom: 5px; }
.siteowner a { color: #FFFFFF; }
/* Siteheader */
.top {  margin-bottom: 9px; margin-left: 5px; position: relative; height:96px;}
.top .search, .right .newsletter { position:relative;height:32px;text-align:right; }
.right .newsletter {height:auto;margin-top:20px;text-align:left; }
.right .newsletter h1 {border-bottom:2px solid #302D2D; padding-left:17px;background:url(/images/raadet/at-sign.png) no-repeat left center;height:17px;}
.top .search .text, .right .newsletter .text { width: 114px; height: 17px; border: 1px solid #9E9C9D; font-size: 0.9em; margin-right: 51px; padding:0 4px; }
.right .newsletter .text { height: 19px; }
.right .newsletter .info {clear:both;margin-bottom:10px;}
.top .search .button, .right .newsletter .button { position: absolute; top: 0px; right: 0px; }
.right .newsletter .button { top: 65px;  }
.top .header {position:relative;width:950px;}
.top .header .logo {}
.top .header .sitemenu {position:absolute;top:0;right:0;}
.top .header .sitemenu table tr.top-row td div {border-top:1px solid #706E6F; }
.top .header .sitemenu table tr td {padding: 0 0 0 19px;border:none;width:175px;vertical-align:middle;}
.top .header .sitemenu table tr td div {width:100%;border-bottom:1px #D3CFCF solid;padding:3px 0;}
.top .header .sitemenu table tr td div.container {position:relative;width:100%;height:100%;border:0;padding:6px;}
.top .header .sitemenu table tr td div.container div.functions {border:none;position:absolute;top:8px;right:-390px;padding:0;}
.top .header .sitemenu table tr td div a:hover {text-decoration:none;}
.top .header .sitemenu table tr td div a.selected {font-weight:bold;font-style:italic;}

.siteheader .servicemenu { position: absolute; bottom: 39px; right: 176px; width: 111px; _width: 112px; height: 15px; }
.siteheader .servicemenu a { float: left; display: block; }
.fontsizesmall { padding-top: 7px; }
.fontsizebig { padding-top: 3px; margin-left: 2px; }
.read, .mail, .print { margin-left: 7px; }
.mail { padding-top: 3px; }
.read { padding-top: 3px; }

.siteheader a.logo { position: absolute; height: 73px; width: 320px; background-color: transparent; }
/* Site menu */
.sitemenu { height: 14px; list-style-type: none; padding-bottom: 7px; margin-left: 10px; }
.sitemenu li { float: left; border-top: 2px solid #BEB9B8; }
.sitemenu li.last, .sitemenu li.lastActive { float:none; }
.sitemenu li a { color: #535353; text-transform: none; padding-right: 27px; padding-left: 27px; font-size: 15px; }
.sitemenu li.active a, .sitemenu li.lastActive a { color: #ce5200; }

.breadcrumb { margin-left: 39px; list-style-type: none!Important;  _height: 12px;position:absolute;top:0;right:-14px; margin-top:10px;}
.breadcrumb li { float: left; padding-right: 8px;  }
.breadcrumb li a { color: #000; font-size: 0.9em; *font-size: 1em;  margin-right: 8px;}
.breadcrumb li.active { background-image: none; }
.breadcrumb li.active a { font-weight: bold; font-style:italic; }
.breadcrumb.resource {top:207px;border:0px !important}


.frontpageTopBox { margin-top: 5px; position: relative; width: 955px; height: 230px; border-top:1px solid black;}
.frontpageTopBox img.bgimage { position: absolute; top: 0px; left: 0px; z-index: 1; }
.frontpageTopBox img.bgimage { position: absolute; top: 0px; left: 0px; z-index: 1; }
.frontpageTopBox img.menubgimage { position: absolute; top: 0px; left: 0px; z-index: 2; }
.frontpageTopBox .boxmenu { position: absolute; top: 60px; left: 390px; width: 330px; z-index: 3; line-height:1.3em }
.frontpageTopBox .boxmenu .header { font-weight: bold; font-size: 1.1em; background-repeat: repeat-y; background-position: top left; padding: 0; }
.frontpageTopBox .boxmenu ul li { background-repeat: repeat-y; background-position: top left; _margin-bottom: -13px; }
.frontpageTopBox .boxmenu ul li a { color: #535353; font-size: 15px; display: block; padding-top: 7px; padding-bottom: 7px; padding-left: 39px; background-image: url(../images/SkolensRejseHold/menu_arrow.gif); background-repeat: no-repeat; background-position: 9px 10px; border-bottom: 1px dotted #cacaca; }
.frontpageTopBox .selectorBox {width:188px;height:140px;padding-top:70px; background:url(/images/raadet/vidensbank_forside.png) top left no-repeat;position:absolute;right:0;}
.frontpageTopBox .selectorBox .criteria {padding: 5px 20px;}
.frontpageTopBox .selectorBox .criteria select {width:150px;}
.frontpageTopBox .selectorBox .search-btn {margin-left:117px;padding-top:5px;}
.frontpageTopBox .selectorBox .search-btn:hover {cursor:pointer;}

.frontpageTopBox .textcontent { position: absolute; width: 451px; padding-left: 20px; height: 161px; top: 25px; right: 259px; z-index: 2; display: none; background-color: #333333; padding-top: 15px; opacity: 0.9; filter: alpha(opacity=90); color: #FFF; }
.frontpageTopBox .textcontent .header { text-transform: uppercase; font-weight: bold; font-size: 1.4em; color: #FFF; display: none; margin-bottom: 15px; }
.frontpageTopBox .textcontent .manchet { margin-top: 5px; margin-bottom: 20px; display: none; }
.frontpageTopBox .textcontent .bottomlinks { margin-top: 5px; margin-bottom: 20px; display: none; position: absolute; bottom: -10px; }
.frontpageTopBox .textcontent .bottomlinks a { color: #FFF; display: block; float: left; margin-right: 25px; }
.frontpageTopBox .textcontent .bottomlinks a:hover { color: #f27091; }
.frontpageTopBox .textcontent img { float: left; padding-right: 20px; display: none; }
.frontpageTopBox .textcontent .text { display: none; }
.frontpageTopBox .textcontent .text ul { list-style-type: disc; /*margin-left:240px;*/ }
.frontpageTopBox .textcontent .text ul li { /*margin-left:20px;*/ }

.fp-boxes {clear:both;}
.fp-boxes .fp-box {float:left;margin-right:20px;width:175px;height:295px;overflow:hidden;border-top: 2px solid black;}
.fp-boxes .fp-boxsmall {height:165px !important}
.fp-boxes .fp-box h1 {height:30px}
.fp-boxes .fp-box .text {line-height:1.3em}
.fp-boxes .fp-box.last {float:none;margin-right:0px;}

.right .selectorBox {width:188px;height:165px;background:url(/images/raadet/vidensbank_forside.png) top left no-repeat;}

h1 {font-size:14px;text-transform:uppercase;margin:13px 0 10px 0;/*height:28px;*/}

.ideas { width: 620px; float: left; margin-right: 18px; }

.ideas .content { height: 242px; margin-top: 9px; }

.ideas .content .box { }

.callask { float: left; width: 302px; }
.callask .resourcesSearch { height: 195px; background-image: url(../images/skoleudvikling/resource_frontpage_bg.gif); padding: 15px; padding-top: 25px; }
.callask .resourcesSearch .tagGroup { margin-top: 10px; }
.callask .resourcesSearch select { margin-top: 10px; }
.callask .resourcesSearch .submit { margin-top: 20px; }
.ideer { width: 465px; _margin-bottom: -20px; float: left; margin-left: 9px; }
.ideer .content { height: 180px; /*width:472px !important;*/ width: 466px !important; overflow: hidden !important; position: relative; background-image: url(../images/SkolensRejseHold/aktuelt_box_bg.gif); clear: both; margin-top: 9px !important; }
.ideer .content .boxRight, .ideer .content .box { float: left; width: 190px; height: 141px; margin-right: 15px; padding-left: 22px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; }
.ideer .content .boxRight { margin-right: 0 !important; }
.ideer .content .title { text-transform: none; font-weight: bold; font-size: 1.2em; color: #ce5200 !important; margin-bottom: 10px; }
.ideer .content .ide { font-style: italic; clear: both; }
.ideer .content .by { float: right; margin-top: 10px; }
.ideer ul li { _margin-right: -15px; }

.aktuelt { width: 465px; _margin-bottom: -20px; float: left; }
.aktuelt .content { height: 180px; width: 432px !important; overflow: hidden !important; position: relative; background-image: url(../images/SkolensRejseHold/aktuelt_box_bg.gif); clear: both; padding: 0 17px; margin-top: 9px !important; }
.aktuelt .content a.prev { position: absolute; left: 1px; top: 64px; z-index: 2; }
.aktuelt .content a.next { position: absolute; right: 1px; top: 64px; z-index: 2; _right: 0px; }
.aktuelt .content .box { float: left; width: 173px; height: 125px; padding: 15px 22px 31px 22px; }
.aktuelt .content .box img { float: right; margin-bottom: 5px; margin-right: 20px; }
.aktuelt .content .box .imgcontainer { height: 120px; overflow: hidden; }
.aktuelt .content .box .title { text-transform: none; font-size: 18pt; color: #ce5200 !important; margin-bottom: 10px; line-height: 14px; }
.aktuelt .content .box .date { clear: both; margin-bottom: 4px; color: #5E5F61; }
.aktuelt .conten .box img { float: right; padding-bottom: 20px; }
.aktuelt ul li { _margin-right: -15px; }

/*.aktuelt ul { left:0!Important;}*/
.ideer .title {  margin-bottom: 15px !important; line-height: 14px; font-size: 18px !important; font-weight: normal !important; }
.ideer .title a, .aktuelt .title a { font-weight: normal; font-size: 18px; line-height: 16px; }
.ideer .header { text-transform: uppercase; color: #535353; font-size: 16px; border-bottom: 1px solid #c1bcbb; padding-top: 4px; padding-bottom: 3px; margin-bottom: 0px; padding-left: 21px;  }
.ideer .text, .aktuelt .text { line-height: 14px; }
.ideas .header, .callask .header, .aktuelt .header { text-transform: uppercase; color: #535353; font-size: 16px; border-bottom: 1px solid #c1bcbb; padding-top: 4px; padding-bottom: 3px; margin-bottom: 0px; padding-left: 39px;  }
.ideer .header a, .ideas .header a, .callask .header a, .aktuelt .header a { color: #FFFFFF; text-transform: none; font-weight: normal; }

.content { margin-top: 14px; }
.content .middle ul { list-style-type: disc; margin-left: 20px;}
.content .middle h2 { margin-bottom: 20px;  }
.content .middle .back { margin-top: 30px; }
.content .middle .newsitem { padding: 10px; }
.content .middle .title { font-size: 16px !important;  }
.content .middle .date { color: #636363; font-size: 9px; font-family: Verdana; margin-bottom: 2px; }
.content .middle .newsitem img { float: left; margin: 20px; margin-left: 0px; }
.content .middle .newsitem a { display: block; /*text-transform:uppercase;*/ font-size: 1.2em; margin-bottom: 3px; }
.comments .inputfield, .mailafreind .inputfield, .searchresult .inputfield { width: 380px; font-size: 1.1em; height: 17px; padding: 3px; border: 1px solid #cacaca; overflow: auto; font-family: arial; }
.comments .inputfield { width: 400px; }
.searchresult .inputfield { width: 330px; }
.comments .button, .mailafreind .button, .searchresult .button { width: 140px; height: 22px; border: 1px solid #cacaca; font-weight: bold; }

.menu { float: left; width: 176px; margin-right: 20px; padding-bottom: 8px;margin-top: 15px;border-top:2px solid black;  }
.menu .pagetitle { font-size:14px;text-transform:uppercase;margin:38px 0 10px 0;height:28px;color:#000;  }
.menu .pagetitle a { font-size:14px;text-transform:uppercase;color:#000; }
.menu ul li { margin-bottom: 0px;  }
.menu ul li a { color: #000; display: block; padding-top: 5px; padding-bottom: 5px; background:url(/images/raadet/leftmenu_bg.png) no-repeat 0px 11px; padding-left:12px }
.menu ul li a:hover {text-decoration:underline;}
.menu ul li ul li { border: 0; margin-left:10px  }

/*1st level*/
.menu ul li ul li a { font-size: 13px; }
/*2nd level*/
.menu ul li ul li ul li a { font-size: 13px; }
/*3rd level*/
.menu li.active { background-image: none; background-color: #FFFFFF; }
.menu a.active { color: #000; font-weight:bold;font-style:italic;}

.borderBox { border-bottom: 1px solid #BEB9B8; margin-top: 5px; }

.middle { float: left; width: 566px; margin-right: 17px; margin-top: 15px;border-top:2px solid black; position:relative;}
.middle .content {clear:both;margin-top:20px!Important;line-height:1.3em}
.middle .content .left {float:left;width:361px;margin-right:20px;}
.middle .content .right {width:175px;border:none;margin:0;}

.middle p { margin-bottom: 15px; }
.citatboks { float: right; margin: 15px; margin-right: 0px; width: 200px; color: #a90634; }
.citatboks .cindhold { font-weight: bold; font-size: 1.1em; }
.citatboks .ccopyright { font-size: 0.9em; margin-top: 10px; }
.textimage { float: left; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; }
.textimage .thisdesc { font-size: 0.9em; }

h1, h2, h3, h4, h5 { color: #000000;  }
h2 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px;  }
h3 { font-size: 1.1em; font-weight: bold;  }
h4 { font-size: 1em; font-weight: bold;  }

.right { float: left; width: 175px; border-top:2px solid black;margin-top: 15px; }
.right .factbox, .middle .factbox { background-color: #302D2D; margin-bottom: 15px; }
.right .factbox .innercontent, .middle .factbox .innercontent { color: #fff; padding: 10px; }
.right .factbox .innercontent .header, .middle .factbox .innercontent .header { text-transform: uppercase; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
.middle .factbox .innercontent title, .right .factbox .innercontent .title { font-weight: bold; margin-bottom: 5px; }
.middle .factbox { float: left; margin: 5px; margin-left: 0px; margin-right: 10px; }

.right .factbox .ideaTitle { font-weight: bold; }
.right .factbox .ideaText { margin-bottom: 5px; }

.right .newsbox, .middle .newsbox { width: 220px; background-image: url(../images/skoleudvikling/newsbox_bg.gif); margin-bottom: 15px; }
.right .newsbox .innercontent, .middle .newsbox .innercontent { padding-top: 15px; padding-left: 12px; padding-right: 9px; background-image: url(../images/skoleudvikling/newsbox_bottom.gif); background-position: bottom left; background-repeat: no-repeat; padding-bottom: 10px; }
.right .newsbox .innercontent .header, .middle .newsbox .innercontent .header { color: #000; text-transform: uppercase; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
.right .selectorBox {width:175px;padding-top:217px; background:url(/images/raadet/vidensbank_right.png) top left no-repeat;}
.right .selectorBox .criteria {padding: 5px 15px;}
.right .selectorBox .criteria select {width:145px;}
.right .selectorBox .search-btn {margin-left:107px;padding-top:5px;}
.right .selectorBox .search-btn:hover {cursor:pointer;}

.middle .newsbox { float: left; margin: 5px; margin-left: 0px; }

.footer { clear: both; margin-top: 10px; height: 190px; padding-top: 20px; background-color: #302D2D; color: #FFFFFF; line-height: 17px; }
.footer .bbox {float:left;margin-left: 20px;overflow: hidden;width: 165px;color:#fff;}
.footer .bbox.last {margin-right:0px;}
.footer .bbox .header { font-size:12px;padding: 0 0 13px 24px;border-bottom: #9F9C9C solid 1px;margin-bottom:18px;font-weight:bold;font-style:italic;background:url(/images/raadet/sharp.png) 5px 1px no-repeat;}
.footer .bbox .text { font-size:11px;padding: 0 0 0 10px;}
.footer a {color:#fff;}

ul.ideasUL li { background-image: url(/images/tstf/ideer_box_bottom.gif); background-repeat: no-repeat; background-position: left bottom; _margin-right: -30px !important; }
ul.ideasUL li .innercontent { background-image: url(/images/tstf/ideer_box_bg.gif); background-repeat: no-repeat; height: 206px; padding: 11px; }
ul.ideasUL li .title { text-transform: uppercase; font-weight: bold; font-size: 0.9em; color: #ab0635; margin-top: 10px; margin-bottom: 10px; }
ul.ideasUL li .title a, ul.ideasUL li .text a { color: #ab0635; }

.colorit { color: #fff; font-weight: bold; }
.footer ol { list-style-type: decimal; margin-left: 22px; color: #fff; font-weight: bold; font-size:11px }
.footer ol a { font-weight: normal; font-size:11px }
.footer ol li { _margin-bottom: -13px; }

@media print {
    .footer, .siteowner, .siteheader, .right, .menu, .breadcrumb, .sitemenu, .search { display: none; }
    .mainWrapper, .content, .middle { border: 0; margin: 0; padding: 0; }
    .middle { width: 890px; }
    body { background-image: none; }
}
.data {display:none;}
.resourcesSearch { margin-bottom: 40px;background:url(/images/raadet/vidensbank_resultatside.png) no-repeat top right;width:566px;height:208px;}
.resourcesSearch .criteria {margin-top:115px;padding-left:15px;}
.resourcesSearch .tagGroup { margin-top: 10px; font-weight: bold; text-transform: uppercase; font-size: 1.0em; margin-bottom: 5px; color: #333333; }
.resourcesSearch select { width: 145px;  }
.resourcesSearch .search-btn { margin-top:144px;margin-left:15px;  }
.resourcesSearch .search-btn:hover { cursor:pointer;  }
.resourcesSearch .submit { float: right; cursor: pointer; width: 60px; height: 30px; margin-top: 10px; }

.resource {  margin-bottom: 20px; border-bottom:1px solid #afafaf; padding-bottom:10px }
.resource .content {  }
.error { color: red; font-size: 0.8em; margin-right: 60px; display: block; display: none; float: right; }
.comments { padding: 10px; border: 1px solid #CCCCCC; }
.comments .comment { padding: 10px; margin-bottom: 10px; border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; background-color: #f2f2f2; }
.comments .comment .sender { margin-top: 5px; font-size: 0.9em; }
table tr td { padding: 5px; border-bottom: 1px dotted #cecece; }
.manchetmellem { /*color:#004c7d;*/ font-weight: bold; }
.content .middle .manchet { font-size: 11px; font-weight: bold; color: #535353; font-family: Verdana; margin-bottom: 20px; }
.mellemforside_box { margin-top: 15px; margin-bottom: 15px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; padding-top: 15px; padding-bottom: 15px; }
.boxheader { /*text-transform:uppercase; 	color:#ab0635;*/ color: #000; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
.mellemforsidebox { float: left; width: 212px; border: 1px solid #cccccc; padding: 10px; margin-bottom: 15px; background-image: url(../images/tstf/mellemforsidebox_bg.gif); background-repeat: repeat-x; }
.mellemforsidebox .header { /*text-transform:uppercase; 	color:#ab0635;*/ color: #000; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
.domargin { margin-left: 10px; }
.paging { margin-top: 10px; color: #9b9999; font-size: 11px; }
.paging span { color: #535252; font-size: 11px; }
.paging a.prevnext { text-decoration: none; font-size: 11px; font-family: Verdana !important; }
.paging a { text-decoration: underline; margin-right: 3px; font-size: 11px; font-family: Verdana !important; }
.paging tr td { border-bottom: none !important; }

.calendar { background-color: #f3f2f0; padding: 26px 16px 16px 16px; margin-bottom: 16px; }
.calendar .header { font-size: 14px; color: #ce5200; font-weight: bold; margin-bottom: 16px; }
.calendar .arrangement { margin-bottom: 16px; }
.calendar .arrangement .title { font-weight: bold; color: #000; }


.sendInput { color: #535353; font-family: Verdana; }
.sendInput h1 { font-size: 20px; font-weight: bold; line-height: 23px; }
.sendInput h2.inputh2 { font-size: 11px; font-weight: bold; color: #535353; font-family: Verdana; }
.sendInput tr td.multi { vertical-align: top; color: #cd5100; font-weight: bold; font-size: 12px; white-space: nowrap; }
/*orange*/
.sendInput tr td { border-bottom: 0; }
.sendInput tr td select, .sendInput tr td input { width: 309px; }
.sendInput tr td textarea { width: 309px; height: 97px; }
.sendInput tr td span { color: #cd5100; }
/*spa*/
.sendInput tr td.button input, .sendInput tr td.checkboxes input { width: auto; }
.sendInput tr td.button { text-align: right; }

.idea h1 { margin-top: 20px; }
.idea h2 { margin-bottom: 5px !important; }
.idea div { margin-bottom: 20px; }
.content .middle .newsitem a.ideaTitle { margin-bottom: 2px !important; font-size: 16px !important; }
.watermark { vertical-align: middle; color: #666; }


ul.forsidelinklist li a {  font-size: 12px !important; color: #535353 !important; }
ul.forsidelinklist li { position: relative; min-height: 14px; background-image: url(/images/SkolensRejseHold/link_menu_arrow_orange.gif); background-repeat: no-repeat; background-position: left center; padding-left: 13px; margin-bottom: 3px; }

table.skemaTabell { border: 1px solid #000000; border-collapse: collapse; }

table.skemaTabell td, table.skemaTabell th { border: 1px solid #000000; padding: 5px; font-size: 9pt Verdana; font-weight: normal; }

table.skemaTabell th { background: #C0C0C0; border: 1px solid #000000; font-weight: bold; }


.errorMessage {display:none;padding:16px;clear:both}
.errorMessage.small {padding:6px 16px;}
.errorMessage.smallest {padding:5px 16px;}
.middle h1 {margin-top:38px}
.middle p a, .content .left a, .content .right a {color:#447b8e;text-decoration:none}
.middle p a:hover, .content .left a:hover, .content .right a:hover {color:#447b8e;text-decoration:underline}

.newsItem a.title {font-weight:bold;font-size:14px !important;color:#447B8E;margin-bottom:5px;display:block}
.newsItem .manchet {font-weight:normal !important;color:#000 !important;font-family:Arial !important;font-size:12px !important}

.selectorBox .inputFritekst {width:144px}
.resourcesSearch .inputFritekst {width:144px}
.resourcesSearch .errorMessage {padding-top:5px}
.newslettersign {position:relative;}
.newslettersign #newsletterButton {margin-left:5px;position:absolute;top:-4px;left:165px;cursor:pointer}
.newslettersign #emailField {margin-top:-5px;}
#newslettersignup_result {margin-top:10px;}