@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@media only screen and (max-width: 655px) {
			*{}
			body * { box-sizing:border-box; }
			#leftsidebar{ float:none!important; width:655px!important; }
			#container{width:655px!important;}
			.headerimage img{width:655px!important;}
			.bottomsidebar { display:none!important; }
			#crite{ visibility:hidden;clear:both!important; }
			div.credits_text{ display:none!important; }
		}
/* Main Framework CSS 
html{background-color:#DBF7F7;}
*/

body,html{
	height:100%;
}
body{
	font-family: Trebuchet MS, sans-serif;
	font-size:13px;
	color:#000;
	margin:0px;
	padding:0px;
	background: #111;
}
#background{
	margin:0px;
	padding:0px;
	position:fixed;
	z-index:-10;
	top:0; left:0; width:100%; height:100%;	
	background: #111;
	background-size: 100% 100%;
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #3F97CE 0%, #000000 110%);
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #3F97CE 0%, #000000 110%);
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #3F97CE 0%, #000000 110%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #3F97CE), color-stop(1.1, #000000));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #3F97CE 0%, #000000 110%);
	background-image: radial-gradient(ellipse farthest-corner at center, #3F97CE 0%, #000000 110%);
	/*
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjM2Y5N2NlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJibGFjayIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJibGFjayIgLz48cmVjdCB4PSItMjAuNzEwNyUiIHk9Ii0yMC43MTA3JSIgd2lkdGg9IjE0MS40MjE0JSIgaGVpZ2h0PSIxNDEuNDIxNCUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
	*/
}


/*
body {
  background-image:url('http://i.fok.nl/weblog/bC/sixties/images/bg_lightblue_gradient.png');
  background-color:#d7f7f6;
  background-repeat:repeat-x;
  font-family: Trebuchet MS, sans-serif;
  font-size:13px;
  color:#000;
  margin:0px;
  padding:0px;
}
*/
a{color:#000;}

iframe {border: none;z-index:2!important;}

#container {
	width:1084px;
	z-index:1;
	background-color:#fff;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	/*background-image:url('http://i.fok.nl/weblog/bC/sixties/images/weblogbg.png');*/
	margin:21px auto;
}

#leftsidebar, #rightsidebar {
	float:right;
	width:440px;
	margin:0px;padding:0px;
	padding-right:6px;
	color: #000000;
	background-color:#eee;
	background-repeat:no-repeat;
	background-position: 0 322px;
}

.bottomsidebar{
	float:right;
	width:440px;
	background-color:#eee;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	padding:10px;
}


#leftsidebar p, #rightsidebar p, .bottomsidebar p{
font-size: 11px;
}


#content{
	width: 630px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
}

.webads_banner{
    border: solid 1px #373737;
    background-repeat:no-repeat;
    width:468px;
    padding:0px;
    margin-left:40px;
    margin-top:20px;
    margin-bottom:20px;
}

.webads336x280 {
    background-repeat:no-repeat;
    width:336px;
    padding:0px;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:20px;
}
/* Sidebar specific CSS*/

.leftleftsidebar{
        width:200px;
	padding-left:10px;
}

.leftrightsidebar{
	width:215px;
margin-right: 10px;
	float:right;
}
.reactTracker, .itemTracker{
	list-style: none;
	margin:0px;
	padding:0px 10px 5px 10px;
}
.reactTracker a, .itemTracker a{
	text-decoration:none;
	font-size:12px;
}
.reactTracker .listTime, .reactTracker .listReplies,
.itemTracker .listTime, .itemTracker .listReplies{
	color:#468FB9;
	font-size:10px;
	text-decoration:none!important;
}
.reactTracker .listReplies, .itemTracker .listReplies{
	float:right;
}
.reactTracker a:hover li, .itemTracker a:hover li
{
	text-decoration:none!important;
	background-color:#d8d8d8;
}

.leftrightsidebar h1, .leftleftsidebar h1, .bottomsidebar h1{
	font-family:"Open Sans Condensed", Trebuchet MS, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00A2FF;
	border-width: 0px;
	/*background-image:url('http://i.fok.nl/weblog/bC/sixties/images/blokkievoortracker.gif'); */
	//border-left: 6px solid #393939;
background-repeat:no-repeat;

}
.leftrightsidebar a{
	color:#000000 ;
}
.leftleftsidebar a{
	color:#000000 ;
}

