/* zi-modx-1 - An open source xhtml/css website template by Zaigham Rana - site: http://ziworks.com , blog: http://zidesigns.com. Free to use in any way and for any purpose as long as the proper credits are given to the original designer. */


/* HTML & Body
------------------------------------------------ */


* { margin: 0; padding: 0;}

html {
	height: 95%;
	margin-bottom: 1px;
	font-size: 100%;
	}

body {
	font: 75%/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	cursor: default;
	margin-top: 0x;
	}

/* Headers and Paragraphs:
------------------------------------------------ */
#wrap h2, h3, h4, h5, h6 {
	font-family:  Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.1em;
    padding-bottom: 3px;
	margin: 10px 0 5px 0;
}
h4, h5, h6 {
    line-height: 1.3em;
    border: 0;
	margin: 5px 0 3px 0;
}

#wrap 
h2 { font-size: 135%; font-weight: bold; padding-bottom: 4px;}
h3 { font-size: 130%; border-width: 1px }
h4 { font-size: 118%; }
h5 { font-size: 100%; font-weight: bold; }
h6 { font-size: 86%; font-weight: bold; }
p { margin: 10px 0 10px 0; }


hr {border: 1px dotted #F47E24;}


/* Layout
------------------------------------------------ */
#wrap {
	width: 780px;
	margin: 0 auto;
	}

#header {
	background: url(SKS.jpg) no-repeat;
	height: 125px;
	margin: 0;
	padding: 0;
}

#header_oranje {
	background-color: #F47E24;
	height: 125px;
	margin: 0;
	padding: 0;
}

#zoek {
	float: right;
	text-align: left;
	margin: 0;
	border: 0px;
}
	
#info {
		width: 780px;
		overflow: auto;
	}

#flashhome {
	clear:both;
		border: solid 0px #000;
		width: 100%;
		height:  100%;
		float: center;
		margin: 0px 0px;
	}
	
#flashcontent {
	clear:both;
		border: solid 0px #000;
		width: 780px;
		height: 50px;
		float: center;
		margin: 0px 0px;
	}
#contentwide {
	width: 410px;
	float: right;
	margin-top: 25px;
	}

#leftside {
	width: 340px;
	float: left;
	padding-left: 0px;
	margin-top: 25px;
	}

#contentwide_middel {
	width: 275px;
	float: right;
	margin-top: 25px;
	}

#leftside_middel {
	width: 490px;
	float: left;
	padding-left: 0px;
	margin-top: 25px;
	}

#contentwide_br {
	width: 750px;
	float: right;
	margin-top: 25px;
	}

#leftside_br {
	width: 750px;
	float: left;
	padding-left: 0px;
	margin-top: 25px;
	}

.vacature{
	padding:10px;
	width:370px;
	color: #FFFFFF;
	background:#C40006;
	font: 12px/16px Verdana;
}
#iso{
	background:#FFFFFF;
}


#footer {
	clear: both;
	margin-top: 5px;
	border-bottom: 1px dotted #555;
}

#footer #andreas {display: none;}
#footer #zi {display: inline !important;}

#disclaimer {
	float: right;
	clear: both;
	margin-top: 5px;
}

#disclaimer a {
	color: #CCCCCC;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
	}
#disclaimer a:link, a:visited {
	color: #F47E24;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
	}
#disclaimer a:hover {
	color: #555555;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
	}	

/* Content styling
------------------------------------------------ */
#contentwide ul, #contentwide li, #contentfull ul, #contentfull li {
	margin-left: 15px;
	list-style-type: none;
}

#contentwide li, #contentfull li {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
}	
a {
	color: #F47E24;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
}
a:link, a:visited {
	color: #F47E24;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
}	
a:hover {
	color: #555555;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
}	
	
p a {
	color: #F47E24;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
}
p a:link, a:visited {
	color: #F47E24;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
}

p a:hover {
	color: #555555;
	background: none;
	text-decoration: none;
	border-color:#F47E24 ;
}	

/* Misc.
------------------------------------------------ */


abbr, acronym {
	cursor: help;
	border-bottom: 1px solid #666;
}

.about {
	font-size: 80%;
}

#modxicon { 
	margin-top: -3.5em !important;
}

.fout{
	color: #fc2200;
}

.zoektekst {
	color: #333333;
	font-weight: bold;
}

/* Zoeken Ajax 
------------------------------------------------------------------------------- */
#ajaxSearch_form {
	background: #FFFFFF;
	width: 0;
	border: 0px;
}

