/**
KTS: 
	Specs tekst
	Kleur tekst:	#424242
	-
	Navigatie links:
		Links		Tahoma 12 pt
		Mouseover	Tahoma 12 pt bold
		Active		Tahoma 12 pt bold
		Sub			Tahoma 11 pt
		Sub mouseo	Tahoma 11 pt bold
	-
	Vakgebieden:
		Titel		Tahoma 13 pt bold
		Branches	Tahoma 12 pt 
		Mouseover	Tahoma 12 pt bold
	
	Houd mij op de hoogte:
		Titel		Tahoma 13 pt bold
		Tekst		Tahoma 11 pt regular
		Mouseover	Tahoma 11 pt bold
		Branches	Tahoma 11 pt
		Verzend		Tahoma 12 pt bold
	-	
	Specs kleuren
		Linkerkolom, header, footer, VCU		#e2f4fd
		Vakgebieden, houd me op de hoogte		#d4effc
		Ruimte onder vakg. en houd.				#aae0fa
**/
/**
* -----------------------------------------------------------------------------------
* ktsbv.nl screen stylesheet
* Creator: A.Warnaar
* Date(mm-dd-yyyy): 03-17-2009
* -----------------------------------------------------------------------------------
*/
*
{
    padding: 0px;
    margin: 0px;
}
.end
	{
		clear:both;
	}

/**
* -----------------------------------------------------------------------------------
* General settings
* -----------------------------------------------------------------------------------
*/
html
{
    font-family: Tahoma;
    font-size: 11px;
    color: #424242;
    background-color: #ffffff;

}

#container
{
    width: 923px;
    margin-left: auto;
    margin-right: auto;
    min-height: 595px;
    _height: 595px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    background-color:#d4effc;
}

/**
* -----------------------------------------------------------------------------------
* Header element
* -----------------------------------------------------------------------------------
*/
#header-top
	{
		width:923px;
		height:50px;
		background-color:#e2f4fd;
		border-top:20px;
		border-bottom:solid 7px #FFFFFF;
	}
#header-top #header_menu
		{
			width:400px;
			height:50px;
			position:absolute;
			top:0px;
			right:0px;
			padding:15px;
			text-align:right;
		}
#header-top #header_menu a
	{
		font-family:Tahoma;
		font-size:13px;
		font-weight:bold;
		color:#424242;
		text-decoration: none;		
	}
#header
	{
		width:780px;
		height:348px;
		border-left:solid 7px #FFFFFF;
		border-bottom:solid 7px #FFFFFF;
		float:right;
		position:relative;
	}

	#header img
		{
			
		}
	#header a:hover, #header a.active
	{
	    text-decoration: none;
	}
	
	#header #header_title
		{
			width:787px;
			height:48px;
			margin-left:-7px;
			margin-top:45px;
			z-index:10;
			position:absolute;
			background-image:url("../assets/images/balk.png");
		}
	
	#flashheader
		{
			position:absolute;
			top:180px;
			right:0px;
		}
	#headerh
	{
		position:absolute;
		top:0px;
		right:0px;
	}

/**
* -----------------------------------------------------------------------------------
* Left menu element
* -----------------------------------------------------------------------------------
*/

#left_colom
	{
		width:124px;
		height:100%;
		float:left;
		
	}

#left_menu
	{
		padding-left:8px;
		padding-top:10px;
		min-height: 470px;
    	_height: 470px;
	}

#left_menu strong a
	{
		font-family:Tahoma;
		font-size:12px;
		font-weight:normal;
		color:#424242;
		text-decoration: none;
		margin-left:-5px;
		padding-left:10px;
	}
#left_menu strong a:hover, #left_menu strong .activeitem 
	{ /*hover state CSS*/
		color: #232d52;
		font-weight:bold;
		background-image:url("../assets/images/arrow.gif");
		background-repeat: no-repeat;
		background-position: 0px 1px; 
		margin-left:-5px;
		padding-left:10px;
	}
#left_menu ul 
	{
	list-style:none;
		padding-top:0px;
		padding-bottom: 0px; /*bottom spacing between menu items*/
		margin:0px;
		margin-bottom:5px;
	}
#left_menu ul li a
	{
		margin-left:5px;
		line-height:13px;
		width:110px;
		display:block;
	}	

#left_menu ul li a
	{
		color: #232d52;
		padding-left: 11px; 
		text-decoration: none;
		font-size: 10px;
	}

#left_menuul li a:visited
	{
		color: #232d52;
	}

.activeitem ,
	 #left_menu ul li a:hover ,
	 .colom_content ul li a:hover,
	 #top_row strong a:hover
	{ /*hover & active state */
		font-weight:bold;
		background-image:url("../assets/images/arrow.gif");
		background-repeat: no-repeat;
		background-position: 1px 1px; 
	}
#logo
	{
		width:136px;
		height:128px;
		background-image:url("../assets/images/logo_header_left.png");
	}
	

