
/* main css */

/* defaults */
html, body {
	width: 100%;
}

h1 {
	display: block;
	position: absolute;
	top: -500px;
	left: -1000px;
	height: 1px;
	overflow: hidden;
	font-size: 10px;
}

p {
  margin: 15px 0;
}

/* goldmember */
.goldmemberster {
	margin-left: 3px;
}

img {
	border: 0px;
}

a, a:link, a:visited {
	color: #9F0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
	list-style-type: circle;
}
ul br {
	display: none;
}

q {
	font-style: italic;
}

q:before, q:after
{
  content: "";
}

/* body */
body {
	font-family: arial, sans-serif;
	background-color: #353535;
	background-image: url(../images/backgrounds/background.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: 50% 0;
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/* yes, we actually debug on Retecool */
pre {
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 5px;
	background-color: #FFE9E9;
	font-size: 14px;
	width: 600px;
	text-align: right;
}

/* Containers */
#maincontainer {
	width: 100%;
	min-width: 990px;
}

#topadcontainer {
	background-color: #373737;
	width: 990px;
	padding-bottom: 0px;
	margin-top: 23px;
	margin-left: auto;
	margin-right: auto;
}


#contentcontainer {
	width: 990px;
	padding-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

/* header and logo */
#headerwrap {
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 990px;
	height: 200px;
	overflow: visible;
	min-width: 990px;
}

#header {
	position: relative;
	background-color: #373737;
	background-image: url(../images/headers/bombheader.jpg);
	width: 990px;
	min-width: 990px;
	height: 200px;
	overflow: visible;
}

#headerimage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 200px;
	width: 990px;
	overflow: visible;
}

#headerimagealt {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	height: 200px;
	width: 990px;
	overflow: visible;
}

#headerad {
	position: absolute;
	top: 0px;
	z-index: 3;
	height: 200px;
	width: 990px;
	overflow: visible;
}

#headerad iframe {
	position: relative;
	z-index: 4;
	width: 990px;
	height: 200px;
	margin: 0px;
	padding: 0px;
}

#retecoollogo {
	position: absolute;
	width: 298px;
	height: 99px;
	z-index: 99;
	top: 151px;
	left: 10px;
}

#retecoollogoalt {
	position: relative;
	height: 106px;
	width: 244px;
	top: 135px;
	left: 447px ;
	z-index: 25;
}

#staroverlay {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	height: 99px;
	width: 187px;
}

#headeradalt {
	position: relative;
	top: -162px;
	z-index: 2;
	height: 200px;
	width: 990px;
	overflow: visible;
}

#headeradalt object {
	margin: 0px;
	padding: 0px;
}

#staroverlayalt {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	height: 99px;
	width: 187px;
}

#skyscraperad {
	height: auto;
	width: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#skyscraperad object {
	margin: 0px;
	padding: 0px;
}

#rechtsbovenad {
	width: 336px;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
}

#rechtsbovenad object {
	margin: 0px;
	padding: 0px;
}

#rectanglead {
	width: 336px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/backgrounds/rectangle.jpg);
	background-repeat: no-repeat;
}

#upperrectangle {
	width: 336px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	display: block;
	clear: both;
	background-image: url(../images/backgrounds/rectangle.jpg);
	background-repeat: no-repeat;
}


#lowerrectangle {
	width: 336px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	display: block;
	clear: both;
	background-image: url(../images/backgrounds/rectangle.jpg);
	background-repeat: no-repeat;
}

#googleads {
	padding: 4px;
	border: 1px solid #C8C8C8;
	clear: both;
	margin-left:auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 468px;
	height: 60px;
}

#googleads iframe {
	width: 468px;
	height: 65px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	clear: both;
}

.normalbanner {
	padding: 4px;
	clear: both;
	margin-left:auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #C8C8C8;
	width: 468px;	
}

#normalbanneradiframe {
	width: 468px;	
}

#goldmemberad {
	padding: 0px;
	border: 1px solid #C8C8C8;
	clear: both;
	margin-left:auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 468px;	
	height: 60px;
}

