@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	color: #666;
	background-color: #D7D7D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em; /* 16×1.125=18 */
	background-image: url(../images/back.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

/* FONT STYLES */

p, ul, ol, .footer{
	font-size:0.6875em; /* 16x0.75=12 */
}
p {
	margin-bottom: 1.25em;
}
#content .col_a .wrapper ul.principal {
	margin-bottom:2.5em;
}

#content ul.principal li {
	list-style:none;
	line-height:2.2em;
	border-bottom:solid 1px #F82790;
}

blockquote {
	color:#F82790;
	font-size: 1em;
	margin-bottom: 1.25em;
}
.cols {
	min-height:420px;
	height:auto !important;
	height:420px;
}

#home .cols {
	min-height:300px;
	height:auto !important;
	height:300px;
}

.cols h1 {
	font-size: 1.875em;
	font-weight: normal;
	margin-bottom: 12px;
	color: #F82790;
	line-height: 1.2em;
	width: 500px;
}
#home .cols h1 {
	width: auto;
}
.sidebar a,
.cols p a,
.cols ul li a {
	color: #F82790;
	text-decoration: none;
}
.sidebar a:hover,
.cols p a:hover {
	text-decoration: underline;
}


strong {
	font-weight: bold;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
html .clearfix{
	height:1%;
}


/* PAGE LAYOUT */

.container {
	width: 920px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
}

.header {
 	height: 97px;
	background-image:url(../images/leene_communicatie_logo.gif);
	background-repeat: no-repeat;
	background-position: 20px 5px;
}
div.cols {
	position:relative;
}
#home div.cols {
	margin-top: 10px;
}

a.arrow_left {
	position: absolute;
	right: 65px;
	top: 5px;
	display:block;
	width: 10px;
	height: 20px;
	background-image:url(../images/arrow_left.gif);
	background-repeat: no-repeat;
}
a.arrow_right {
	position: absolute;
	right: 45px;
	top: 5px;
	display:block;
	width: 10px;
	height: 20px;
	background-image:url(../images/arrow_right.gif);
	background-repeat: no-repeat;
}
a.arrow_right span,
a.arrow_left span {
	display:none;
}

/* MENU */

ul.menu {
	padding: 70px 0 0 220px;
	list-style: none;
	font-size: 0.75em;
	text-transform:lowercase;
}
ul.menu li {
	display: block;
	float: left;
	padding: 0px 4px 0px 4px;
}
ul.menu li a {
	text-decoration: none;
	color: #F82790;
	padding: 1px 5px;
	border-left:solid 4px #FFF;
}
ul.menu li.selected a {
	color: #fff;
	background-color:#80715D;
	border-left:solid 4px #F82790;
}
ul.menu li.selected a:hover{
	text-decoration: none;
	color:#ffffff;
}
ul.menu li a:hover{
	text-decoration: underline;
	color:#ACACAC;
}
div.content {
	text-align: left;
	position:relative;
}


/* VISUALS */
#home .visual {
	background-image:url(../images/home_project_back.jpg);
	background-repeat: no-repeat;
	width: 920px;
	height: 305px;
	overflow: hidden;
}
#subhome .visual {
	/*background-color: #ccc;*/
	background-image:url(../images/subhome_back.jpg);
	background-repeat: no-repeat;
	width: 920px;
	height: 340px;
	overflow: hidden;
}

#subhome .visual div.nonflash {
	width: 100%;
	height: 340px;
	margin-left: 230px;
}

#large {
	/*background-position:right;*/
	margin-left: 230px;
}
/* NAVIGATION */

.subnav {
	position:absolute;
	left: 30px;
	background-color: #80715D;
	z-index: 100;
	width: 200px;
	padding: 20px 0 20px 0;
	margin-top: 30px;
}
.subnav h1 {
	font-size: 1.875em;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 0 20px 0 20px;
	color: #fff;
}
.subnav h2 {
	font-size: 0.9375em;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 0 20px 0 20px;
	color: #fff;
}
.subnav ul {
	list-style: none;
}
.subnav ul li {
	padding: 0px 0px 2px 17px;
	border-left: solid 3px #80715D
}
.subnav ul li.selected {
	border-left: solid 3px #F82790;
	background-color: #B05371;
}
.subnav ul li.selected a {
	text-decoration:none;
}
.subnav ul li.selected a:hover {
	text-decoration:none;
	color: #fff;
}
.subnav ul li a{
	display: block;
	text-decoration:none;
	color: #fff;
	padding-right: 20px;
}
.subnav ul li a:hover{
	text-decoration:underline;
	color: #ED9C8B;;
}
.subnav ul li p{
	padding: 0px 0px 0px 17px;
	text-decoration:none;
	color: #fff;
}
.subnav a span {
	color: #ED9C8B;
}
div.newsletter {
	border-top: 1px solid #8F665E;
	padding: 20px 0px 0px 20px;
	color: #fff;
	margin-top: 20px;
}

