/**
BASIC COLORS:
dark purple: #442358
light purple: #9C5BC4
orange: #FAAA49
pink: #FD0D92
blue: #4A9CF9

CONCEPT COLORS
bb: #00B0F0
kl: #CC0280
ts: #00B1E5
ms: #7BFF00
sb: #6CAC3A
tt: #6C4D98
if: #EE2E24
**/

body{
    height: 100%;
    text-align: center;
    background-color: #f1f1f1;
    font-size: 13px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

html, body {
    padding: 0px;
    margin: 0px;
}

h1{
    font-size: 16px;
}

a {
    text-decoration: none;
}

.bijbanen {
    background-color: #00B0F0;
    color: #00B0F0;
}
.kamerlink {
    background-color: #CC0280;
    color: #CC0280;
}
.topstage {
    background-color: #00B1E5;
    color: #00B1E5;
}
.mbostage {
    background-color: #7BFF00;
    color: #7BFF00;
}
.studentenbureau {
    background-color: #6CAC3A;
    color: #6CAC3A;
}

.centered {
    text-align: center;
}

.right_floating {
    float: right;
}

.message {
    margin: 2px 0px;
    color: #9C5BC4;
    padding: 2px;
}

.warning {
    padding-left: 20px;
    background: url("../images/icons/warning.gif") no-repeat;
}

.info {
    padding-left: 20px;
    background: url("../images/icons/info.gif") no-repeat;
}

/* ========================================
    grijze Achtergrond met schaduw
=============================================*/

div#main{
    width: 960px;
    margin: auto;
    margin-top: 10px;
    position: relative;
}

#schaduwboven{
    width: 100%;
    padding-top: 12px;
    background: url("../images/linkpag/schaduwboven.gif") no-repeat left top;
}

#schaduwmidden{
    text-align: left;
    width: 100%;
    background: url("../images/linkpag/schaduw.gif") repeat-y ;
    padding-bottom:	100px;
}

#schaduwonder{
    /* *margin-left: 2px; */
    width: 100%;
    margin-bottom:	30px;
    background: url("../images/linkpag/schaduwonder.gif") no-repeat left bottom;
    padding-bottom: 15px;
}


/* ========================================
   SEO description
=============================================*/

#description {
	position:	absolute;
	top:		100%;
	left:		0px;
	margin-top:	-120px;
	text-align: center;
}
#description h2 {
	font-size:	13px;
	margin: 	10px 0px 5px 0px;
}
#description p {
	margin:		0px 0px 15px 0px;
	color:		#777;
}


/* ========================================
    header footer midden blok
=============================================*/

div#uitlijn{
    margin-left: 12px;
    width: 931px;
    text-align: left;
}

/* -----------------
    Header
----------*/

div#city_cloud {
    text-align: center;
    padding-top: 20px;
}

.city_cloud_item {
    margin: 10px 5px;
    padding: 15px;
}
.city_cloud_item a {
    color: #442358;
}
.city_cloud_item a:hover {
    color: #FAAA49;
}
.city_size_1 {
    font-size: 40px;
}
.city_size_2 {
    font-size: 32px;
}
.city_size_3 {
    font-size: 24px;
}
.city_size_4 {
    font-size: 20px;
}

#header{
    width: 100%;
    height: 280px;
}

div#logo{
    width: 960px;
    height: 100%;
    margin: auto;
}

#header_home_btn {
    display: block;
    height: 280px;
    width: 340px;
    margin-left: 60px;
    float: left;
}

/* zoekbalk in header*/

div#zoekbalk{
    width: 100%;
    height: 38px;
    background: url("../images/linkpag/footer.gif") repeat-x;
}

div#menu{
    padding-top: 8px;
    *padding-top: 10px;
    width: 438px;
    height: 43px;
    *height: 51px;
    background: url("../images/linkpag/menu.gif");
    float: left;
    margin: 20px 0px 0px 5px;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
}

#menu a{
    color: #FFFFFF;
}

#menu a:hover{
    color: #9C5BC4;
}

/* Tekst en zoekoptie uitlijnen*/
div#wrapper{
    width: 400px;
    height: 33px;
    float: right;
}