.leftrightsidebar p{
	color:#000000;
}
#leftsidebar h1{
       margin-top:20px;
}
#leftsidebar img{
	border:0px;
        margin-bottom:10px;
}
table {
	width:140px;
	margin-left:25px;
	margin-bottom:10px;
}
th {
	color:#e3e3e3;
}

td.week {
	color:#e3e3e3;
}

td .weekday{
	color:#fff;
}
td .weekdaydark{
	color:#acacac;
}

td .weekday a{
	color:#acacac;
	font-weight:bold;
}

td .weekdaydark a{
	font-weight:bold;
}

.headerimage img{
	border:0px;
	width:446px;
	height:265px;
	
}

.leftleftsidebar{
padding-left:10px;
}

#loginform *{
	font-size:10px;
}
input[type=text],input[type=password]{
border: 1px solid #CCC;
padding: 4px;
width: 160px;
margin-bottom: 2px;
}
.genSubmit{
background-color:#000;
color:#fff;
}
/* Items CSS */
/* singleview css class*/
.contentitem {
	padding-top:10px; 
	padding-left:8px;
padding-right: 6px;
	background-color:#FFFFFF;
	background-position: right bottom; 
	background-repeat:repeat-x;
	color: #5c5b5b;
}

/* index css classes*/
.contentitem_even{
    padding-left:8px;
    padding-right: 6px;
    padding-top:10px;
    background-color:#FFFFFF;
    color: #5c5b5b;
    margin-bottom: 15px;
}
.contentitem_odd{
	padding-left:4px;
padding-right: 6px;
	padding-top:10px; 
	background-color:#FFFFFF;
	color: #5c5b5b;
}
.contentitem_even center{
	padding:10px 0;
}
.contentitem_even .blogIcon{
float:left;
margin-right:5px;
border: solid 1px #373737; 
}

.contentitem_odd .blogIcon{
float:left;
border: solid 1px #373737; 
margin-right:5px;
}

.contentitem .blogIcon{
float:left;
margin-right:5px;
border: solid 1px #373737; 
}

.contentitem_odd .quote{
background-color:#efefef;
padding-left:18px;
padding-top:14px;
padding-right: 5px;
background-position: 6px 6px;
color: #373737;
padding-bottom: 10px;
font-size: 11px;
text-align: justify;
}
.contentitem_even .quote{
background-color:#fff;
padding-left:18px;
padding-top:14px;
padding-right: 5px;
background-position: 6px 6px;
color: #373737;
padding-bottom: 10px;
font-size: 11px;
text-align: justify;
}

.itemBody{
    min-height: 70px;
    padding-top:10px;
    padding-left:2px;
    padding-right: 5px;
    color: #373737;
    text-align: justify;
    width:100%;
}
.itemBodyExtended{
    padding-left:10px;
}
.contentitem img {border:0px;}
.metaData{
	vertical-align:middle;
	padding-left:3px;
	font-size:10px;
	float:left;
    display: table-cell;
}
.metaData img{
	position:relative;
	top:4px;
	margin-right:2px;
}
.metaData a{
	color:#393939;
	text-decoration:none;
	
}

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

/* Content details CSS */

#content h3 {
	font-size: 20px;
	font-family: "Open Sans Condensed", Trebuchet MS, sans-serif;
	font-weight: bold;
	padding-left: 10px;
	color: #446B91;
	border-width: 0px;
	border-left:4px solid #393939;
	padding-left:10px;
	margin:0px;
}
#content h3 a{
	color: #00a2ff;
	text-decoration:none;

}
#content h3 a:hover{
	color: #a00;
	text-decoration:none;

}



#content h4{
	margin:0px;
	padding-left:10px;
	border-left:4px solid #393939;
	font-size:11px;
	color:#468FB9;
	font-family: "Open Sans Condensed", Trebuchet MS, sans-serif;
}
#content h4 a{
	text-decoration:none;
	color:#468FB9;
	font-weight: bold;
}
#content h4 a:hover{
	text-decoration:underline;
}