div.newsletter p{
	padding-right:5px;
}
div.newsletter input.textfield {
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDDDDD;
	width: 130px;
	margin-top: 1px;
	display: block;
	float: left;
	margin-right: 5px;
	padding: 0px 3px;
	color: #555;
}
.button_newsletter {
	background:transparent url(images/button_newsletter.gif) no-repeat scroll left top;
	width:20px;
	height:21px;
}

/* HOME NONFLASH HEADER */

.nonflash {
	color: #fff;
}
.nonflash div.info {
	height: 300px;
	padding: 0px 70px 0px 526px;
	background-repeat: no-repeat;
}
.nonflash p {
	padding-top: 10px;
}
.nonflash a {
	color: #AB8F89;
}

.nonflash .projectlinks {
 	width:150px;
 	float:left;
 }
 .nonflash .projectdesc {
 	height:150px;
 	overflow:hidden;
 }

.nonflash .projectpagination {
	margin-left: 50px;
	margin-right:-47px;
	float: left;
	width:140px;

}
.nonflash .projectpagination a {
	font-size: 5em;
	line-height: 1em;
	text-decoration: none;
}

.nonflash .projectpagination a.arrow_left {
	position: absolute;
	right: 65px;
	top: 250px;
	display:block;
	width: 10px;
	height: 20px;
	background-image:url(../images/arrow_left_white.gif);
	background-repeat: no-repeat;
}
.nonflash .projectpagination a.arrow_right {
	position: absolute;
	right: 45px;
	top: 250px;
	display:block;
	width: 10px;
	height: 20px;
	background-image:url(../images/arrow_right_white.gif);
	background-repeat: no-repeat;
}
.nonflash .projectpagination a.arrow_right span,
.nonflash .projectpagination a.arrow_left span {
	display:none;
}

.nonflash a:hover {
	color:#fff;
}

ul li a .item {
	opacity:0.01;
	filter:alpha(opacity=1);
	height:30px;
	width:30px;
}
/* HOME CONTENT LAYOUT */

#home .cols h1 {
	font-size: 0.75em;
	margin-bottom: 1em;
	font-weight:normal;
}
#home .cols h1 a {
	color: #F82790;
	text-decoration:none;
}
#home .cols h1 a:hover {
	color: #ACACAC;
	text-decoration:underline;
}
#home .cols h2 {
	font-size: 1em;
	margin-bottom: 5px;
	font-weight:normal;
}
#home .cols h2 a {
	color: #F82790;
	text-decoration:none;
}

#home .cols h2 a.internal_link {
	padding-right:40px;
	background-image: url('../images/arrow_internal.gif');
	background-repeat:no-repeat;
	background-position: right 50%;
}

#home .cols h2 a:hover {
	text-decoration:underline;
}
div.buro {
	padding-left: 30px;
	float: left;
}
div.buro div.sizer {
	width: 230px;
}
div.mission {
	position: relative;
	color: #fff;
	margin-bottom: 1em;
	background-image:url(../images/home_mission.jpg);
	background-repeat:no-repeat;
}
div.mission div.sizer {
	width: 200px;
	height: 165px;

}
div.mission h2 {
	display: block;
	position:absolute;
	top: 10px;
	left: 10px;
	width: 180px;
	color:#ffffff;
}
div.mission p {
	display: block;
	position:absolute;
	bottom: 0px;
	left: 10px;
}
div.mission a {
	color: #fff;
	text-decoration: none;
}
div.mission a:hover {
	text-decoration: underline;
}
div.people {
	padding-left: 20px;
	float: left;
}
div.people div.sizer {
	width: 210px;
}
div.people div.people_thumb {
	height: 220px;
}
div.people div.image {
	position:relative;
	background-image:url(/images/home_people_back.jpg);
	width: 200px;
	margin-top: -10px;
}
div.people div.image img {
	display:block;
}
div.people div.image div.text {
	position: absolute;
	background-color: #fff;
	padding: 5px 30px 5px 10px;
	bottom: 60px;
}
div.people div.image div.text img {
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-8px;
	border:0;
}
div.people div.image p {
	color: #F82790;
	margin: 0px;
}
div.vacancies {
	padding-left: 20px;
	float: left;
}
div.vacancies div.sizer {
	width: 210px;
}
div.uitgelicht {
	padding-left: 20px;
	float: left;
}
div.uitgelicht div.sizer {
	width: 210px;
}
div.uitgelicht div.link {
	text-align:right;
	padding-right:30px;
	background:url('../images/arrow_internal.gif') no-repeat right 50%;
}
div.video {
	margin:15px 0;
}
div.vacancies h2 {
	color: #F82790 !important;
}
div.vacancies div.text,
div.buro div.text {
	position: relative;
	padding-left: 60px;
}
div.vacancies div.image,
div.buro div.image {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 5px;
}
div.news {
	padding-left: 20px;
	float: left;
}
div.news div.sizer {
	width: 170px;
}
div.news ol {
	list-style: none;
	list-style-position:outside;
}
div.news li a {
	display: block;
	color: #F82790;
	text-decoration: none;
	margin-bottom: 0.5em;
	background-image: url('../images/arrow_internal.gif');
	background-position:right 50%;
	background-repeat:no-repeat;
	padding-right:22px;
}
div.news a:hover{
	text-decoration: underline;
}
div#principals p, div#projects p {
	font-size: 11px !important;