/* freshcotton */
#freshcottonshop {
	padding: 10px;
	background-color: #d0c8bf;
}

#freshcottonshop #help {
	float: right;
	width: 354px;
}

/* footer */
#version {
	color: #CCCCCC;
	margin-top: 25px;
	clear: both;
	text-align: center;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	font-size: 8px;
}

#version img {
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

/* midbar */
#midbar {
	position: relative;
	z-index: 0;
	background-image: url(../images/midbarbackground.gif);
	background-repeat: no-repeat;
	background-color: #c2c2b9;
	width: 140px;
	min-height: 615px;
	height: auto !important;
	height: 615px;
	float: left;
	padding-bottom: 96px;
	margin-bottom: 250px;
}

#midbar .star {
	margin-left: auto;
	margin-right: auto;
	width: 18px;
	height: 19px;
}

#midbar .box {
	padding: 5px;
	margin-bottom: 15px;
}

#midbarbottom {
	margin-top: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/* lastweblogcommentslist */
#lastweblogcommentlist {
	margin: 0px;
	padding: 0px;
}

#lastweblogcommentlist .comment {
	padding: 5px;
	margin: 0px;
	margin-bottom: 5px;
	width: 120px;
	overflow: hidden;
}

#lastweblogcommentlist .comment .body {
	padding: 0px;
	font-size: 10px;
	color: #373737;
}

#lastweblogcommentlist .comment .meta {
	font-size: 9px;
	text-align: left;
}

#lastweblogcommentlist .comment a, #lastweblogcommentlist .comment a:link, #lastweblogcommentlist .comment a:visited {
	color: #9F0000;
	text-decoration: none;
}

#lastweblogcommentlist .comment a:hover {
	text-decoration: underline;
}

/* lastforumcommentslist */
#lastforumcommentlist {
	margin: 0px;
	padding: 0px;
}

#lastforumcommentlist img {
	margin-bottom: 10px;
}

#lastforumcommentlist .comment {
	padding: 5px;
	margin: 0px;
	margin-bottom: 5px;
	width: 120px;
	overflow: hidden;
}

#lastforumcommentlist .comment .body {
	padding: 0px;
	font-size: 10px;
	color: #373737;
}

#lastforumcommentlist .comment .meta {
	font-size: 9px;
	text-align: left;
}

#lastforumcommentlist .comment a, #lastforumcommentlist .comment a:link, #lastforumcommentlist .comment a:visited {
	color: #9F0000;
	text-decoration: none;
}

#lastforumcommentlist .comment a:hover {
	text-decoration: underline;
}

/* onlineusers */
#onlineusers {
	font-size: 10px;
	width: auto;
	height: auto;
}

#onlineusers img {
	margin-bottom: 5px;
}

#onlineusers .user {
	float:left;
	margin-right: 5px;
}

/* rightbar */
#rightbar {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 350px;
	float: left;
	z-index: 1;
}

#rightbar a, #rightbar a:link, #rightbar a:visited {
	color: #373737;
}

#rightbar #retecoollogo {
	position: absolute;
	width: 298px;
	height: 99px;
	top: -53px;
	left: 10px;
	z-index: 99;
}

.rightbarfix {
	position: absolute;
	z-index: 1;
	margin-bottom: 50px;
	padding-top: 63px;
	background-image: url(../images/rightbarbackground.gif);
	background-repeat: no-repeat;
	background-color: #c2c2b9;
}

#rightbar h3 {
	color: #9F0000;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	margin-left: 23px;
	padding-bottom: 4px;
	margin-top: 11px;
	letter-spacing: 0px;
	word-spacing: 0px;
	width: 320px;
	clear: both;
	margin-bottom: 5px;
}

/* goldmember */
#goldmember {
	position: relative;
	top: 0px;
	width: 326px;
	z-index: 3;
	margin-bottom: 5px;
	margin-left: 7px;
	background-color: #d8d8d1;
	font-family: arial, sans-serif;
	font-size: 11px;
	padding: 5px;
}

#goldmember h4 {
	font-size: 12px;
	color: #9F0000;
	display: block;
	margin: 0px;
}

