body
{
	background-color:      #F37020;
	background-image:      url('../images/page/bg.jpg');
	background-repeat:     repeat-y;
	color:                 #4C4C4C;
	font-family:           Arial, Helvetica, sans-serif;
	font-size:             11px;
	text-align:            left;
	margin:                0;
	padding:               0;
}

.outsideContainer
{
	width:                 760px;
	margin:                0 0;
	min-height:            100%;
	text-align:            left;
}

* html .outsideContainer
{
	height:                100%;
}

.clearer
{
	clear:                 both;
	display:               block;
	height:                1px;
	margin-bottom:         -1px;
	font-size:             1px;
	line-height:           1px;
}


/* HEADER */
.header
{
	height:                257px;
	background-color:      #FFFFFF;
}


/* CONTENT */
.content
{
    /*padding-bottom:        30px;
    padding-top:           10px;*/
}

/* FOOTER */
.footer
{
	width:                 730px;
	background-color:      #EFEEEC;
	font-size:             11px;
	color:                 #000;
	text-align:            left;
	padding-left:          30px;
	padding-top:           10px;
}


/* EXTRA */
html
{
	height:                100%;
}

body
{
	height:                100%;
}

.insideContainer
{
	position:              relative;
	min-height:            100%;
	background-image:      url('/images/page/lines_home.jpg');
	background-repeat:     repeat-y;
}

.insideContainer_Login
{
	position:              relative;
	min-height:            100%;
	background-image:      url('/images/page/lines_login.jpg');
	background-repeat:     repeat-y;
}

.insideContainer_Sub
{
	position:              relative;
	min-height:            100%;
	background-image:      url('/images/page/lines_sub.jpg');
	background-repeat:     repeat-y;
}

.insideContainer_Sub.containerVacatures {
	background-image:      url('/images/page/lines_two.jpg');
}
	
* html .insideContainer, .insideContainer_Sub, .insideContainer_Login
{
	height:                100%;
}


/* HIERONDER DE REST VAN DE CLASSES EN CONTENT
 * BOVENSTAAND STUK IS ALGEMEEN EN ALTIJD NODIG
 */

.search
{
    border:                 1px solid black;
    width:                  120px;
    padding-left:           3px;
    padding-right:          3px;
}

.contentLeft
{
	float:                 left;
	width:                 335px;
	padding-left:          33px;
	min-height:            150px;
	height:                150px;	
}

.contentMid
{
	float:                 left;
	width:                 195px;
	padding:  			   0 5px 0 10px;
	min-height:            220px;
	height:                220px;
}

.contentLeft ul, .contentMid ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-image: url(/images/page/arrow.gif);
}

.contentLeft li, .contentMid li {
	margin: 0 0 5px 20px;
}

.contentTop .contentMid p {
	margin: 5px 0 0 0;
       padding: 0;
}

.contentMid .smsdienstBnr {
	width: 175px;
	height: 120px;
	margin: 5px 0 0 13px;
}

.contentMid .runningBnr {
	width: 185px;
	height: 120px;
	margin: 3px 0 0 8px;
}
	
.contentMid img {
    border: 0px;
}

.contentRight
{
	float:                 left;
	width:                 165px;
	padding-left:          10px;
	min-height:            150px;
	height:                150px;
}

.blueLeft
{
	float:                 left;
	width:                 340px;
	height:                100px;
	padding-left:          33px;
}

.blueMid
{
	float:                 left;
	width:                 200px;
	height:                100px;
	padding-left:          10px;
}

.blueRight
{
	float:                 left;
    width:                 165px;
	height:                100px;
    padding-left:          10px;
}

.artsLeft
{
	float:                 left;
	width:                 129px;
	padding-left:          33px;
	padding-right:         3px;
	min-height:            330px;
	height:                150px;
}

/* IE 6 hack */
* html .artsLeft
{
	height: 		       350px;
}

.artsMid
{
	float:                 left;
	width:                 400px;
	padding-left:          10px;
	padding-right:         5px;
	min-height:            150px;
	height:                150px;
}

.artsRight
{
	float:                 left;
	width:                 165px;
	padding-left:          10px;
	min-height:            150px;
	height:                150px;
}

.contentTop
{
    display:               inline;
    clear:                 both;
    width:                 760px;
    height:                150px;
    min-height:            150px;
    float:                 left;
    border-bottom:         15px solid white;
    margin-top:            10px;
}

