/* Stefan Jongejan - Sjongejan.eu */
* {
	margin:				0px;
	padding:			0px;
}

body {
	background-image:	url('/img/background.png');
	background-color:	#FFFFFF;
	background-repeat:	repeat-x;
	font-family:		Tahoma;
	font-size:			10pt;
	margin:				10px;
}

a {
	color:				#000000;
}

a:hover {
	text-decoration:	none;
}

.header {
	width:				1000px;
	height:				85px;
	margin:				0 auto;
}

.header #picturesdump {
	font-size:			36pt;
	color:				#00619f;
	min-width:			267px;
	height:				61px;
	position:			absolute;
	margin-top:			22px;
	padding:			1px;
}

.header #menu {
	height:				20px;
	width:				533px;
	float:				right;
	margin-top:			65px;
	margin-right:		200px;
	color:				#FFFFFF;
	font-weight:		bold;
	font-size:			8pt;
}

.header #menu li {
	background-color:	#a4d9d8;
	height:				17px;
	list-style:			none;
	float:				right;
	padding-top:		3px;
	padding-left:		5px;
	padding-right:		5px;
	margin-left:		4px;
}

.header #menu a {
	color:				#FFFFFF;
	text-decoration:	none;
}

.header #menu a:hover {
	text-decoration:	underline;
}

.header #login_profile {
	width:				177px;
	height:				78px;
	overflow:			hidden;
	position:			absolute;
	margin-left:		823px;
}

.header #login_profile input[type=text] {
	width:				152px;
	height:				17px;
	border:				1px solid #000000;
	padding-left:		18px;
	padding-top:		1px;
	background-image:	url('/img/user.png');
	background-repeat:	no-repeat;
	background-position:1px;
}

.header #login_profile input[type=password] {
	width:				152px;
	height:				17px;
	border:				1px solid #000000;
	padding-left:		18px;
	padding-top:		1px;
	background-image:	url('/img/key.png');
	background-repeat:	no-repeat;
	background-position:1px;
}

.header #login_profile input[type=submit] {
	background-image:	url('/img/login.png');
	height:				22px;
	width:				62px;
	border:				1px solid #4a95c9;
	float:				right;
}

.content {
	background-color:	#f4fafa;
	width:				1000px;
	min-height:			500px;
	border:				1px solid #b7d8ed;
	margin:				0 auto;
	overflow:			auto;
}

.content #left {
	width:				799px;
	min-height: 		500px;
	border-right:		1px solid #b7d8ed;
	float:				left;
	font-size:			8pt;
	padding-bottom:		10px;
}

.content #left h3 {
	padding:			5px;
	padding-bottom:		0px;
	color:				#63caff;
	font-size:			12pt;
}

.content #left p {
	padding:			10px;
	padding-top:		5px;
}

.content #left table {
	margin:				10px;
	margin-top:			5px;
}

.content #left #context {
	width:			395px;
	height:			395px;
	float: 			left;
}

.content #left #upload {
	width:			395px;
	height:			395px;
	float: 			right;
}

.content #left #album {
	list-style: 	none; 
	float: 			left; 
	padding-left:	10px; 
	padding-top: 	10px;
	width:			120px;
	height:			140px;
	text-align:		center;
}

.content #left #profile {
	min-width:		700px;
	min-height:		50px;
	margin:			10px;
}

.content #left #profile #avatar {
	min-width:		10px;
	min-height:		10px;
	float:			left;
}

.content #left #profile #avatar img {
	border:			5px solid #089592;
}

.content #left #profile #user_content {
	float:			left;
	min-width:		200px;
	min-height:		200px;
	margin-left:	30px;
}

.content #left #profile #user_content li {
	list-style:		none;
	min-height:		14px;
	width:			400px;
	padding:		4px;
	padding-left:	10px;
}

.content #left #profile #user_content #top {
	background: 	#3cbebc;
	font-weight:	bold;
	margin-top:		10px;
}

.content #left input[type=text]{
	border:			1px solid #b7d8ed;
}

.content #left input[type=password]{
	border:			1px solid #b7d8ed;
}

.content #left input[type=file]{
	background:		#ffffff;
	border:			1px solid #b7d8ed;
}

.content #left select {
	border:			1px solid #b7d8ed;
}

.content #left textarea {
	border:			1px solid #b7d8ed;
}

.content #left #login {
	background-image:	url('/img/login.png');
	height:				22px;
	width:				62px;
	border:				1px solid #4a95c9;
	float:				right;
}

.content #left #uploaden {
	background-image:	url('/img/uploaden.png');
	height:				22px;
	width:				72px;
	border:				1px solid #4a95c9;
	float:				right;
}

.content #left #veranderen {
	background-image:	url('/img/veranderen.png');
	height:				22px;
	width:				72px;
	border:				1px solid #4a95c9;
	float:				right;
}

.content #left #versturen {
	background-image:	url('/img/versturen.png');
	height:				22px;
	width:				72px;
	border:				1px solid #4a95c9;
	float:				right;
}

.content #left #zoeken {
	background-image:	url('/img/zoeken.png');
	height:				22px;
	width:				72px;
	border:				1px solid #4a95c9;
	float:				right;
}

.content #left #voorbeeld {
	background-image:	url('/img/voorbeeld.png');
	height:				22px;
	width:				72px;
	border:				1px solid #4a95c9;
	float:				right;
	margin-right:		5px;
}

.content #left #register_submit {
	background-image:	url('/img/register_disabled.png');
	height:				22px;
	width:				72px;
	border:				1px solid #4a95c9;
	float:				right;
}

.content #right {
	width:				200px;
	min-height:			500px;
	float:				left;
}

.content #right h3 {
	padding:			5px;
	color:				#63caff;
	text-align:			center;
	font-size:			12pt;
}

.content #right li {
	background-image:	url('/img/recent_topic.png');
	width:				175px;
	height:				18px;
	padding-left:		25px;
	padding-top:		2px;
	list-style:			none;
	border-top:			1px solid #b7d8ed;
	font-size:			8pt;
}

.content #right #last {
	border-bottom:		1px solid #b7d8ed;
}

.bottom_menu {
	width:				1002px;
	height:				20px;
	margin:				0 auto;
	color:				#FFFFFF;
	font-weight:		bold;
	font-size:			8pt;
}

.bottom_menu li {
	background-color:	#a4d9d8;
	height:				17px;
	list-style:			none;
	float:				left;
	padding-top:		3px;
	padding-left:		5px;
	padding-right:		5px;
	margin-right:		4px;
}

.bottom_menu a {
	color:				#FFFFFF;
	text-decoration:	none;
}

.botom_menu a:hover {
	text-decoration:	underline;
}

.footer {
	width:				1000px;
	height:				20px;
	margin:				0 auto;
	color:				#a2a2a2;
	font-size:			8pt;
}

.footer p {
	padding-top:		5px;
}

#hide {
	width:				100%;
	height:				17px;
	text-align:			center;
	font-size:			8pt;
	color:				#a2a2a2;
	position: 			absolute;
	top:				0px;
	left:				0px;
	border-bottom:		1px solid #b5b4b4;
	background:			#f1eded;
	padding-top:		3px;
}