/*
 * $Id: main.css 228 2010-05-12 14:28:55Z alex $
 */
.left  { position: relative; float: left; }
.right { position: relative; float: right;}
.clear { clear: both; }

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

/* steunkleur links standaard */
a { color: #dc002e; }
a:hover { color: #ef9283; }

div#sideImage {
    position: relative;
    float: left;
    padding-top: 74px;
    float: left;
    width: 218px;
    height: 805px;
    overflow: visible;
    padding-right: 10px;
}

div#keurmerk {
    position: absolute;
    width: 187px;
    height: 187px;
    left: 10px;
    background: url(/images/layout/keurmerk.png) no-repeat;
    z-index: 10;
}

div#keurmerk a {
	display: block;
	width: 187px;
    height: 187px;
    text-decoration: none;
}

div#sideImage img {
	position: relative; top: 178px;
}

/* Contact form */
div#sideLogoSpacer {
    position: relative;
    float: left;
    padding-top: 74px;
    float: left;
    width: 218px;
    height: 20px;
    overflow: visible;
    padding-right: 10px;
}

/* de page header met logo en knoppen */
div#pageHeader {
    position: relative;
    height: 85px;
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
}
    a#logo {
    	display: block;
    	position: absolute;
    	bottom: 0px;
    	left: 0px;
    	width: 159px;
    	height: 72px;
    	background: url('/images/logos/standard.gif') no-repeat;
    }
    #headerMenu {
    	position: absolute;
        width: 299px;
    	height: 50px;
    	left: 164px;
    	top: 35px;
    }
    #headerMenu a {
    	display: block;
    	font-size: 0.8em;
    	font-weight: bold;
    	width: 135px;
    	height: 16px;
    	padding: 2px 0 0 10px;
    	margin-top: 7px;
    	background: url(/images/layout/buttons/btn_header_red.gif);
    }
    #headerMenu a:hover { text-decoration: none; }