/*Reacts specific CSS*/

.user_data{
	float:left;
	width:75px;
}
.usericon{
border: solid 1px #373737; 
	width:60px;
	height:60px;

}
.login_badge {
    min-height: 90px;
}
.login_badge_usericon{
	width:60px;
	height:60px;
	border:1px solid #fff;
    float: left;
    margin: 2px 5px;
}
.article_menu{
	text-align: right;
	color:#393939;
	text-decoration:none;
	font-size:10px;
	margin-top:-5px;
padding-bottom: 3px;
padding-right:0px;
}

.article_menu a{
	color:#468FB9;
	text-decoration:none;
	font-size:10px;
}
.article_menu a:hover{
	color:#a00;
}

.react_menu{
	float:right;
	text-align: right;
	margin-top:3px;
	padding-right:5px;
	width:250px;
	color:#acacac;
	font-size:10px;
	height: 15px;
	margin-bottom: 0px;
}
.react_bottom_right{
	float:right;
	text-align: right;
	padding-right:5px;
	margin-bottom:3px;
    padding-top:4px;
}
.react_menu img {
	margin-left:5px;
	border:0px;

}
.react_menu a {
text-decoration:none;
color:#acacac;
}
.react_bottom_right img {
       
	margin-left:5px;
	border:0px;
}


.add_react_area{
	padding-left:8px;
padding-top: 10px;
  	background-color:#efefef;
margin-top: 30px;


}




.react_body{
	margin-left:85px;
margin-right: 5px;
	min-height:70px;
padding-bottom: 3px;
}
.quote {
background-image:url('http://i.fok.nl/weblog/bC/sixties/images/quote_quote.gif'); 
background-repeat:no-repeat;
background-color:#fff;
padding-left:18px;
padding-top:14px;
padding-right: 5px;
background-position: 6px 6px;
color: #373737;
padding-bottom: 6px;
font-size: 11px;
text-align: justify;
}

.quote b {
font-weight: 105;
color: #393939;
}


.ajaxEdit{float:right;}
.comment_even {
  	 background-color: #F7F6F8;
    background-repeat: repeat-y;
    border: 1px solid #B4B4B4;
    clear: left;
    height: 100%;
    margin-left: 10px;
    min-height: 120px;
    padding-bottom: 0;
    padding-left: 4px;
    padding-top: 2px;
    width: 95%;
	margin-bottom: 10px;
}
.comment_odd{
  	 background-color: #F7F6F8;
    background-repeat: repeat-y;
    border: 1px solid #B4B4B4;
    clear: left;
    height: 100%;
    margin-left: 10px;
    min-height: 120px;
    padding-bottom: 0;
    padding-left: 4px;
    padding-top: 2px;
    width: 95%;
	margin-bottom: 10px;
}

.comment_odd .quote{
background-color:#efefef;
padding-left:18px;
padding-right: 5px;
padding-top:14px;
background-position: 6px 6px;
color: #373737;
padding-bottom: 10px;
font-size: 11px;
text-align: justify;
}
.comment_even .quote{
background-color:#fff;
padding-right: 5px;
padding-left:18px;
padding-top:14px;
background-position: 6px 6px;
color: #373737;
padding-bottom: 10px;
font-size: 11px;
text-align: justify;
}
.signature{
	border-top: 1px dotted #848484;
    color: #5B5B5B;
    font-size: 9px;
    margin-left: 80px;
    margin-top: 0;
    min-height: 10px;
    overflow: hidden;
    padding-top: 2px;
}

.signature a{
color:#373737;
}

.ondertitel{
display:none;
	margin:0px;
	padding-left :2px;
padding-bottom: 2px;
	font-size:10px;
color:#373737;
}

.usernametime{
	font-family: tahoma,verdana,sans-serif;
    font-size: 12px;
    margin-top: 2px;
    padding: 0;
}
/* Form specific CSS*/

fieldset{
	border:0px;
}

fieldset textarea{
border: solid 1px #373737;
padding: 3px;
background-color:#fff;
	width:95%;
	font-family: Trebuchet MS, sans-serif;;
	font-size:12px;
	height:100px;
}


label {
	display:none;
}

