body {
	background-color : rgb(197, 220, 135);
	margin-top : 10px;
	margin-left : 10px;
	font: 9pt Georgia;
	/*font: 9pt "Comic Sans MS";*/
	line-height : 150%;
	background-image: url(../pic/spot-on.png);
	background-repeat: no-repeat;
}

li {
	/*line-height : 70%;*/
	}
li a {
	font-weight : bold;
}

a {
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}

h2 {
  margin-top : -0%;
}
.kop {
	background-color : #eeeeee;
	height : 100px;
	border-bottom : 1px solid #000000;
	background-image: url(../pic/kop.jpg);
	background-repeat: no-repeat;
}

	.kop .menu a {
		font: 12pt Georgia;
		font-weight : bold;
		color : rgb(0,0,0);
		margin-top : 2px;
		margin-left : 5px;
		margin-right : 5px;
		line-height : 25px;
	}
	.kop .menu .link{
		height : 25px;
		padding : 5px;
	}
	.kop .menu .link:hover{
		background-color : rgb(255,255,255);
	}
	.kop .menu {
		position : absolute;
		top : 85px;
		height : 25px;
		width : 700px;
		z-index: 10;
	}
	.kop .menuAchtergrond {
		position : absolute;
		top : 85px;
		height : 25px;
		width : 700px;
		z-index: 1;
		background-color : rgb(197, 220, 135);
			filter:alpha(opacity=50);
			opacity: 0.5;
			-moz-opacity: 0.5;
	}

.blok {
	background-color : #ffffff;
	width : 700px;
}

.blogLast {
	min-height : 400px;
	/*
	margin-left : 5px;
	margin-right : 5px;
	*/
	overflow : visible;
}

.blogLast .texthome {
	margin-left : 5px;
	margin-right : 5px;
	height : 400px;
	overflow : hidden;
}
.blogLast .text {
	margin-left : 5px;
	margin-right : 5px;
}
	
		.blogLast .summary0 {
			position : absolute;
			width : 195px;
			height : 25px;
			padding-left : 5px;
			padding-top : 2px;
			left : 10px;
			top : 385px;
			
			font: 12pt bold;
			background-color : #ffffff;
		}

		.blogLast .summary0:hover {
			background-color : rgb(226, 238, 195);
		}
		
	/* summary op de detailpagina */
	.blogLast .summary0detail {
		float:left;
		position : inherit;
		left : 0px;
		height : 20px;
		width : 190px;
		padding : 5px;
		text-align: left;
		z-index : 999;
		border :  0px solid red;
	}
	

	

	.blogLast .summary0detail:hover {
		background-color : rgb(226, 238, 195);
	}	
		.blogLast .summary1 {
			position : absolute;
			width : 195px;
			height : 25px;
			padding-left : 5px;
			padding-top : 2px;
			left : 210px;
			top : 385px;
			
			font: 12pt bold;
			background-color : #ffffff;
		}

		.blogLast .summary1:hover {
			background-color : rgb(226, 238, 195);
		}
		
	/* summary op de detailpagina */
	.blogLast .summary1detail {
		float:left;
		position : inherit;
		left : 0px;
		height : 20px;
		width : 190px;
		padding : 5px;
		text-align: left;
		z-index : 999;
		border :  0px solid red;
	}
	

	

	.blogLast .summary1detail:hover {
		background-color : rgb(226, 238, 195);
	}
.calendar {
	width : 64px;
	height : 58px;
	background-image: url(../pic/cal.png);
	background-repeat: no-repeat;
	float : left;
	font-size : 20px;
	font-weight : bold;
	padding-top : 6px;
	text-align : center;
	margin-bottom : -5px;
	color : #ff0000;
}

	.calendar:first-line {
		font-size : 10px;
		color : #ffffff;
		line-height : 20px;
	}

/* items */
/* grote items op de voorpagina */

	.itemM1 {
		background-color : rgb(226, 238, 195);
		position : absolute;
		top : 410px;
		left : 10px;
		height : 190px;
		width : 190px;
		padding : 5px;
	}
	

	

	.itemM1 .summary1 {
		position : absolute;
		top : 149px;
		left : 0px;
		height : 40px;
		width : 190px;
		padding : 5px;
		text-align: right;
		z-index : 999;
	}
	

	

	.itemM1 .summary1:hover {
		background-color : rgb(226, 238, 195);
	}


	

	
		.itemM1tint {
			background-color : #000000;
			filter:alpha(opacity=10);
			opacity: 0.1;
			-moz-opacity: 0.1;
			
			position : absolute;
			top : 410px;
			left : 10px;
			height : 200px;
			width : 200px;
			z-index: 10;
		}