#hdrtekst {
    height: 20px;
    display: inline;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

#hdrtekst h1 {
    display: inline;
    color: #FFFFFF;
    font-size: 15px;
    margin: 5px 0px  0px 0px;
}

#hdrtekst h2 {
    display: inline;
    color: #FFFFFF;
    font-size: 15px;
    margin: 5px 0px  0px 0px;
}

#zoekoptie{
    width: 110px;
    height: 20px;
    display: inline;
    float: right;
    margin: 5px 10px 20px 0px;
}

#zoekoptie select{
    width: 110px;
    height: 20px;
    display: inline;
    float: right;
    margin-top: 2px;
}

/* ========================================
        midden (content) blok
=============================================*/

/* content  */
#Contentbox{
    width: 840;
    margin-left: 45px;
    margin-top: 10px;
}

h1#seo {
    font-size: 26px;
    color: #442358;
    text-align: center;
    margin-bottom: 5px;
}
p#seo {
    color: #442358;
    font-weight: bold;
    margin-top: 0px;
}

#algemeen h1 {
    font-size: 20px;
    color: #442358;
}

#algemeen h2 {
    font-size: 16px;
    color: #442358;
}

#algemeen a {
    color: #4A9CF9;
}
#algemeen a:hover {
    color: #FAAA49;
}

#algemeen p {
    width: 100%;
}

/*****************************
FORM
*****************************/

#algemeen dt {
    height: 1px;
    width: 150px;
    float: left;
    clear: right;
}
#algemeen dd {
    margin-bottom: 2px;
    margin-left: 10px;
    float: none;
    clear: right;
}

#algemeen input, select, textarea {
    width: 200px;
    border: 1px solid #442358;
    background-color: white;
}

#algemeen input.submit {
    background-color: red;
}

/* ========================================
        linkblokken
=============================================*/


#kolom1 {
    width: 270px;
    margin-left: 0px;
}

#kolom2 {
    width: 270px;
}

#kolom3 {
    width: 270px;
}

.kolom {
    float: left;
    margin-left: 15px;
}

.kolom a {
    color: #4A9CF9;
}

.kolom a:hover {
    color: #FAAA49;
    text-decoration: underline;
}

.box {
    margin-bottom: 10px;
    float: left;
    width: 270px;
    background-color: #ffffff;
}

.discount_wide {
    width: 510px;
    margin-right: 30px;
}
.discount_wide table {
    margin-top: 10px;
}
.discount_wide .discount_text {
    margin: 0px;
}
.discount_wide .discount_more {
    text-align: right;
    margin: 0px;
    font-size: 12px;
}
.discount_wide a {
    color: #4A9CF9;
}
.discount_wide a:hover {
    color: #FAAA49;
    text-decoration: underline;
}

.discount_small {
    width: 300px;
}
.discount_small p {
    margin: 10px 0px;
}
.discount_small p a {
    color: #4A9CF9;
}
.discount_small p a:hover {
    color: #FAAA49;
    text-decoration: underline;
}

td.discount_interrow {
    height: 10px;
}

td.left_borderd {
    border-left: 1px solid #D8D1BD;
    padding-left: 10px;
}

.headerbox {
    color: white;
    text-align: center;
    margin: 0px 8px 0px 1px;
    padding-top: 0px;
    background-repeat: repeat-x;
    background-image: url("../images/linkpag/boven.gif");
    background-position: left top;
}

.headerbox h1{
    padding-top: 15px;
}

.links {
    background-repeat: repeat-y;
    background-image: url("../images/linkpag/links.gif");
}

.rechts{
    background-repeat: repeat-y;
    background-position: right ;
    background-image: url("../images/linkpag/rechts.gif");
}

.links-hoek-beneden{
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url("../images/linkpag/hoek-links-onder.gif");
}

.beneden{
    background-repeat: repeat-x;
    background-position: bottom ;
    background-image: url("../images/linkpag/onder.gif");
}

.rechts-hoek-beneden{
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url("../images/linkpag/hoek rechts onder.gif");
}

.content{
    padding-top: 10px;
    *padding-top: 4px;
    width: 100%;
    text-align: left;
}

