/* Version: 1.0 
Last updated: 27 August 2009 
Last updated by: Dijana  (OneHippo) */

/*html {background: transparent url("../images/bg_body_home.gif") repeat-x 0px 217px;}

#wrapper {background: transparent url("../images/bg_body_home.gif") repeat-x 0px 127px;}*/

/********************************************* navigation */
#main-navigation {clear: both; height: 62px;}

/********************************************* content home */

#news-highlights-home {height: 280px; background: transparent url("../images/visual_home.jpg") no-repeat top left; margin-right: 20px; z-index: 100;}
#overlay-link { float: left; width: 300px; margin: 20px 0 0 10px;}
#overlay-link li {margin-bottom: 3px;}
#overlay-link h2 { display: inline; background: transparent url("../images/bg_overlay_home.png") top left repeat; padding: 5px 8px 5px 8px;}
#overlay-link h3 { font-size: 1.4em; font-weight: bold; line-height: 1.8em; background: transparent url("../images/bg_overlay_home.png") top left repeat; padding: 5px 8px 5px 8px;}
#overlay-link a.author, #overlay-link a.author:visited { color: #000; text-decoration: none; line-height: 1.8em; background: transparent url("../images/bg_overlay_home.png") top left repeat; padding: 5px 8px 5px 8px;}
#overlay-link a span {background: transparent url("../images/arrow_black.png") no-repeat center right; padding-right: 18px;}