.defSubmit{
	font-family: Trebuchet MS, sans-serif;;
	background-color:#e3e3e3;
	float:right;
border: solid 1px #373737;
padding: 3px;
padding-left: 10px;
margin-top: 10px;
font-family: Trebuchet MS;
font-size:12px;
margin-right: 15px;
}
.editTextbox{
	width:440px;
  	font-family: Trebuchet MS, sans-serif;;
  	font-size:12px;
}
.searchTerms{
	width:120px;
}
/* fileViewer specific CSS*/

#fileContainer {
	width:984px;
	margin:0 auto;
	background-image:url('http://i.fok.nl/weblog/bC/sixties/images/fileviewer_background.gif');
	
}
.fileInfoHeader{
text-align:right;
margin-right:6px;
margin-left:8px;
background-color:#4a4a4a;
}

.fileShowing{
text-align:center;
margin-left:8px;

}
.fileInfo{
text-align:left;
margin-left:150px;
}
.fileVierwerBannerWebads{
float:left;
padding-left:60px;
padding-top:15px;

}
/* IE specific CSS */
#content{
	_width:546px;
}

.comment_even {
	_height: 120px;
}
.comment_odd{
	_height: 120px;
}
.react_body{
	_height:70px;
}
#container{
	_height:1100px;
}

.searchBox .defInput{
  border: 1px solid #CCC;
  padding:4px;
  width:160px;
  margin-bottom: 2px;
}

.searchBox .searchButton{
	display:none;
	background-color:#e3e3e3;
    border: solid 1px #ccc;
    margin: 0 5px 0 0;
    padding: 6px 10px;
}
.searchBox .searchButton:hover{
	cursor:pointer;
	background-color:#dadada;
}

.searchBox{
text-align: left;
height:90px;
}

.tagCloud {
	padding:0 30px 50px 30px;
    font-size: 15px;
    text-align: center;
}

.tagCloud a{
    text-decoration: none;
    background-color: #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:1px 5px;
    margin:3px;
    display: inline-block;
}

.tagCloud a:hover{
    background-color:#446B91;
    color:#eee;
}

.spoiler{
color:#000;
background-color:#000;
}

.page_nav_index{
    padding: 5px;
    margin-top: 30px;
    background-color:#efefef;
    height: 20px;
    text-align: center;
}
.page_nav_index a{
    text-decoration:none;
}
.page_nav_index a img{
    vertical-align:middle;
}
/* NIETZMANS NIEUWE CLASSES */

.htmlBlock img {
    /*border: 1px solid white;*/
}

.social {
    padding-top: 5px;
}

.more {
    padding-top: 8px;
    padding-right: 5px;
    font-size: 13px;
    margin-bottom:12px;
    text-align: right;
    font-weight:bold;
    
}
.more a {
    text-decoration: none;
    color: #00A2FF;
}
.more a:hover {
    text-decoration: underline;
}
.reactArea {
background-color: hotpink;

}

.note img {
padding-left: 50px;
padding-top: 30px;
}

.note {
font-size: 10px;
}

.inlogusericon {
border: solid 1px #fff
}

.itemBody img {
	
}

#calendarHolder {
height: 140px;
}
#calendarHolder img {
padding-left: 80px;
padding-top: 40px;
}

#showsubmit a{
font-size: 11px;
}

.nieuwer {
width: 200px;
float: left;
}

.ouder {
width: 200px;
float: right;
text-align: right;
}

.add_react_area .add_react_area{
padding-top: 0px;
margin-top: 0px;
}

.submitText {
	font-size:10px;

	margin:0px;
	padding:0px;
	padding-bottom:5px;
	padding-left:5px;
	color:#acacac;
}

.submitForm {
margin-left: 5px;
}

.submitBlock{
	padding:0 10px;
}
.submitBlock a{
	font-weight:bold;
	font-size:120%;
}
/*
.contentitem_even, .contentitem_odd, .itemBody{
overflow: hidden;
}
*/

.itemBody{
height: auto;
}
/*.itemBody p img,*/
/*.itemBody a img,*/
iframe[src*=bandcamp]{width:638px; margin-left: -20px;}
iframe[src*=soundcloud]{width:638px; margin-left: -20px;}
.itemBody img:not(.img_smilie){
border:0px;
width:638px;
height:auto;
margin-left:-20px!important;
}