#ajaxSearch_input {
	width: 212px;
	display: inline;
	font-size: 1em;
	height: 17px;
	border: 0px;
	margin: 0;
	vertical-align: top;
	background-color: #84B84C;
	text-align: left;
	padding: 3px 0 0 3px;
	color: white;
	line-height: 17px;
 }

#ajaxSearch_submit {
	width: 0px;
	display: inline;
	border: 0px;
	height: 17px;
	line-height: 17px;
	background: #FFFFFF;
}

#ajaxSearch_output {
	border: 0px;
	padding: 10px;
	background: #fff;
	display: block;
	height: auto;
	width: 200px;
	vertical-align: top;
}
        
.AS_ajax_result {
	color: #444;
	margin-bottom: 3px;
}

.AS_ajax_resultLink {
	text-decoration: underline;
}

.AS_ajax_resultDescription{
	color: #555;
}

.AS_ajax_more {
	color: #555;
}


/* Forms 
------------------------------------------------------------------------------- */
.cssform p{
	width: 200px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 150px; /*width of left column containing the label elements*/
	height: 1%;
	border-top: 1px dotted gray;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -150px; /*width of left column*/
	height: 22px;
	width: 90px; /*width of labels. Should be smaller than left column (200px) to create some right margin*/
}

.cssform labelbalk{
	background:#E1E1E1;
	margin-left: -150px; /*width of left column*/
	margin-top: -5px; /*width of left column*/
	padding-top: 5px; /*width of left column*/
	padding-left: 5px; /*width of left column*/
	margin-right: -5px; /*width of left column*/
	font-weight: bold;
	float: left;
	height: 22px;
	width: 345px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform labeltextarea{
	background:#FFF;
	padding-left: -5px; /*width of left column*/
	margin-left: -195px; /*width of left column*/
	margin-top: -5px; /*width of left column*/
	padding-top: 5px; /*width of left column*/
	margin-bottom: 5px; /*width of left column*/
	font-weight: bold;
	float: left;
	height: auto;
	width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

/* Forms Breed
------------------------------------------------------------------------------- */
.cssform_br p{
	width: 315px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 250px; /*width of left column containing the label elements*/
	height: 1%;
	border-top: 1px dotted gray;
}

.cssform_br p_br{
	width: 100px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 300px; /*width of left column containing the label elements*/
	height: 1%;
}

.cssform_br label{
	font-weight: bold;
	float: left;
	margin-left: -250px; /*width of left column*/
	height: 22px;
	width: 200px; /*width of labels. Should be smaller than left column (200px) to create some right margin*/
}

.cssform_br labelbalk{
	background:#E1E1E1;
	margin-left: -250px; /*width of left column*/
	margin-top: -5px; /*width of left column*/
	padding-top: 5px; /*width of left column*/
	padding-left: 5px; /*width of left column*/
	margin-right: -5px; /*width of left column*/
	font-weight: bold;
	float: left;
	height: 22px;
	width: 560px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform_br labeltextarea{
	background:#FFF;
	padding-left: -5px; /*width of left column*/
	margin-left: -195px; /*width of left column*/
	margin-top: -5px; /*width of left column*/
	padding-top: 5px; /*width of left column*/
	margin-bottom: 5px; /*width of left column*/
	font-weight: bold;
	float: left;
	height: auto;
	width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform_br input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

/* Forms middel
------------------------------------------------------------------------------- */
.cssform_middel p{
	width: 200px;
	clear: left;
	margin: 0;
	padding: 5px 0 0px 0;
	padding-left: 250px; /*width of left column containing the label elements*/
	height: 1%;
	border-top: 1px dotted gray;
}

.cssform_middel p_br{
	width: 100px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 300px; /*width of left column containing the label elements*/
	height: 1%;
}

.cssform_middel label{
	font-weight: bold;
	float: left;
	margin-left: -250px; /*width of left column*/
	height: 22px;
	width: 200px; /*width of labels. Should be smaller than left column (200px) to create some right margin*/
}

.cssform_middel labelbalk{
	background:#E1E1E1;
	margin-left: -250px; /*width of left column*/
	margin-top: -5px; /*width of left column*/
	padding-top: 5px; /*width of left column*/
	padding-left: 5px; /*width of left column*/
	margin-right: -5px; /*width of left column*/
	font-weight: bold;
	float: left;
	height: 22px;
	width: 445px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform_middel labeltextarea{
	background:#FFF;
	padding-left: -5px; /*width of left column*/
	margin-left: -195px; /*width of left column*/
	margin-top: -5px; /*width of left column*/
	padding-top: 5px; /*width of left column*/
	margin-bottom: 5px; /*width of left column*/
	font-weight: bold;
	float: left;
	height: auto;
	width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform_middel input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}