/**
* -----------------------------------------------------------------------------------
* Content element
* -----------------------------------------------------------------------------------
*/
#content
{
	width:780px;
	height:100%;
	/*margin-left:6px;*/
	min-height:200px;
	_height:200px;
	line-height: 18px;
	font-size: 11px;
	float:right;
	border-left:solid 7px #FFFFFF;
	background-color:#ffffff;
}
	#top_row
	{
		width:750px;
		height:auto;
		padding:15px;
		border-bottom:solid 7px #FFFFFF;
		background-color: #FFFFFF;
		float:right;
	}
	
	#top_row strong a
	{
		margin-left:-5px;
		padding-left:10px;
		list-style:none;
		font-size:12px;
		color:#424242;
		
	}
	#top_row strong a {
		text-decoration:none;
	}

	#top_row a
		font-size:12px;
		color:#424242;
		}
	
	#top_row ul
	{
		margin-left:25px;
	}


	#top_row  h1
	{
		font-size:14px;
		line-height:20px;
	}
	
	 .colom_content
	 {
	 	position:relative;
	 	padding:15px;
	 	font-size:12px;
	 }
	.colom_content a
	 {
	 	margin-left:-5px;
		padding-left:10px;
		list-style:none;
		font-size:12px;
		color:#424242;
		text-decoration:none;

	 }
	#content #col_left
	{
		width: 240px;
		_height: 285px;
		min-height:285px;
		float:right;
		background-color:#AAE0FA;
		border-right:solid 7px #FFFFFF;
	}
	#content #col_left ul li
	{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	#content #col_center
		{
		width: 165px;
		_height: 285px;
		min-height:285px;
		position:relative;
		float:right;
		background-color:#E2F4FD;
		border-right:solid 7px #FFFFFF; 
		}
	#content #col_center .certificate
	{
		width:92px;
		height:92px;
		position:absolute;
		bottom:20px;
		left:36px;
	}
	
	#content #col_right
	{
		width: 360px;
		_height: 285px;
		min-height:285px;
		float:right;
		background-color:#AAE0FA;
	}	
	#content #col_right
	{
		list-style-type: square !important;
	}
	#content #col_right ul li 
	{
		margin-left:10px;
	}
	#content .col_bar
	 {
	 	width:100%;
	 	height:30px;
	 	top:0px;
	 	left:0px;
	 	display:block;
	 	background-color:#D4EFFC;
	 	font-size:13px;
	 	font-weight:bold;
	 	line-height:30px;
	 	text-indent:15px;
	 	/*vertical-align:center;*/
	 	
	 }
 a img
	 {
	 	border:0px;
	 }

/**
* -----------------------------------------------------------------------------------
* feedback
* -----------------------------------------------------------------------------------
*/
/*****
* Specified changes for KTSbv.nl
* Feedback will be set correctly in the container
*****/
.script_feedback_error
{

    width:100% - 2px;
}

.script_feedback_confirm
{

	 width:100% -2px;
}

.script_feedback_warning
{

	 width:100% -2px;
}

.script_feedback_confirm ul,
.script_feedback_warning ul,
.script_feedback_error ul
{
    margin-left: 15px;
}

.script_feedback_error
{
    display: block;
    border: 1px solid #ffffff;
    background-color: #ffe5e5;
    color: red;
    margin-bottom: 5px;
    width: 98%;
}

.script_feedback_confirm
{
    display: block;
    border: 1px solid #578e01;
    background-color: #e5fcc2;
    color: #578e01;
    padding: 1%;
    margin-bottom: 5px;
    width: 98%;
}

.script_feedback_warning
{
    display: block;
    border: 1px solid #ff6102;
    background-color: #ffe6c3;
    color: #ff6102;
    padding: 1%;
    margin-bottom: 5px;
    width: 98%;
}

.script_feedback_confirm li,
.script_feedback_warning li,
.script_feedback_error li
{
    list-style: none;
    margin-left: 25px;
    margin-bottom: 3px;
    display: block;
}

.script_feedback_confirm li img,
.script_feedback_warning li img,
.script_feedback_error li img
{
    margin-left: -25px;
    margin-bottom: -2px;
    padding-right: 9px;
}

.script_feedback_confirm h3,
.script_feedback_warning h3,
.script_feedback_error h3
{
    color: #788275;
    margin-top: 0px;
    font-size: 15px;
}
/**
* -----------------------------------------------------------------------------------
* Form elemsnts settings
* -----------------------------------------------------------------------------------
*/
input,
textarea,
select, .field
{
    border:1px solid #000000;
    padding: 1px;
    margin: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

optgroup
{
    padding: 1px;
    margin: 1px;	
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;	
}

input.button
{
    border:1px solid #ffffff;
    background-color: #788275;
    color: white;
    font-weight: bold;
}

input.wp_button
{
    border:1px solid #2e2e2e;
    background-color: #024F7B;
    color: white;
    font-weight: bold;
}
.radio
	{
		border:none !important;
		margin:2px !important;
	}
.checkbox
	{
		border:none !important;
		margin:2px ;
	}
	
.hobbys
	{
		display:none; 
	}
/**
* -----------------------------------------------------------------------------------
* Table elemsnts settings ( inc Forms )
* -----------------------------------------------------------------------------------
*/
.tr_style_0 {
	background-color:#FFFFFF ;
}
.tr_style_0_red, .tr_style_1_red
{
	background-color: #FBBDBD;
}
.tr_style_1 {
	background-color: #e2f4fd;
}
.tr_style_over {
	background-color:#AAE0FA  ;
}
.inputcomment
{
    color: #333333;
}

.requiredLabel
{
    color: red;
}

.requiredInput
{
    background-color: #faafaf;
    border: 1px solid #ffffff;
}

.requiredTd
{
    background-color: #faafaf;
    border: 1px solid #ffffff;
}

/**
* -----------------------------------------------------------------------------------
* Footer element
* -----------------------------------------------------------------------------------
*/
#footer
{
    width: 923px;
    height: 54px;
    margin-top:7px;
    margin-left:auto;
    margin-right:auto;
    background-color:#d4effc;
}


.vacancy ul li
{
	margin-left:15px;
}
.webparking
{
	width:120px;
	margin-top:-33px;
	text-align:center;
	font-size:9px;
	color:#AAE0FA;
	position:absolute;
}
.webparking a {
	color:#86AEF9;
	text-decoration:none;
	}
