/* * {
	border: 1px solid black;
} */
body {
	background-image: url(./images/body_bg.gif);
	/*margin: 0px; kader dan tegen bovenkant aangeplakt*/
}

#floatingpage {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	border: 1px solid black;
	background-color: #d3d3d3;
	background-image: url(./images/topbg.gif);
	background-repeat: repeat-x;
}

#top {
	display: block;
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(./images/topimg.jpg);
	/*background-position: top center;*/ /*border: 1px solid green;*/
}

#loginout {
	padding:0;
	margin:0;
	width:100%;
	position:relative;	
	font-size:12px;
	min-height:1.3em;
}

#loginstatus {
	position:absolute;
	left:3px;
	margin: 0px;
	padding: 0px;
}

#loginstatus a {
	color:blue;
}

#logout {
	position:absolute;
	right:0px;
	margin: 0px;
	padding: 0px;
}

#logout a {
	color:red;
}

#wrap {
	/* rechterdiv schoof onder linkerdiv met menu als hij opgevuld werd. float left aan linkerkant en float right aan rechterkant met grote marge werkten niet omdat float right eerst moet komen in document flow. HTML moeilijker te lezen dan.*/
	position: relative
}

#left {
	margin: 20px 0px 0px 0px;
	width: 125px;
	float: left;
}

#menu {
	border: 1px solid black;
	background-color: #acacac;
	width: 100px;
	margin-left: 0;
	margin-bottom: 10px;
	font-size:16px; /*to prevent menu from breaking when browser uses different standard font size*/
}

#menu img {
	vertical-align: bottom;
	padding-right: 3px;
	border-style: none;
}

#menu a {
	display: block;
	text-decoration: none;
	color: black;
}

#menu a:hover {
	background-color: #efffff;
	color: #7899e4;
}

div.topbar {
	display: block;
	height: 20px;
	text-align: center;
	background-image: url(images/topbar.png);
	background-repeat: repeat-x;
	color: #ffffff;
}

div.topbarcomment {
	display: block;
	height: 20px;
	text-align: center;
	background-image: url(images/commentbar.png);
	background-repeat: repeat-x;
	color: #ffffff;
}

div.selected {
	background-color: grey;
}

#mid {
	position: absolute;
	top: 20px;
	left: 125px;
	float: right; /* door float te maken groeit main page er niet overheen ->http://netweaver.com.au/floatHouse/*/
	width: 775px;
}

#innerfield {
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom:15px;
	margin-top:15px;
	margin-left: auto;
	margin-right: auto;
	width: 725px;
	border: 1px solid black;
}

.post {
	background-color: #acacac;
	border: 1px solid black;
	margin: 0px 0px 10px 0px;
	font-size:14px;
}

.postbody {
	margin: 0px 0px 0px 0px;
	padding: 5px;
	position: relative;
}

.redtext {
	color:red;
}

.greentext {
	color:green;
}

form {
	font-size:16px;
}

form p { /* align with username / password text */
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
}

form p.con span.desc { /* CONtact */
	position:absolute;
	right:550px;
}

form p.con input {
	position:absolute;
	left:200px;
}

form p.con textarea {
	position:absolute;
	left:200px;
}

form p.com span.desc { /* COMment */
	position:absolute;
	right:600px;
}

form p.com input {
	position:absolute;
	left:200px;
}

form p.com textarea {
	position:absolute;
	left:200px;
}



img.small {
	float: left;
	padding: 6px;
	background-image: url(./images/kader.png);
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.postbody i {
	text-align:left;
	font-size:14px;
}

#newer {
	float: left;	
}

#newer a {
	color: black;	
}

#older {
	float: right;	
}

#older a {
	color: black;	
}

.commentcount {
	position: absolute;
	right: 5px;
	color: blue;
}

img.smiley {
	vertical-align:bottom;	
}

.postbody a, .postbody img {
	border: none;
	vertical-align:bottom;	
}

img.thumbnail {
	border: 1px solid black;
	margin: 1px 1px 1px 1px;
}

a.normalsize {
	margin-left: 31.5px; /* mid 775 px width, postbody 5px padding both sides. 1px border around image on both sides. */
}

a.normalsize img {
	border: 1px solid black;
}


/* #3d3d3d; voor kopjes */