/*-----------------------------------------------------------------------------
Layout Style Sheet

author:    bubi blomer
website:   http://www.maal4.nl
-----------------------------------------------------------------------------*/

/* !COSTANTS USED */

/* 
# Text Color: #CCC;
# Links Color: #CCC;
# Blue Div BG: # blue;
*/

/* =Browser Fixes
-----------------------------------------------------------------------------*/

/* Always show Firefox scrollbar */
html { overflow:0; overflow:-moz-scrollbars-vertical;}


a:active { outline:none; }

/* Remove dotted lines around Links in Firefox */
:focus { -moz-outline-style:none; }

/* Remove dotted lines around Links in Firefox */
a { outline:none; color: #000;}

.clear{
	clear: both;
    visibility: hidden;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

.right { float: right; }
.left { float: left; }
.noSpace { margin: 0; padding: 0; }
.overlay { display: none; }

.green{ color: #59cf2b; }
.orange{ color: #fda400; }
.red{ color: #ed092a; }
.black{ color: #000; }
.blue { color: #1a50e8; }

address{
	font-style: normal;
}

.hidden{
	display: none;
}
.kop {
	font-size: 20px;
}

/* =Forms
-----------------------------------------------------------------------------*/
fieldset { border:1px solid transparent; }
form { margin:0; padding:0; display:inline; }
textarea { width:100%; line-height:1.25; }
label { cursor:pointer; }

/* Removes fieldset borders. even on Opea 7 */

/* =Tables
-----------------------------------------------------------------------------*/
table { border-spacing:0; border-collapse:separate; }
table tr td { padding:2px; text-align:left; font-weight:normal; }

/* =Simple Modal
-----------------------------------------------------------------------------*/
#simplemodal-overlay { background-color:#000; }
#simplemodal-container { height:410px; width:410px; background-color:#fff; border:3px solid #ccc; }
#simplemodal-container a.modalCloseImg { background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer; }

/* =Website
-----------------------------------------------------------------------------*/
body{
	
}

#wrapper { width:980px; margin:0 auto; display:block; font-size:1.3em;}
#wrapper.overons { background: url(../images/bgOver.png) no-repeat 0 0; }
#wrapper.advies { background: url(../images/bgAdvies.png) no-repeat 0 0; }
#wrapper.opdrachtgevers { background: url(../images/bgOpdrachtgevers.png) no-repeat 0 0; }
#wrapper.psychiaters { background: url(../images/bgPsyc.png) no-repeat 0 0; }
#wrapper.zorgpersoneel { background: url(../images/bgZorg.png) no-repeat 0 0; }
#wrapper.advies { background: url(../images/bgAdvies.png) no-repeat 0 0; }
#wrapper.vacatures { background: url(../images/bgVacatures.png) no-repeat 0 0; }
#wrapper.kandidaten { background: url(../images/bgKandidaten.png) no-repeat 0 0; }
#wrapper.index { background: url(../images/bgMediconsultancy.png) no-repeat 0 0; }



	
	#header{
		width: 960px;
		height: 170px;
		margin: 0 0 0 40px;
	}
	
	#header h1{ margin: 15px 0 0 0; padding: 0; width: 170px; height: 142px; background: url(../images/logo_mediconsultancy.jpg) no-repeat; text-indent: -9999px; cursor: pointer;}
	
	#sidebar{
		width: 200px; /* total 240px */
		padding: 10px;
		float: left;
		margin-left: 30px;
	}
	
	#sidebar h3{
		font-weight: normal;
		margin: 0;
		padding: 10px 0 0 0;
		font-size: 16px;
		line-height: 18px;
	}
	
	#mainMenu{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#mainMenu li{
		margin: .3em 0;
	}
	
	#mainMenu li a{
		color: #212121;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.1em;
	}
	
	#mainMenu li a:hover{
		color: #ee0a2d;
	}
	
	#mainMenu li a.active{
		color: #ee0a2d;
	}
	
	.contactInfo{
		width: 200px;
		margin: 100px 0 0 0;
		line-height: 20px;
	}
	
	.contactInfo p, .contactInfo address, .contactInfo h3{
		font-size: .9em !important;
	}
	
	.contactInfo h3 { font-weight: bold !important; }
	
	#content {
		padding: 10px;
		width: 680px;
		float: left;
	}
	
	#content h1{
		padding-top: 10px;
	}
	
	#footer{
		width: 900px;
		margin-left: 30px;
		padding: 10px;
	}
	
	/* jQuery Tabs CSS */
	
	/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

ul.tabs-nav {
	margin-left:290px;
}

.tabs-nav li {
    float: left;
    margin: 0 5px 0 5px;
    min-width: 84px; /* be nice to Opera */
    background: #efefef url(../images/bgTabShadow.png) left bottom repeat-x;
}

.tabs-nav li.tabs-selected a span{
	text-decoration: underline;
}

.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 15px 0 20px;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
    background: #efefef;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 6px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
}
.tabs-container {
    /* border-top: 1px solid #cccccc; */
    padding: 1em 8px;
    background: #efefef; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.tabs-container{
		padding: 10px;
	}
	
	.tabs-container h3.vacatures, .tabs-container h3.vervuld, .tabs-container h3.inBehandeling{
		padding-left: 50px;
		font-size: 1.2em;
		font-weight: bold;
		
	}
	.tabs-container h3.vacatures{
		background: transparent url(../images/h3Vacatures.png) left center no-repeat;
		zoom: 1;
	}
	
	.tabs-container h3.vervuld{
		background: transparent url(../images/h3Vervuld.png) left center no-repeat;
		zoom: 1;
	}
	
	.tabs-container h3.inBehandeling{
		background: transparent url(../images/h3InBehandeling.png) left center no-repeat;
		zoom: 1;
	}
	
	.tabs-container p{
		padding-left: 50px;
	}


.tabs-nav a span.iconLeft { float: left; min-width: 18px !important; padding-right: 10px; padding-left: 10px; padding-top: 4px; }
.tabs-nav a span.green{ padding-right: 10px; }
.tabs-nav a span.orange{ padding-right: 15px; }
.tabs-nav a span.red{ padding-right: 0; }
.tabs-nav a span.black{ padding-right: 0; }

#vacatureDetail { margin-top: 25px; }

.tabs-container ul { margin-left: 35px; }

.tabs-container p a { font-weight: bold; }


#hideNav{
	display: none;
}