/*
* Created: 2008-09-25
*/

/* Style reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 	{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus 	{outline: 0;}
body 	{line-height: 1; color: black; background: white;font-size:62.5%;}
ol, ul 	{list-style: none;}
table 	{border-collapse: separate; border-spacing: 0;}
caption, th, td 	{text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after 	{content: "";}
blockquote, q 	{quotes: "" "";}
/* End style reset */

ul.kwalificaties {
	list-style: none;
	padding-left: 15px;
	text-indent: 0em;
	width: 440px;
}

ul.kwalificaties li ul {
	list-style: circle;
	margin-left: 0;
	padding-left: 15px;
	text-indent: 0em;
}

.clear {
	clear: both;
}
/* Info tooltips */ 
div.info { 
	width: 250px; 
	background-color: #ececec; 
	border: 1px solid #575c64; 
	padding: 10px; 
} 
p {
	color:#333333;
	font-size:1em;
	line-height:1.5em;
	margin-bottom: 5px;
}

img {
	border: 0px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a:link				{ color: #ff5c64; text-decoration: none; }
a:visited			{ color: #ff5c64; text-decoration: none; }
a:active			{ color: #ff5c64; text-decoration: none; }
a:hover				{ color: #ff5c64; text-decoration: underline; }

a:link.menu			{ color: #575c64; text-decoration: none; font-weight: bold; }
a:visited.menu		{ color: #575c64; text-decoration: none; font-weight: bold; }
a:active.menu		{ color: #575c64; text-decoration: none; font-weight: bold; }
a:hover.menu		{ color: #ffffff; text-decoration: none; font-weight: bold; }

a:link.underline		{ color: #575c64; text-decoration: underline; }
a:visited.underline		{ color: #575c64; text-decoration: underline; }
a:active.underline		{ color: #575c64; text-decoration: underline; }
a:hover.underline		{ color: #575c64; text-decoration: none; }

body {
	background-color: #ececec;	
}
	
body, input, textarea, select, button, table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #575c64;
}

input, textarea, select, button {
	font-size: 110%;
}

body, table, {
	font-size: 62.5%;
	line-height: 15px;
}

div#logo {
	height: 58px;
	background: url(../images/achtergrond.jpg) #ffffff center no-repeat;
}

div#navigation {
	position: absolute;
	z-index: 20;
	height: 34px;
	width: 800px;
	text-align: center;
	margin: -34px 0 0 0;
}

div#navigation div a {
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	float: left;
	height: 34px;
	height: 24px !important;
	padding-top: 10px;
}

div#home a {
	width: 199px;
	background: url(../images/knop_home.jpg) no-repeat center;
}

div#home a:hover {
	background-image: url(../images/knop_home_hover.jpg);
}
    	
div#home a.selected {
	background-image: url(../images/knop_home_hover.jpg);
}
	
div#zoeken a {
	width: 201px;
	background: url(../images/nieuweknoppen/knop_zoeken.jpg) no-repeat center;
}

div#zoeken a:hover {
	background-image: url(../images/nieuweknoppen/knop_zoeken_hover.jpg);
}
			
div#zoeken a.selected {
	background-image: url(../images/nieuweknoppen/knop_zoeken_hover.jpg);
}
			
div#over_deze_site a  {
	width: 200px;
	background: url(../images/nieuweknoppen/knop_over_deze_site.jpg) no-repeat center;
}

div#over_deze_site a:hover {
	background-image: url(../images/nieuweknoppen/knop_over_deze_site_hover.jpg);
}
		
div#over_deze_site a.selected  {
	background-image: url(../images/nieuweknoppen/knop_over_deze_site_hover.jpg);
}
	
div#leerbedrijf a {
	width: 199px;
	background: url(../images/nieuweknoppen/knop_leerbedrijf.jpg) no-repeat center;
}

div#leerbedrijf a:hover {
	background-image: url(../images/nieuweknoppen/knop_leerbedrijf_hover.jpg);
}
			
div#leerbedrijf a.selected {
	background-image: url(../images/nieuweknoppen/knop_leerbedrijf_hover.jpg);
}
			
