body, html {
background: gray;
color: black; 
font-family: courier, Georgia, "Times New Roman", Times, serif;
min-width:400px;
max-width:1300px;
margin-left:auto;
margin-right:auto;
}

button{
	cursor: pointer;
}

/*
images
*/	
#selected_image_capsule{
	overflow:visible;
}
#selected_image_capsule div {
	float:left;
	margin:4px;
}
#selected_image_capsule iframe{
	float:left;
	margin:4px;
}

/*
#selected_image_capsule img{
	background: url(opmaak/grswcr.gif);
	background: url(../subpages-opmaak/blocks.png);
}
*/
.pix{
	padding: 0px;
	margin: 0px;
	border:1px outset #000000;
}
	
/*
content
*/

#contentcontainer{
background:white;
overflow:visible;
padding:10px;
}

#content{
padding:4px;
border-width: 0 4px 0 4px;
border-style: solid;
border-color: #C0C0C0;
}


a:link{
color:green;
background: lightblue;
}

a:hover, a:visited{
background: Fuchsia;
}

, a:active{
color:green;
}

.everyentry img{
/*background: url(opmaak/grswcr.gif);*/
}

.everyentry img{
max-width:100%;
height:auto;
}

.everyentry iframe{
max-width:100%;
}

.everyentry{
overflow:auto;
}

input{
max-width:96%;
}

.titles.green{
display:inline;
background:yellow;
border-width: 2px;
border-style: outset;
border-color: yellow;
padding:15px;
}

.titles img, object{
vertical-align: middle;
border:0;
padding:2px 1px 4px 0;
margin:0;
}

.titles{
margin-top: 3px;
margin-bottom: 0px;
}

.date{
background:green;
color:white;
font-size:0.7em;
padding:4px;
}

/*
gasten
*/		
	.gasten{
		margin:12px;
		padding:4px;
		background:#C0C0C0;
		border-width: 1px;
		border-style: outset;
		border-color: #C0C0C0;
	}
	.gasten form{
		margin:1px;
		padding:1px;
	}
	.comments{
		padding:4px;
		background:#C0C0C0;
	}
	.comments input{
		padding:4px;
		margin:0 2px 0 2px;
		font-size:20px;
	}
	
	.color0{	
		/* border-color:#FF0000; */
		border-style:dashed; 
		border-width:0 0 1px 0; 
		padding:6px;
	}
	/*
	.color1{
		border-color:#FF00FF; 
		border-style:dashed; 
		border-width:0 0 1px 0; 
		padding:6px;
	}
	.color2{
		border-color:#0000FF; 
		border-style:dashed; 
		border-width:0 0 2px 0; 
		padding:6px;
	}
	.color3{
		border-color:#00FFFF; 
		border-style:dashed; 
		border-width:0 0 2px 0; 
		padding:6px;
	}
	.color4{
		border-color:#00FF00; 
		border-style:dashed; 
		border-width:0 0 2px 0; 
		padding:6px;
	}
	.color5{
		border-color:#FFFF00; 
		border-style:dashed; 
		border-width:0 0 2px 0; 
		padding:6px;
	}
	*/

#local_sitemap {
		font-family:Georgia, Times New Roman, courier, "Courier New", Georgia, serif;
		padding:0px 0px 0px 128px;
		margin:0px;
		color:gray;
	}
	#local_sitemap ul{
		color:silver;
		margin:2px;
		margin-top: 14px;
		margin-bottom: 0px;
	}
	/*
	#local_sitemap li{
		margin:6px;
	}*/
	#local_sitemap img{
		vertical-align: -16%;
	}
	.selected_item{
		color:#FF0000;
		font-weight:bold;
		text-decoration:blink;
	}
		
/*
tags
*/



#tags{
border-width: 2px;
border-style: outset;
border-color: gray;
background: gray;
}

#tags ol a:link{
color:white;
background: blue;
}

#tags ol a:hover,#tags ol a:visited,#tags ol a:active{
color:white;
text-decoration:line-through;
}

#tags ol{
margin:4px;
color:white;
background: gray;
}

/*
sitemap
*/

#sitemapcontainer{
background:silver;
border-width: 2px;
border-style: outset;
border-color: silver;
margin: 0;
}

#sitemap{
color:white;
padding:4px 4px 4px 0px;
}

#sitemap ul{
color:white;
}

.sitemap_title{
padding:10px 10px 4px 10px;
display:inline-block;
overflow:visible;
}

.sitemap_title.titles a:link{
background:GoldenRod;
padding:8px;
border-width: 2px;
border-style: outset;
border-color: GoldenRod;
}

.sitemap_title.titles a:visited{
background:GoldenRod;
padding:8px;
border-width: 2px;
border-style: outset;
border-color: GoldenRod;
}

.sitemap_title.titles a:hover{
background:gold;
padding:8px;
border-width: 2px;
border-style: outset;
border-color: gold;
}

#sitemap a:link{
text-decoration:none;
color:yellow;
}
#sitemap a:hover,#sitemap a:active{
color:white;
text-decoration:underline;
}
#sitemap a:visited{
text-decoration:line-through;
color:white;
}

/*
next menu
*/

#nextmenu{
text-align:center;
font-size:1.2em;
color:blue;
}

#nextmenu a{
margin: 0;
color:white;
background: blue;
}

#nextnext a{
margin: 0 4px 0 0;
}

#nextnext a:hover{
margin: 0 0 0 4px;
}

#nextprev a{
margin: 0 0 0 4px;
}

#nextprev a:hover{
margin: 0 4px 0 0;
}

/*
copy
*/

#copy{
text-align:center;
padding:4px;
color:gray;
font-size:0.8em;
}


#comment_mobile{
display:none;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen  
and (max-device-width : 480px) {
/* Styles */		
#comment_desktop{
display:none;
}
#comment_mobile{
display:inline;
}
}