.contentMiddle
{
    display:               inline;
    width:                 760px;
    height:                120px;
    min-height:            120px;
    border-top:            15px solid #3397B9;
    border-bottom:         15px solid #3397B9;
    background-color:      #3397B9;
    float:                 left;
    color:                 #FFFFFF;
    background-image:      url('/images/page/middle.jpg');
}

.contentBottom
{
    display:               inline;
    width:                 760px;
    height:                20px;
    min-height:            20px;
    float:                 left;
    border-top:            15px solid white;
    /*margin-bottom:         40px;
	border: 1px solid red;*/
}

.contentBottom .contentLeft, .contentBottom .contentMid, .contentBottom .contentRight {
	height: 20px;
	min-height: 20px;
}

.subMenu
{
    width:                 165px;
    height:                auto;
    float:                 left;
    color:                 #91867E;
    font-size:             11px;
    text-decoration:       none;
    line-height:           14px;
    min-height:            350px;
}

.subContent, .patientContent
{
    display:               inline;
    width:                 400px;
    height:                150px;
    min-height:            150px;
    float:                 left;
    padding-left:          10px;
    padding-bottom:        50px;
    padding-right:         0px;
}

.subContent.vacatures {
	width: 590px;
	padding-left: 1px;
}
	
.content_sub
{
	/*height: 470px;
	clear: both;*/
}

.subRight
{
    width:                  170px;
    float:                  right;
    padding-left:           7px;
}

html>body .contentLeft, .contentMid, .contentRight, .contentTop, .contentBottom, .subContent, .subMenu, .subRight
{
    height:                 auto;
}

.footer
{
	position:              relative;
	height:                20px;
	margin:                -40px 0;
	border-top:            15px solid white;
	float:                 left;
}

* html .footer
{
	margin-top:            -40px;
}

.headerFlash
{
	position:              absolute;
	top:                   0px;
	left:                  0px;
	z-index:               2;
}

.headerMenu
{
	position:              absolute;
	top:                   0px;
	left:                  0px;
	z-index:               3;
}

.headerSearch
{
	position:              absolute;
	top:                   5px;
	left:                  590px;
	z-index:               3;
}

.headerLogo
{
    position:              absolute;
    top:                   180px;
    left:                  590px;
    text-align:            right;
}

.subMenuItem
{
    width:                 165px;
    height:                auto;
    padding-bottom:        5px;
}

.fontTop
{
    width:                 570px;
    padding-right:         190px;
    text-align:            right;
    background-color:      #FFFFFF;
    padding-bottom:        10px;
}

.breadCrumb
{
    width:                 405px;
    height:                auto;
    padding-right:         190px;
    text-align:            left;
    padding-top:           10px;
    padding-bottom:        10px;
    padding-left:          175px;
    float:                 right;
}

.producten
{
    width:                 152px;
    /*height:                250px;*/
    border-bottom:         1px solid #C8C2BE;
    background-color:      #EFEDEC;
    padding-left:          7px;
	float: left;
	margin-bottom: 10px;	
}

.producteninlog
{
    width:                 152px;
    /*height:                420px;*/
    border-bottom:         1px solid #C8C2BE;
    background-color:      #EFEDEC;
    padding-left:          7px;
}

.picBtn {
	margin: 10px 0 10px 0;
}

.logBox
{
    background-color:      #EEEDEB;
    width:                 375px;
    height:                60px;
    padding-left:          25px;
    padding-top:           5px;
    line-height:           14px;
    
}

.qnaImage
{
    height: 24px; 
    width: 22px; 
    margin-top: 2px;
    margin-bottom: 2px; 
    float: left; 
    background-image: url("/images/page/qna.jpg"); 
    background-position: center; 
    background-repeat: no-repeat;
}

.qnaTekst
{
    height: 20px; 
    width: 360px; 
    float: right; 
    padding-top: 4px; 
    margin-top: 2px; 
    margin-bottom: 2px;
}

.bestandImage
{
    height: 24px; 
    width: 22px; 
    margin-top: 2px;
    margin-bottom: 2px; 
    float: left; 
    background-image: url("/images/page/document_text.jpg"); 
    background-position: center; 
    background-repeat: no-repeat;
}

.bestandTekst
{
    height: 20px; 
    width: 360px; 
    float: right; 
    padding-top: 4px; 
    margin-top: 2px; 
    margin-bottom: 2px;
}

.productenLijst
{
    width: 50%;
    float: left;
}