.home h2 {font-size: 2.4em; line-height:1.5em; font-weight: bold; color: #d10019; margin: 10px 20px 0px 0px;}
.home h2 a, .home h2 a:visited { color: #d10019;text-decoration: none;}
.home h3 a, .home h3 a:visited { color: #000;text-decoration: none;}
.home h3 a:hover { color: #0069ab; }

#carousel h3 a, #carousel h3 a:visited {font-weight: bold; font-size: 1.4em; font-family: Helvetica Neue, Helvetica, Arial,sans-serif; color: #000; text-decoration: none; background: transparent url("../images/arrow_grey.png") no-repeat center right; display: block; margin: -3px 0 5px 0;}
#carousel h3 a:hover {color: #0069ab; background: transparent url("../images/arrow_blue.png") no-repeat center right;}
#carousel p {padding: 5px 10px 7px 10px; border-bottom: 1px dotted #7f7f7f; font-size: 1.2em; line-height: 1.6em;}
#carousel p a, #carousel p a:visited {color: #000; text-decoration: none;display: block;}
#carousel p a:hover {color: #0069ab;}
#carousel p a.title {color: #0069ab; text-decoration: none; font-weight: bold; display: block; background: transparent url("../images/bull_blue.gif") no-repeat 0px 7px; margin: -2px 0 0 -10px; padding-left: 10px;}
#carousel p a.title:hover {color: #000;  background: transparent url("../images/bull_black.gif") no-repeat 0px 7px;}

.home .banner {float: left;}

.column2-3 {width: 400px; margin: 0 20px 20px 0; float: left;}

.highlighted-content {margin-right: 20px; float: left; font-size: 1.2em; border-bottom: 1px dotted #7f7f7f; padding: 0 0 7px 0;}

.highlighted-content1 {font-size: 1.2em; color: #7a7a79; font-weight: bold; border-bottom: 1px dotted #7f7f7f; padding: 0 0 7px 0;}

.highlighted-content1 h3 { font-size: 1.2em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #000;}
.highlighted-content1 h2 {color: #0069ab; font-size: 2em; font-family: Arial, sans-serif; line-height: 1.4em;}
.highlighted-content1 h2 a, .highlighted-content1 h2 a:visited {color: #0069ab; text-decoration: none; background: transparent url("../images/arrow_black.png") no-repeat center right; padding-right: 15px;}
.highlighted-content1 h2 a:hover {color: #000;}
.highlighted-content1 p {color: #000; font-size: 1.1em; line-height: 1.6em; font-weight: normal; margin-bottom: 10px;}
.highlighted-content1 a , .highlighted-content1 a:visited {color: #000; text-decoration: none;}
.highlighted-content1 a:hover {color: #0069ab; text-decoration: none;}

/********************************************* sidebar home */
/*#sidebar { margin-top: 20px; }*/

/********************************************* REMOVE THIS WHEN ADDING VACATURES */
#news-tabs ul.tabs a {letter-spacing:2px;padding:0 13px 0 15px;}
/********************************************* / REMOVE THIS WHEN ADDING VACATURES */

/* CSS Changes for SDU-ARCH390 */
/* SDUARCH-392: */
.supplementary-navigation { margin: 0; padding: 0; position: absolute; right: 0; top: 0; }
.home #main-navigation { background: transparent url("../images/bg_body_home.gif") repeat-x 0px 55px; margin: 0 20px 15px 0; }
.home #main-navigation form { margin: 12px 0 0; }

/* SDUARCH-394: */
#homepage_carousel .slideSelector { float: left; padding: 0 7px; margin: 0 1px; height: 22px; text-align: center; background-color: #000000; }
#homepage_carousel .slideSelector.active { background-color:#D10019; color:#000000; }
#homepage_carousel .slideSelector.active a { color:#000000; }
#homepage_carousel .slideSelector a { color: #FFFFFF; text-decoration: none; font-size: 1.4em; font-weight: bold; vertical-align: middle; line-height:1.5em; }
#homepage_carousel .slideSelector #control { font-size: 12px; font-weight: normal; }
#homepage_carousel .slideSelector.play { display:none; }
#homepage_carousel .slideSelector.play a { background: url(../images/carousel_play.png) no-repeat left center; padding-left: 13px; }
#homepage_carousel .slideSelector.pause a { background: url(../images/carousel_pause.png) no-repeat left center; padding-left: 13px; }
#homepage_carousel .slide { padding: 0px; margin: 0px; display: none; }
#homepage_carousel .slide div { margin: 0px; padding: 0 10px 0 0; background: white url(../images/arrow_black.png) no-repeat 95% 87%; position: absolute; left: 0; bottom: 32px; width: 180px; height: 84px; }
#homepage_carousel .slide p { margin: 0; }
#homepage_carousel .slide h3 { margin: 12px 0 5px; color: #000000; font-size: 1.8em; font-weight: bold; }
#homepage_carousel .slide h3 a { color: #000000; text-decoration: none; }
#homepage_carousel .slide .title { color: #d10019; font-size: 1.3em; text-decoration: none; }
#homepage_carousel_menu { list-style-type: none; margin: 5px 0px; padding: 0px; position: absolute; height: 22px; bottom: 0; }
#homepage_carousel_slides { list-style-type: none; margin: 0px; padding: 0px; }
#homepage_carousel { width: 610px; height: 300px; position: relative; line-height: normal; margin-bottom: 15px; }


/* SDUARCH-395 & SDUARCH-396: */
.home h2.home, .home h2 { color: #d10019; font-weight: bold; font-size: 2em; margin: 0 0 2px; padding: 0; }
a.more { background: url(../images/arrow_black.png) no-repeat right 1px; padding: 0 15px 0 0; color: black; font-size: 1.1em; line-height: 1.2em; text-align: right; display: block; text-decoration: none; }
a.more:hover { color: #0069ab; }
#latest-news { position: relative; margin: 0 20px 18px 0; }
#latest-news h2 { margin-top: -5px; }
#latest-news .date { position: absolute; right: 0; top: 8px; color: #d10019; font-size: 1.4em; }
#latest-news ul { border-top: 1px dotted #7F7F7F; margin: 0 0 7px; }
#latest-news ul li { border-bottom: 1px dotted #7F7F7F; padding: 6px 10px 5px; background-position: 0 11px; }


/* SDUARCH-397: */
#home-projecten { width: 400px; position: relative; margin-bottom: 10px; float: left; }
#home-projecten ul li { border: 1px solid #d3d3d3; margin: 0 0 10px; padding: 10px 20px 10px 205px; position: relative; min-height: 114px; }
#home-projecten ul li img { position: absolute; left: 0; top: 0; }
#home-projecten ul li .auteur { bottom: 10px;  }
.home-info .more { display: inline; position: absolute; right: 0; top: 10px; }
.home-info ul li a { color: #000; text-decoration: none; }
.home-info ul li a:hover { color: #0069ab; }
.home-info ul li p { line-height: normal; font-size: 1.25em; margin-bottom: 5px; }
.home-info ul li h3 { margin: 0 0 5px 0; padding: 0; }
.home-info ul li h3 a, .home .home-info ul li h3 a { color: #0069ab; font-size: 1.3em; font-weight: bold; }
.home-info ul li h3 a:hover, .home .home-info ul li h3 a:hover { color: #000; }
.home-info ul li .auteur a { color: #909090; font-size: 1.1em; }
.home-info ul li .auteur a:hover { color: #0069ab; }


/* SDUARCH-398 & SDUARCH-401: */
#home-blogs, #home-vormvisie { width: 190px; position: relative; margin: 0 0 10px 20px; float: left; }
#home-blogs ul, #home-vormvisie ul { width: 189px; }
#home-blogs ul li, #home-vormvisie ul li { border-top: 1px dotted #7F7F7F; border-bottom: 1px dotted #7F7F7F; padding: 10px 12px 5px 0; margin: 3px 0 10px; }
#home-blogs h3, #home-vormvisie h3 { margin-top: 5px; }
#home-vormvisie ul li p { margin-bottom: 5px; }


/* SDUARCH-400: */
#home-dossiers { width: 400px; float: left; }
#home-dossiers ul li { background-color: #ddded9; position: relative; height: 52px; margin: 0 0 10px; padding: 12px 115px 12px 10px; }
#home-dossiers ul li img { position: absolute; right: 0; top: 0; }
#home-dossiers ul li h3 { font-size: 1.35em; font-weight: bold; margin-bottom: 5px; }
#home-dossiers ul li p { font-size: 1.25em; }
#home-dossiers ul li a { color: #000; text-decoration: none; }
#home-dossiers ul li a:hover { color: #0069ab; }


/* SDUARCH-402: */
#home-nbd-widget { width: 334px; height: auto; border: none none none; margin-bottom: 25px; float: none; }


/* SDUARCH-403: */
#home-tijdschrift { border: 1px solid #d3d3d3; width: 184px; height: 170px; margin-bottom: 20px; float: left; padding: 0 10px 0 140px; position: relative; }
#home-tijdschrift img { position: absolute; left: 0; top: 0; }
#home-tijdschrift h2 { font-size: 1.35em; margin: 8px 0 3px; }
#home-tijdschrift h2 a { color: #000; }
#home-tijdschrift .info { font-size: 1.1em; margin-bottom: 5px; display: block; }
#home-tijdschrift .info a { color: #909090; text-decoration: none; }
#home-tijdschrift .info a:hover { color: #0069ab; }
#home-tijdschrift p { font-size: 1.25em }
#home-tijdschrift p a { color: #000; text-decoration: none; }
#home-tijdschrift p a:hover { color: #0069ab; }
#home-tijdschrift div.more { position: absolute; bottom: 7px; }
#home-tijdschrift a.more { display: inline; margin-right: 9px; font-size: 1.25em; background-position: right 3px; }


/* SDUARCH-406: */
#home-video { width: 334px; height: 298px; border: 1px solid #d3d3d3; margin-bottom: 20px; float: left; }


/* SDUARCH-407: */
#home-feeds { width: 336px; margin-bottom: 20px; float: left; }
#home-feeds ul { border-top: 1px dotted #7F7F7F; }
#home-feeds li { border-bottom: 1px dotted #7F7F7F; font-size: 1.25em; padding: 5px 0;}
#home-feeds li span.auteur a { color: black; text-decoration: none; font-weight: bold;  }
#home-feeds li span.auteur a:hover { color: #0069ab; }
#home-feeds li span.feed a { color: #0069ab; text-decoration: none; }
#home-feeds li span.feed a:hover { color: #000; }
#home-feeds li p { margin: 3px 0 0; }