/*///////////////////*/
/* STANDARD ELEMENTS */
/*///////////////////*/

body {
		margin:						0;
		background-image:			url(images/bg.png);
		background-repeat:			repeat-x;
		background-color:			#cee9fe;
		font: normal 12px arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
}
#container {
		width:						930px;
		margin:						0px auto;
}
a, img {
		outline: none; 
}
/* Headings */
h1 {
	background: url('images/dot.gif') no-repeat 16px 10px;
	padding-left: 26px;
	font-size: 1.4em;
	margin-top: 0px;
}

h2 {
	background: url('images/dot.gif') no-repeat 0px 8px;
	padding-left: 8px;
	font-size: 1.2em;
	margin-top: 16px;
	color: #073543;
}

/*///////////////////*/
/* 	Logo en zoeken	 */
/*///////////////////*/
#logo_en_zoeken {
		clear:						both;
}

#logo_en_zoeken a {
	display: block;
	width: 228px;
	height: 53px;
	background: url('images/logo.png') no-repeat;
	margin-bottom: 6px;
}
/*#logo_en_zoeken a {
	display: block;
	width: 537px;
	height: 95px;
	background: url('images/logo_kerst.png') no-repeat;
	margin-bottom: 0px;
}*/
#logo_en_zoeken a span {
	display: none;
}
.logo {
		float:						left;
		margin:						0 0 0 30px;
		border:						0px;
}
.zoeken {
		float:						right;
		margin:						10px 30px 0 0;
}
.zoeken_input {
		background-image:			url(images/zoeken_input-bg.png);
		background-repeat:			no-repeat;
		width:						191px;
		height:						18px;
		color:						#FFFFFF;
		border:						0px;
		font-size:					10px;
		padding:					4px 0 0 10px;
}
.zoeken_image {
		position: 					relative; 
		left: 						-5px; 
		top: 						8px;
}
/*///////////////////*/
/* 	  	Menu		 */
/*///////////////////*/
#menu {
		background:			url(images/menu-bg.png);
		background-repeat:			repeat-x;
		height:						49px;
		width:						930px;
}
#menu ul {
		list-style:					none;
		padding: 0;
		margin: 0;
}
#menu li {
		float:						left;
}
#menu li:hover, #menu li.now {
		background: #164c72 url('images/li-hover.png') repeat-x;
}

#menu li:hover a, #menu li.now a {
	background: url('images/li-hover-left.png') no-repeat;
}

#menu li:hover a span, #menu li.now a span {
	background: url('images/li-hover-right.png') no-repeat top right;
	cursor: pointer;
}

#menu li.first a span {
	padding-left: 10px;
}

#menu li.first a span {
	background: url('images/menu-lefttop.png') no-repeat;
}
#menu li.first a:hover span {
	background: url('images/menu-lefttop-hover.png') no-repeat;
}
#menu li.first a:hover {
	background: url('images/li-hover-right.png') no-repeat top right;
}

#menu li.last a span {
	padding-right: 8px;
}

#menu li.last a  span{
	background: url('images/menu-righttop.png') no-repeat top right;
}
#menu li.last a:hover span {
	background: url('images/menu-righttop-hover.png') no-repeat top right;
}
#menu li.last a:hover {
	background: url('images/li-hover-left.png') no-repeat;
}


#menu a {
display: block; 
color:						#e4f5fd;
font-weight:				bold;
text-decoration: none;
}
#menu span {
	display: block;
	width: 114px; /* 104px */
	padding: 20px 0;
	padding-bottom: 14px;
	text-align: center;
}

/* Submenu */
#submenu {
	background: url('images/submenu-bg.png') repeat-x;
	height: 39px; /* 39px */
	margin: 0;
	padding: 0;
	clear: both;
	text-align: center;
	font-size: 11px;
}

#submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	height: 32px;
}

#submenu li {
	float: left;
	border-right: 1px solid #394446;
	padding: 1px 15px;
}

#submenu li a {
	color: #FFFFFF;
	text-decoration: none;
}

