/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size:2em; font-family:Arial, Helvetica, sans-serif; margin:8px 8px 8px 0px; padding:0; border-bottom:1px solid #333; }
h2 { font-size:30px; font-family:Arial, Helvetica, sans-serif; margin:8px 8px 8px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #333;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin:1em 0 1em 0; color:#FC0; text-align:center; border:1px outset #FC0; padding:2px; clear:both;}
h5 { font-size: 12px; font-weight: normal; border:1px dashed #333; padding:10px; margin:0;}
h6 { font-size: 12px; font-weight: normal; border:1px dashed #333; padding:3px 0px 3px 10px; margin:0; }
hr { clear:both; margin:8px 30px 3px 0px; color:#FC0;}

/* Form elements
-------------------------------------------------------------- */


/* Text elements
-------------------------------------------------------------- */
.nav 	    { color:#FC0; font-size:12px;}

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { border:0px; padding:4px;}
img.none    { padding:0;}

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color:#F60; }
a           { text-decoration: underline; color:#FC0;}

a.nav       { color:#FC0; font-size:12px; text-decoration:none;}
a.nav:hover { color:#FC0; font-size:12px; text-decoration:underline;}

a.link      { text-decoration:underline; color:#F90;}
a.link:hover{ text-decoration:none; color:#F30;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

p.omschrijving { border:1px outset #FC0; padding:5px; font-style:italic;}

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { font-weight: bold; }
td      { }
th,td   { padding: 2px 10px 2px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }


/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 

.body_table_td { font-size:12px; border-bottom:thin solid #333;}
#enquete_tabel { text-align:center;}

/* Buttons
-------------------------------------------------------------- */
a.boldbuttons{
	cursor:pointer;
	background: transparent url('../img/roundedge-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: #FC0; /*button text color*/
}

a.boldbuttons span{
	background: transparent url('../img/roundedge-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	color: #FC0
}

a:hover.boldbuttons{ /* Hover state CSS */
	
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

/* Menu's 
-------------------------------------------------------------- */
#bladiebla{
	float:right;	
}

#headerContainer{
	float:right;
	padding:5px 8px 0 0;
}

#headerMenu{
	float:left;
	font-size:12px;
	color:#F90;
}

#headerMenu a {
	font-size:12px;
	color:#F90;
	text-decoration:none;
}

#headerLogin{
	clear:both;
	float:right;
	margin-top:3px;
	border:1px outset #FC0;
	width:165px;
	height:90px;
	background-image: url('../img/login_bg2.png');
	text-align:center;
}

#bottomMenu{
	padding-top: 15px;
	margin-left: 400px; 
	font-size:11px;
	color:#D26900;
	line-height:16px;
}
#bottomMenu a {
	font-size:11px;
	color:#D26900;
	text-decoration:none;
}
#bottomMenu span {
	margin-left:60px;
}
#headerLoggedin{
	float:left;
	font-size:12px;
	color:#FC0;
}

#headerLoggedin a{
	text-decoration:none;
}

/* Content 
-------------------------------------------------------------- */

#contentInleiding{
	font-style:italic;
	padding-bottom:25px;
	font-size:13px;
	line-height:18px;
}
#contentText{
	font-size:13px;
	line-height:18px;
}

/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* Profile classes
-------------------------------------------------------------- */
.profile_tr{
	font-size:12px;
	cursor:pointer;
}
.profile_tr_new{
	font-size:12px;
	cursor:pointer;
	background-color:#222;	
}
.profile_tr:hover{
	background-color:#232323;
}

.profile_td{
	border-bottom:1px dashed #806600;
}
.profileContainer{
	clear:both;
}
.profileDiv{
	cursor:pointer;
	margin:2px;
	float:left;
	width:24%;
	height:180px;
	text-align:center;
	border:1px dashed #806600;
}
.profileDiv:hover{
	border:1px dashed #F30;
}
.profileDiv img{
	position:absolute;
	margin-top:20px;
	margin-left:-60px;
	clip: rect(0px 120px 120px 0px); 
}
.profileDivName{
	padding-top:130px;	
}
#profiletools{
	border:1px outset #806600;
	width:145px;
}
#profileTitle{
	float:left;
	margin-bottom:15px;
}
#profileTable{
	//margin-top:4px;	

}
#profileStatus{
	margin-left:17px;
	
}
#editImage{
	padding-top:3px;
}
#deleteImage{
	float:left; 
	padding-top:40px; 
	width:230px; 
	text-align:center;
}
#deleteImage a{
	text-decoration: none;
	color:#FC0;
}
#profileStatus img{
	margin-bottom:-7px;
}
.statusTekst{
	padding-bottom:2px;	
}
#skinButtons{
	padding-left:257px;
	padding-top:15px;
	float:left;
}
#skinButtons img{
	border:1px outset #FC0;
	height:21px;
	margin-left:3px;
}
#skinButtons img:hover{
	border:1px outset #F30;
	height:21px;
	margin-left:3px;
}
#backButton{
	margin-left:310px;
	margin-top:15px;
	float:left;
}
#backButton a{
	color:#FC0;
	text-decoration:none;
	font-weight:bold;
	font-size:17px;
}
#backButton2{
	padding-left:635px;
	padding-top:15px;
	float:left;
}
#backButton2 a{
	color:#FC0;
	text-decoration:none;
	font-weight:bold;
	font-size:17px;
}
#backButton3{
	padding-left:585px;
	padding-top:33px;
	float:left;
	border-bottom:1px solid #333;
}
#backButton3 a{
	color:#FC0;
	text-decoration:none;
	font-weight:normal;
}
#profileFoto{
	width:22%;
	float:left;	
}
#profileFoto img{
	padding:10px;
}
#profileTekst{
	width:76%;
	float:left;	
	padding:4px;
	text-align:justify;
}
.firstTD{
	width:20%;
	vertical-align:top;
	border-bottom:1px dashed #806600;
}
.secondTD{
	width: 55%;
	border-bottom:1px dashed #806600;	
}
.thirdTD{
	width:5%;	
	border-bottom:1px dashed #806600;
}
.thirdTD2{
	width:7%;	
}
.message_info{
	font-size:12px;
}
.message_infoTD{
	width:15%;	
}
.messages_box{
	float:right; 
	padding-bottom:5px;
}	
.messages_box a{
	text-decoration:none;
	font-weight:300;
}
/* Some default classes
-------------------------------------------------------------- */
#logo_home{
	position:absolute;
	top:70px;
	left:25px;
	width:270px;
	height:110px;
	z-index:999;
	cursor:pointer;
}

