/* @group • Essentials */

/* Brand Repubic CSS Framework
/* Template: ONE RECRUITMENT */

/* Author:Jurre-Jan Smit*/

/* Version: 2.0 */

/* Date:14 - 11 - 08*/

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

/* Preferable editor: CSSEdit */

/* @group Library */

/*Reset browser defaults*/

@import "../../assets/css_framework/lib/reset.css";

/*Setting some decent font defaults*/

@import "../../assets/css_framework/lib/typography.css";

/* Simple form styles -Optional */

@import "../../assets/css_framework/lib/forms.css";

/* Tabbed menu styles -Optional */

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

/* Reset Unordered List styles -Optional */

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

/* @end */

/* @end */

/* @group Outer Frame */

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

#container
			{
			position:relative;
			width : 960px ;
			margin : 0 auto ;
			}

/* @end */

.banner{
	position:absolute;
	width:110px;
	height:270px;
	overflow:hidden;
	left:920px;
	top:330px;
	z-index:100;
	background-color:#f75f0b;
	color:#FFFFFF;
	font-size:14px;
	padding:10px;
	text-align:center;
	border: 1px solid #3f3630;
	background-image:url(../../assets/images/BG_banner.gif);
	background-repeat:no-repeat;
	background-position:20px 250px; 
}

/* @group Head */

#head {
	width : 960px;
	height : 60px;
	border-bottom : 1px solid #999999;
	overflow : hidden;
	float : left;
	clear : both;
	display : inline;
}
/* @end */



/* @group Menu */

#mainmenu
			{
			margin-top : 65px ;
			width : 880px ;
			margin : 65px 40px 0 ;
			height : 60px ;
			float : left ;
			clear : both ;
			display : inline ;
			}

#mainmenu a
			{
			color : #fff ;
			text-transform : uppercase ;
			font-size : 14px ;
			height : 14px ;
			line-height : 14px ;
			padding : 5px 10px ;
			text-decoration : none;
			font-weight : 100 ;
			}
#mainmenu a.toggle:hover {
	background : #000;
}
#mainmenu a.toggle
			{
			display : block ;
			float : left ;
			clear : left ;		
			background : url(../../assets/images/transparency/bg75-000.png) ;	
			border-left : 10px solid #f75f0b ;
			position : relative ;
			z-index : 200 ;
			}

div.catcontainer{
			height : 25px ;
			margin-bottom : 5px ;
			}

.holder		{
			width : 600px ;
			float : left ;
			overflow : hidden ;
			margin:0 2px;
 			}
.holder ul{
			float : left  ;
			clear : none ;
			margin : 0 ;
			padding : 0 ;
			list-style : none ;
			width : 600px ;
			margin-left : -600px ;
			}

.holder li {
			margin : 0 ;
			padding : 0 ;
			float : left ;
			}

.holder a
			{
			display : block ;
			float : left ;
			background : url(../../assets/images/transparency/bg75-333.png) ;
			margin-right : 2px ;	
			}

.holder a:hover
			{
			background : #333;	
			text-decoration:none;
			}

.holder .menu-current a
			{
			background : #f75f0b;	
			text-decoration:none;
			
			}


div.catcontainer.right{
				position : relative ;
				top : -30px ;
			}
#mainmenu .right a.toggle
			{
			display : block ;
			float : right ;
			clear : left ;			
			border-left :none ;			
			border-right : 10px solid #f75f0b ;

			}
.right .holder		{
			width : 600px ;
			float : right ;
			overflow : hidden ;		
			margin:0 2px;
			
 			}
.right .holder ul{
			float : right  ;
			width : 600px ;
			margin-left : 0 ;
			margin-right : -600px  ;
			

			
			}

.right .holder li {

			float : right ;
			}
.right .holder a {

			float : left ;
			margin-left : 2px ;
			margin-right : 0 ;
			}

.topmenu li{
			float : right ;
			
			}

.topmenu {
	font-size : 15px;
	/*font-weight:bold ;*/
	text-transform:uppercase;
	margin : 0;
	padding:0;
	list-style-type:none;
	position:relative;
	left : 300px;
	top : 30px;
	width : 660px;
	margin-right : 0px;
}

.topmenu li a{
			color : #999;
			padding : 5px;
			margin-right : 10px;
			}

.topmenu li a:hover{
			color : #f75f0b;
			text-decoration : none;
			}




/* @end */


/* @group Anchors */

p a, table a, link_blokje
			{
			color : #fff ;
			background-color : #f75f0b;
			padding : 0 2px;
			
			}


p a:hover
			{
			text-decoration : none ;
			color : #333 ;
			}

/* @end */

/* @group Headings*/

h2
			{
			font-size : 16px ;
			}