.tijsthumb {
			overflow : hidden;
			width : 50px;
			height : 50px;
			margin : 0px;
			float : left;
			#top: 50%;
			vertical-align: bottom;
}

	.itemM2 {
		background-color : rgb(226, 238, 195);
		position : absolute;
		top : 410px;
		left : 210px;
		height : 190px;
		width : 190px;
		padding : 5px;
	}
	

	

	.itemM2 .summary2 {
		position : absolute;
		top : 149px;
		left : 0px;
		height : 40px;
		width : 190px;
		padding : 5px;
		text-align: right;
		z-index : 999;
	}
	

	

	.itemM2 .summary2:hover {
		background-color : rgb(226, 238, 195);
	}


	

	
		.itemM2tint {
			background-color : #000000;
			filter:alpha(opacity=20);
			opacity: 0.2;
			-moz-opacity: 0.2;
			
			position : absolute;
			top : 410px;
			left : 210px;
			height : 200px;
			width : 200px;
			z-index: 10;
		}

.tijsthumb {
			overflow : hidden;
			width : 50px;
			height : 50px;
			margin : 0px;
			float : left;
			#top: 50%;
			vertical-align: bottom;
}

	.itemM3 {
		background-color : rgb(226, 238, 195);
		position : absolute;
		top : 410px;
		left : 410px;
		height : 190px;
		width : 190px;
		padding : 5px;
	}
	

	

	.itemM3 .summary3 {
		position : absolute;
		top : 149px;
		left : 0px;
		height : 40px;
		width : 190px;
		padding : 5px;
		text-align: right;
		z-index : 999;
	}
	

	

	.itemM3 .summary3:hover {
		background-color : rgb(226, 238, 195);
	}


	

	
		.itemM3tint {
			background-color : #000000;
			filter:alpha(opacity=30);
			opacity: 0.3;
			-moz-opacity: 0.3;
			
			position : absolute;
			top : 410px;
			left : 410px;
			height : 200px;
			width : 200px;
			z-index: 10;
		}

.tijsthumb {
			overflow : hidden;
			width : 50px;
			height : 50px;
			margin : 0px;
			float : left;
			#top: 50%;
			vertical-align: bottom;
}

	.itemM4 {
		background-color : rgb(226, 238, 195);
		position : absolute;
		top : 410px;
		left : 610px;
		height : 200px;
		width : 100px;
	}
		.itemM4 .foto {
			overflow : hidden;
			margin : 0px;
			padding : 0px;
			text-align : center;
		}
		
/* kleine items */
.itemS1 {
		background-color : rgb(10,10,10);
		position : absolute;
		top : 610px;
		left : 10px;
		height : 100px;
		width : 100px;
	}
	

	.itemS2 {
		background-color : rgb(20,20,20);
		position : absolute;
		top : 610px;
		left : 110px;
		height : 100px;
		width : 100px;
	}
	

	.itemS3 {
		background-color : rgb(30,30,30);
		position : absolute;
		top : 610px;
		left : 210px;
		height : 100px;
		width : 100px;
	}
	

	.itemS4 {
		background-color : rgb(40,40,40);
		position : absolute;
		top : 610px;
		left : 310px;
		height : 100px;
		width : 100px;
	}
	

	.itemS5 {
		background-color : rgb(50,50,50);
		position : absolute;
		top : 610px;
		left : 410px;
		height : 100px;
		width : 100px;
	}
	

	.itemS6 {
		background-color : rgb(60,60,60);
		position : absolute;
		top : 610px;
		left : 510px;
		height : 100px;
		width : 100px;
	}
	

	.itemS7 {
		background-color : rgb(70,70,70);
		position : absolute;
		top : 610px;
		left : 610px;
		height : 100px;
		width : 100px;
	}
	

	
.reaction {
		position : inherit;
		border-top : 1px solid rgb(197, 220, 135);
		margin : 0px;
		margin-top : 0px;
		min-height : 100px;
		clear: both;
}
	 .reactionAfz {
		background-color : rgb(197, 220, 135);
		font-weight : bold;
		position : absolute;
		left : 10px;
		width : 190px;
		padding : 5px;
	}
	
	.reactionReactie {
		position : relative;
		left : 200px;
		width : 490px;
		margin-left : 5px;
	}