#goldmember h4 a:hover {
	text-decoration: underline;
}

#goldmember p {
	margin: 0px;
	margin-bottom: 10px;
}

/* forumposts */
#forumposts {
	position: relative;
	top: 0px;
	width: 326px;
	z-index: 3;
	margin-bottom: 5px;
	background-color: #d8d8d1;
	font-family: arial, sans-serif;
	font-size: 11px;
	padding: 5px;
}

#forumposts h4 {
	font-size: 12px;
	color: #9F0000;
	display: block;
	margin: 0px;
}

#forumposts h4 a:hover {
	text-decoration: underline;
}

#forumposts p {
	margin: 0px;
	margin-bottom: 10px;
}

/* stellingvandedag */
#stellingvandedag {
	position: relative;
	top: 0px;
	width: 326px;
	z-index: 3;
	margin-bottom: 5px;
	background-color: #d8d8d1;
	font-family: arial, sans-serif;
	font-size: 11px;
	padding: 5px;
}

#stellingvandedag h4 {
	font-size: 11px;
	color: #373737;
	display: block;
	margin: 0px;
	font-weight: normal;
	margin-bottom: 10px;
}

#stellingvandedag h4 a {
	font-size: 12px;
	color: #373737;
	font-weight: bold;
}

#stellingvandedag h4 a:hover {
	text-decoration: underline;
}

#stellingvandedag p {
	margin: 0px;
	margin-bottom: 10px;
}

.stelling {
	margin-top: 5px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	height: 90px;
	display: block;
	margin-bottom: 3px;
	border: 1px solid #C8C8C8;
}

.stelling input {
	float: none;
	margin: 0px;
	width: auto;
	padding: 0px;
	clear: both;
	margin-bottom: 5px;
	vertical-align: middle;
}

.stelling p {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 80px;
	margin-top: 5px;
}

.stelling .small {
	font-size: 10px;
}

/* channels */
#rightbar .channelwrap {
	height: auto;
	margin-bottom: 15px;
}

#rightbar .channel {
	position: relative;
	top: 0px;
	width: 336px;
	z-index: 3;
	margin-bottom: 5px;
	margin-left: 7px;
	height: 64px;
	background-color: #d8d8d1;
	font-family: arial, sans-serif;
	font-size: 11px;
}

#rightbar .channel img {
	float: left;
}

#rightbar .channel .items {
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	display: block;
	float: none !important;
	float: left;
	display: block;
	position: relative;
	top: 0px;
	height: 42px;
	padding-left: 10px;
	overflow: hidden;
	width: 260px;
}

#rightbar .channel .items .item {
	position: absolute;
	top: 4px;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 42px;
}

#rightbar .channel .items .item h4 {
	font-size: 12px;
	margin: 0px;
	color: #9F0000;
}

h4 a, h4 a:link, h4 a:visited, h4 a:hover {
	color: #9F0000;
	text-decoration: none;
}

#rightbar .channel .items .item p {
	margin: 0px;
}

#rightbar .channel .morelink {
	position: absolute;
	bottom: 2px;
	right: 0px;
}

#rightbar .channel .morelink img {
	float: none;
}

#rightbar #linktip {
	height: 321px !important;
	height: 315px;
	overflow: hidden;
}

#rightbar #linktip .label {
	text-align: left;
	margin-left: 3px;
	height: 12px;
	overflow: hidden;
	display: block;
}

#rightbar #linktip input {
	width: 145px;
}

#rightbar #linktip textarea {
	width: 145px;
	height: 130px;
	margin-bottom: 0px;
}

#rightbar #linktip #linktipmessage {
	padding: 2px;
	padding-left: 6px;
	font-size: 10px;
}

#rightbar #linktip a {
	float: right;
	margin-right: 5px;
}

/* bottomright */
#bottomright {
	clear: right;
	width: 337px;
	margin: 0px;
	margin-left: 7px;
	margin-bottom: 5px;
	padding: 0px;
}