#submenu li a:hover {
	text-decoration: underline;
}

#submenu li.last {
	border-right: 0px;
}

#submenu div.left {
	float: left;
	padding-left: 56px;
	background: url('images/menu-round-left.png') no-repeat;
	width: 700px;
}

#submenu div.left em {
	color: #9afe00;
	font-style: normal;
}

#submenu div.right {
	float: right;
	padding-right: 20px;
	padding-top: 7px;
	color: #FFFFFF;
	height: 32px;
	background: url('images/menu-round-right.png') no-repeat right;
	width: auto;
}

#submenu div.right .aan {
	color: #9afe00;
	font-style: normal;
}
#submenu div.right .uit {
	color: #f53c5c;
	font-style: normal;
}
#submenu div.right a {
	color: #FFFFFF;
	text-decoration: none;
}

#submenu div.right a:hover {
	text-decoration: underline;
}

/*///////////////////*/
/* 	  	Content		 */
/*///////////////////*/
#content {
		background:					#FFFFFF;
}
#links {
		float:						left;
		width:						578px;
		padding: 14px 16px;
}
#rechts {
		float:						left;
		width:						288px; /* 352px - 32px - padding */
		padding: 14px 16px;
}
.clear {
	clear: both;
	height: 1px;
}


div.blog {
	background: #ebf5fe url('images/midden-blog.png') repeat-x;
	height: 144px;
	overflow: hidden;
	margin-bottom: 13px;
}

div.blog dl {
	width: 100%;
	display: table-cell;
	margin: 0;
	padding: 0;
	background: url('images/menu-bg-left-top.png') no-repeat top left;
}

div.blog dt  {
	margin: 0;
	padding: 0;
	float: left;
	background: url('images/menu-bg-left-bottom.png') no-repeat left 83px;
	padding: 8px 11px;
	height: 144px;
	width: 435px;
}

div.blog dl dt a.titel {
	color: #ebb52e;
	font-size: 1.48em;
	font-weight: bold;
	text-decoration: none;
	padding-left: 48px;
	background: url('http://www.stoeprand.nl/templates/stoeprand/icons/Muziek.png') no-repeat 6px 2px;
	position: absolute;
	height: 36px;
	z-index: 5;
}

div.blog dl dt .metadata {
	color: #B8B8B8;
	position: relative;
	top: 7px;
	z-index: 6;
	left: 48px;
	font-size: 11px;
}

div.blog dl dt .metadata a {
	border-bottom: 1px dotted #b8b8b8;
	padding: 0;
	font-size: 1.0em;
	color: #B8B8B8;
	background: none;
	position: relative;
	text-decoration: none;
}
div.blog dl dt .metadata .icon-replies {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 16px;
	background-image: url(comments.png); 
	border-bottom: none;
	height: 15px;
}

div.blog dl dt .metadata a.icon-replies {
	font-weight: normal;
}
div.blog dl dt .metadata a:hover.icon-replies {
	font-weight: normal;
	text-decoration: underline;
}
div.blog dl dt .metadata .icon-replies strong {
	color: #B8B8B8;
}

/*div.blog dl dd {
	display: table;
	clear: both;
	margin: 0;
	vertical-align: top;
	width: 100%;
}*/


div.blog dl dd.image {
	float: right;
	width: 120px;
	margin: 0;
	postion: relative;
	padding-top: 15px;
	background: url('images/menu-bg-right-top.png') no-repeat top right;
	height: 100px;
}

div.blog div.bloghelper {
	background: url('images/menu-bg-right-bottom.png') no-repeat right 83px;
}
div.blog a.readmore {
	background: none;
	margin: 0;
	color: #000000;
	font-size: 1.0em;
	float: right;
	position: relative;
	top: -6px;
	padding-left: 8px;
	background: url('images/dot-blue.gif') no-repeat 0px 6px;
	font-weight: normal;
	text-decoration: underline
}

