/* Compositie ********************************************/

body {background-image: url('../img/patroonmus.jpg');}

#container {
	position:absolute;
	width:500px;
	min-height:600px;
	left:50%;
	margin-left:-250px;
	padding:4px;
}

#title {
	float:left;
	width:100%;
	height:250px;
	background-image: url('../img/blijmeteendooiemus.png');
	background-position:-63px -70px;
}


#menu {
	float:left;
	width:100%;
}

#content {
	float:left;
	width:480px;
	margin-top:20px;
	padding:10px;
	background-color:#FFF;
/*	opacity:.95;*/
	border:solid 2px #3E8ECB;
	margin-bottom:40px;
}

#content h1 { display:none;}

.blog {
	background-color:#3E8ECB;
	margin:15px 0px 15px;
	padding:10px;
}
.blog.new {
	margin-right:40px;
}
.blog.comment {
	margin-left:40px;
/*	background-color:#E8D23E;*/
	background-color:#FFF;
	border:solid 3px #3E8ECB;
}
.date {
	font-size:12px;
	margin:0px 0px 5px;
	padding:0px;
}
.name {
	font-style:italic;
	margin:0px 0px 10px;
	padding:0px;
}
.comments {padding-bottom:0px;}
.comments a {
	color:#FFF;
	cursor:pointer;
}

#pagination {
	margin:35px 0px 25px;
}
#pagination li {
	display:inline;
	background-color:#3E8ECB;
	margin:0px 5px 0px 0px;
	padding:5px 10px;
	text-align:center;
}
#pagination li.current {
	background-color:#CB3E8E;
}
#pagination li.nav {
	padding:4px 10px 5px 9px;
}



/* BLOG FORM */
form {
	background-color:#3E8ECB;
	margin:15px 0px 15px 40px;
	padding:10px 5px;
	display:none;
}
body.login form, body.contact form {display:block;}
fieldset {border:none;}
legend {display:none;}
label {display:block;width:130px;float:left;margin-top:4px;}
input,textarea,select,option {width:250px;border:solid 1px transparent;padding:4px 8px;margin:0px 0px 10px;font-size:12px;background-color:#FFF;cursor:pointer;}
input.checkbox {width:auto;margin-top:3px;float:left;}
select {width:287px;}
option {margin:0px;padding:0px;}
input:hover, textarea:hover {border-color:#000;}
input.button {display:none;}
input.submit {display:block;width:30%;margin-left:130px;height:30px;font-size:14px;padding-top:0px;}
input.str_latitude, input.str_longitude {width:40%;}
.error {color:#F00;margin:0px 0px 0px 20px;}
form .body {display:none;}

input.gebruiker {background-color:#F99;}
input.wachtwoord {background-color:#F99;}
div.wachtwoord {margin-bottom:20px;}

/* MAP */

#mapcontainer {
	width:450px;
	height:350px;
	margin:15px 0px 15px;
	padding:15px;
	background-color:#3E8ECB;
}
#markers {display:none;}
#map {
	width:450px;height:350px;
}


/* Corners */

#menu li, input,textarea,select, .corner {
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* Menu ********************************************/

/* ul */

#menu ul {
	position: relative;
	float: left;
	z-index: 597;
}
#menu ul ul {
	display:none;
}

/* li */

#menu li {
	list-style:none;
	display:inline;
	float:left;
	margin:0px 25px 0px 0px;
	padding:10px;
	min-width:60px;
	white-space:nowrap;
	background-color:#FFF;
	opacity:.9;
	border:solid 2px #3E8ECB;
}

/* a */

#menu li a {color:#000;text-decoration:none;}
#menu li a:hover, #menu li a.active {text-decoration:underline;}