#bottomright #leftside {
	width: 165px;
	background-color: #d8d8d1;
	float: left;
	clear: left;
	margin-bottom: 10px;
}

#bottomright #rightside {
	width: 165px;
	background-color: #d8d8d1;
	float: left;
	margin-left: 5px;
	clear: right;
	margin-bottom: 10px;
}

#bottomright #rightside #reetvandedag {
	position: relative;
}

#reetvandedagoverlay {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 165px;
	height: 165px;
}

#reetvandedaggallery {
	width: 495px;
	margin-left: 3px;
}

.reetvandedag {
	float: left;
	display: block;
	width: 165px;
}

.reetvandedag .voting {
	margin-top: 8px;
	margin-bottom: 4px;
	text-align: center;
	width: 165px;
}

.reetvandedag p {
	margin: 2px;
	padding: 0px;
	font-size: 9px;
	width: 161px;
}

#userffvgallery {
	width: 495px;
	margin-left: 3px;
}

.userffv {
	float: left;
	display: block;
	width: 165px;
	height: 165px;
}

.userffv p {
	margin: 2px;
	padding: 0px;
	font-size: 9px;
	width: 161px;
}

.usermessage {
	margin-top: 5px;
	padding: 3px;
	margin-left: 5px;
	margin-bottom: 10px;
	border: 1px solid #C8C8C8;
	display: block;
}

/* linkdump */
#linkdump {
	position: relative;
	padding: 5px;
	height: 500px;
}

#linkdump .linkdumpitem {
	font-size: 11px;
	margin-top: 5px;
	display: block;
}

#linkdump img {
	margin-top: 10px;
	float: right;
	clear: both;
}

#linkdump img.meer {
	position: absolute;
	bottom:0px;
	right: 0px;
}

#linkdump a:visited {
	color: #666666;
}

/* tagcloud */
#tagcloud {
	clear: both;
	width: 337px;
	height: auto;
	background-color: #d8d8d1;
	padding-bottom: 10px;
	text-align: justify;
}

#tagcloud.full {
	width: 100%;
	background-color: #FFFFFF;
}

#tagcloud .tags {
	width: 327px;
	padding: 5px;
}

#tagcloud.full .tags {
	width: 960px;
	line-height: 24px;
	vertical-align: baseline;
	font-size: 10px;
	margin-left: 10px;
}

#tagcloud a.atag {
	font-size: 12px;
}

#tagcloud .tag {
	line-height: 24px;
	vertical-align: baseline;
	font-size: 10px;
	float: left;
}

#tagcloud .tag a {
	margin-left: 6px;
}

#tagcloud .tag.level1 {
	font-size: 10px;
	color: #000000;
}

#tagcloud .tag.level2 {
	font-size: 12px;
	color: #000000;
}

#tagcloud .tag.level3 {
	font-size: 14px;
	color: #000000;
}

#tagcloud .tag.level4 {
	font-size: 16px;
	color: #000000;
}

#tagcloud .tag.level5 {
	font-size: 18px;
	color: #000000;
}

#tagcloud .tag.level6 {
	font-size: 20px;
	color: #000000;
}

#tagcloud .tag.level7 {
	font-size: 22px;
	color: #000000;
}

#tagcloud img {
	margin-bottom: 5px;
}

ul.selection {
	font-size: 14px;
}

ul.selection li {
	float: left;
	list-style: none;
	margin-right: 5px;
}

/* menubar */
#menubar {
	background-color: #373737;
	margin: 0px;
	padding: 0px;
	padding-left: 28px;
	width: auto;
	height: 30px !important;
	margin-left: auto;
	margin-right: auto;
}

#menubar .rss {
	padding: 0px;
	margin: 0px;
}

#menubar .menuitem {
	width: auto;
	padding-left: 0px;
	margin-right: 34px;
	float: left;
}

#menubar #searchbar {
	margin: 0px;
	padding: 0px;
	margin-left: 13px !important;
	margin-left: 6px;
	padding-left: 2px;
	float: left;
	margin-right: 12px !important;
	margin-right: 6px;
	visibility: hidden;
}