div#leerling a {
	width: 202px;
	background: url(../images/nieuweknoppen/knop_leerling.jpg) no-repeat center;
}

div#leerling a:hover {
	background-image: url(../images/nieuweknoppen/knop_leerling_hover.jpg);
}
			
div#leerling a.selected {
	background-image: url(../images/nieuweknoppen/knop_leerling_hover.jpg);
}
	
div#container {
	margin: auto;
	width: 800px;
	text-align: left;
	background: #ffffff;
}

div#header {
	height: 127px;
}

h1 {
	border-bottom:1px solid #4F668A;
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:0;
	padding-bottom:5px;
	padding-left:0;
	padding-top:13px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 10px;
	color: #000;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

div#content {
	padding: 10px 30px 10px 30px;
}

.searchlabel {
	padding: 5px 5px 0 0;

}

div#search {
	float: left; 
	width: 375px;
}

div#search_title {
	float: left; 
	width: 390px;
}

div#search_form {
	float: left; 
	width: 390px; 
	padding: 20px 0 0 0;
}

div.search_adress {
	float: left; 
	width: 275px; 
	width: 255px !important; 
	padding: 0 0 10px 20px;
	background: url(../images/search_line.jpg) no-repeat bottom ;
}

div.search_adress_img {
	float: left;
	width: 100px; 
	text-align: center;
}
 
div.search_spacer {
	float: left;
	height: 10px; 
	width: 370px;
}

div#search_map {
	float: left;	
	width: 365px; 
	height: 20px; 
	text-align: center;
}

div#details {
	float: left; 
	width: 530px;
}

div#details_title {
	width: 390px; 
	float: left;
}

div#details_logo {
	float: left;
	width: 140px; 
	padding: 20px 0 0 0
}

div#details_content {
	clear: both; 
	padding: 10px 30px 0 30px;
}

div#details_form {
	width: 500px; 
	padding: 10px 0 10px 0;
}

div#details_img {
	float: left; 
	width: 250px; 
	text-align: center; 
	padding: 20px 0 0 0;
}

div.details_top {
	height: 34px;
	background: url(../images/details_top.jpg) left no-repeat;
}

div.detail_content {
	background: url(../images/details_background.jpg) left repeat-y;
}

div.detail_bottom {
	height: 34px;
	background: url(../images/details_bottom.jpg) left no-repeat;
}

span.detaillabel {
	text-align: right; 
	width: 135px;
	margin: 0 15px 10px 0;
	padding-left: 5px;
	display: block;
	float: left;
}

div.form {
	width: 740px;
	padding: 10px 0 10px 0;
}

div.form_up {
	height: 34px;
	background: url(../images/formulier_boven.jpg) left no-repeat;
}

div.form_content {
	background: url(../images/formulier_achtergrond.jpg) left repeat-y;
}

div.form_content_search {
	background: url(../images/formulier_achtergrond.jpg) left repeat-y;
}

div.form_content div {
	clear: both;
} 

div.form_bottom {
	height: 34px;
	background: url(../images/formulier_onder.jpg) left no-repeat;
}

label.text, span.fakelabel { 
	text-align: right; 
	width: 265px;
	margin: 0 15px 3px 0;
	padding-left: 5px;
	display: block;
	float: left;
	vertical-align: top;
}

span {
	display: block;
	float: left;
}

input, textarea, select {
	margin: 0 0 15px 0; 
}

input[type=text], input[type=password], textarea { 
	float: left;
	width: 250px;
}
		
div#footer {
	clear: both;
	padding: 3px 0 3px 0;
	background-color: #ececec;
}

input.autocomplete-loading
{
	background-image:url(images/autocomplete.gif);
	background-position: center right;
	background-repeat:no-repeat;
}

ul.autocomplete {
	position: absolute;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid ButtonShadow;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #000;
	display:none;
	z-index:1000;
}

ul.autocomplete li {
	display: block; 
	padding: 0.3em; 
	overflow: hidden;
	width: 100%;
	cursor:pointer;
}

ul.autocomplete li.selected {
	background-color: Highlight ; 
	color: #fff;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]  {
	background-color: #aaaaaa;
}