.padding{
    padding: 20px;
    padding-top: 5px;
}

#clear{
    clear: both;
}

/*****************************
HOME BOX
*****************************/

div.home_box {
    width: 617px;
    margin-bottom: 10px;
}

div.home_box .home_box_top {
    height: 47px;
    width: 100%;
    overflow: hidden;
    background: url("../images/home_box/top.gif") no-repeat;
}

div.home_box .home_box_top h2 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: white;
    margin-top: 5px;
}

div.home_box .home_box_mid {
    background: url("../images/home_box/mid.gif") repeat-y;
    padding: 10px 25px;
}

div.home_box .home_box_btm {
    width: 100%;
    height: 39px;
    overflow: hidden;
    background: url("../images/home_box/btm.gif") no-repeat;
}

/*****************************
HOME BOX SMALL
*****************************/

div.home_box_small {
    width: 200px;
    margin-bottom: 10px;
}

div.home_box_small .home_box_top {
    height: 47px;
    width: 100%;
    overflow: hidden;
    background: url("../images/home_box_small/top.gif") no-repeat;
}

div.home_box_small .home_box_top h2 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: white;
    margin-top: 5px;
}

div.home_box_small .home_box_mid {
    background: url("../images/home_box_small/mid.gif") repeat-y;
    padding: 10px 25px;
}

div.home_box_small .home_box_btm {
    width: 100%;
    height: 39px;
    overflow: hidden;
    background: url("../images/home_box_small/btm.gif") no-repeat;
}

/*****************************
RSS BOX SMALL
*****************************/

div.rss_box_small {
    width: 365px;
}

div.rss_box_small .rss_box_top {
    height: 47px;
    width: 100%;
    overflow: hidden;
    background: url("../images/rss_box_small/top.gif") no-repeat;
}

div.rss_box_small .rss_box_top h2 {
    font-size: 30px;
    width: 160px;
    text-align: center;
    color: white;
    margin-top: 2px;
    margin-left: 40px;
}

div.rss_box_small .rss_box_mid {
    overflow: hidden;
    background: url("../images/rss_box_small/mid.gif") repeat-y;
    padding: 10px 20px;
}

div.rss_box_mid .paging {
    text-align: right;
}

div.rss_box_small .rss_box_btm {
    width: 100%;
    height: 11px;
    overflow: hidden;
    background: url("../images/rss_box_small/btm.gif") no-repeat;
}

/*****************************
RSS BOXES
*****************************/

div.rss_box {
    width: 567px;
}

div.rss_box .rss_box_top {
    height: 47px;
    width: 100%;
    overflow: hidden;
    background: url("../images/rss_box/top.jpg") no-repeat;
}

div.rss_box .rss_box_top h2 {
    font-size: 30px;
    width: 160px;
    text-align: center;
    color: white;
    margin-top: 2px;
    margin-left: 40px;
}

div.rss_box .rss_box_mid {
    background: url("../images/rss_box/mid.jpg") repeat-y;
    padding: 10px 20px;
}

div.rss_box_mid .paging {
    text-align: right;
}

div.rss_box .rss_box_btm {
    width: 100%;
    height: 11px;
    overflow: hidden;
    background: url("../images/rss_box/btm.jpg") no-repeat;
}

/**************************
BLOG BOX SMALL
**************************/

div.blog_box_small {
    width: 180px;
}

div.blog_box_small .blog_box_top {
    background: url("../images/header.gif") no-repeat;
    height: 37px;
    width: 100%;
    overflow: hidden;
}

div.blog_box_small .blog_box_top h2 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: white;
    margin-top: 0px;
}

div.blog_box_small .blog_box_mid {
    padding: 0px;
    font-size: 13px;
}

div.blog_box_small .blog_box_mid p {
    margin: 0px;
    padding: 5px;
    text-align: justify;
}

div.blog_box_small .blog_box_btm {
    width: 100%;
    height: 0px;
    overflow: hidden;
}

/**************************
BLOG BOX
**************************/

div.blog_box {
    width: 260px;
}

div.blog_box .blog_box_top {
    height: 45px;
    width: 100%;
    overflow: hidden;
    background: url("../images/blog_box/top.jpg") no-repeat;
}