#menubar #searchbar .searchbox {
	width: 178px;
	height: 11px;
	border: 0px;
	margin: 0px;
	padding: 4px;
	margin-top: 5px;
}

/* pagination */
#pagination {
	width: 500px;
	margin-top: 2px;
	height: 25px;
}

#pagination a.next {
	float: right;
	margin-right: 5px;
}

#pagination a.previous {
	margin-left: 5px;
}

/* forumlist */
.forumlist .forumlistitem {
	width: auto;
	margin-bottom: 5px;
	margin: 5px;
	padding: 5px;
	padding-right: 5px;	
}

.forumlistitem .titlebar {
	width: 100%;
	background-image: url(../images/starbacksmall.gif);
	background-repeat: no-repeat;
	text-indent: 18px;
}

.forumlistitem .smallstar {
	float: left;
}

.forumlistitem h3 {
	margin: 0px;
	padding: 0px;
}

.forumlistitem .title {
	float: left;
	width: 440px;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9F0000;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
	margin-top: 2px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-style: italic;
}

.forumlistitem .body {
	padding: 0px;
	padding-right: 5px;
	font-size: 13px;
	text-align: justify;
	font-family: arial, sans-serif;
	margin: 0px;
}

.forumlistitem .posts {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #595959;
	margin: 0px;
	float: right;
	text-align: right;
}

.forumlistitem .meta {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #595959;
	padding: 0px;
	margin-top: 5px;
	text-align: left;
	letter-spacing: 0px;
}

/* weblog posts */
#weblog {
	margin-left: 350px;
	width: 500px;
	float: left;
	margin-top: 2px;
}

#weblog.wide {
	width:990px;
}

#weblog .post {
	width: auto;
	margin-bottom: 15px;
	margin: 10px 5px;
	padding: 5px;
	padding-right: 5px;
}

#weblog .post a, a:link, a:visited {
	color: #9F3333;
	font-weight: bold;
}

.social {
	margin: 4px 6px 2px 0px;
}

.social img {
	margin-left: 2px;
	margin-right: 1px;
	vertical-align: middle;
}

#weblog .post .body img, #weblog .post .morebody img {
	margin-top: 5px;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 2px;
	border: 1px solid #C8C8C8;
}

#weblog .post .body img.submit {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#weblog .post .comment img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#weblog .post .postimg {
	margin-top: 5px;
	padding: 5px;
	margin-left: 5px;
	margin-bottom: 3px;
	border: 1px solid #C8C8C8;
	float: right;
}

.ffvimg {
	width: auto;
	margin-top: 5px;
	padding: 5px;
	margin-bottom: 3px;
	margin-right: 0px;
	border: 1px solid #C8C8C8;
}

#commentlist .ffvimg {
	width: auto;
	margin-top: 5px;
	padding: 5px;
	margin-bottom: 3px;
	margin-right: 0px;
	background-color: #FFFFFF;
	border: 1px solid #C8C8C8;
}

#weblog .post input.edit {
	width: 400px;
}

#weblog .post .titlebar {
	width: 100%;
	background-image: url(../images/starbacksmall.gif);
	background-repeat: no-repeat;
	text-indent: 18px;
}

#weblog .goldmemberpost .titlebar {
	background-image: url(../images/starbacksmallgoldmember.gif);
}

#weblog .post .smallstar {
	float: left;
}

#weblog .post h3 {
	margin: 0px;
	padding: 0px;
	color: #9F0000;
}

#weblog .post h6 {
	margin: 0px;
	padding: 0px;
	color: #B56E18;
}

#weblog .post .title {
	float: left;
	width: 440px;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	margin-top: 2px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-style: italic;
}

#weblog .post .body {
	padding-right: 5px;
	font-size: 13px;
	text-align: justify;
	font-family: arial, sans-serif;
	line-height: 22px;
	margin: 0px;
}

#weblog .post .morebody {
	padding-right: 5px;
	font-size: 13px;
	text-align: justify;
	font-family: arial, sans-serif;
	line-height: 22px;
	margin: 0px;
	margin-top: 10px;
}


