
*{
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;	

	font-family:		Trebuchet, Arial, Verdana, Helvetica, sans-serif;
}

body{
	margin:				0 0 45px 0;
	background: 		url('/templates/zicht/images/body_bg.gif') top center repeat-y #f4f4f4;
    font-size:          13px;
}

img, div, a {
	behavior: url(/css/iepngfix.htc)
}

h1 {
	font-family:		Trebuchet, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:			24px;
	font-weight:		normal;
    line-height:        26px;
	color:				#0086c5;
	margin:				0px;
}

h1 a {
	font-family:		Trebuchet, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:		normal;
    color:				#0086c5;
	text-decoration:	none;
}

h1 a:visited {
	font-weight:		normal;
    color:				#0086c5;
	text-decoration:	none;
}

h1 a:hover {
	font-weight:		normal;
    color:				#000000 !important;
	text-decoration:	none;
}


h2 {
	color:				#0086C5;
	font-size:			24px;
	font-weight:		normal;
	margin:				0px;
	font-family:		Trebuchet, Tahoma, Verdana, Helvetica, sans-serif;
}

h3 {
	color:				#0086C5;
	font-size:			16px;
	font-weight:		bold;
    margin:				0px;
	font-family:		Trebuchet, Tahoma, Verdana, Helvetica, sans-serif;
}


img {
	border:				none;
}

div {
	position:			relative;
}

form {
	display:			inline;
}

hr {
	height:				1px;
	color:				#d8d8d8;
	background-color:	#d8d8d8;
	border:				none;
}

div.clearit {
	clear:				both;
}

div#outerContainer {
	width:				875px;
	margin-left:		auto;
    margin-right:       auto;
}

div#headerCon {
	font-size:			0;
	line-height:		0;
	padding:			11px 0 0 11px;
    margin-bottom:      12px;
}

div#headerCon div#headerTop{
	height:				90px;
	font-size:			0;
	line-height:		0;
}

div#headerCon div#headerTop div#left{
	height:				90px;
	font-size:			0;
	line-height:		0;
    float:              left;
    margin-left:        17px;
}

div#headerCon div#headerTop div#right{
	height:				55px;/*90-35*/
	float:              right;
    font-size:          11px;    
    margin-right:       10px;
    line-height:        10px;
    padding-top:        35px;
}

div#headerCon div#headerTop div#right a{
	text-decoration:    none;
    font-weight:        bold;
}

div#headerCon div#headerTop div#right a:hover{
	text-decoration:    none;
    color:              #ffffff;
}


div#headerCon div#headerbottom{
	height:				90px;
	font-size:			0;
	line-height:		0;
}

div#innerContainer {
	width:				875px;
	padding:			0;
	background: 		url('/templates/zicht/images/innercontainer_bg.gif') 0 90px no-repeat;
}

div#contentCon {
	width:				797px; /* 987 - 50 -28 */
	padding:			0 28px 0 50px;
	background:         url('/templates/zicht/images/contentcon_bg.gif') top left repeat-y;
}

div.berichtDetails a:hover {
    color:              #d43d81;
}

div#leftCol {
	float:				left;
	width:				530px;
	padding:			30px 0 0 0;
	
}

div#rightCol {
	float:				right;
	width:				198px;
	margin-left:		28px;
	font-size:			11px;
    line-height:        18px;
}


div#rightCol ul{
	list-style-type: 	none;
	color:              #7f7f7f;
	margin:	    		0;
	padding:			0;
}

div#rightCol ul li {
	margin:				0 0 20px 0;
	padding:			0;
}

div#rightCol ul li ul li{
	margin:			    0;
	padding:			0;
}

div#rightCol ul h2 {
	display:			block;
	color:				#373737;
	font-size:			16px;
	font-weight:		normal;
	height:             20px;
	margin: 			0 0 10px 0;
	border-bottom:		1px solid #d9d9d9;
}

