/* CSS Document */

body {
	background: url(/img/2010/lente/background_lente.jpg) #3358f6 repeat;
	text_align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#siteContainer {
	/*background: url(/img/2010/bg_bodycontainer.jpg) center 66px repeat-x;*/
	background: url(/img/2010/lente/header_lente.png) repeat-x;
}

div#bodyContainer{
	min-height:1110px;
}


span.none {
	position: absolute;
	left: -9999px;
}


/**
 * Toolbar
 */
#headerContainer {
	position: relative;
}

ul#toolbar {
	float: right;
	background: url(/img/2010/lente/bgtoolbar_lente.png) no-repeat;
	height: 48px;
	width: 268px;
    margin:0 10px;
	padding:7px 5px 0;
}

ul#toolbar li {
	background: url(/img/2010/bg_toolbaritem.png) no-repeat;
	width: 28px;
	height: 28px;
	display: inline;
	float: left;
	margin-left: 8px;
}

ul#toolbar li .icon {
	height: 18px;
	width: 18px;
	display: block;
	margin: 5px;
}

a#sortlog-save-db {
	background: url(/img/2010/icon_save.png) no-repeat;
}

a#icon_tools {
	background: url(/img/2010/icon_tools.png) no-repeat;
}

a#icon_login {
	background: url(/img/2010/icon_login.png) no-repeat;
}
	
a#icon_search {
	background: url(/img/2010/icon_search.png) no-repeat;
}
	
a#icon_overview {
	background: url(/img/2010/icon_overview.png) no-repeat;
}
	
a#icon_register {
	background: url(/img/2010/icon_register.png) no-repeat;
}

a.logo {
	background-image: url(/img/2010/lente/header_logo_lente.png);
	background-repeat: no-repeat;
	width: 408px;
	height: 89px;
	display: block;
	float: left;
	margin-top:15px;
	margin-left:10px;
}


#headerContainer .tooltip {
	z-index: 90000;
	display: none;
	position: absolute;
	
	top: 70px;
	right: -10px;
}

#headerContainer .tooltip .tooltip-wrapper {
	float: left;
	
	background: #979797;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 40px #000;
	-moz-box-shadow: 5px 5px 40px #000;
	-webkit-box-shadow: 5px 5px 40px #000;
	
	filter:alpha(opacity=95);
	opacity: 0.95;
	
	margin: 10px;
}

#headerContainer .tooltip .tooltip-wrapper h4 {
	padding: 5px 10px 0;
	color: #f4f4f4;
}

#headerContainer .tooltip .tooltip-wrapper .button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	background: url(/img/2010/button_arrow_left.png) center center no-repeat #cecece;
	float: left;
	display: block;
	width: 5px;
	height: 20px;
	padding: 40px 7px;
	text-indent: -9000px;
	margin: 10px;
}

#headerContainer .tooltip .tooltip-wrapper .button.bleft {
	background: url(/img/2010/button_arrow_left.png) center center no-repeat #cecece;
}
#headerContainer .tooltip .tooltip-wrapper .button.bright {
	background: url(/img/2010/button_arrow_right.png) center center no-repeat #cecece;
}

#headerContainer .tooltip .tooltip-wrapper img {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#headerContainer .tooltip .close {
	line-height: 0;
	
	display: none; /*Niet mooi sluit ook bij naast klikken*/
	
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #332e2e;
	text-decoration: none;
	
	position: absolute;
	right: 3px;
	top: 7px;
}

#headerContainer .tooltip-item {
	float: left;
	
	overflow: hidden;
	
	height: 100px;
	background: url("/img/2010/bg_smallboxed.png");
	margin: 10px;
	
	/*border: 1px solid #332e2e;*/
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#tools-themes .tooltip-item {
	float: left;
	width: 200px;
	overflow: hidden;
	position: relative;
	margin: 10px 0 !important;
}

