/* @group Essentials */

/* -------------------------------------------------------------- 
  
   Brand Repubic CSS Framework

   * Template	:		NMa
   * Auteur		:		Jurre-Jan Smit
   * Versie		:   	1
   * Datum		:		(10 - 06 - 08)
   
 -------------------------------------------------------------- */

/* @group Importeer de library */

@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

@import "lib/plugins/tabs.css";

@import "lib/plugins/ul_menu.css";

/* @end */

body,html
			{
			margin : 0 ;
			padding : 0 ;
			color : #333333 ;
			}

/* @group anchors */

a
			{
			color : #00f ;
			}


a.current
			{
			color : #00f ;
			}

a.current:hover
			{
			text-decoration : none ;
			color : #0f0 ;
			}

/* @end */

#container
			{
			float : left ;
			width : 100% ;
			min-width : 1000px ;
			margin : 0 ;
			padding : 0 ;
			background : url(../images/bg_left.png) no-repeat fixed;
			border-bottom : 2px solid #cff0fc ;
			}
* html #container
{
background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.werkenbijdenma.nl/templates/assets/images/bg_left.png", sizingMethod="crop");
} 

/*

@end

 */

/* @group Head */

/* @group menu */

div#menu
			{
			width : 100% ;
			float : left ;
			margin-top : 200px ;
			margin-bottom:20px;
			height : 26px;
			background : #00aeef;
			}
div#menu .tabs {
			margin-left : 20px ;
			}
div#menu .tabs li
			{
			margin:5px 10px 0 0;
			}
div#menu .tabs li a
			{
			font-weight : bold ;
			color : #ccf2ff ;
			text-transform : none ;
			padding-right:10px;
			height : 16px ;
			border-right : 2px solid #7dd2ef ;
			line-height : 16px ;
			font-size: 13px;
			}
div#menu .tabs li.current a
			{
			color : #fff; 
			}
div#menu .tabs li:last-child a
			{
			border:none ;
			}

div#surrepad {
display:none;
visibility:hidden;
}

/* @end */

#head
			{
			width : 100% ;
			height :  ;
			margin : 0 0 30px 0;
			}

#headimg img
			{
			position:absolute;
			top : 103px;
			left : 0px;
			z-index : -100;		
			}
*html #headimg img
			{
			position:absolute;
			top : 123px;
			left : 0px;
			z-index : -100;		
			}

h1
			{
			margin : 0 ;
			padding : 0 ;
			}

h2
			{
			margin : 0 ;
			padding : 0 ;
			}



/* @end */

/* @group Content */

/* @group Linker Kolom */

#column_left .extra a:link{
text-decoration: none;
}

#column_left
			{
			width : 230px ;
			height:390px;
			padding : 0 20px 0 20px ;
			float:left;
			}

#column_left .extra{
	width: 180px;
	overflow-x: hidden;
}

#column_left h3
			{
			margin-top : 10px ;
			}

#column_left ul
			{
			list-style-type : none ;
			margin : 0 ;
			font-size : 11px ;
			width : 165px ;
			line-height : 24px ;
			overflow: hidden;	
			}

#column_left ul a
			{
			color : #003e7e ;
			background : url(../images/2px_groove.gif) repeat-x left bottom ;
			display : block ;
			width : 165px ;
			}

#column_left ul .menu-expand li
			{
			margin : 0 5px
			}

#column_left ul .menu-expand
			{
			background : url(../images/2px_groove.gif) repeat-x left bottom
			}

#column_left ul .menu-expand.menu-current a
			{
			background:none ;
			font-weight:bold ;
			}

#column_left ul .menu-expand.menu-current li a
			{
				background : none ;
				font-weight:normal;

			}

/* @end */

/* @group Rechter Kolom */
ul li{

			font-size: 11px;
}


/* @group Medewerkers */

.home_medewerkers
			{
			width : 620px ;
			margin : 10px ;
			clear : left ;
			float : left ;
			display : inline ;

			}

.home_medewerkers ul
			{
			margin : 0 ;
			padding : 0 0 20px 0 ;
			float : left ;
			display : inline ;
			clear : both ;
			list-style : none ;

			width:100%;
			}

.home_medewerkers ul li
			{
			width : 180px ;
			float : left ;
			clear : none ;
			display : inline ;
			background : url(../images/corner.gif) left top no-repeat ;
			padding : 15px 0 0 15px ;
			margin : 0 0 0 5px ;
			}

.home_medewerkers ul li img
			{
			float : left ;
			clear : none ;
			display : inline ;
			padding : 0 10px 10px 0 ;
			}

#content .home_medewerkers ul li p
			{
			font-size : 9px ;
			line-height : 14px ;
			}

.home_medewerkers ul li a
			{
			float : right ;
			font-size : 10px ;
			color :#003e7e ;
			padding-right : 15px ;
			background : url(../images/arrow.gif) no-repeat right center ;
			}

/* @end */

#column_right
			{
			position:relative;
			width : 660px ;
			padding:0 20px 0px 0;
			float : left ;
			}

