/* ------------------------------------------------------- 

	general stylesheet  /  www.ridefortheroses.nl
	
	development by

	tableaux
	www.tableaux.nl
	
	oktober 2008

---------------------------------------------------------- */


/* ------------------------------------------------------------- body */
html {
	height:100%;
}
body {
	margin:0 auto;
	padding:0px;
	height:100%;
	background:url(../images/structure/background.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#ECECEC;
	}
	

/* ------------------------------------------------------------- center */
div#center {
	position: relative;
	margin:0px auto;
	width: 990px;
}

div#topbar{
	position: relative;
	width: 990px;
	height: 61px;
	background-image:url(../images/structure/bgtopbar.gif);
	background-repeat: no-repeat;
}

div#searchbar{
	position: relative;
	width: 990px;
	height: 111px;
	background-image:url(../images/structure/bgsearchbar.gif);

}

div#logo{
	position: relative;	
	width: 210px;
	height: 85px;
	margin-left: 38px;
	float: left;
	display: inline;
}

div#menubar{
	overflow:auto;
	width: 990px;
	height: 187px;
	overflow:hidden;
}

div#menu{
	position: relative;
	background-color: #f7a900;
	width: 248px;
	height: 187px;
	float: left;
}

div#headerphoto{
	background-color: #477309;
	width: 742px;
	height: 187px;
	float: left;
}



div#header{
	
	width: 742px;
	height: 162px;
	margin-top: 25px;
	
	
}

div#contentbar{
	position: relative;
	width: 990px;
}

div#content{
	position: relative;
	width: 742px;
	margin-left: 248px;
}

div#contentinner{
	margin: 35px;
	position: relative;
}

div#searchform{
	position: relative;
	width: 670px;
	height: 86px;
	float: left;
	margin-top:24px;
	
	margin-left: 35px;
	
}

div#searchstep1{
	position: relative;
	float: left;
	height: 86px;
	width: 205px;
}

div#searchstep2{
	position: relative;
	float: left;
	height: 86px;
	width: 291px;
}

div#searchstep3{
	position: relative;
	float: left;
	height:86px;
	width: 173px;
}

div#titlestep1{
	position: relative;
}

div#inputstep1{
	position: relative;
	background-image: url(../images/structure/input1.gif);
	width: 195px;
	height: 27px;
	overflow: hidden;
	margin-top: 3px;
}

div#inputstep1 input{
	position: relative;
	margin: 5px;
	padding: 0;
	border: 0;
	width: 180px;
	outline: none;
}

div#infostep1{
	position: relative;
	margin-top: 3px;
}

div#titlestep2{
	position: relative;
	color: #FFFFFF;
}

div#inputstep2{
	position: relative;
	background-image: url(../images/structure/input2.gif);
	width: 281px;
	height: 27px;
	overflow: hidden;
	margin-top: 3px;
}

div#inputstep2 input{
	position: relative;
	margin: 5px;
	padding: 0;
	border: 0;
	width: 266px;
	outline: none;
	background: none;
}

div#infostep2{
	position: relative;
	margin-top: 3px;
}

div#inputstep3{
	position: relative;
	background-image: url(../images/structure/input3.gif);
	width: 168px;
	height: 27px;
	margin-top: 23px;
	z-index:10; 
}

div#searchbutton{
	position: relative;
	margin-top: 10px;
	cursor: pointer;
	display:inline;
	z-index:1;
	display: block;
}

div#searchstep2.disabled{
	opacity: .5;
}

div#searchstep2.disabled, div#searchstep2.disabled div#inputstep2, div#searchstep2.disabled div#titlestep2, div#searchstep2.disabled div#infostep2{
	filter: alpha(opacity=50);
}

div#searchstep3.disabled div#inputstep3 {
	opacity: .5;
	filter: alpha(opacity=50);
}

form{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
}

div#combicontent{
	position: relative;	
	float: left;
	width: 248px;
	height: 20px;
}

div#combitable{
	position: relative;
	float: left;
	width: 742px;
}

div#contenttable{
	position: relative;
	margin: 25px;	
}

div#tablehead{
	position: relative;
	width: 940px;
	overflow: auto;
}

div#tableheadvacature{
	position: relative;
	width: 692px;
	overflow: auto;
}

div#tabletitle{
	position: relative;
	float: left;
	width: 335px;
}

div#tabletitlevacature{
	position: relative;
	float: left;
	width: 500px;
}

div#tabletitleinner{
	position: relative;
	margin: 13px;
}

div#tablenavigation{
	position: relative;
	float: left;
	width: 395px;
}

div#tablenavigationinner{
	position: relative;
	margin: 13px;	
	margin-top: 19px;
}

div#tableindex{
	position: relative;
	float: left;
	width: 210px;
}

div#tableindexvacature{
	position: relative;
	float: left;
	width: 175px;
}

div#tableindexinner{
	position: relative;
	margin: 13px;	
	margin-top: 19px;	
}

div#tablecontent{
	position: relative;
	margin-top: 15px;
}

div.row_even{
	position: relative;
	width: 950px;
	height: 50px;
	background-color: #FFFFFF;
	overflow: hidden;
}

div.row_evenvacature{
	position: relative;
	width: 692px;
	height: 50px;
	background-color: #FFFFFF;
	overflow: hidden;
}

div.row_odd{
	position: relative;
	width: 950px;
	height: 50px;
	background-color: #f5f5f5;
	overflow: hidden;
}

div.row_oddvacature{
	position: relative;
	width: 692px;
	height: 50px;
	background-color: #f5f5f5;
	overflow: hidden;
}

div.rowtitle{
	position: relative;
	float: left;
	width: 335px;
}

div.rowtitlevacature{
	position: relative;
	float: left;
	width: 220px;
}

div.rowtitleinner{
	position: relative;
	margin: 6px;
	margin-left: 15px;
}

div.rowadres{
	position: relative;
	float: left;
	width: 395px;	
}

div.rowadresvacature{
	position: relative;
	float: left;
	width: 280px;	
}

div.rowadresinner{
	position: relative;
	margin: 6px;
	margin-left: 10px;	
}

div.rowphone{
	position: relative;
	float: left;
	width: 150px;
}

div.rowphonevacature{
	position: relative;
	float: left;
	width: 190px;
}

div.rowphoneinner{
	position: relative;
	margin: 6px;
	margin-left: 10px;
}

div.rowicon{
	position: relative;
	float: left;
	width: 60px;
}

div.rowiconinner{
	position: relative;
	margin: 17px;
	margin-left: 30px;
}

div#profielfotos{
	height:114px;
	width:722px;
	overflow:hidden;
}
.profielfoto{
	height:114px;

	float:left;
}
div#profieltitel{
	clear:both;
}
div#profielomschrijving,div#profielomschrijving * {
	color:#5D5D5D;
}
div#profielwijziging{
	color:#5D5D5D;
}
div#profielback{
	height:30px;
	margin-top:30px;
}