/* top level html containers */
html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #033;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

/* general styling rules */
a { color: #000; text-decoration : none;}
.project_display a:hover { color: #000; }
a:hover { color: #000; }

a.contact:hover {
	color : #006666;
}

a.sitemap:hover {
	color:#014949; font-weight:bold;
}

a.project_overview {
	color:#000;
	font-weight:bold;
}

a.project_overview:hover {
	color:#000;
	font-weight:bold;
}

table, form, p { margin: 0px; padding: 0px; }
img { border: 0px; }
.colorized { background-image: url(../img/shade.png); }

/* form validation */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed {  border: 1px solid #FF3300; color : #FF3300; background : #eef; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { display : none;color: #FF3300; font-weight: bold; }
.custom-advice { display : none; color: #C8AA00; font-weight: bold; }


/* absolute centering, http://www.wpdfd.com/editorial/thebox/deadcentre4.html */
#mainframe    {
	position: absolute;
	background: #fff;
	left: 50%;
	top: 50%;
	width: 900px;
	margin-left: -450px;
	height: 435px;
	margin-top: -180px;
	text-align: left;
}

#disclaimerframe    {
	position: absolute;
	background: #fff;
	left: 50%;
	top: 50%;
	width: 500px;
	margin-left: -200px;
	height: 600px;
	margin-top: -300px;
	text-align: left;
	z-index : 99;
}

#disclaimercontent {
	position : absolute;
	top : 40px;
	left : 20px;
	width : 460px;
	height : 540px;
	overflow : auto
}

#inschrijven_form_container    {
	position: absolute;
	background: #fff;
	left: 50%;
	top: 50%;
	width: 800px;
	margin-left: -400px;
	height: 550px;
	margin-top: -300px;
	text-align: left;
	border : solid 5px #fff;
	z-index : 100;
}

#inschrijven_form {
	position : absolute;
	top : 35px;
	left : 20px;
	width : 760px;
	height : 540px;
	overflow : auto;
}

.inschrijven_page {
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 100;
}

.formfield {
	width : 200px;
}

.formlabel {
	color : #555;
	height : 30px;
	width : 200px;
}

#sportnbody_logo {
	position : absolute;
	top : -83px;
	left : 0px;
	width: 200px; 
	height : 72px;
	z-index : 2;
}

#main_menu {
	font-size: 12px;
	position : absolute;
	top : -32px;
	left : 290px;
	z-index : 3;
}

#main_menu a {
	display : inline;
	color : #066;
}
#main_menu a:hover {
	color : #fc6;
}	

.main_nav {
	float : left;
	height : 16px;
	background-color : red;
	text-align : top;
	margin-right : 10px;
}

* html a:hover{
	visibility:visible;
}

.main_nav a:hover  img {
	visibility : hidden;
}

#bottom_menu {
	position : absolute;
	top : 100%;
	right : 0%;
}
#bottom_menu a {
	height : 15px;
	color : #888;
	margin-left : 5px;
	border-right : solid 1px #888;
}

h1,.title {
	color : #066;
	font-size : 24px;
	font-weight : normal;
	margin-top : 0px;
	margin-bottom : 10px;
}

.gallery {
	border : solid 2px #fc9;
	text-align : center;
	vertical-align : center;
}

.model_gallery {
	margin-left: 10px;
	margin-right: 10px;
	width:80px;
	height:80px;	
}

.model_gallery img{
	background-color : #9cc;
}

.model_gallery  a:hover {
	color : #fc6;
}

.model_title{
	display:block;
	text-align : center;
	color : #399;
	font-size : 9px;
	width : 115px;
}

.formfield {
	width : 190px;
}

.greenlabel {
	font-weight : bold;
	padding-bottom : 3px;
	vertical-align : top;
	width : 110px;
}

.orangelabel {
	color : #006666;
}

.model_overview {
	width : 80px;
	height : 80px;
}

.model_thumb {
	width : 70px;
	height : 105px;
	margin-right : 8px;
	margin-bottom : 8px;
	border : solid 2px #fff;
	/*opacity : 0.4;
	filter:alpha(opacity=40);
	*/
}

.project_thumb {
	width : 120px;
	height : 100px;
	border : solid 5px #399;
	margin-right : 20px;
}

.vertical_bar {
	z-index : -1;
}

.link_gallery {
	overflow : auto;
	color : #fff;

}

.link_gallery_col {
	position : absolute;
	top : 0px;
	width : 150px;
}

.project_logo {
	margin-right : 8px; 
	margin-left : 8px; 
	margin-bottom : 3px;
	border : solid 1px #fff;
	/*opacity : 0.4;
	filter: alpha(opacity=40);*/
}

.scrollbar2 {
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#fff;
	scrollbar-darkshadow-color:#555;
	scrollbar-face-color:#399;
	scrollbar-highlight-color:#ff;
	scrollbar-shadow-color:#888;
}

.project_display {
	font-weight : bold;
	font-size : 20px;
	color : #888;
}

.project_display:hover {
	color : #000;
}

.inschrijven_formrow {
	vertical-align: top;
	width : 50%; 
	height : 40px;
	color : #666;
	font-size : 9px;
}

#paginasi, #paginasi a  {
	color : #399;
	font-size : 14x;
	font-weight : bold;
}

#paginasi a  {
	display : inline;
	float : left;
	border : solid 1px #399;
	margin-right : 5px;
	padding-left : 5px;
	padding-right : 5px;
	height : 16px;
	text-align : center;
	vertical-align : middle;
	z-index : 10;
}



.vertical_bar {
	z-index : 4;
}

.pointer {
	display : inline;
	width : 10px;
	height : 10px;
	background : url(../img/but_pointer_down.png) 0% 0% no-repeat;
}

.project_title {
	font-weight : bold;
	margin-left : 5px;
	color : #006666;
}
.pointer_detail {
	height : 10px;
	vertical-align : middle;
}
.pointer_detail a , .pointer_detail a :hover {
	color : #399;
}

.short_desc {
	z-index : 10;
	width :280px; 
	margin-left : 19px;
	margin-top : 5px;
}

.sex_options {
	color : #066;
}
li a {
	color : #066;
}

.contact_data {
	padding-left:8px;
}

#scrollerwrap {
	height : 350px;
	width : 18px;
	background : url(../img/bg_track.gif) repeat-y transparent;
	position : absolute;
	top : 50px;
	left : 550px;
	
}

#search_panel {
	position:absolute;
	top : 30px;
	left : 25px;
	width : 190px;
	height: 350px;
}

#scrollerwrapsearch {
	position:absolute;
	background : url(../img/bg_track.gif) repeat-y transparent;
	top : 30px;
	left : 210px;
	width : 18px;
	height: 350px;
	z-index : 20;
}

#scrollerwraptext {
	position:absolute;
	background : url(../img/bg_track.gif) repeat-y transparent;
	top : 45px;
	left : 333px;
	width : 18px;
	height: 350px;
	z-index : 20;
}

#trackthumb, #tracksearch,#tracktext  {
	position: absolute;
	width: 15px;
	height: 100%;
}

#handlerthumb, #handlersearch,#handlertext  {
	width: 15px;
	height: 37px;
}

#scrollablethumb {
	position:absolute; 
	top : 50px; 
	left : 375px; 
	width : 195px; 
	height : 350px;
}
#scrollablesearch {
	width : 190px; 
	height: 330px;  
	overflow-y: auto;
	overflow-x : hidden;
}

#scrollabletext {
	position:absolute;
	top : 75px;
	left : 25px;
	width : 300px;
	height :325px;
	overflow-x : hidden;
	overflow-y : auto;
}