#column_right form
			{
			margin : 0 0 10px 0
			}

#column_right form
			{
			margin : 0 0 10px 0
			}
			


#column_right form div
			{
			color : #003e7e;
			font-weight:normal;
			display:block ;
			margin: 2px 0 5px 0;
			}

#column_right form label.captcha
			{
			height : 60px;
			}

#column_right form label.captcha input
			{
			position:relative;
			top : 25px;
			}

#column_right form .radio_label
			{
			padding : 0 5px;
			}

#column_right form div span
			{
			display:inline-block ;
			width : 200px;
			}

.home_textarea
			{
			width : 350px ;
			margin : 10px 30px 10px 10px ;
			float : left ;
			clear : left  ;
			display : inline ;
			
			}

#blok_rechts{
position: absolute;
top: 10px;
left: 400px;
width: 250px;
height: 200px;
}


.vac_actions
			{
			width : 230px ;
			margin : 10px ;

			}

#content .home_textarea p, .vac_textarea p
			{
			font-size : 11px ;
			line-height : 16px ;
			text-align : left ;

			color : #003e7e ;
			width : 100% ;
			
			}
.vac_textarea ul{
			color : #003e7e;
			line-height:20px;
			
			}

.vac_textarea img{
margin-right: 10px;
margin-bottom: 5px;
}

/* @end */

#content
			{
			float : left ;
			clear : both ;
			width:100%;
		
			}

#content h2
			{
			font-size : 16px ;
			}

#content h3
			{
			text-transform : ;
			font-size : 18px ;
			line-height : 20px;
			color : #003e7e ;
			}

#content h4
			{
			text-transform : ;
			font-size : 14px ;
			line-height : 20px;
			color : #003e7e ;
			}


/* @end */

/* @group Footer */

#footer
			{
			padding : 0px 0 ;
			float : left;
			clear : both ;
			width : 100% ;
			background : ;
			}

div.stage
			{
			width : 180px ;
			position:relative;
			left : 340px

			}

/* @end */

/* @group Replaced Text */

/* Zet hier je images die je als background image hebt geplaatst met text weg-ge-indent (text-indent:-9999;) */

h1.logo a
			{
			display : inline ;
			width : 127px ;
			height : 51px ;
			text-indent : -999px ;
			background : url(../images/logo.gif) no-repeat center center ;
			margin : 30px 35px 0px ;
			float : left ;
			}

h2.logo a
			{
			display : inline ;
			width : 313px ;
			height : 21px ;
			text-indent : -999px ;
			background : url(../images/logo_full.gif) no-repeat center center ;
			margin : 67px 0 0 30px ;
			float : left ;
			}

div.stage a
			{
			display : block ;
			width : 200px ;
			height : 49px ;
			text-indent : -999px ;
			background : url(../images/stage_sticker.jpg) no-repeat center top ;
			margin : 0 ;
			padding : 0 ;
			float : left ;
			}

/* @end */



div.vacature{
	border-bottom:1px solid #CCC;
	height:22px;
	padding:5px 0 0 0;
}

.vac_title{
	overflow : hidden ;
	margin-right : 10px ;
}

.vac_department{
	overflow: hidden;
}

.vac_place{
}

.vacature a{
	color:#003e7e;
	text-decoration:none;
}

.vacature a:hover{
	color:#00aeef;
	text-decoration:underline;
}

div#vacature_footer a{
	display:inline-block;
	color:#003e7e;
	text-decoration:none;
	width : 30%;
}

div#vacature_footer a:hover{
	color:#003e7e;
	text-decoration:none;
}

.vac_textarea{
			position:relative;
			}

div#vac_nav{
			padding : 10px 0 0 0;
			}

div#vac_nav span{
			width :;
			position : absolute;	
			font-weight:bold ;	
			}

div#vac_nav span a{
			color :	#003e7e;		
			}

div#vac_nav span.back{
			left:0px;
			}

div#vac_nav span.status{
			display : block;
			left : 200px;
			width : 300px;
			text-align:center;
			font-weight:normal ;
			color : #999;
			}

div#vac_nav span.next{
			right : 0px;
			}
.description{
			cursor:help;
			color : inherit;
			text-decoration: none ;
			border-bottom: 1px dotted;
			}

.description:hover{
			cursor:help;
			color : inherit;
			text-decoration: none ;
			border-bottom: none;
			}
			
ul#collegas{
			float : left ;
			clear : both ;
			margin : 0;
			padding:0;
			list-style:none;
			}

ul#collegas li{
			float : left ;
			margin : 0;
			padding:0;
			width:310px;
			padding:15px 5px 15px 15px;
			background : url(../images/corner.gif) no-repeat;
			line-height : 16px;
			}

ul#collegas a{
				font-size : 10px;
				color : #333;
				line-height : 14px;
				}

ul#collegas a img{
				float : left ;
				}
				
* html #menu a, * html #column_left a{
			position:relative;
			z-index : 100;
			
			}
			
#column_left a{
			display : block ;
			line-height : 14px ;
			padding:5px 0
			}