form#searchform input#serendipityQuickSearchTermField {
    background:         url(/templates/zicht/images/search_bg.gif);
    border:             none;
    height:             19px;/*23-2+2*/
    width:              145px;/*149-2+2*/
    padding:            2px;
    vertical-align:     top;
    #margin-top:        -1px;
}

div#rightCol #submitbttn {
	background-image:	url(/templates/zicht/images/rightcol_zoek_bttn.gif);
    width:              44px;
    height:             23px;
    padding:            0;
    margin:             0;
    border:             0;
}

div#rightCol #submitbttn:hover {
	background-image:	url(/templates/zicht/images/rightcol_zoek_bttn_over.gif);
}

div#rightCol table.serendipity_calendar {
	border-collapse:	collapse;
	font-size:			10px;
	line-height:		15px;
    font-family:        Arial;
}

td.serendipity_calendarHeader {
	padding: 			5px 0 5px 0;
}

td.serendipity_calendarHeader b a {
	color:				#666666;
	font-weight:		normal;
	text-decoration:	none;
}

td.serendipity_weekDayName {
	color:				#666666;
}

tr.serendipity_calendar td {
	color:				#bcbcbc;
	border:				1px solid #cfcfcf;
	background-color:	#ffffff;
	text-align:			center;
}

tr.serendipity_calendar td.Today {
	display:			block;
	color:				#fff;
	border:				1px solid white;
	background-color:	#e100a0;
	text-decoration:	none;
}

tr.serendipity_calendar td.Active a {
	display:			block;
	background-color:   #309dd0;
    margin:             1px;
    color:				#ffffff;
}

tr.serendipity_calendar td.Active.Today a {
	background-color:   #e100a0;
}

tr.serendipity_calendar td.Active a:hover {
	text-decoration:	underline !important;
}

tr.serendipity_calendar td a:hover {
	text-decoration:	underline;
}

div.plugin_comment_wrap {
    border-bottom:      1px solid #d9d9d9;
    padding-bottom:     10px;
    margin-bottom:      10px;
}

div.plugin_comment_wrap span.plugin_comment_author {
    font-weight:        bold;    
}

div.plugin_comment_wrap a.highlight{
    display:            block;
    margin-bottom:      5px;
}

div.plugin_comment_wrap a.highlight:hover{
    text-decoration:    underline !important;
}


div.plugin_comment_wrap span.plugin_comment_date{
    display:            none;
}

ul#serendipity_categories_list li,
ul#feeds li {
    display:            inline;
}

ul#serendipity_categories_list li a,
ul#feeds li a {
    display:            block;
    background-image:   url(/templates/zicht/images/ul_bg.gif);
    background-repeat:  no-repeat;
    background-position:0 0;
    height:             25px;
    line-height:        25px;
    padding-left:       20px !important;
    color:              #7f7f7f;
}

ul#serendipity_categories_list li a:hover,
ul#feeds li a:hover {
    color:              #ffffff;
    background-position:0 -50px !important;
}

ul#serendipity_categories_list li.even a,
ul#feeds li.even a{
    background-position:0 -25px;
}

ul#serendipity_categories_list li.odd a,
ul#feeds li.odd a{
    background-position:0 0;
}

div.category_link_all {
    display:            none;
}

div.errorBox {
	width:				474px;
	margin-left:		74px;
	font-size:			0.8em;
}


div#footerCon {
	width:				875px;
	height:				30px;
	background:			url('/templates/zicht/images/footer_bg.gif') top left no-repeat;
}

div#footerLinks {
	width: 				100px;
	padding-left:		40px;
	padding-top:		60px;
	text-align:			left;
	font-size:			10px;
	float:				left;
}
div#footerRechts {
	width: 				150px;
	padding-top:		50px;
	text-align:			right;
	font-size:			10px;
	float:				right;
}

input.checkbox {
	border-width:		0 !important;
}


input.bttn {
	height:				2em;
	padding:			0 2em 0 2em;
	color:				#fff;
	background-color:	#64b2cd;
}