#tools-themes .tooltip-item li {
	float: left;
}

#tools-components .tooltip-item {
	width: 500px;
	overflow: hidden;
	position: relative;
	margin: 10px 0 !important;
}

#tools-components .tooltip-item li {
	float: left;
	background: #666;
	width: 80px;
	height: 80px;
	
	overflow: hidden;
	
	margin: 5px;
	padding: 5px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#login-tooltip .loginError {
	padding: 3px 10px;
	margin: 5px 0;
	background:none repeat scroll 0 0 #F5CECE;
	border:1px solid #CB0909;
	color:#CB0909;
}

#headerContainer .tooltip .form-wrapper {
	padding: 10px;
}

#headerContainer .tooltip .form-wrapper .text-label {
	display: block;
	padding: 3px 0;
}

#headerContainer .tooltip .form-wrapper .text-field {
	float: right;
	margin-left: 5px;
}

/**
 * Add component
 */
.dragimage {
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	background: #fefefe;*/
	cursor: move;
	z-index: 99000;
}

#tools-components .component {
	cursor: pointer;
}
 
/**
 * Head buttons
 */
.portal-list .head .close, .portal-list .head .minimize, .portal-list .head .maximize {
	float: right;
	display: block;
	width: 15px;
	height: 15px;
	margin-top: 8px;
	margin-right: 10px;
	text-indent: -9000px;
	background-repeat: no-repeat;
}

.portal-list .head .close {
	background-image: url(/img/2010/lente/sluit_lente.png);
	background-position: center center;
}
    
.portal-list .head .minimize {
	background-image: url(/img/2010/lente/min_lente.png);
	background-position: center center;
}

.portal-list .head .maximize {
	background-image: url(/img/2010/lente/plus_lente.png);
	background-position: center center;
}


/**
 * Footer buttons
 */

a.btn-footer {
	display: block;
	float: right;
	clear: both;
	margin: 5px 9px 8px 0;
}

a.btn_top100 {
	width: 83px;
	height: 33px;
	background: url(/img/2010/lente/top_100_lentebtn.png) no-repeat;
}
	
a.btn_overzicht {
	width: 83px;
	height: 33px;
	background: url(/img/2010/lente/overzicht_lentebtn.png) no-repeat;
}

a.btn_vorigeweken {
	width: 108px;
	height: 33px;
	background: url(/img/2010/lente/vorige_weken_lentebtn.png) no-repeat;
}

a.btn_laatste100reacties {
	width: 155px;
	height: 33px;
	background: url(/img/2010/lente/laatste_100_reacties_lentebtn.png) no-repeat;
}


/**
 * Icons
 */
/*span.icon_platina {
	background: url(/img/2010/icon_platina.png) no-repeat;
	width: 12px;
	height: 12px;
	display: block;
	float: right;
	margin-right: 10px;
}
	
span.icon_wvdm {
	background: url(/img/2010/icon_wvdm.png) no-repeat;
	width: 12px;
	height: 12px;
	display: block;
	float: right;
	margin-right: 10px;
}

span.icon_ballone {
	background: url(/img/2010/icon_ballone.png) no-repeat;
	width: 12px;
	height: 12px;
	display: block;
	float: right;
	margin-right: 10px;
}*/

a.listItemLinkPlatina {
	color: #d7ddf5!important;
}

a.listItemLinkAward {
	color: #FF0000!important;
}

/**
 * Nieuws tabulator
 */
div.newsContainer {
	background: url(/img/2010/lente/bg_newslist_lente.png) no-repeat 0 0;
	width: 620px;
	height: 273px;
	overflow: hidden;
	position: relative;
}