/*	} */
}

#homepagebanner .fade { 
	position: absolute;
	width: 232px;
	height: 300px;
	background-image: url('../images/homeproject_bg_wide.png');
	background-repeat: repeat-y;
}
#homebanner_left, #homebanner_right { float:left; width: 460px; height: 300px; color:#FFF; position:relative; }
#homebanner_left .fade { right:0; }
#homebanner_right .fade { left:0; background-position:-232px 0px; }
#homebanner_right { float:right; }
#homebanner_left { background-repeat:no-repeat; background-color:#FFF; }
#homebanner_right { position:relative; background-color:#80715D; }
#homebanner_right a { color: #FFF; text-decoration:none; }
#homebanner_right .pad { margin-top:20px; margin-left:70px; margin-right:20px; }
#homebanner_right .menutitle { font-size:0.75em; }
#homebanner_right .title { font-size:1.85em; margin-top:13px; margin-bottom:18px; }
#homebanner_right .content p { line-height:1.25em; }
#homebanner_right .links { position:absolute; width:370px; bottom:20px; font-size:0.65em; letter-spacing:0px; }
#homebanner_right .links .all { margin-left:20px; } 
#homebanner_right .nav { height:20px; float:right; display:block; vertical-align:bottom; }
#homebanner_right .nav a { background-repeat:no-repeat; background-image:url('../images/homeproject_arrow.gif'); width:10px; height:20px; float:left; }
#homebanner_right .nav a.disabled { opacity:0.6; }
#homebanner_right .nav a:hover { color:#CCC; }
#homebanner_right .nav a.prev { background-position:0px 0px; }
#homebanner_right .nav a.next { background-position:-10px 0px; margin-left:50px; }
#homebanner_right .nav a.prev:hover { background-position:0px -20px; }
#homebanner_right .nav a.next:hover { background-position:-10px -20px; }
#homebanner_right .nav a.prev.disabled { background-position:0px -40px; }
#homebanner_right .nav a.next.disabled { background-position:-10px -40px; }

/* FOOTER LAYOUT */

div.footer {
	text-align: left;
	padding: 50px 30px 30px 30px;
}
div.footer span {
	display: block;
	float: right;
}
div.footer a {
	color: #F82790;
	text-decoration: none;
}
div.footer a:hover {
	text-decoration: underline;
}

/* SUBHOME CONTENT COLUMN LAYOUT */

div.cols h1 {
	font-size: 1.875em;
	font-weight: normal;
	margin-bottom: 12px;
	color: #F82790;
}
div.cols h2 {

	font-weight: normal;
	font-size: 1.125em;
	margin:15px 0 12px 0;
}
#subhome div.cols {
	margin: 23px 0px 0px 250px;
}

/* CONTENT LAYOUT */

#content div.cols,
#news div.cols,
#newsarchive div.cols {
	padding: 23px 0px 0px 250px;
	background-image:url(../images/subhome_back.jpg );
	background-repeat: no-repeat;
}

#news .cols h1 {
	font-size:20px;
}

#content div.sidebar {
	margin-top: 100px;
}
#newsarchive div.col_a span {
	display: block;
}
#newsarchive div.col_a a span {
	color: #666;
}
#newsarchive div.col_a a:hover span {
	text-decoration:underline;
}
#newsarchive div.col_a a:hover {
	text-decoration: none;
}
.three div.col_a, .three div.col_b, .three div.sidebar { float: left; width: 33%; }

/* WIDE THREE COLUMN */
.wide .three div.col_a, .wide .three div.col_b { float: left; width: 50%; }
.wide div.cols { background-image: url("../images/subhome_wide_back.jpg") !important; }

.two div.col_a {
	float: left;
	width: 66%;
}
.two div.sidebar {
	float: left;
	width: 33%;
}
div.cols .wrapper {
	padding-right: 30px;
}
#content .col_a ul,
#content .col_a ol,
#content .col_b ul,
#content .col_b ol,
#news .col_a ul,
#news .col_a ol,
#news .col_b ul,
#news .col_b ol {
	margin-left: 15px;
	margin-bottom: 1em;
}