#weblog .post .more {
	font-size: 13px;
	font-weight: bold;
}

#weblog .post .meta {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #595959;
	z-index: 9;
	position: relative;
	margin: 2px 2px 10px 0px;
	text-align: right;
	letter-spacing: 0px;
}

#weblog .post .meta .avatar {
	margin-bottom: -2px;
}

#weblog .post .zelfookzeiken {
	margin-top: 0px !important;
	margin-top: 7px;
	float: right;
	width: 103px;
}

#weblog .post .tags {
	clear: left;
	margin-top: 2px;
	float: left;
	position: relative;
	z-index: 10;
}

#weblog .post .taglist {
	clear: both;
	background-color: #E9E9EA;
	width: 468px;
	height: auto;
	padding: 5px;
}

#weblog .post .taglist a {
	margin-right: 5px;
}

.gezeikvananderen {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* comments */
#weblog .post #commentlist {
	margin-bottom: 15px;
}

#weblog .post .comment .admin {
	text-align: right;
	height: 16px;
	margin: 0px;
	padding: 0px;
}

#weblog .post .comment .admin img {
	margin: 0px;
	padding: 0px;
}

#weblog .post .comment .admin a {
	margin-right: 5px;
}

#weblog .post .comment {
	background-color: #E9E9EA;
	width: 468px;
}

#weblog .post .comment form {
	height: 350px;
}

#weblog .post .comment form textarea {
	width: 450px;
	height: 250px;
}

.comment {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto;
}

#commentlist.ffv .comment {
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	width: 473px;
	margin-bottom: 10px;
}

.ffv .comment {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	width: 473px;
}

.ffv .comment .scores {
	float: right;
	width: 100px;
	text-align: right;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	z-index: 1;
}

.fvv .comment .voting {
	float: left;
	width: 200px;
}

.veo .comment .scores {
	float: right;
	width: 100px;
	text-align: right;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	z-index: 1;
}

.fvv .comment .voting {
	float: left;
	width: 200px;
}

.comment .body {
	padding: 5px;
	overflow: hidden;
}

.comment .body q {
	margin-left: 5px;
	margin-right: 5px;
}

#weblog .post .comment .body {
	width: 458px !important;
	width: 448px;
	display: block;
}

.badcomment {
	margin: 0px;
	padding: 3px;
	font-size: 10px;
	color: #A2A2A2;
}

.comment .good {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

.comment .good img {
	margin: 0px;
	padding: 0px;
}


.badcomment a {
	color: #A2A2A2;
}

a.flush {
	color: #CCCCCC;
}

div.badcomment {
	position: relative;
	margin-bottom: 13px;
}

div.flushed {
	float: right;
	position: absolute;
	right: 0px !important;
	right: 5px;
	top: 2px !important;
	top: 1px;
	height: 15px;
	z-index: 0;
}

.badbody {
	padding: 5px;
	overflow: hidden;
	width: 453px;
	display: block;
	margin-top: 5px;
	padding-right: 10px
}

.comment .meta {
	margin: 0px;
	padding: 0px;
	position: relative;
	color: #666666;
	font-size: 11px;
	text-align: right;
	font-weight: normal;
	z-index: 1;
}

/* veoblock */
#veoblock {
	background-color: #d8d8d1;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 337px;
	margin: 0px;
	padding: 0px;
}

#veoblock #onderschrift {
	position: relative;
}

.leftarrow {
	position: absolute;
	bottom: 15px;
	left: 2px;
	display: block;
	width: 16px;
	height: 20px;
	float: left;
}

.rightarrow {
	position: absolute;
	bottom: 15px;
	right: 2px;
	display: block;
	width: 16px;
	height: 20px;
	float: right;
}

#veoblock .comment {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 295px;
	margin-left: auto;
	margin-right: auto;
}

#veoblock .comment .meta {
	margin-top: 5px;
}

#addonderschrift {
	text-align: center;
	padding: 5px;
	padding-bottom: 5px;
}

#veoblock p {
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
	clear: both;
}

#veoblock p a {
	margin-right: 15px;
	margin-left: 15px;
}