div.blog_box .blog_box_top h2 {
    font-size: 30px;
    width: 150px;
    text-align: center;
    color: white;
    margin-top: 0px;
    margin-left: 20px;
}

div.blog_box .blog_box_mid {
    background: url("../images/blog_box/mid.jpg") repeat-y;
    padding: 10px 20px 30px;
    position: relative;
}

div.blog_box .blog_box_mid p {
    background-color: #f2f0f1;
    margin: 0px;
    padding: 10px;
    text-align: justify;
}

div.blog_box .blog_box_btm {
    width: 100%;
    height: 11px;
    overflow: hidden;
    background: url("../images/blog_box/btm.jpg") no-repeat;
}

/**************************
BLOCK BOX
**************************/

div.block_box {
    width: 260px;
}

div.block_box .block_box_top {
    height: 30px;
    width: 100%;
    overflow: hidden;
    background: url("../images/block_box/top.jpg") no-repeat;
}

div.block_box .block_box_mid {
    background: url("../images/block_box/mid.jpg") repeat-y;
    padding: 0px 30px;
    position: relative;
}

div.block_box .block_box_mid h2 {
    color: #9C5BC4;
    font-size: 20px;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
}

div.block_box .block_box_mid p {
    margin: 0px;
    padding: 0px;
}

div.block_box .block_box_btm {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: url("../images/block_box/btm.jpg") no-repeat;
}

/**************************
BLOCK BOX SMALL
**************************/

div.block_box_small {
    width: 200px;
}

div.block_box_small .block_box_top {
    height: 30px;
    width: 100%;
    overflow: hidden;
    background: url("../images/block_box_small/top.gif") no-repeat;
}

div.block_box_small .block_box_mid {
    background: url("../images/block_box_small/mid.gif") repeat-y;
    padding: 0px 20px;
    position: relative;
}

div.block_box_small .block_box_mid h2 {
    color: #9C5BC4;
    font-size: 20px;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
}

div.block_box_small .block_box_mid p {
    margin: 0px;
    padding: 0px;
}

div.block_box_small .block_box_btm {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: url("../images/block_box_small/btm.gif") no-repeat;
}

/****************************
CONCEPT BOX (BB, KL, TS, MS)
****************************/

div.concept_box {
    width: 400px;
    margin-bottom: 10px;
}

div.concept_box .concept_box_top {
    height: 45px;
    width: 100%;
    overflow: hidden;
    background-image: url("../images/concept_box/top.gif");
    background-repeat: no-repeat;
}

div.concept_box .concept_box_top h2 {
    margin: 0px;
    margin-left: 20px;
    margin-top: 10px;
    font-size: 24px;
    color: white;
}

div.concept_box .concept_box_mid {
    background: url("../images/concept_box/mid.gif") repeat-y;
    padding: 0px 15px;
}

div.concept_box .concept_box_btm {
    width: 100%;
    height: 28px;
    overflow: hidden;
    background-image: url("../images/concept_box/btm.gif");
    background-repeat: no-repeat;
}

/****************************
CONCEPT BOX SMALL
****************************/

div.concept_box_small {
    width: 200px;
    margin-bottom: 10px;
}

div.concept_box_small .concept_box_top {
    height: 35px;
    width: 100%;
    overflow: hidden;
    background-image: url("../images/concept_box_small/top.gif");
    background-repeat: no-repeat;
}

div.concept_box_small .concept_box_top h2 {
    margin: 0px;
    margin-left: 15px;
    margin-top: 9px;
    font-size: 18px;
    color: white;
}

div.concept_box_small .concept_box_mid {
    background: url("../images/concept_box_small/mid.gif") repeat-y;
    padding: 0px 15px;
}

div.concept_box_small .concept_box_btm {
    width: 100%;
    height: 28px;
    overflow: hidden;
    background-image: url("../images/concept_box_small/btm.gif");
    background-repeat: no-repeat;
}

/* Footer*/
.footer{
    text-align: center;
    width: 100%;
    height: 30px;
    margin-top: 30px;
    background: url("../images/linkpag/footer.gif") repeat-x;
}