/* SIDEBAR */

#news div.sidebar,
#newsarchive div.sidebar  {
	margin-top: 104px;
}
div.sidebar ul {
	list-style: none;
	margin-bottom: 2em;
}
div.sidebar ul li a {
	color: #F82790;
	text-decoration:none;
}
div.sidebar ul li a:hover {
	text-decoration:underline;
}
div.sidebar ul.related li a {
	padding-left: 25px;
}
div.sidebar ul.related li p {
	padding-left: 25px;
	margin-bottom: 1em;
}
div.sidebar ul li {
	background-position: 0px 2px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}
li.video {
	background-image:url(../images/icon_video.gif);
}
li.doc {
	background-image:url(../images/icon_document.gif);
}
li.website {
	background-image:url(../images/icon_website.gif);
}
li.weblog {
	background-image:url(../images/icon_weblog.gif);
}
li.images {
	background-image:url(../images/icon_images.gif);
}
li.vcard {
	background-image:url(../images/icon_vcard.gif);
}



/* PAGER STYLES */
div.pager ul {
	list-style:none;
	margin-bottom: 25px;
}
div.pager ul li {
	display: block;
	float:left;
	margin-right: 3px;
}
div.pager ul li a {
	display:block;
	width:19px;
	height:19px;
	background-image:url(../images/pager.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#F82790;
	text-decoration:none;
}
div.pager ul li a:hover {
	background-image:url(../images/pager_hover.gif);
}
div.pager ul li.selected a {
	background-image:url(../images/pager_selected.gif);
	color: #fff;
}
div.pager ul li.previous a {
	background-image:url(../images/pager_previous.gif);
}
div.pager ul li.next a {
	background-image:url(../images/pager_next.gif);
}
div.pager ul li.previous a:hover {
	background-image:url(../images/pager_previous_hover.gif);
}
div.pager ul li.next a:hover {
	background-image:url(../images/pager_next_hover.gif);
}

/* IMAGE THUMBNAILS LAYOUT */

.cols div.images {
	float: right;
	margin: -13px 30px 0px 0px;
}
.cols div.images ul {
	list-style:none;
}
.cols div.images li {
	display: block;
	float: left;
	margin-left: 8px;
	padding: 10px 0px 0px 0px;
}
.cols div.images li.selected {
	background-image:url(../images/thumb_selected.gif);
	background-repeat:no-repeat;
}
.cols div.images li a {
	display: block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #CFCFCF;
}
.cols div.images li a:hover {
	border: 1px solid #F82790;
}
.videothumbs .row {
    height:200px;
    }
.videothumbs .video {
    float:left;
    width:135px;
    margin-right:17px;
    height:190px;
    overflow:hidden;
}
.videothumbs .video.nomargin{
    margin-right:0;
}
.videothumbs .video a.thumb {
    background-position:center;
    background-repeat:no-repeat;
    height:73px;
    display:block;
    width:131px;
}
.videothumbs .video a.thumb span {
    width:100%;
    height:100%;
    background:url(/images/play_icon.gif) no-repeat center;
    display:block;
}
.videothumbs .video a.thumb:hover span {
    background:url(/images/play_icon_hover.gif) no-repeat center;
}
.videothumbs .video a.title {
    font-size:0.6875em;
    color:#F82790;
    text-decoration:none;
}
.videothumbs .video a.title:hover { text-decoration:underline; }

.videothumbs .video p {
    line-height:1.8em;
}
.videoplayer {
    padding-top:10px;
    border-top:1px dotted #666676;
    width:413px;
}
#videocontentwrapper {
    overflow:hidden;
    padding:10px 0;
}
#tilewrapper{
    overflow:hidden;
    height:440px;
    position:relative;
}
#tileslider {
    width:10000px;
    height:440px;
    position:absolute;
}
#tileslider .tile {
    float:left;
    height:440px;
    width:450px;
}
.videothumbs .pagination {
    position:relative;
    height:35px;
}
.videothumbs .pagination #paginationleft {
    position:absolute;
    width:30px;
    height:30px;
    display:block;
    right:35px;
    top:0;
    background:url(/images/trans_arrow_left.gif) no-repeat center;

}
.videothumbs .pagination #paginationright {
    position:absolute;
    width:30px;
    height:30px;
    display:block;
    right:0px;
    top:0;
    background:url(/images/trans_arrow_right.gif) no-repeat center;
}
.videothumbs .pagination a#paginationright:hover {
    background:#F82790 url(/images/trans_arrow_right_hover.gif) no-repeat center
}
.videothumbs .pagination a#paginationleft:hover {
    background:#F82790 url(/images/trans_arrow_left_hover.gif) no-repeat center
}