h3
			{
			font-size : 14px ;
			}

/* @end */

/* @group Content */
#bgholder
			{
			float : left ;
			clear : both ;
			height:695px;
			overflow : hidden;
			}

#content
			{
			margin : 40px 160px 0 240px ;
			padding : 30px ;
			width : 500px ;
			float : left ;
			clear : both ;
			display : inline ;
			background : url(../../assets/images/transparency/bg80-FFF.png) ;

			}
#content h2{
			font-size : 36px;
			line-height : 40px ;
			margin: 0px 0px 20px 0;
			text-transform : uppercase ;
			letter-spacing : -1px ;
			}

#content h2 .highlight{
			color: #f75f0b;
			}
#content p
			{
			line-height : 18px ;
			padding-bottom : 0px;
			}

/* @group vacancy module */

#content div.vacancy-containers
			{
			height : 345px ;
			float : left ;
			}

/* @group search-screen */

#search-screen
			{
			width : 240px ;
			margin-right : 15px ;
			}

#search-screen ul
			{
			width : 240px ;
			height : 280px ;
			margin : 0px ;
			padding : 0px ;
			}

#search-screen ul li
			{
			width : 115px ;
			height : 140px ;
			background : #ffffff ;
			margin : 0px ;
			padding : 0px ;
			float : left ;
			list-style : none ;
			cursor : pointer ;
			}

#search-screen ul li.r
			{
			margin : 0px 0px 0px 5px ;
			width : 120px ;
			}

#search-screen ul li.l
			{
			margin : 0px 0px 0px 0px ;
			}

#search-screen .region
			{
			background : #fff url(../../assets/images/btnRegion.gif) no-repeat bottom center ;
			}
			
#search-screen .region.hover
			{
			background-image : url(../../assets/images/btnRegionHover.gif);
			}
#search-screen .salary
			{
			background : #fff url(../../assets/images/btnSalary.gif) no-repeat bottom center ;
			}
			
#search-screen .salary.hover
			{
			background-image : url(../../assets/images/btnSalaryHover.gif);
			}
#search-screen .degree
			{
			background : #fff url(../../assets/images/btnDegree.gif) no-repeat bottom center ;
			}
			
#search-screen .degree.hover
			{
			background-image : url(../../assets/images/btnDegreeHover.gif);
			}
#search-screen .formal
			{
			background : #fff url(../../assets/images/btnFormal.gif) no-repeat bottom center ;
			}
			
#search-screen .formal.hover
			{
			background-image : url(../../assets/images/btnFormalHover.gif);
			}

#search-screen ul li h5
			{
			font-size : 10px ;
			font-weight : normal ;
			color : #666 ;
			display : block ;
			margin : 0 ;
			padding : 1px 4px ;
			background : #eeeeee ;
			}

#search-screen ul li.hover h5
			{
			background : #ffd7c1 ;
			}

#search-screen .block.search
			{
			margin : 5px 0 0 0 ;
			height : 60px ;
			width : 240px ;
			background : #ffffff ;
			float : left ;
			}


			
/* @end */

/* @group vacany-s

creen */

#vacancy-screen
			{
			width : 290px ;
			margin-right : 15px ;
			}

#vacancy-screen h2.title
			{
			color : #f75f0b ;
			height : 15px ;
			padding : 15px 10px 14px ;
			margin : 0 ;
			border-bottom : 1px solid #999 ;
			background : #fff ;
			text-transform : uppercase ;
			font-weight : normal ;
			letter-spacing : -1px ;
			font-size : 16px ;
			line-height : 16px ;
			}

.resultsscroll.up , .resultsscroll.down
			{
			display : block ;
			height : 24px ;
			background-color : #fff ;
			text-align : center ;
			line-height : 25px ;
			}

.resultsscroll.down
			{
			border-top : 1px solid #ccc ;
			}

.resultsscroll.up
			{
			border-bottom : 1px solid #ccc ;
			}

#vacancy-screen div.results.container
			{
			height : 250px ;
			background : #ffffff ;
			overflow : hidden ;
			}

#vacancy-screen div.results.container #list
			{
			margin : 0 ;
			padding : 0 ;
			}

#vacancy-screen div.results.container li
			{
			height : 50px ;
			margin : 0 ;
			padding : 0 ;
			list-style : none ;
			}

.results .list a
			{
			display : block ;
			height : 40px ;
			padding : 5px 10px ;
			color : #333 ;
			}

#vacancy-screen .results .list a:hover
			{
			background-color : #ffd7c1 ;
			}

.results .list li.even a
			{
			background : #eee ;
			}

.results .list li a span.title
			{
			display : block ;
			width : 100% ;
			font-weight : bold ;
			}

