body {
		    background: #ffffff url(bg.jpg);
	        background-repeat: repeat-x;
	        background-position: top center;
			font: .8em "Arial", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
			text-align: center;
			color: #333;
	margin:10px auto 0px;
		}
		
		h1 {
			font-size: 2em;
			padding: 0;
			margin: 0;
		}

		h4 {
			font-size: 1em;
			font-weight: bold;
		}
		
		form {
			width: 32em;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
		}

		fieldset {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		a {
			color: #09c;
			text-decoration: none;
			font-weight: bold;
		}

		a:visited {
			color: #07a;
		}

		a:hover {
			color: #c30;
		}

		.error, .success {
			font-size: 1.2em;
			font-weight: bold;
		}
		
		.error {
			color: #c30;
		}
		
		.success {
			color: #333;
		}

		.example {
			color: #333;
			text-align: left;
		}

		.buttons a, .buttons button {

			float:center;
			margin:0 7px 0 0;
			background-color:#f5f5f5;
			border:1px solid #dedede;
			border-top:1px solid #eee;
			border-left:1px solid #eee;
			font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			font-size:100%;
			line-height:130%;
			text-decoration:none;
			font-weight:bold;
			color:#565656;
			cursor:pointer;
			padding:5px 10px 6px 7px; /* Links */
		}

		.buttons button {
			width:auto;
			overflow:visible;
			padding:4px 10px 3px 7px; /* IE6 */
		}

		.buttons button[type] {
			padding:5px 10px 5px 7px; /* Firefox */
			line-height:17px; /* Safari */
		}

			*:first-child+html button[type]{
			padding:4px 10px 3px 7px; /* IE7 */
		}

		.buttons button img, .buttons a img{
			margin:0 3px -3px 0 !important;
			padding:0;
			border:none;
			width:16px;
			height:50px;
		}
		
				top_icons{
			margin:20px  20px;
			padding:0;

		}


		/* neutral */
		button:hover, .buttons a:hover{
			background-color:#eee;
			border:1px solid #ccc;
			color:#333;
		}

		.buttons a:active{
			background-color:#eee;
			border:1px solid #ccc;
			color:#333;
		}


		/* positive */
		button.positive, .buttons a.positive{
			color:#09c;
		}

		.buttons a.positive:hover, button.positive:hover{
			background-color:#7fcce5;
			border:1px solid #ccc;
			color:#333;
		}

		.buttons a.positive:active{
			background-color:#7fcce5;
			border:1px solid #ccc;
			color:#333;
		}


		/* negative */
		.buttons a.negative, button.negative{
			color:#c30;
		}

		.buttons a.negative:hover, button.negative:hover{
			background:#e5997f;
			border:1px solid #ccc;
			color:#333;
		}

		.buttons a.negative:active{
			background-color:#e5997f;
			border:1px solid #ccc;
			color:#333;
		}


		/* textbox */
		.textbox {
			font-size: 2em;
			border: 1px solid #dedede;
			background-color: #f5f5f5;
			color:#333;
		}

		.textbox:focus {
			border: 1px solid #dedede;
			background-color: #ffffff;
			color:#333;
		}

		/* textbox final */
		.finaltextbox {
			border: 1px solid #ccc;
			background-color: #eee;
			color:#333;
		}

		.finaltextbox:focus {
			border: 1px solid #ccc;
			background-color: #7fcce5;
			color:#333;
		}
		
		.bigtext {
            font-size: 12pt;
			border: 1px solid #dedede;
			background-color: #f5f5f5;
			color:#333;
        }





/************************************************
*	TOPBAR									*
************************************************/



#topbar{	
	background-image:url(http://basvanderploeg.nl/images/bar_bg.jpg);
	background-repeat:repeat-x;
	height:40px;

}
#topbar_container{
	width:983px;
	margin:0 auto 0 auto;
}
.topbar_selected{
	/*margin:0 -6px 0 -6px;*/
}
.topbar_item{
	float:left;
	margin-right:2px;
}
#topbar_username{
	margin-top:5px;
	font-family:Arial;
	font-size:14px;
	line-height:35px;
	height:35px;
	color:#d1d1d2;
	background-image:url(http://basvanderploeg.nl/images/username_bg.jpg);
}
#topbar_username a{
	font-weight:Bold;
	color:#fff;
}
#topbar_user{
	width:318px;
	text-align:right;
	float:right;
}
#login{
	width:308px;
	position:absolute;
	top:40px;
	z-index:40;	
}
#login_chunk{
	padding:0px 10px 0 10px;
	width:288px;
	background:#535353;
}
#login_forgot{
	line-height:16px;padding-top:8px;
	float:left;
}
#login_forgot a{
	font-size:11px;
	color:#d5d5d5;
}
#login_form{
	margin-top:5px;
	float:left;
	background-color:#535353;
}
#login_button{
	float:left;
	width:45px;
}
#login_form_label{
	line-height:20px;
	float:left;
	font-size:11px;
	margin-right:4px;
	color:#d5d5d5;
}
#login_form_element{
	margin-right:5px;
	line-height:20px;
	float:left;
}
#login_form_element input{
	font-size:11px;
	width:100px;
}
#joindesc{
	position:absolute;
	top:40px;
	z-index:50;	
	width:144px;
}
#joindesc ul{
	margin:0;padding:0;
	padding-left:1em;
}
#joindesc li{
	margin:0;padding:0;
	
}

#ie_warning {
    padding: 5px 10px;
    margin: 0px;
    background-color: #f26c4f;
    color: #fff;
    display: none;
}
#ie_warning h1 {
    font-size: 36px;
    width: 100px;
    float: left;
}
#ie_warning p {
    top: 5px;
    left: 5px;
    position: relative;
}
#ie_warning a {
    color: #ffff00;
}
#ie_warning h1, #ie_warning p {
    margin: 0px;
    padding: 0px;
}
* html #ie_warning {
    display: block;
}
.float_right{float:right;}
.m_r_10{margin-right:10px;}