div.newsPicture {
	width: 366px;
	height: 270px;
	overflow: hidden;
	float: left;
	z-index: 10;
	position: absolute;
	padding-left:4px;
	
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
	
div.newsPicture img {
	width: 362px;
	height: 270px;
}
	
div.newsListHolder {
	width: 265px;
	float: right;
	z-index: 20;
	position: absolute;
	right: 4px;
	background: url(/img/2010/bg_newsList.png) no-repeat right bottom;
	height: 270px;
}

ul#newsList li a {
	height: 67px;
	background: url(/img/2010/bg_newslistshadow.png) no-repeat center top;
	display: block;
	text-decoration: none;
	color: #1b1b1b;
}
	
ul#newsList li a span {
	padding: 10px 10px 0 27px;
	display: block;
}

ul#newsList li a.active {
	background: url(/img/2010/lente/lente_newslist_active.png) no-repeat right bottom;
	font-weight: bold;
}

ul#newsList li a.active span {
	color: #1b1b1b;
}


/**
 * Twitter
 */
ul.twitter_update_list li {
	clear: both;
	white-space: normal;
	width: 260px;
	margin: 0px;
	background-image: url(/img/2010/bg_twitter.png);
	font-size: 11px;
	line-height: 16px;
	padding: 20px 10px 0;
}
	
div.twitterWrapper {
	position: relative;
	background: none !important;
	padding: 0 !important;
}

.closed .twitterbirds {
	display: none;
}

div.twitterbirds {
	background: url(/img/2010/twitter.png) no-repeat !important;
	width: 132px;
	height: 58px;
	position: absolute;
	top: -35px;
	right: 50px;
	z-index: 50;
}

div.twitter_footer {
	clear: both;
	background-image: url(/img/2010/bg_twitter.png)!important;
	margin: 0 0 10px 10px;
	padding: 10px 10px 5px !important;
	width: 260px;
	float: left;
}

div.twitter_footer img, div.twitter_footer a {
	background: none!important;
	padding: 0px !important;
}

/**
 * Flogs
 */
.component .flogsList {
	margin-bottom: 15px;
	float: left;
	width: 290px;
}

.component .flogsList li {
	padding: 3px;
}

.component .flogsList a {
	display: block;
	background: url(/img/2010/flogs.png) no-repeat;
	min-height: 20px;
	text-indent: 25px;
	line-height: normal;
	color: #333;
	text-decoration: none;
	padding-top: 2px;
}




/**
 * Maps
 */
div.mapwrapper {
	background: url(/img/2010/bg_shadow.png) no-repeat;
}
div.mapwrapper .map {
	border:1px solid #979797;
	height:300px;
	overflow:hidden;
	width:278px;
	margin:15px 10px;
	float:left;
}


/**
 * Video
 */ 
div.videoHolder, div.photogalHolder {
	width: 290px;
	float: left;
	background: url(/img/2010/bg_shadow.png) no-repeat -24px 0px;
	clear: both;
	padding:15px 10px;
}

div.videoHolder h3 {
	clear: both;
	padding-top: 10px;
}

div#videoWrapper, div#photogalWrapper {
	background: none!important;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 280px;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

div#videoInner, div#photogalInner {
	background: none!important;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 240px;
}

div.youtubeHolder, div.photogalBig {
	padding: 0px!important;
	margin: 0px;
	background: none!important;
	width: 280px;
	height: 195px;
	float: left;
	clear: both;
}

div.youtubeHolder object {
	float: left;
	border: 1px solid #fff;
}

div.photogalBig {
	border: solid 1px #ffffff;
	position: absolute;
	float: left;
	min-height: 215px;
	}
	
div.photoTooltip {
	position: absolute;
	bottom: 0px;
	left: 5px;
	background-image: url(/img/2010/phototooltip.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 260px;
	z-index: 10;
	}

div.youtubeHolder img, .photogalBig img {
	padding: 0px!important;
	margin: 0px;
	background: none!important;
}

div.videoThumbHolder {
	width: 80px;
	float: left;
	padding: 0px!important;
	margin: 0px;
	text-align: center;
	background: none!important;
}

div.videoThumbHolder a, div.photogalThumbHolder a {
	float: left;
}

div.photogalThumbHolder {
	width: 60px;
	float: left;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: none!important;
}

div.videoThumbHolder img, div.photogalThumbHolder img {
	padding: 0px!important;
	margin: 0px;
	width: 60px;
	}

div#wvdwslider {
	width: 260px;
	float: left;
	}