.popup_header
{
    width: 300px;
    height: 33px;
    background-image: url("/images/page/popup_header.jpg");
    background-repeat: no-repeat;
    padding-bottom: 10px;
    padding-top: 60px;
    padding-left: 460px;
}

DIV.subContent TABLE TD
{
	padding-top: 5px;
    padding-right: 5px;
}

DIV.subContent TABLE UL
{
	margin-left: 15px;
	margin-bottom: 0px;
}

DIV.subContent TABLE OL
{
	/*margin-left: 25px;*/
	margin-bottom: 0px;
}

/* Werken bij portalpagina */
.vacature
{
    width: 150px;
    min-height: 25px;
    height: auto;
    background: url("/images/back-vacature.gif") repeat-x #FFF;
    padding: 7px 0 0 5px;
}

.vacature A
{
    font-size: 12px;
}

.vacature A:hover
{
    text-decoration: underline;
}

.wistudat H2
{
    color: #FC6822;
    margin-top: 5px;
}

.workAtTop
{
    width: 760px;
    clear: both;
    height: 340px;
    /*border: 1px solid red;*/
}

.workAtMiddle
{
    float: left;
    background-color: #3397B9;
    height: 130px;
    width: 760px;
}

DIV.workAtBlueLeft
{
    float: left;
    width: 560px;
    height: 99px;
    margin-left: 23px;
    margin-top: 15px;
    
    /*border: 1px solid red;*/
}

/* IE6 hack */
* html DIV.workAtBlueLeft
{
    margin-left: 12px;
}

.workAtBlueRight
{
    float: left;
}

.workAtBlueLeft DIV
{
    float: left;
}

.workAtBottom
{
    float: left;
    height: 300px;
}

.workAtBottomLeft
{
    float: left;
    width: 110px;
    margin-left: 40px;
    margin-top: 20px;
}

/* IE6 hack */
* html DIV.workAtBottomLeft
{
    margin-left: 20px;
}

.workAtBottomLeft H2
{
    color: #FC6822;
}

.workAtBottomCenter
{
    float: left;
    margin-left: 25px;
    margin-top: 10px;
}

.workAtBottomRight
{
    float: left;
    width: 150px;
    margin-left: 15px;
    margin-top: 10px;
}

DIV.workAtItem
{
    width: 400px;
    height: 60px;
    background-color: #F2F1EF;
    margin-bottom: 10px; 
}

DIV.workAtItem DIV
{
    float: left;
}

DIV.workAtItem IMG
{
    border-right: 2px solid #FFF;
}

DIV.workAtLink
{
    margin-left: 10px;
    margin-top: 20px;
}

DIV.workAtLink A
{
    color: #3397B9;
    font-weight: bold;
}

DIV.sideInfo
{
    width: 160px;
    margin-top: 10px;
    background-color: #EFEDEC;
    border-bottom: 1px solid #C8C2BE;
}

DIV.sideContent
{
    margin: 5px;
}

DIV.kader {
    border: 2px solid #D5D5D5;
    padding: 10px;
    margin-bottom: 20px;
}

TABLE.kader {
    border: 2px solid #D5D5D5;
    padding: 10px;
}

#vraag1, #vraag2, #vraag3, #vraag4, #vraag5, #vraag6, #vraag7, #vraag8, #vraag9, #vraag10 {
    display: none;
}

#herh2 {
    visibility: hidden;
}

#herhaalTxt {
	display: none;
}

a img {
	border: 0;
}

.steedsBeter {
	margin-top: 10px;
}

/* Running 4 Cancer */
.runningLogo {
	background: url(../images/running4cancer_logo.jpg) no-repeat;
	width: 135px;
	height: 88px;
	margin: 0 0 0 27px;
}

.runningJoep {
	margin: 15px 0 15px 27px;
}

.runningInschrijven {
	margin: 0 0 0 27px;
}

.runningTitle {
	background: url(../images/running4cancer_title.jpg) no-repeat;
	width: 308px;
	height: 28px;
}

.runningIntro {
	color: #F8B101;
	font-weight: bold;
	margin: 10px 0 10px 0;
	font-size: 14px;
	line-height: 130%;
}

.runningSlogan {
	background: url(../images/slogan.jpg) no-repeat;
	width: 159px;
	height: 486px;
}

div.foto {
	float: left;
	margin: 0 5px 5px 0;
}

div.pager {
	float: left;
	width: 400px;
	margin-top: 10px;
}

ol.prijzen li {
	width: 40px;
}

ol.prijzen div {
	width: 40px;
	text-align: right;
	float: right;
}