/* forms */
form {
	font-size: 9px;
	clear: right;
}

form .formwrap {
	width: 460px;
	float: left;
}

form .submit {
	margin-top: 10px;
	clear: right;
	border: 0px;
}

form img {
	border: 0px;
	padding: 0px;
}

form .message {
	clear: both;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

form .label {
	width: 160px;
	padding-top: 5px;
	display: block;
	float: left;
	text-align: right;
}

form .check {
	width: 160px;
	padding-top: 10px;
	display: block;
	float: left;
}

form br {
	clear: both;
}

input {
	margin: 5px;
	width: 115px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
}

input.option {
	width: 10px;
}

input.button {
	width: 80px;
}

input.checkbox {
	width: auto;
	vertical-align: middle;
}

textarea {
	margin: 5px;
	padding: 5px;
	width: 450px;
	height: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FDFDFD;
}

.comment textarea {
	width: 320px;
	height: 120px;
}

#veoblock form {
	text-align: right;
	width: 337px;
	display:block;
}

#veoupload {
	clear: both;
	float: none;
}

#veoupload input {
	margin-left: 20px;
	width: 225px;
}

#veoblock form img {
	margin-top: -4px;
	float: left;
}

/* buttons */
div.buttons {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	height: 20px;
}

img.button {
	float: left;
	margin-left: 10px;
	margin-right: 25px;
}

img.buttonright {
	float: right;
	margin-right: 10px;
}

/* ffv upload */
#ffvupload {
	float: none;
	clear: both;
}

#ffvupload .formpostwrap {
	width: 460px;
	font-size: 10px;
	clear: both;
}

#ffvupload input {
	width: 350px;
	height: 16px;
	padding-top: 3px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
}

#ffvupload input.button {
	width: 80px;
}

#ffvupload form img {
	float: left;
	margin-right: 25px;
}

#goldmemberupload {
	margin-top: 5px;
	margin-bottom: 15px;
	clear: both;
	display: block;
	text-align: center;
}

#goldmemberuploadform {
	clear: both;
}

#goldmemberuploadlist ul {
	text-align: left;
		margin-left: 100px;
}

#goldmemberuploadlist p {
	text-align: center;
}

#goldmemberupload img.button {
	clear: both;
	float: none;
}

#goldmemberupload input {
	float: none;
	clear: both;
	width: 380px;
	text-align: center;
}

#goldmemberuploadlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#goldmemberuploadlist li img {
	margin-right: 5px;
	margin-top: 5px;
	vertical-align: middle;
}

/* userinfo */
#userinfo {
	width: 326px;
	padding: 5px;
	background-color: #d8d8d1;
	height: auto;
	z-index: 3;
	margin-bottom: 12px;
	margin-right: 5px;
	margin-left: 7px;
	font-size: 9px;
}

#userinfo .label {
	width: 110px;
	padding-top: 7px;
}

#userinfo .label {
	width: 80px;
	text-align: right;
}

#userinfo .userinfologinwrap, #userinfo .forgotpasswordformwrap {
	width: 220px;
	float: left;
}

/* registration form */
#userinfo .registrationwrap {
	width: 220px;
	clear: both;
}

#userinfo .registrationwrap br, #userinfo .forgotpasswordformwrap br {
	clear: both;
}

#registrationform .check, #forgotpasswordform .check {
	
}

#registrationform .submit {
	margin-top: 0px;
	margin-bottom: 10px;
}

#registrationform .disclaimer {
	clear: left;
	float: left;
	width: 220px;
	font-size: 9px;
	margin-top: 10px;
}

#registrationform .option, #forgotpasswordform .option {
	font-size: 9px;
}

#userinfo .option a:link, #userinfo .option a:visited, #userinfo .option a:hover {
	font-size: 9px;
}

#userinfo .option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	margin-right: 15px;
}

/* profileform */
#profileform .label {
	width: 80px;
}

#profileform input {
	width: 360px;
}

#profileform textarea {
	width: 355px;
}

#profileform #profilemessage {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	
	margin-bottom: 15px;
}