#headerButtons{
	position:relative;
	left:330px; 
	bottom:60px;
	width:550px;
}

#noScript{
	height:96%;
	width:99%;
	position:fixed;
	z-index:99;
	color:#000;
	font-size:40px;
	text-align:center;
	padding-top:15px;
	opacity: .5;
	filter: alpha(opacity=50);
}

#button {
	float:right;
	margin-right:140px;
	width:150px;
}
#mainTabelLogin {
	width:900px;
	height:100px;
}

.firstTD2 {
	width:20%;
}

.textInput {
	width:100%;
	color:#FC0;
	border:1px solid #FC0;
	background-color:#333;
}
.textInput2 {
	width:93%;
	color:#FC0;
	border:1px solid #FC0;
	background-color:#333;
}
.textInput3 {
	margin:4px;
	width:93%;
	color:#FC0;
	border:1px outset #FC0;
	background-color:#333;	
	text-align:center;
}
#wijzigButton{
	float:right;
	margin-top:10px;
	margin-right:-5px;
}
#button_container{
	border-top:1px solid #FC0;
	border-bottom:1px solid #FC0;
	padding-bottom:20px;
	padding-top:20px;
}

#register_btn{
	margin-left:35px;
	//margin-left:25px;
	margin-right:72px;
	float:left;
}

#enquete_btn{
	margin-left:35px;
	//margin-left:25px;
	margin-right:72px;
	float:left;
}

#login_btn{	
	float:left;
	margin-right:72px;
}

#logout_btn{
	float:left;	
	margin-right:72px;
}
#profiles_btn{
	float:left;
	margin-right:72px;
}

#info_container{
	width:100%;
	margin-top:10px;
}

#profile_bg{
	background-image: url('../img/profiles_bg.png');	
	background-repeat:no-repeat;
	background-position:bottom;
	width:251px;
	height:200px;
	//height:220px;
}

#profielen_info{
	float:left;
	margin-left:10px;
	margin-right:3%;
	width:253px;
}

#ingelogd_info{
	float:left;
	width:253px;
	margin-right:3%;
}

#games_info{
	float:left;
	width:253px;
}

#sponsor_info{
	clear:both;
	float:right;
}

.changeImage{
	width:108px;
	height:58px;
	overflow:hidden;
	margin-top:19px;
	border:1px solid #DD2700;
}

#sponsorIMG{
	margin:35px 0px 0px 10px;
	width: 175px; 
	height: 80px; 	
}