.zichtpercentage {
	font-size:			0.8em;
	color:				#40a1bb;
	font-weight:		bold;
	text-align:			right;
}

.nietzichtpercentage {
	font-size:			0.8em;
	color:				#949494;
	font-weight:		bold;
	text-align:			right;
}

div#pollradios p input.radio{
	margin-bottom:		-2px;
}
div#stembttn {
	position:			relative;
	float:				right;
	text-align:			right;
	padding-right:		13px;
}

img.profielicon {
	margin-bottom:		-4px;
}


.terugblader  {

	padding-left: 		75px;	
	color: 				#ff00ff;
}


a{
	color: 				#0086c5;
	text-decoration:	underline;
}
					
a:hover{		
	text-decoration:	underline; 
	color:				#000000;	
}

div#rightCol a {
	font-weight:		normal;
	text-decoration:	none;
}

div#backToBlogposts {
    position:           absolute;
    top:                -2px;
    right:              -41px;
}

div#backToBlogposts a{
    display:            block;
    height:             23px;
    width:              93px;
    background-image:   url(/templates/zicht/images/blogposts_bttn.gif);
}

div#backToBlogposts a:hover{
    background-image:   url(/templates/zicht/images/blogposts_bttn_over.gif);
}

a.prev_bttn {
    background-image:   url(/templates/zicht/images/prev_bttn.gif);
    display:            block;
    height:             18px;
    width:              18px;
    float:              left;
}

a.prev_bttn:hover {
    background-image:   url(/templates/zicht/images/prev_bttn_over.gif);
}

a.next_bttn {
    background-image:   url(/templates/zicht/images/next_bttn.gif);
    display:            block;
    height:             18px;
    width:              18px;
    float:              left;
}

td.serendipity_calendarHeader a.next_bttn {
    float:              right;
}

a.next_bttn:hover {
    background-image:   url(/templates/zicht/images/next_bttn_over.gif);
}

a.page_nav_bttn {
    display:            block;
    height:             18px;
    width:              20px;/*20-(7+6)*/
    float:              left;
    text-decoration:    none;
    text-align:         center;
}

a.page_nav_bttn:hover {
    background-image:   url(/templates/zicht/images/page_nav_bg_over.gif);
    color:              #737373;
    text-decoration:    none;
}

a.page_nav_bttn.active,
a.page_nav_bttn.active:hover {
    background-image:   url(/templates/zicht/images/page_nav_bg_active.gif);
    color:              #ffffff;
}

div.serendipity_search_results {
    margin-bottom:      20px;
}

/* CSS from home.css */
p a {
	font-weight:		normal;
}

div.berichtItem {
	width:				530px;
	font-size:          13px;
    line-height:		20px;
	clear:				both;
}

div.berichtItem div.datum {
	float:				left;
	width:				61px;
	font-size:			16px;
	letter-spacing:		-0.03em;
	color:				#cfcfcf;
	font-family:		Arial, Helvetica, sans-serif;
}

div.berichtItem div.berichtDetails {
	width:				530px;
	float:				left;
}

div.berichtItem div.berichtDetails p {
	font-size:          13px;
    line-height:		20px;
}

div.berichtItem div.berichtDetails h1 {
	margin-bottom:		20px;
}

div.berichtDetails .berichtImgSmall {
	width:				200px;
	float:				right;
	line-height:		0;
}

div.berichtDetails p {
    padding-bottom:			0px;
}

div.postingLink {
	position:           relative;
	height:				25px;
	clear:				both;
margin-bottom: 15px;
}

div.postingDetails {
	width:				498px;/*530-16+16*/
	height:				39px;
	clear:				both;
    padding:            0 16px 0 16px;
	background:	        url('/templates/zicht/images/berichtdetails_bg.gif') bottom left;
margin-bottom: 30px;
}

div.postingDetails a:hover{
	text-decoration:     underline;
}

div.postingspace {
	width:				100%; 
	clear:				both; 
	height:				20px;

}