a.btnWhiteArrow {
	width: 20px;
	height: 40px;
	display: block;
	float: left;
	}
	
a#btnBackward {
	background-image:url(/img/2010/btn_whitebackward.png);
	background-repeat:no-repeat;
	float: left;
	}
	
a#btnForward {
	background-image:url(/img/2010/btn_whiteforward.png);
	background-repeat:no-repeat;
	float: right;
	}
	
/*Tooltip*/

div#tooltiphover {
	position: absolute;
	left: -9999px;
}

div#tooltipHolder {
	width: 237px;
	height: 101px;
	display: block;
	background-image: url(/img/2010/weblogtooltip.png);
	background-repeat: no-repeat;
}



/**
 * Head
 */

li .head {
	background-repeat: no-repeat;
	background-position: left top;
	
	font-family: Arial Rounded MT Bold, Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
}

li .head .title {
	padding: 5px 9px 0;
	float: left;
}

.portal-list .head {
	cursor: move;
	-moz-user-select: none;
	-webkit-user-select: none;
	
	height: 37px;
	width: 300px;
}

#portal-static li .head {
	height: 33px;
	width: 620px;
	
	background: url(/img/2010/lente/newslist_header_wide.png) left top no-repeat;
	color: #1b1b1b;
}

.portal-list .red .head {
	background-image: url(/img/2010/lente/header_lente_small.png);
	color: #1b1b1b;
	width:300px; 
    height:28px;
    padding-top:2px;
}

.portal-list .closed.red .head {
	background-image: url(/img/2010/lente/header_lente_small_closed.png);
	width:300px;
    color:#1b1b1b;
    height:33px ;
    padding-top:2px;
}

.portal-list .light .head {
	background-image: url(/img/2010/lente/header_lente_small.png);
	color: #1b1b1b;
	width:300px; 
    height:28px;
    padding-top:2px;
}

.portal-list .closed.light .head {
	background-image: url(/img/2010/lente/header_lente_small_closed.png);
	width:300px;
    color:#1b1b1b;
    height:33px;
    padding-top:2px;
}

.portal-list .blue .head {
	background-image: url(/img/2010/lente/header_lente_small.png);
	color: #1b1b1b;
	width:300px; 
    height:28px;
    padding-top:2px;
}

.portal-list .closed.blue .head {
	background-image: url(/img/2010/lente/header_lente_small_closed.png);
	width:300px;
    color:#1b1b1b;
    height:33px;
    padding-top:2px;
}



/**
 * Components
 */
.portal-list .red, .portal-list .blue, .portal-list .light, #portal-static .light {
	margin-bottom: 20px;
}

.portal-list {
	min-height: 100px;
	-height: 100px;
}

.portal-list .component {
	z-index: 900;
}


/**
 * Inhoud component
 */
