/* ---------CSS for DGBC--------- */
/* -------Marcel Villerius------- */
/* ------------031108------------ */

/* -------GENERAL------- */
body{background:url(/images/header_bg.gif) repeat-x top left;font:13px 'trebuchet ms',sans-serif;line-height:1.5;margin:0;padding:0;}
a{color:#f07901;text-decoration:none;}
a:hover{text-decoration:underline;}
p{color:#666;margin-top:0;}
img{border:none;margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
h1{color:#fe8701;font-size:20px;font-weight:normal;line-height:1.2;margin:0;text-transform:uppercase;}
h2{color:#5a0e7a;font-size:16px;font-weight:normal;line-height:1.2;margin-bottom:0.2em;}
h3{color:#222;font-size:13px;font-weight:normal;line-height:1.2;margin-top:1.5em;margin-bottom:0.2em;text-transform:uppercase;}
h4{color:#fe8701;font-size:14px;font-weight:bold;line-height:1.2;margin-top:1.5em;margin-bottom:0;text-transform:uppercase;}
.editlink {float: right}

.clear{clear:both;}
.logo{position:absolute;top:25px;}
.hidden-logo{display:none;}

/* -------CONTAINER------- */
#container, .footer-container{width:1000px;margin:0px auto;}

/* -------CONTENT------- */
#content{clear:both;}
#header{position:relative;height:160px;}
#home-text{float:left;width:400px;padding:0 20px 0 0;margin-top:40px;}
#home-image{float:left;margin:20px 0 0 16px;}
#news{float:left;width:675px;margin-top:40px;padding:0 25px 0 0;}
#primary{float:left;width:420px;padding:0 25px;margin-top:40px;}
#primary ul, #primary ol{color:#666;}
#primary li{background:url("/images/content_bullet.gif") no-repeat 0 0.55em;padding-left:1em;}
#secondary{float:right;width:235px;margin-top:40px;}
#partners{float:left;width:655px;margin-top:40px;padding-left:35px;}

/* -------BUTTONS------- */
.bclear{margin:26px 0;overflow:hidden;width:100%;}
a.button {background:url("/images/button_right.gif") no-repeat top right;cursor:pointer;display:block;float:left;height:29px;margin-right:6px;padding-right:12px;text-decoration:none;}
a.button:hover span{color:#5A0E7A;}
a.button span {color:#fff;text-transform:uppercase;background: transparent url("/images/button_left.gif") no-repeat;display: block;padding: 2px 0 5px 10px;height:29px;}

a.button2 {width:227px;text-align:center;background:url("/images/button_right2.gif") no-repeat top right;cursor:pointer;display:block;float:left;height:29px;margin-right:6px;padding-right:12px;text-decoration:none;text-align:center;}
a.button2:hover span{color:#fe8701;}
a.button2 span {color:#fff;text-transform:uppercase;background: transparent url("/images/button_left2.gif") no-repeat;display: block;padding: 2px 0 5px 10px;height:29px;}

/* -------AGENDA & NEWS------- */
#primary h3.agenda-title{font-weight:bold;}
#primary h3.big-title{font-weight:bold;margin-bottom:5px;padding-bottom:3px;}
#primary ul.archive{margin-left:1em;}
#primary ul.agenda-items{background:url("/images/agenda_border.gif") repeat-x top left;padding:1px 0 5px 0;margin-top:0;}
#primary .agenda-items li{margin:0;background:url("/images/agenda_border.gif") repeat-x bottom left;padding:0;}
#primary .agenda-items a{color:#5A0E7A;font-size:13px;display:block;text-decoration:none;padding:5px 0;}
#primary .agenda-items a:hover{background:#f6f2f7 url("/images/agenda_border.gif") repeat-x bottom left;}
#primary .agenda-items span{color:#666;font-size:13px;}
#news .main_news-items li{margin:0;background:url("/images/agenda_border.gif") repeat-x bottom left;padding:5;width:auto;}
#news .main_news-items a{color:#5A0E7A;font-size:13px;display:block;text-decoration:none;padding:5px 0;}
#news .main_news-items a:hover{background:url("/images/agenda_border.gif") repeat-x bottom left;}
#news .main_news-items span{color:#666;font-size:13px;}
#news .main_news-items img{float:left top;}
#primary dl.news-items  {margin-top:0;}
#primary .news-items  dt{color:#5A0E7A;}
#primary .news-items  dd{background:url("/images/content_bullet.gif") no-repeat 0 0.55em;margin:0 0 0 1em;padding-left:1em;}

/* -------LOGIN------- */
.login {background:#5a0e7a;padding:50px;width:300px;}
.login label{color:#fff;text-transform:uppercase;}
.login input{margin:5px 0;}
.login form{padding-bottom:20px;margin:0;}
.login input{width:200px;}
.login input.submit{margin:20px 0 0 105px;width:100px;}

/* -------FORM------- */
#primary form{margin:0;padding:0;color:#666;}
#primary fieldset {border:none;margin:0 0 1.5em;padding:0;}
#primary fieldset legend {display:none;}
#primary fieldset div {float:left;padding:0.5em 0;width:100%;}
#primary fieldset div label, #primary fieldset div .label {float:left;padding:0;width:auto;}
#primary fieldset div select{width:auto;}
#primary fieldset div table{float:left;padding:5;width:100%;}
#primary fieldset div td{float:left;padding:0;width:auto;}
#primary fieldset div .req {color:#e67b1a;margin-left:2px;}
#primary fieldset div input {float:left;padding:0;width:60%;}
#primary fieldset div input.check {width:10px;}
#primary fieldset div .boxes {border:0;float:left;padding:0;width:auto;}
#primary fieldset div .boxes label {float:none;width:auto;}
#primary fieldset div .boxes label input {float:none;margin:0;width:auto;}

#secondary form{margin:0;padding:0;color:#666;}
#secondary fieldset {border:none;margin:0 0 1.5em;padding:0;}
#secondary fieldset legend {display:none;}
#secondary fieldset div {float:left;padding:0.5em 0;width:100%;}
#secondary fieldset div label, #primary fieldset div .label {float:left;padding:0;width:auto;}
#secondary fieldset div select{width:auto;}
#secondary fieldset div table{float:left;padding:5;width:100%;}
#secondary fieldset div td{float:left;padding:0;width:auto;}
#secondary fieldset div .req {color:#e67b1a;margin-left:2px;}
#secondary fieldset div input {float:left;padding:0;width:60%;}
#secondary fieldset div input.check {width:10px;}
#secondary fieldset div .boxes {border:0;float:left;padding:0;width:auto;}
#secondary fieldset div .boxes label {float:none;width:auto;}
#secondary fieldset div .boxes label input {float:none;margin:0;width:auto;}

/* -------PARTNERS------- */
#partners img{border: 1px solid #ddd;}
.partner-image{border:1px solid #ddd;}

/* -------TOPNAV------- */
#topnav{position:absolute;top:30px;right:0px;}
#topnav ul{list-style:none;padding-left:10px;float:left;}
#topnav li{float:left;background:url("/images/topnav_bullet.gif") 0 0.5em no-repeat;padding:0 9px;}
#topnav li a{color:#fff;text-decoration:none;}
#topnav li a:hover{text-decoration:underline;}

/* -------SEARCH------- */
#topnav form{width:306px;float:left;}
#topnav input#search-text {border: none;display: block;background-color:#ad87bd;color:#fff;width:225px;height:22px;float:left;}
#topnav fieldset{border:none;padding:0;}
#topnav label{color:#fff;float:left;padding-right:10px;}
#topnav #search.btn {background: url("/images/search_btn.gif") 10px 3px no-repeat;margin:0;padding:0 0 0 10px;border:none;width:25px;}

/* -------MAINNAV------- */
#mainnav{position:absolute;top:109px;right:0px;}
#mainnav.intranet{right:0px;}
#mainnav ul{list-style:none;display:block;}
#mainnav li{float:left;position:relative;display:inline;margin:0;padding:0;font-size:13px;text-transform:uppercase;}
#mainnav a{display:block;background:url("/images/tab-left.gif") no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;}
#mainnav a span{display:block;color:#fff;cursor:pointer;background:url("/images/tab-right.gif") no-repeat right top;padding:11px 8px 10px 0px;}
#mainnav a:hover{background-position:0% -46px;}
#mainnav a.active{background-position:0% -92px;}
#mainnav a:hover span{background-position:100% -46px;color:#fff;}
#mainnav a.active span{background-position:100% -92px;color:#5a0e7a;}

#mainnav li ul {display:none;position:absolute;left:auto;top:41px;width:175px;}
#mainnav li:hover ul {display:block;z-index:10;}
#mainnav li ul a {display:block;background:#EDE5F0 ;color:#5A0E7A;padding:4px 12px;border-top:dotted 1px #fff;width:151px;}
#mainnav li ul a:hover {background:#f6f2f7;color:#5A0E7A;}
#mainnav li ul li {background:#EDE5F0;font-size:13px;}

/* -------SUBNAV------- */
#subnav{float:left;width:235px;margin-top:40px;}
#subnav h2{display:none;border-top:5px solid #f07901;}
#subnav ul{list-style:none;padding:0;border-top:1px solid #ECECEC;}
#subnav li{border-bottom:1px solid #ECECEC;text-transform:uppercase;}
#subnav li a{display:block;background:url(/images/subnav_bullet.gif) 7px .85em no-repeat;color:#808080;padding:4px 0 4px 20px;text-decoration:none;}
#subnav li a:hover {background-color:#f6f2f7;color:#5A0E7A;}
#subnav li.active a {background:#EDE5F0 url(/images/subnav_selected.gif) 8px 0.75em no-repeat;color:#5A0E7A;}
#subnav li.back a {background:url(/images/subnav_back.gif) 8px 0.75em no-repeat;}
#subnav li.back a:hover {background-color:#f6f2f7;color:#5A0E7A;}

/* ------- Onderwijsmarktplaats ------- */
#contentHeader {height:30px;width:auto;margin-top:40px;overflow:hidden;}
/* ------- Subnav ------- */
div#bigBlock div.sideContainer {background-image:url(/images/Container_Home_Background.jpg);background-position:center center;background-repeat:repeat-y;float:left;font-size:0.7em;margin-top:10px;margin-left:10px;padding-left:5px;width:220px;}
div#bigBlock div.sideContainer div.containerHeader {background-image:url(/images/Container_Side_Header.jpg);height:27px;padding:15px 10px 0;}
div#bigBlock div.sideContainer div.containerContent {padding-left:10px;padding-right:10px;padding-top:6px;}
div#bigBlock div.sideContainer div.containerContent ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
div#bigBlock div.sideContainer div.containerContent ul li {padding-bottom:4px;padding-left:0;}
div#bigBlock div.sideContainer div.containerContent ul li a {color:#1A171B;text-decoration:none;}
div#bigBlock div.sideContainer div.containerFooter {background-image:url(/images/Container_Side_Footer.jpg);height:5px;overflow:hidden;}

#sideContainerRight {float:right;font-size:0.7em;margin-top:10px;padding-left:5px;width:235px;}
#sideContainerRight .containerHeader {background-image:url(/images/Container_Side_Header.jpg);height:27px;padding:15px 10px 0;}
#sideContainerRight .containerContent {padding-left:10px;padding-right:10px;padding-top:6px;}
#sideContainerRight .containerFooter {background-image:url(/images/Container_Side_Footer.jpg);height:5px;overflow:hidden;}
/* ------- Main block ------*/
#contentHeader #categoryHeader {color:white;float:left;font-size:1em;font-weight:bold;height:18px;overflow:hidden;padding-left:10px;padding-top:5px;}
#contentHeader #categoryHeader h1 {color:#fe8701;font-size:14px;font-weight:bold;line-height:1.2;text-transform:uppercase;float:left;height:18px;overflow:hidden;padding-left:10px;padding-top:2px;}
#contentHeader #sortHeader {float:right;height:30px;}
#sortHeader ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
#sortHeader ul li {display:inline;}
#sortHeader ul a {background-image:url(/images/Content_Header_Sort.jpg);background-position:right center;background-repeat:no-repeat;color:black;display:block;float:left;font-size:0.75em;height:22px;padding-left:5px;padding-top:8px;text-align:center;text-decoration:none;width:116px;}
#sortHeader ul a.active {background-image:url(/images/Content_Header_Sort_Selected.jpg);color:white;}
div#bigBlock {height:100%;width:auto;padding:0 5px;}
div#bigBlock div.itemContainer div.containerHeader {background-image:url(/images/bigContainer_Header.jpg);height:35px;padding-left:10px;padding-top:7px;}
div#bigBlock div.itemContainer div.containerHeader h1 {margin-left:10px;margin-top:4px;float:left;}
div#bigBlock div.itemContainer div.containerHeader h2 {margin-right:10px;margin-top:4px;float:right;}
div#bigBlock div.itemContainer div.containerHeader div.Icon {float:left;padding-right:10px;padding-top:5px;}
div#bigBlock div.itemContainer div.containerContent {background-image:url(/images/bigContainer_Background.jpg);padding-bottom:5px;padding-left:10px;padding-right:10px;}
div#bigBlock div.bigContainer div.containerContent div.Item {border-bottom:1px dotted #D5D5D5;clear:both;font-size:0.8em;min-height:78px;padding-top:6px;}
div#bigBlock div.bigContainer div.containerContent div.Item div.Preview {float:left;text-align:center;width:80px;}
div#bigBlock div.bigContainer div.containerContent div.Item div.Top {overflow:hidden;}
div#bigBlock div.bigContainer div.containerContent div.Item h1, div#bigBlock div.bigContainer div.containerContent div.Item h1 a {font-family:Arial,Helvetica,sans-serif;font-size:1.2em;margin:0;padding:0;color:#fe8701;text-decoration:none;}
div#bigBlock div.bigContainer div.containerContent div.Item h2, div#bigBlock div.bigContainer div.containerContent div.Item h2 a, div#bigBlock div.bigContainer div.containerContent div.Item h2 a p  {font-family:Arial,Helvetica,sans-serif;font-size:1em;margin:0;padding:0;color:#5a0e7a;text-decoration:none;}
div#bigBlock div.bigContainer div.containerContent div.Item div.Bottom {clear:both;font-size:0.8em;bottom:0px;}
div#bigBlock div.bigContainer div.containerContent div.Item div.Info {float:left;padding-left:15px;width:350px;}
div#bigBlock div.bigContainer div.containerContent div.Item div.Rating {float:left;text-align:center;width:100px;}
div#bigBlock div.bigContainer div.containerContent div.Item div.Icon {color:#757575;float:right;font-size:0.8em;padding-top:5px;text-align:center;width:70px;}

div#bigBlock div.itemContainer div.containerFooter {background-image:url(/images/Footer_Background.jpg);background-position:center top;background-repeat:no-repeat;padding:30px 10px 0;}
div#bigBlock div.itemContainer {width:650px;}
div#bigBlock div.itemContainer, div#bigBlock div.defaultContainer {float:left;min-height:200px;padding-left:5px;padding-top:10px;width:650px;}
div.categoryContainer div.containerFooter {background-image:url(/images/Container_Category_Footer.jpg);background-repeat:no-repeat;clear:both;height:20px;padding-right:10px;padding-top:7px;}
div#bigBlock .Footer {background-image:url(/images/Footer_Background.jpg);background-position:center top;background-repeat:no-repeat;padding:30px 10px 0;}

#bigContainer .bigContainerFooter {background-image:url(/images/Footer_Background.jpg);background-repeat:repeat-y;height:5px;overflow:hidden;}
div.categoryContainer {background-image:url(/images/Container_Category_Background.jpg);background-position:right center;background-repeat:repeat-y;float:right;font-size:0.7em;margin-top:10px;padding-left:15px;width:295px;}
div.categoryContainer .containerHeader {background-image:url(/images/Container_Category_Header.jpg);height:35px;padding-left:10px;padding-top:7px;}
div.categoryContainer div.containerHeader h1 {font-size:1.2em;padding-bottom:2px;font-weight:bold;}
div.categoryContainer div.containerContent {clear:both;min-height:280px;padding-left:10px;padding-right:10px;}
div.categoryContainer div.Item {background-image:url(/images/Categories_Seperator.jpg);background-position:center bottom;background-repeat:repeat-x;min-height:75px;padding-bottom:3px;padding-top:8px;}
div.categoryContainer div.containerContent div.Item div.Preview {float:left;margin-top:0.5em;width:80px;}
div.categoryContainer div.containerContent div.Item div.Info {float:left;margin-top:0.5em;overflow:hidden;padding-left:15px;width:125px;}
div.categoryContainer div.containerContent div.Item div.Info a {font-weight:bold;text-decoration:none;font-size:1.2em;}
div.categoryContainer div.containerContent div.Item div.Info span {color:#757575;padding-top:4px;}
div.categoryContainer div.containerContent div.Item div.Info span a, div.categoryContainer div.containerContent div.Info span a:link {color:#757575;font-weight:normal;}
div.categoryContainer div.containerContent div.Item div.Icon {float:right;margin-top:0.5em;width:50px;}
div.categoryContainer div.containerContent div.Item div.Icon span {color:#757575;display:inline;font-size:0.9em;width:50px;}
div.categoryContainer div.containerFooter {background-image:url(/images/Container_Category_Footer.jpg);background-repeat:no-repeat;clear:both;height:20px;padding-right:10px;padding-top:7px;}
div.categoryContainer div.containerFooter a {background-image:url(/images/Link_Arrow.jpg);background-position:right center;background-repeat:no-repeat;color:#757575;display:block;padding-right:15px;text-align:right;text-decoration:none;}
br.clear {clear:both;font-size:0;height:0;}

div#bigBlock div.bigContainer {float:right;width:650px;}
div#bigBlock div.bigContainer div.containerHeader div#titleLeft {float:left;padding-left:10px;}
div#bigBlock div.bigContainer div.containerHeader div#titleLeft h1 {font-size:1.2em;padding-bottom:2px;font-weight:bold;}
div#bigBlock div.bigContainer div.containerHeader div#titleRight {float:right;padding-right:10px;}
div#bigBlock div.bigContainer div.containerHeader div#titleRight h1 {font-size:1.2em;padding-bottom:2px;font-weight:bold;}
div#bigBlock div.bigContainer div.containerHeader {background-image:url(/images/bigContainer_Header.jpg);background-repeat:repeat-y;height:27px;margin-top:10px;padding-top:15px;}
div#bigBlock div.bigContainer div.containerContent {background-image:url(/images/bigContainer_Background.jpg);background-repeat:repeat-y;padding-bottom:5px;padding-left:10px;padding-right:10px;}
div#bigBlock div.bigContainer div.item {border-bottom:1px dotted #D5D5D5;clear:both;font-size:0.8em;min-height:80px;padding-top:6px;}
div#bigBlock div.bigContainer div.containerFooter {background-image:url(/images/bigContainer_Footer.jpg);background-repeat:repeat-y;height:5px;overflow:hidden;}

/* -------FOOTER------- */
#footer{clear:both;background:#ff8200 url("/images/footer_bg.gif") repeat-x top left;border-bottom:solid 1px #e79d75;margin-top:5px;}
.footer-item{float:left;width:280px;margin:10px 0 20px 60px;}
.footer-item.first{margin-left:0;}
#footer a{color:#f8e1d5;}
#footer a.more{color:#f8e1d5;}
#footer h2{color:#fff;font-size:20px;padding:0px 0px 2px 27px;margin-bottom:0.3em;}
#footer h2.news{background:url("/images/icon_news.gif") no-repeat 0 0.07em;}
#footer h2.agenda{background:url("/images/icon_agenda.gif") no-repeat 0 0.07em;}
#footer h2.partner{background:url("/images/icon_partner.gif") no-repeat 0 0.07em;}
#footer p{background:transparent url(/images/footer_border.gif) repeat-x scroll left bottom;color:#5A0E7A;margin-bottom:3px;padding-bottom:3px;}
#footer dl{background:transparent url(/images/footer_border.gif) repeat-x left bottom;margin:0 0 3px;padding-bottom:5px;}
#footer .news-items  dt{color:#5A0E7A; font-size:15px;}
#footer .news-items  dd{background:url("/images/footer_bullet.gif") no-repeat 0 0.6em;margin:0;padding-left:1em;}
#footer ul.agenda-items{background:url("/images/footer_border.gif") repeat-x top left;padding:1px 0 3px 0;margin-top:18px;}
#footer .agenda-items li{margin:0;background:url("/images/footer_border.gif") repeat-x bottom left;}
#footer .agenda-items a{color:#5A0E7A;font-size:15px;display:block;text-decoration:none;padding:5px;}
#footer .agenda-items a:hover{background:#ff8f1a url("/images/footer_border.gif") repeat-x bottom left;}
#footer .agenda-items span{color:#f8e1d5;font-size:13px;}
#payoff{background-color:#5a0e7a;padding-top:5px;height:25px;}
#payoff img {float:right;}

.validation-advice {
color: red;
background: #fff url(images/alert.gif) no-repeat left center;
padding-left: 22px;
}