#footerUitlijn {
    width: 100%;
    margin: auto;
    padding-top: 5px;
 }

.footer a:hover {
    text-decoration: underline;
}

.footer a {
    display: inline;
    color: #ffffff;
    font-size: 16px;
    margin: 0px 10px;
}

#ftrtekst{
    font-weight: none;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}

sup.link_status {
    color: #9C5BC4;
    margin-left: 5px;
    font-size: 10px;
    *font-size: 12px;
    vertical-align: baseline;
    position: relative;
    bottom: 4px;
    line-height: 1;
}

#small_left_col {
    width: 260px;
    float: left;
}

#wide_right_col {
    margin-left: 10px;
    width: 567px;
    float: left;
}

#smaller_left_col {
    width: 200px;
    float: left;
}

#wider_right_col {
    margin-left: 10px;
    width: 627px;
    float: left;
}

#home_right_left_col {
    width: 365px;
    display: table-cell;
    clear: none;
}

#home_right_right_col {
    padding-right: 10px;
    width: 180px;
    display: table-cell;
    clear: none;
    float: right;
}

#half_left_col {
    width: 413px;
    float: left;
}

#half_right_col {
    margin-left: 10px;
    width: 413px;
    float: left;
}

#full_col {
    clear: both;
    width: 837px;
}

/****************************
AGENDA
****************************/

div.agenda_item {
    padding-bottom: 5px;
    display: list-item;
    margin-left: 15px;
    color: #9C5BC4;
}
div.agenda_item .agenda_title {
    margin: 0px;
}
div.agenda_item .agenda_title a {
    color: #442358;
}
div.agenda_item .agenda_title a:hover {
    text-decoration: underline;
}

div.agenda_error {
    font-size: 11px;
    margin: 0px;
    color: #442358;
}

/****************************
RSS
****************************/

div.rss_page {
}

div.rss_item {
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
    height: 115px;
    *height: 135px;
    position: relative;
}

div.rss_item .rss_title {
    margin: 0px;
    font-weight: bold;
}
div.rss_item .rss_title a {
    color: #FAAA49;
}
div.rss_item .rss_title a:hover{
    color: #4A9CF9;
    text-decoration: underline;
}

div.rss_item .rss_pubDate {
    font-size: 10px;
    margin: 0px;
    color: #9C5BC4;
}

div.rss_item .rss_description {
    margin: 0px;
    margin-top: 10px;
}

div.rss_item img {
    float: left;
    clear: none;
    margin-right: 10px;
    margin-bottom: 2px;
}

div.rss_item .readmore {
    position: absolute;
    bottom: 5px;
    right: 10px;
    margin: 0px;
    font-size: 11px;
    text-align: right;
    font-style: italic;
}
div.rss_item .readmore a {
    color: #FAAA49;
}
div.rss_item .readmore a:hover {
    color: #4A9CF9;
    text-decoration: underline;
}

div.rss_item .rss_error {
    font-size: 11px;
    margin: 0px;
    color: #9C5BC4;
    margin-top: 10px;
}

div.btn_tiny {
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    padding-top: 5px;
    font-weight: bold;
    color: grey;
    text-align: center;
    background: url("../images/btnTiny.gif") no-repeat;
    display: table-cell;
    *display: inline;
    width: 31px;
    height: 29px;
}

/****************************
YOUTUBE
****************************/

div.you_tube {
    background-color: white;
    padding: 10px;
}

/****************************
CONCEPT ITEMS
****************************/

div.concept_item {
    background-color: white;
    padding: 3px 10px;
}
div.concept_item .concept_number {
    font-weight: bold;
    margin-right: 5px;
}
div.concept_item .concept_title {
    margin: 0px;
}
div.concept_item .concept_title a {
    color: #442358;
}
div.concept_item .concept_title a:hover {
    text-decoration: underline;
}

div.concept_error {
    font-size: 11px;
    margin: 0px;
    color: #442358;
}


/****************************
Ad space
****************************/
div#dart_fullbanner_index {
text-align: center;
margin-bottom: 20px;
width: 617px;
}
div#dart_fullbanner_news {
text-align: center;
margin-bottom: 20px;
width: 567px;
}