div.postingDetails table{
	border-collapse:	collapse;
	height:				35px;
	font-family:        Verdana;
    font-size:			10px;
    color:              #606060;
}
div.postingDetails table td {
	padding:			0 4px 0 4px;
}

div.postingDetails table td a {
	text-decoration:    none;
}

div#reacties {
	width:				530px;	
	padding:			20px 0 20px 0 ;
}

div.commentbox {
	font-size:			0.9em;
	border:             1px solid red;
}
div.commentuserdata{
	width:				474px;
}

div.commentmetadata {
	position:			absolute;
	float:				right;
	display:			inline;
	width:				200px;
	right:				0;
	text-align:			right;
	color:				#94a0a0;
}

div.reactieItem {
	margin:				10px 0 10px 0;
    padding:            10px;
}

div.reactieItem.even {
	background-color:   #ffffff;
}

div.reactieItem.odd {
	background-color:   #f4f4f4;
}

div.reactiedetails {
	margin:				0;
}
div.reactiedetails table{
	width:				100%;
	border-collapse:	collapse;
	padding:			0;
}
div.reactiedetails table td {
	padding:			0;
}

div.reactietekst {
	padding:			0;
	margin:				0;
	font-size:			11px;
}
div.reactietekst p {
	padding: 			0;
	margin:				0;
}

.reactienaam {
	color:				#3c3c3c;
    font-weight:        bold;
}

.reactienaam a {
    color:              #3c3c3c;
    text-decoration:    none;
    font-weight:        bold !important;
    font-size:          13px;
    font-weight:        normal;
}

.reactienaam a:hover {
    text-decoration:    none;
}

.reactiedatum {
	text-align:			right;
	font-size:			10px;
}

div.serendipityCommentForm {
    margin-top:         20px;
}

table#commentFormTable {
    margin-top:         10px;
}

table#commentFormTable td {
	vertical-align:		top;
	font-size:			11px;
    line-height:		23px;
}

td.serendipity_commentsLabel {
    line-height:		23px;
}

/* FORM */
div.serendipityCommentForm {
    width:              298px; /*338 - (20+20)*/
    border-right:       1px solid #d4d4d4;
    border-bottom:      1px solid #d4d4d4;
    background:         #f4f4f4;
    padding:            20px 20px 30px 20px;
}

table#commentFormTable input {
    background:         url(/templates/zicht/images/input_bg.gif);
    border:             none;
    height:             19px;/*23-(2+2)*/
    width:              228px;/*232-(2+2)*/
    padding:            2px;
    font-size:          11px;
}

table#commentFormTable textarea {
    background:         url(/templates/zicht/images/reaction_bg.gif);
    border:             none;
    height:             113px;/*117-(2+2)*/
    width:              228px;/*232-(2+2)*/
    padding:            2px;
    font-size:          11px;
}

table#commentFormTable .button {
	background-image:	url(/templates/zicht/images/bttn_bg.gif);
    width:              92px;
    height:             20px;
    #height:            23px;
    padding:            0;
    margin:             0;
    border:             0;
    text-transform:     lowercase;
    color:              #0086C5;
    line-height:        20px;
    padding-bottom:     3px;
}

table#commentFormTable .button:hover {
	background-image:	url(/templates/zicht/images/bttn_bg_over.gif);
    color:              #ffffff;
}

table#commentFormTable input.checkbx {
	width:              auto;
    height:             auto;
}

div#post_header {
    width:              530px;
    height:             28px;
}

div#post_information {
    float:              left;
}

div#post_navigation {
    float:              right;
    padding-top:        5px;
}

div#post_navigation a {
    margin-left:        3px;
    font-size:          11px;
    line-height:        17px;
}

div.serendipity_entryFooter {
    font-size:          11px;
    float:              right;
}

div.serendipity_entryFooter a{
    margin-left:        3px;
}

/* CSS from profiel.css */
div#profielImg {
	background-image:   url(/templates/zicht/images/profile_image_bg.gif);
    height:             200px;/*249-5+44*/
    width:              150px; /*170-10+10*/
    padding:            10px 10px 39px 10px;
}