#profileform img {
	border: 0px;
	padding: 0px;
}

/* userinfologin */
#userinfologin .option {
	float: left;
	width: auto !important;
	width: 150px;
	margin-top: 10px;
}

#userinfo_loginmessage {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: none;
	clear: both;
}

#loginmessage {
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: none;
	clear: both;
}

#sideloginformholder {
	height: 240px;
}

div#indicator
{
	padding: 10px;
	font-size: 10px;
	text-align: center;
}

.indicator {
	display: none;
}

.smallindicator {
	padding-top: 3px;
	padding-left: 3px;
	width: 7px;
	height: 10px;
	display: block;
	float: right;
}

.commentindicator {
	display: block;
	width: 100%;
	height: 10px;
	text-align: center;
}

#previewcomment {

}

#commentformholder {
	height: auto;
}

#commentformholder input.checkbox {
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: none;
	vertical-align: middle;
}

#commentformmessage {
	margin: 10px;
	text-align: center;
}

/* commentpagination */

/* pagination */
.commentpaginationwrap {
	clear: both;
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.commentpagination {
	display: block;
	margin-top: 2px;
	height: 25px;
}

.commentpagination p {
	font-size: 10px;
	margin: 0px;
	text-align: center;
	margin-bottom: 2px;
}

.commentpagination a.next {
	float: right;
	margin-right: 5px;
}

.commentpagination .divisions ul {
	width: auto;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.commentpagination .divisions li {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 15px;
	font-weight: bold;
	list-style-type: none;
}

.commentpagination a.previous {
	margin-left: 5px;
	float: left;
	margin-right: 25px;
}

/* profile */

#userprofile .label {
	width: 80px;
	font-weight: bold;
	text-align: right;
	float: left;
}

#userprofile .value {
	width: 380px;
	margin-left: 90px;
	display: block;
	clear: right;
}

/* misc */
#newage {
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	width: 970px;
	margin: 10px;
	margin-top: 30px;
	text-align: center;
}

#newage input {
	width: 200px;
	font-size: 14px;
	margin-left: 700px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display:block;

}

.clearfix2 {
	display:block;
	width: 90%;
	border: 1px solid #C8C8C8;
        background: #F6F6F6;
}


* html .clearfix {
	/* Hides from IE-mac \*/
	display: block;
	height: auto !important;
	height: 1%;
	/* End hide from IE-mac */
}

.stelling img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.breaker {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash div.title {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}

.sIFR-hasFlash h6 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 120;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 30;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

// Tooltips
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
  top:-4px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-4px;
}

#JT {
	position: absolute;
	z-index:100;
	margin-left: 5px;
	margin-right: 5px;
	border: 2px solid #9f0000;
	background-color: #9f0000;
}

#JT_close_left{
	background-color: #9f0000;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 2px;
	padding-top: 0px;
	font-weight:bold;
	color: #FFF;
}

#JT_close_right{
	background-color: #9f0000;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 2px;
	padding-top: 0px;
	font-weight:bold;
	color: #FFF;
}

.tekstlink {
	position: relative;
	top: 0px;
	width: 326px;
	z-index: 3;
	margin-bottom: 5px;
	margin-left: 7px;
	background-color: #d8d8d1;
	font-family: arial, sans-serif;
	font-size: 11px;
	padding: 5px;
}

.tekstlink a:link, .tekstlink a:visited {
	color: #000000;
	font-weight: bold;
}

.tekstlink img {
	padding: 0px;
	float: left;
	margin-right: 5px;
}

a:link.tekstlink_item_small, a:visited.tekstlink_item_small{
	font-size: 10px;
	font-weight: normal;
}

/* topnav */
#topnav {
	color:#8B8780;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:23px;
	background:transparent url(http://www.retecool.com/images/topnavbg.png) top left no-repeat;
}
#topnav a {
	color:white;
	line-height:18px;
	height:18px;
	font-size:12px;
	padding:0px 5px;
}
#topnav a:hover {
	text-decoration: none;
	color: #DD1C0B;
}