.reageer {
		background : rgb(226, 238, 195);
}
	.reageer .reactionReactie {
		position : relative;
		left : 200px;
		width : 490px;
		margin : 0px;
	}
	
	.reageerAfz {
		font-weight : bold;
		position : absolute;
		left : ;
		width : 190px;
		padding : 5px;
	}
	
	input, textarea{
		background : rgb(226, 238, 195);
		width : 195px;
		border : 2px solid rgb(226, 238, 195);
		border-bottom : 2px solid rgb(197, 220, 135);
		font: 9pt Georgia;
		padding-left : 5px;
	}
	
	input:hover, textarea:hover{
		color : blue;
		background : rgb(216, 232, 175);
		border : 2px solid rgb(197, 220, 135);
	}
	
	input.button {
		background : rgb(255,255,255);
		margin : 10px 0px 5px 0px;
		width : 200px;
		text-align : left;
		font-weight : bold;
	}
	
	.reageer .reactionReactie {
		background : rgb(226, 238, 195);
		padding: 15px 0px 15px 0px;
		border : 0px solid red;
	}

.hide {
	visibility : hidden;
	height : 0px;
	overflow : hidden;
}


.exif {
	position : absolute;
	left: 50px;
	top : 50px;
	background : #fff;
	border : 1px solid  #000;
	width : 200px;
	padding : 5px;
	font : 8pt 'Trebuchet MS', Geneva, Arial, sans-serif;
	font-weight : bold;
	
	filter:alpha(opacity=75);
	opacity: 0.750;
	-moz-opacity:0.750;
}

.comicHeader {
	position:absolute;
	background-color: rgb(226, 238, 195);
	width: 195px;
	height: 23px;
	left: 710px;
	top: 85px;
	border-bottom : 1px solid #000000;
	
	font: 12pt Georgia;
	font-weight : bold;
	color : rgb(0,0,0);
	margin-top : 2px;
	margin-left : 5px;
	margin-right : 5px;
	line-height : 25px;
}

.hobbesLink {
	position:absolute;
	width: 100px;
	height: 100px;
	left: 710px;
	top:111px;
}

.Hobbes {
	position:absolute;
	background-color: rgba(0,0,0,0.75);
	width: 700px;
	height: 100%;
	left: 10px;
	top: 110px;
	z-index:1000;
	text-align : center;
}

.dilbertLink {
	position:absolute;
	width: 100px;
	height: 100px;
	left: 810px;
	top:111px;
}

.Dilbert {
	position:absolute;
	background-color: rgba(0,0,0,0.75);
	width: 700px;
	height: 100%;
	left: 10px;
	top: 110px;
	z-index:1000;
	text-align : center;
}

.strip {
	background-color: rgba(255,255,255,1);
	padding : 5px;
	position : relative;
	top : 10px;
}
.rssHeader {
	position:absolute;
	background-color: rgb(226, 238, 195);
	width: 195px;
	height: 23px;
	left: 710px;
	top: 434px;
	border-bottom : 1px solid #000000;
	
	font: 12pt Georgia;
	font-weight : bold;
	color : rgb(0,0,0);
	margin-top : 2px;
	margin-left : 5px;
	margin-right : 5px;
	line-height : 25px;
}
.rssLink {
	position:absolute;
	background-color: rgb(216, 232, 175);
	width: 196px;
	height: 250px;
	left: 710px;
	top:460px;
	padding-left:4px;
}
.rssDate {
	font: 7pt Georgia;
	text-align : left;
	padding-right : 10px;
}

.shopHeader {
	position:absolute;
	background-color: rgb(226, 238, 195);
	width: 195px;
	height: 23px;
	left: 710px;
	top:209px;
	border-bottom : 1px solid #000000;
	
	font: 12pt Georgia;
	font-weight : bold;
	color : rgb(0,0,0);
	margin-top : 2px;
	margin-left : 5px;
	margin-right : 5px;
	line-height : 25px;
}
.shopLink {
	position:absolute;
	background-color: rgb(255,255,255);
	width: 198px;
	height: 191px;
	left: 710px;
	top:235px;
	padding-left:2px;
	padding-top : 10px;
}

.shopLink p {
	margin-top : -5px;
}

.schaduw {
	position:absolute;
	background-color: rgba(0,0,0,0.5);
	width: 5px;
	height: 695px;
	left: 710px;
	top: 15px;
	z-index:1000;

}