div#profielImg img{
	width:150px;
	height: 200px;
	border: 0;
}

div#profileImgNavigation {
	position:           absolute;
    bottom:             10px;
    right:              10px;
    background-image:   url(/templates/zicht/images/profile_image_navigation_bg.gif);
    height:             20px;/*23-3*/
    width:              37px;/*41-2+2*/
    padding:            2px 2px 0 2px;
}

div#profileImgNavigation a.prev_bttn {
	background-image:   url(/templates/zicht/images/prev_bttn.gif);
    display:            block;
    height:             18px;
    width:              18px;
    float:              left;
}

div#profileImgNavigation a.prev_bttn:hover {
	background-image:   url(/templates/zicht/images/prev_bttn_over.gif);
}

div#profileImgNavigation a.next_bttn {
	background-image:   url(/templates/zicht/images/next_bttn.gif);
    display:            block;
    height:             18px;
    width:              18px;
    float:              right;
}

div#profileImgNavigation a.next_bttn:hover {
	background-image:   url(/templates/zicht/images/next_bttn_over.gif);
}

table.profielTab {
	width:				100%;
	border-collapse:	collapse;
	font-size:			12px;
	font-family:        Arial,Verdana,Helvetica,sans-serif;
	margin-top:			20px;
}

table.profielTab td, 
table.profielInfo td {
	vertical-align:		top;
}

table.profielInfo {
    margin-left:        20px;
}

table.profielInfo td.items {
	width:				105px;
	line-height:		2em;
	vertical-align:		top;
	font-weight:		bold;
    color:              #8a8a8a;
}

table.profielInfo td.values {
	width:				273px; /* 290 - 17 */
	line-height:		2em;
	vertical-align:		top;
	padding-left:		17px;
	color:				#3c3c3c;
}

table.profielInfo td.values a {
	color:				#0086c5;
}

h2 {
	font-size:          24px;
    display:			inline;
}

h2.grey{
	color:				#5b5b5b;
}

h2.dark-grey{
	color:				#373737;
}

h3.light-grey {
    display:            inline;
    color:              #a09f9f;
}

hr.profieltop {
	height:				1px;
	color:				#d7df23;
	border:				none;
}

div#imgviewer {
	width:				100%;
	margin-top:			30px;
}


div.header {
	width:				547px;
	height:				27px;
	background:			url(/templates/zicht/images/imgviewer_top.gif) no-repeat;
	padding:			0;
}
div.viewer {
	width:				543px;
	height:				330px;
	background-color:	#000;
	border-left:		2px solid #929292;
	border-right:		2px solid #929292;
	text-align:			center;
}
div.footer {
	width:				547px;
	height:				27px;
	background:			url(/templates/zicht/images/imgviewer_bottom.gif) no-repeat;
	padding:			0;
}
div.footer table {
	width:				100%;
	border-collapse:	collapse;
}
div.footer table td {
	padding: 			3px 7px 0 7px;
}

div.serendipityAuthorProfile {
	margin-bottom: 20px;
}

div#blogposts ul {
    list-style-image:   none;
    list-style-position:outside;
    list-style-type:    none;
    margin:             25px 0 10px 0;
    padding:            0;
}

div#blogposts ul li{
    display:            inline;
    margin: 0;
    padding: 0;
}

div#blogposts ul li a {
    display:            block;
    background-image:   url(/templates/zicht/images/ul_bg.gif);
    background-repeat:  no-repeat;
    background-position:0 0;
    line-height:        25px;
    text-decoration:    none;
    padding-left:       20px !important;
    color:              #3c3c3c;
    width:              510px;
}

div#blogposts ul li.even a{
    background-position:0 -25px;
    line-height:        24px;
    border-bottom:      1px solid #d4d4d4;
}

div#blogposts  ul li.odd a{
    background-position:0 0;
}

div#blogposts  ul li a:hover{
    color:              #ffffff;
    background-position:0 -50px !important;
}