.itemBody img.ytPrevImg{
            position:absolute!important;
            margin-left:-30px!important;
            margin-top:-20px!important;
            z-index:100!important;
            width:68px;
            height:49px;
            left:50%!important;
            top:50%!important;
}

.itemBody a {
color: #00A2FF;
}

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

#reactsHeader{margin-bottom:15px;margin-left:15px;}

.page_index_header {
    padding-left:8px;
    padding-right: 6px;
    padding-top:10px;
}
.page_index_header h1 {
	font-family:"Open Sans Condensed", Trebuchet MS, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding-left:6px;
	color: #446B91;
	border-width: 0px;
	border-left:8px solid #393939;
	margin:0px;
}

.page_index_center {
    margin-top: 10px;
    min-height: 70px;
    padding-top:10px;
    padding-left:8px;
    padding-right: 5px;
}
.page_index_center table {
	width:480px;
}
.page_index_center table tr th {
	background-color: #000;
}

.page_index_center table tr td.submitvenster {
    font-size: 11px;
    min-width: 100px;
}

table.calTable {
    margin: 0 auto;
}
.calTable th.calMonthHeader {
    color: #000;
}

.calTable th.calDayName {
    font-size: 9px;
    color: #000;
}

.calTable td.calDay {
    text-align: center;
}
.calToday{
	background-color: #777;
}
.calToday a{
	color:#eee;
}
.calFuture a{
	visibility:hidden;
	text-decoration:none;
}
h2.newsFooter {
    padding-left: 8px;
    padding-right: 8px;
}
h2.newsFooter  span {
    float: right;
}
h2.newsFooter  a {
    font-size: 12px;
    text-decoration: none;
}
h2.newsFooter  a:hover {
    text-decoration: underline;
}

div.reactieHolder {
    clear: left;
}

.social_bookmark_bar {
    width: 600px;
    height: 22px;
    margin-bottom:8px;
}
.social_bookmark_bar .social_facebook {
    width: 124px;
    height: 21px;
}

.social_bookmark_bar .social_twitter {
    width: 124px;
    height: 21px;
    margin-top:-5px;
    margin-left:10px;
}


.social_bookmark_bar .social_bookmark_outlet {
    display: inline-block;
    float: left;
}
.social_bookmark_bar .social_addthis {
    float:right;
    overflow: hidden;
    font-size:10px;
}


/*footer*/
#footer {
    clear: both;
    background-color:#d0d0d0;
    text-align:center;
    /*position:absolute;
    left:0;*/
    width:100%;
    margin-top:50px;
    margin-left: auto;
    margin-right: auto;
    box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    padding:10px;
}

#footer .true_hosting {
    border:0px;
    margin:20px;
    display:inline;
    float:left;
}
#footer .true_hosting img {
    width: 86px;
    height: 25px;
}
#footer .true_hosting span {
    display: block;
    height: 0;
    width: 0;
    text-indent: -99999px;
    overflow: hidden;
}

#footer .footer_credits {
    float: right;
}
#footer .highpipe {
    width: 1px;
    height: 60px;
    border: 0px;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline;
    float: left;
}
.footer_credits .credits_text {
    margin: 20px;
    margin-top: 10px;
    display: inline;
    float: left;
    padding-top: 14px;
    color: #808080;
    font-size: 11px;
    font-weight: normal
}
.footer_credits .credits_text a {
    text-decoration: none;
}
div.credits_text {
    color:#888;
    clear:both;
    -moz-column-count:6;
    -webkit-column-count:6;
    column-count:6;
    text-align:justify;

    margin-top:50px;
    padding:2px 5px;
    font-size:9px;
}
.lazyYT-image-loaded{
	overflow:hidden;
}
.js-lazyYT{
	display:block;
	margin-left:-20px;
}

#fancybox-wrap{
	display:none;
}

.pb_feed{float:left;width:100%;}

.fb-video{
    height:359px;
}

#fb-root{
    display:none;
}

.fb-video.fb_iframe_widget.fb_iframe_widget_fluid_desktop {
    width: 638px!important;
    max-width: 638px!important;
    margin-left: -20px;
}