div.blog dl dd.image img {
	position: absolute;
	border: 2px solid #FFFFFF;
	margin-left: 10px;
}

div.bloglong {
	height: auto;
	padding: 0;
	margin-bottom: 0px;
}

div.bloglong dt  {
	background: url('images/menu-bg-left-bottom2.png') no-repeat bottom left;
	min-height: 180px;
	height: auto;
}
div.blog a {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

div.bloglong div.bloghelper {
	background: url('images/menu-bg-right-bottom2.png') no-repeat bottom right;
}
#onder h1 {
	background: none;
	font-size: 13px;
	font-weight: normal;
	color: #4d4d4d;
	display: inline;
	margin-top: -30px;
	padding: 0;
}
#onder h1 a {
	text-decoration: none;
	color: #4d4d4d;
}
#onder h1 a:hover {
	text-decoration: underline;
}
.bloglongFix {
	background: white;
	height: 1px;
	position: relative;
	top: -1px;
	width: 100%;
}
div.bloglong dt a.door {
	background: url('images/dot-black.gif') no-repeat 0px 6px;
	padding-left: 8px;
	color: #f63c5d;
	text-decoration: none;
	font-weight: bold;
}
div.bloglong dt .door {
	background: url('images/dot-black.gif') no-repeat 0px 6px;
	padding-left: 8px;
	color: #f63c5d;
	text-decoration: none;
	font-weight: bold;
}
div.bloglong dt a.wv {
	color: #555555;
	text-decoration: none;
	font-weight: bold;
}
div.bloglong dt hr {
	color: #e8f0f7;
	width: 250px;
}
div.bloglong .avater {
	padding-left: 10px;
}
/* Rechts */
#rechts {
	font-weight: bolder;
}

.account, .poll, .latest {
	padding: 0px 9px;
}

#rechts a {
	text-decoration: none;
	color: #000000;
}

#rechts a:hover {
	text-decoration: underline;
	color: #f73c5b;
}

#rechts strong a, #rechts a strong, strong {
	color: #f73c5b;
}

/* Account */
.accountImage {
	width: 100px;
	float: left;
}

.accountImage a img { 
	border: 2px solid #f53c5c;
}

.accountInfo ul {
	list-style-type: none;
}

.accountInfo ul {
	padding-left: 110px;
}
.accountInfo ul li {
	background: url('images/dot.gif') no-repeat 0px 6px;
	padding-left: 8px;
}
.accountInfo .nodot {
	background: none;
}
/* Poll */
.poll dl {
	margin: 0;
	width: 100%;
	clear: both;
}

.poll dl dt {
	float: left;
	width: 120px;
	padding-left: 6px;
	background: url('images/dot.gif') no-repeat 0px 6px;
}

.poll dl dd {
	float: right;
	width: 30px;
	padding: 0;
	margin: 0;
}

.poll dl dd.bar {
	background: #f73c5b;
	height: 10px;
	width: 1px;
	float: left;
	margin-top: 4px;
}
.bar {
	background: #f73c5b;
	height: 10px;
	width: 1px;
	float: left;
	margin-top: 4px;
}
.poll dl.first {
	margin-top: 10px;
}

.poll_extra {
	float:  right;
}

/* Latest */
.latest ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.latest ul li {
	background: url('images/dot.gif') no-repeat 0px 6px;
	padding-left: 8px;
}

.latest ul li.green {
	background: url('images/dot-green.gif') no-repeat 0px 6px;
}

.latest ul li.red {
	background: url('images/dot.gif') no-repeat 0px 6px;
}

.latest ul li.blue {
	background: url('images/dot-blue.gif') no-repeat 0px 6px;
}