div#pageBody {
    float: left;
    position: relative;
    margin-top: 5px;
}
    div#headerFoto	{
    	background-position: left top;
    	width:462px;
    	height:152px;
    	margin-bottom: 5px;
    	position: relative;
    }

    #headerFoto img.imageOverlay {
        position: absolute;
        left: 0;
        top: 0;
    }

    /* *** special blocks *** */
    #specialButtons {
        clear: both;
    	width: 462px; height: 150px;
    	margin-bottom: 11px;
    	position: relative;
    	background: url(/images/layout/specialbuttons_bg.gif) no-repeat;
    }
    #overlayVacancies, #overlayJobs, #overlayEmployees {
    	position: absolute;
    	width: 150px; height: 150px;
    	top: 0; left: 0;
    	cursor: pointer;
    	z-index: 1;
    }
    #searchVacancies, #searchJobs, #searchEmployees {
    	position: absolute;
    	margin-right: 6px;
    	top: 0;
    	display: block;
    	width: 150px;
    	height: 150px;
    	z-index: 10;
    }
    #overlayJobs, #searchJobs { left: 156px; }
    #overlayEmployees, #searchEmployees { left: 312px; }
    #searchEmployees { padding-top: 40px; height: 110px; }
    #searchVacancies select, #searchJobs select, #searchEmployees select {
    	margin-top: 55px;
    	margin-left: 8px;
    	border: none;
    	width: 135px;
    	color: #fff;
    	font-size: 11px;
    	font-weight: bold;
    }
    #searchVacancies select {	background: #e31736; }
    #searchJobs select {	background: #836CA8; }
    #searchEmployees select { background: #4F2583; margin-top: 15px; }
    #searchVacancies input, #searchJobs input, #searchEmployees input {
    	border: none;
    	height: 17px;
    	width: 135px;
    	margin-top: 15px;
    	margin-left: 8px;
    	font-size: 11px;
    	font-weight: bold;
    	color: #fff;
    }
    #searchVacancies input { background: url('/images/layout/buttons/btn_search_red.png') no-repeat; }
    #searchJobs input { background: url('/images/layout/buttons/btn_search_darkpurple.gif') no-repeat; }
    #searchEmployees input { background: url('/images/layout/buttons/btn_search_lightpurple.gif') no-repeat; }

    /* subMenu (level 3) */
    div.subMenu {
        position: relative;
    	padding-bottom: 10px;
    	height: 20px;
    }

    div.subMenu ul { width: 470px; margin:0;	padding:0; }
    div.subMenu ul li {
    	float: left;
    	margin:0;
    	margin-right: 5px;
    	padding:0;
    	list-style: none;
    }
    div.subMenu ul li.separator {
    	color:#4B2177;
    	font-size:11px;
    }
    div.subMenu ul li a	{ font-weight: bold; }
    div.subMenu ul li a:hover { }
    div.subMenu ul li a#itemOn{ color: #000; }

    #bodyContent { }
    /* content window */
    #mainBody {
    	position: relative;
    	float: left;
    	width: 462px;
    	padding-right: 16px;
    	margin: 0;
    }

    /* sidebody containing menu's */
    #sideBody {
    	position: relative;
    	float: left;
    	width: 130px;
    	height: 100%;
    }

        /* main menu */
        #sideBody ul, #sideBody ul li { margin: 0; padding: 0; }
        ul#mainMenu, ul#uturn { list-style:none; }
        ul#mainMenu { top: 88px; }
        ul#mainMenu li	{ line-height: 14px; }
        ul#mainMenu li a { color: #4b2177; font-weight:bold; }
        ul#mainMenu li a:hover { color: #836CA8;	}
        ul#mainMenu li a.itemOn	{ color: #836CA8; font-style: normal; }
        ul#mainMenu li a.home {
    	   display: block; height: 34px;
    	   background:url(/images/layout/buttons/btn_home.png) left top no-repeat;
    	   line-height: 0;
    	   font-size: 0;
    	   overflow: hidden;
        }
        ul#uturn {
            margin-top: 5px;
        }
        ul#mainMenu li a.workforce , ul#mainMenu li a.recruitment , ul#mainMenu li a.uitzending {
           display: block;
           width: 120px;
           height: 34px;
    	   line-height: 0;
    	   font-size: 0;
    	   overflow: hidden;
    	   margin-top: 5px;
        }
        ul#mainMenu li a.workforce {
           	background:url(/images/layout/buttons/btn_workforce.png) left top no-repeat;
        }
        ul#mainMenu li a.recruitment {
        	background:url(/images/layout/buttons/btn_interim.png) left top no-repeat;
        }
        ul#mainMenu li a.uitzending {
        	background:url(/images/layout/buttons/btn_uitzend.png) left top no-repeat;
        }
        ul#mainMenu li.hasChildren ul {
            list-style-type: disc;
            color: #4B2177;
            margin-top: 5px;
            padding-left:20px;
        }

        /* for workforce languages */
        #workforceLanguages .flag {
            display: block;
            float: left;
            width: 17px;
            height: 12px;
        }
        #workforceLanguages .nl { background: url(/images/flags/nl.gif) no-repeat; }
        #workforceLanguages .en { background: url(/images/flags/uk.gif) no-repeat; }
        #workforceLanguages .ge { background: url(/images/flags/de.gif) no-repeat; }
        #workforceLanguages .pl { background: url(/images/flags/pl.gif) no-repeat; }


        /* poll */
        #poll {
        	margin-top: 25px;
        	background: url(/images/layout/poll/poll_bg.gif) left bottom no-repeat;
        	padding-bottom: 40px;
        	position: relative;
        	width: 130px;
        	color: #4B2177;
        }
        #poll div.pollTop {
            width: 130px;
            height: 9px;
            background: url(/images/layout/poll/poll_top.gif) no-repeat;
        }
        #poll .pollOption {
            margin: 5px 5px 0 10px;
        }
        #poll .pollResult{
        	margin: 5px 5px 0 10px;
        }

        #poll .highlight {
        	color: #FF4300;
        }
        #poll input.radioButton {
        	position: relative;
        	top: 2px;
        	margin-left: 0px;
        	padding-left: 0px;

        }
        #poll label {
        	color: #3a1262;
        	font-family: arial, Verdana, Helvetica,sans-serif;
        	font-weight: bold;
        }
        div#poll div#pollQuestion {
        	font-weight: bold;
        	color: #3a1262;
        	padding: 0px 6px;
        	line-height: 1.2em;
        }
        #poll input.submit, div#sendComment a {
        	background: none;
        	border: none;
        	width: 114px;
        	height: 26px;
        	color: #fff;
        	font-weight: 800;
        	position: absolute;
        	bottom: 4px;
        	left: 8px;
        }
        div#sendComment a {
            display: block;
            padding: 4px 0px 0px 5px;
            height: 22px;
            width: 109px;
        }
        #poll div.totalVotes, #poll div.message {
            padding: 0 8px;
            width: 114px;
            text-align: center;
        	font-size: 12px;
        }
        #poll table {
            margin: 5px 8px 3px 8px;
            width: 114px;
        }
        #poll table td.value { padding-left: 5px; }
        .pollResult {
        	font-size: 10px;
        }
        #poll .pollResult * {
        	font-weight: bold;
        	position: relative;
        	float: left;
        }
        .pollResult .optionTxt {
        	width: 50px;
        }

    /* Page footer */
    div#pageFooter {
        width: 462px;
        margin: 10px 0 0 228px;
        padding-top: 3px;
        border-top: 1px solid grey;
    }
    #pageFooter ul { margin: 0; margin-left: 150px; padding: 0; list-style: none; }
    #pageFooter ul li {
    	float: left;
    	margin:0;
    	margin-right: 5px;
    	padding:0;
    	list-style: none;
    }

/** voor newslist template **/
div#newsList {
    width: 227px;
    margin: 10px 0px 10px 10px;
    position:relative;/*ie6 needs this*/
    float: right;
    font-size: 1em;
}
div#newsList h2 {
    margin: 0;
    font-size: 1.3em;
    padding-left: 8px;
    color: #fff;
    background: url(/images/layout/nieuws_bg.gif) no-repeat;
    text-transform: uppercase;
}
div#newsList ul {
    padding: 3px 0 5px;
    margin: 0;
    list-style: none;
    background: url(/images/layout/nieuws_bg.gif) bottom left no-repeat;
}
div#newsList ul li {
    padding: 2px 0px 6px 3px;
    padding-left: 8px;
    font-size: 1.1em;
    line-height: 1.1em;
    font-weight: bold;
    color: #4B2177;
}
div#newsList ul li a {
    font-size: 0.8em;
    line-height: 1em;
    color: #DC002E;
}
/** de rest **/
input.submitZoek {
	cursor:pointer;
}
/* Polish application form markup */
tr td h3 {
	color: #7c7459;
}
div.groupRow {
	width: 150px;
	float: left;
}
div.groupRow input.groupText {
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 5px 0px;
	width: 140px;
}
span.static {
	font-weight: normal;
}
div#workforceLanguages {
    margin-left: 15px;
    margin-top: 3px;
}
div.siteMap a { color: #3A1262; }