.results .list li a span.spec
			{
			display : inline-block ;
			width : 33% ;
			}

/* @end */

/* @group detail-screen */

#detail-screen
			{
			width : 320px ;
			overflow : hidden ;
			}

/* @group tab styles */

#detail-screen .tabs
			{
			width : 320px ;
			height : 30px ;
			background : #ccc ;
			margin : 0 ;
			overflow : hidden ;
			}

#detail-screen .tabs li
			{
			margin : 0 ;
			padding : 0 ;
			}

#detail-screen .tabs a
			{
			height : 19px ;
			background : #eeeeee ;
			margin : 0 1px 1px 0 ;
			padding : 10px 8px 0 ;
			color : #333 ;
			}

#detail-screen .tabs a:hover
			{
			height : 19px ;
			background : #ffd7c1 ;
			margin : 0 1px 1px 0 ;
			padding : 10px 8px 0 ;
			}

#detail-screen .tabs a.active
			{
			height : 20px ;
			background : #ffffff ;
			margin-bottom : 0 ;
			cursor : default ;
			}

/* @end */

/* content slides within this container */

#detail-screen .container
			{
			position : absolute ;
			width : 320px ;
			height : 315px ;
			overflow : hidden ;
			}

/* @group initial container positions */

.switchable
			{
			position : absolute ;
			}

.switchable.gallery
			{
			margin-left : -660px ;
			}

.switchable.maps
			{
			margin-left : -330px ;
			}

.switchable.about
			{
			margin-left : 0 ;
			}

/* @end */

/* @group about screen: blocks */

.about div.block
			{
			background : #fff ;
			}

.about div.block.text
			{
			height : 180px ;
			width : 300px ;
			margin-bottom : 5px ;
			overflow : hidden ;
			padding : 10px ;
			border-left : 0px solid #000000 ;
			}

.about div.block.text .text.wrapper
			{
			height : 140px ;
			width : 300px ;
			margin-bottom : 5px ;
			overflow : hidden ;

			}

.button.readshrink
			{
			display : inline-block ;
			position : absolute ;
			left : 50% ;
			top : 442px ;
			margin-left : 390px ;
			width : 64px ;
			height : 14px ;
			z-index : 1000 ;
			overflow : hidden ;
			text-indent : -9999px ;
			}
#container .ie6
			{
			display : none ;
			}

.button.read_on
			{
			background : url(../../assets/images/btnRead_on.gif) no-repeat ;
			}

.button.shrink
			{
			background : url(../../assets/images/btnShrink.gif) no-repeat ;
			}

.button.read_on:hover
			{
			background : url(../../assets/images/btnRead_onHover.gif) no-repeat ;
			}

.button.shrink:hover
			{
			background : url(../../assets/images/btnShrinkHover.gif) no-repeat ;
			}


.about div.block.title
			{
			height : 75px ;
			width : 320px ;
			margin-bottom : 5px ;
			}

.about div.block.title h2
			{
			font-size : 24px ;
			line-height : 22px ;
			letter-spacing : -1px ;
			text-transform : uppercase ;
			padding : 17px 17px 15px;
			margin : 0 ;
			color : #f75f0b ;

			}

.about div.actions
			{
			height : 30px ;
			width : 320px ;
			}

.about div.block.friend, .about div.block.apply
			{
			float : left ;
			clear : none ;
			height : 30px ;
			width : 157px ;
			}

.about div.block.apply
			{
			margin-left : 5px ;
			width : 158px ;
			}

/* @end */

/* @end */



/* @end */
			

/* @end */

/* @group Footer */

#footer_menu
			{
			position:absolute;
			top:760px;
			left:5px;
			}
			
#footer_menu ul
			{
			list-style-type:none;
			text-transform:uppercase;
			font-size : 10px;
			padding:0;
			margin:0;
			}

#footer_menu ul li
			{
			float: left;
			margin: 0 5px 0 5px;
			}
		
#footer_menu li a{
			color : #999;
			padding:0;
			margin:0;
			}

#footer_menu li a:hover{
			color : #f75f0b;
			text-decoration : none;
			}


/* @end *


/




/* @group Replaced Text */

/* 

	Place any text replaced by images here.	
	(text-indent:-9999;) 

*/

h1
			{
			margin : 0 ;
			padding : 0 ;
			position : absolute;
			z-index : 100;
			}

h1.logo a
			{
			display : block ;
			width : 218px ;
			height : 85px ;
			position : absolute ;
			z-index : 100;
			text-indent : -999px ;
			background : url(../../assets/images/logo.png) no-repeat ;
			}

#logo{
			display : block ;
			width : 218px ;
			height : 85px ;
			position : absolute ;
			z-index : 100;
			margin-left : 30px ;
}

/* @end */