.latest ul li.yellow {
	background: url('images/dot-yellow.gif') no-repeat 0px 6px;
}
/*///////////////////*/
/* 	  	Forum		 */
/*///////////////////*/
#content .forum_top {
	background: url('images/forum_top.png') no-repeat;
	width: 509px;
	height: 23px;
	margin-left: 23px;
	color: #ffffff;
}
#content .forum {
	float: left;
	margin: 4px 0 0 15px;
}
#content .forum_naam a {
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}
#content .forum_naam a:hover {
	text-decoration: underline;
}
#content .forum_naam {
	margin-left: 23px;
	background: url('images/forum_bg.png') repeat-y;
	width: 509px;
	height: 35px;
	padding-top: 5px;
}
#content .forum_naam_info {
	float: left;
	padding-left: 15px;
}
#content .topics {
	float: right;
	margin: 4px 15px 0 0;
}
#content .forum_bottom {
	background: url('images/forum_bottom.png') no-repeat;
	width: 509px;
	height: 6px;
	margin-left: 23px;
	margin-top: -1px;
	margin-bottom: 30px;
}
/*///////////////////*/
/*	  	Categorien   */
/*///////////////////*/
#content .categorie_top {
	background: url('images/forum_top.png') no-repeat;
	width: 509px;
	height: 23px;
	margin-left: 23px;
	color: #ffffff;
}
#content .categorie {
	float: left;
	margin: 4px 0 0 15px;
}
#content .categorie_naam a {
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}
#content .categorie_naam a:hover {
	text-decoration: underline;
}
#content .categorie_naam {
	margin-left: 23px;
	background: url('images/forum_bg.png') repeat-y;
	width: 509px;
	height: 35px;
	padding-top: 5px;
}
#content .categorie_plaatje {
	float: left;
	margin: 0px 10px 0 0;
	padding-left: 15px;
}
#content .categorie_naam_info {
	float: left;
	margin: 4px 15px 0 0;
	padding-left: 5px;
}
#content .aantal {
	float: left;
	margin: 4px 15px 0 0;
	padding-left: 30px;
}
#content .laatste {
	float: left;
	margin: 4px 15px 0 0;
	padding-lefT: 27px;
}
#content .categorie_bottom {
	background: url('images/forum_bottom.png') no-repeat;
	width: 509px;
	height: 6px;
	margin-left: 23px;
	margin-top: -1px;
	margin-bottom: 30px;
}
/* Footer */
#footer {
	background: url('images/footer-bg.png') repeat-x;
	height: 19px; /* 27px */
	width: 100%;
	padding-top: 8px;
	text-align: center;
	color: #073542;
	font-weight: bold;
	font-size:	10px;
}
#footer a {
	color: gray;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* Overig */
form {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.error {
		padding:							2px 2px 2px 2px;
		border: 							1px solid #A7A6AA;
		background:							#FFBECF;
		width:								500px;
		margin:								0px auto;		
}
.blockquote {
  border: 1px dotted #000000;
}
.quote {
  padding                      : 2px;
} 
#content .form label {
	font-weight: bolder;
	width: 120px;
	margin-left: 10px;
	float: left;
}

#content input {
	width: 170px;
	font-size: 13px;
}

#content input.knop {
	width: 100px;
}
#content input.file {
	width: 100%;
}
#content .melding {
	margin-left: 10px;
}
#content .melding a {
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}

#content .melding a:hover {
	color: #555555;
	font-weight: bold;
	text-decoration: underline;
}

#content label.captcha {
	margin-left: 10px;
	width: 200px;
	float: left;
}

#content input.checkb {
	width: 20px;
}
.checkbox {
	width: 5px;
}
#content table {
	padding-left: 6px;
}

#content table a{
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}
#content table a:hover {
	color: #555555;
	font-weight: bold;
	text-decoration: underline;
}
.vorige-volgende {
	margin-top: 0px;
	font-size: 0.9em;
}
.vorige-volgende a {
	font-size: 13px;
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}
.vorige-volgende a:hover {
	font-size: 13px;
	color: #555555;
	font-weight: bold;
	text-decoration: underline;
}
#admin {
	margin-left: 5px;
}
#admin a{
	color: #ababab;
	font-size: 0.9em;
	text-decoration: none;
}
#admin a:hover{
	color: #ababab;
	font-size: 0.9em;
	text-decoration: underline;
}