.portal-list .content {
	background-image:url(/img/2010/lente/background_content_lente.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	width: 300px;
}

.portal-list .javascript {
	display: none;
}

.portal-list .content ol, .portal-list .content ul /*.portal-list .content div, .portal-list .content img*/ {
	background-image: url(/img/2010/bg_shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 15px 0 10px 10px;
}

.portal-list .content ol li {
	list-style-type: decimal-leading-zero!important;
	margin: 0px;
	width: 280px;
	display: list_item;
	list-style-position: inside;
	background-image: url(/img/2010/bg_listdivider.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size: 11px;
	padding: 0 0 8px 5px;
	color: #333;
}

.portal-list .content ul.visitorsList li, .portal-list .content ul.visitorsList li img {
	background: none!important;
	padding: 0px;
	display: inline!important;
	float: left!important;
	margin: 0px;
}
	
.portal-list .content ul.visitorsList li a img {
	margin: 5px;
	border: solid 1px #ffd100;
}
	
.portal-list .content ul.visitorsList li.textLink a {
	margin: 5px;
	display: block;
	float: left;
}
	
.portal-list .content ul.visitorsList li.text {
	clear: both;
	width: 260px;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 16px;
}

.portal-list .content ol li a {
	color: #000000;
	text-decoration: none;
}


/**
 * Drag stuff
 */
.dragging .content, .dragging .head {
	visibility: hidden !important;
}

.dragging {
	border: 1px dashed #ccc !important;
	background-image:url(/img/2010/bg_smallboxed.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




/* Toevoegingen voor vervolgpagina's */

span.smallItalic, a.smallItalic { font-size: 10px; font-style: italic; }

.contentWide {
	background-image:url("/img/2010/bg_wideboxed.png");
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
	width:620px;
}

.contentWide p {
	padding:10px;
}

.contentWide ol, .portal-list .contentWide ul {
	/*background-image:url("../../img/2010/bg_shadow.png");
	background-position:center top;
	background-repeat:no-repeat;*/
	padding:15px 0 10px 10px;
}

ul#titleListHeader, ul#titleListOverview {
	float: left;
	display: block;
	}

ul#titleListOverview li div a { text-decoration:none; color:#000000;}

ul#titleListHeader li { float: left; font-weight: bold; display: inline; }
ul#titleListOverview li { float: left; display:block; margin-bottom: 7px; clear:both; width:600px; }
ul#titleListHeader li.logtitle, ul#titleListOverview li div.logtitle { float: left; width: 250px;}
/*ul#titleListHeader li.logname, ul#titleListOverview li div.logname { float: left; width: 250px;	}*/
ul#titleListHeader li.logtime, ul#titleListOverview li div.logtime { float: left; width: 110px; }
/*ul#titleListHeader li.logvisitors, ul#titleListOverview li div.logvisitors { width:150px; float:right; text-align:right;}*/

ul#titleListOverview li div.logtitlename { width: 450px; float:left; margin-bottom: 7px; }

ul#titleListOverview li div.logname { font-size: 10px; }
ul#titleListOverview li div.logtime { font-size: 11px; font-family: Arial, Helvetica, sans-serif!important; }

/*standaard*/

.pageNav {
	padding: 10px;
	font-size: 10px; 
	float: none;
	clear: both; }
	
.searchItemsFound {
	padding: 10px;
	clear: both;
	float: none;
	font-size: 10px;
	}
	
ul#overview-weblogs li {
	display: inline;
	float: left;
	margin: 15px;
	}
	
/*registratie*/

form.formRegister {
	padding: 15px;
	}
	
	
	
/*footer design*/	
#footerContainer{
	background: url(/img/2010/lente/footer_lente.png) repeat-x center 0;
	font-family: Arial Rounded MT Bold, Arial, Verdana, Helvetica, sans-serif;
	height:auto;
	width:auto;
	margin-top:0px;
	padding-bottom:15px
	
}
.footerWrapper{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
    color:#363636;
}

.footerWrapper a{
	text-decoration:none; 
	color:#363636; 
	font-size:12px;
}

.footerWrapper ul li{
	color:#363636;
	display: inline;
	font-size:13px;
	border-right:2px solid #363636;
	padding-right:3px;
	
}
.footerWrapper ul li a{
	text-decoration:none; 
	color:#363636; 
	font-size:13px;
}

	.footerLeft{
	float:left;
	}
	.footerRight{
	float:right;
	}

/*===================================================================*/
/*=========================== Tooltip ===============================*/
/*===================================================================*/


li.tooltip:hover span.bg{ background: url(/img/2010/lente/bg_tooltip.png) no-repeat; }