﻿*
{
    padding: 0px;    
    margin: 0px;
}

body 
{
	text-align: center;
	font: 0.75em Arial;
	background: #e9e6e7;
	color: #434342;
}

#pg
{
	margin: 0px auto;
	width: 842px;
    line-height: 1.5em;
}

#pgSmall
{
    margin: 0px auto;
    width: 572px;
    line-height: 1.5em;
}

a
{
    color: #000000;    
}

a:hover
{
    color: #555555;
    text-decoration: none;
}

#pg div.top
{
    float:left;
    width: 842px;
    height: 81px;
}

.top .logo
{
    float:left;
    height: 81px;
    width: 200px;
}

.top .language
{
    float: right;
    padding: 5px 13px 0 0;
    text-transform: uppercase; 
    font-weight: bold;
    font-size: 0.9em;
}

.top .language a 
{
    color: #ffffff;
    padding: 5px;
    text-decoration: none;
}


.top .linkFr, .top .linkNl
{
    float:right;
    color: #ffffff;
}


#pg div.content
{
    float:left;
    width: 782px;   
	background: url(images/bg.jpg) repeat-y; 
	padding: 20px 30px 15px 30px; 
	text-align: left;  
}

.bold
{
    font-weight: bold;
}

/** popup page **/
#pgSmall .header
{
    float: left;
    width: 572px;
}

#pgSmall .content
{
    float: left;
    width: 530px;
    background: #ffffff;
    text-align: left;
    padding: 20px;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

#pgSmall .footer
{
    float:left;
    width: 572px;
    height: 29px;
    padding: 6px 0 40px 0;
    color: #999999;
    background: url(images/footerPopup.png) no-repeat;
}

/** left content nav **/

#pg div.contentLeft
{
    float:left;
    width: 225px;
}

div.contentLeft div.menuContainer
{
    float:left;
    width: 195px;
    margin: 0 0 10px 0;
    background: url(images/menuContainerBottom.jpg) center bottom no-repeat;
}

div.linksBox
{
    float: left;
    padding: 0 0 0 15px;
}

div.linksBox b
{
    font-size: 1.1em;
}

div.kruimel
{
    font-size: 0.8em;
    padding-bottom: 5px;
    width: 100%;
    float:left;
}

div.kruimel div
{
    float:left;
}

div.kruimel div.print
{
    float:right;
    width: 65px;
    text-align:right;
}

div.kruimel div.sendtoafriend
{
    float:left;
    width: 150px;
    text-align:left;
}

div.sendtoafriendContest
{
    float:left;
    width: 150px;
    text-align:left;
    padding-left: 160px;
}



div.kruimel a
{   
    text-decoration:none;
}

div.kruimel a:hover
{
    text-decoration:underline;
}

div.contentLeft div.menuContainer .midasTitle
{
    font-weight: bold;
    padding: 0 0 10px 10px;
}

div.contentLeft ul
{
    width: 181px;
    margin: 0 5px;
    padding: 0px;
    list-style: none;
}

div.contentLeft ul li
{
}

div.contentLeft ul li ul
{
    margin: 0px;
    padding: 2px;
    background: #000000;
    float:left;
}

div.contentLeft ul li ul li a
{
    background: #6a6a6a;
    height: 20px;
    float: left;
    width: 173px;
    color: #ffffff;
    padding: 3px 0 0 8px;
    font-size: 0.9em;
    text-decoration: none; 
    font-weight: normal;   
    border-bottom: 1px solid #555;
}

div.contentLeft ul li ul li a:hover, div.contentLeft ul li ul li a.active
{
    background: #dedada;
    color: #000000;
}


div.contentLeft ul li.navTop
{
    background: url(images/navHeader.gif) no-repeat;
    height: 4px;
    padding: 0px;
    margin: 0px;
    width: 185px;
    float:left;
}

div.contentLeft ul li.navFooter
{
    background: url(images/navFooter.gif) no-repeat;
    height: 10px;
    width: 185px;
    float:left;
    padding-bottom: 5px;
}

div.contentLeft ul li a
{
    background: url(images/leftNavBg.gif);
    height: 23px;
    float: left;
    width: 177px;
    color: #ffffff;
    padding: 3px 0 0 8px;
    font-weight: bold;
    text-decoration: none;    
}

div.contentLeft ul li a:hover, div.contentLeft ul li a.active
{
    color: yellow;
}

div.contentLeft ul li.navBottom
{
    background: url(images/navHeader.gif) no-repeat;
    height: 4px;
    width: 185px;
    float:left;
}

/** Midas menu **/
.headerNav
{
    float:left;
    width: 842px;   
	background: url(images/bg.jpg) repeat-y; 
}

.headerNav ul
{
    list-style: none;
    float:left;
    padding: 0 0 0 30px;
}

.headerNav li
{
    display: inline;
    border-left: solid 1px #000;
    padding: 5px 5px 2px 5px;
    float: left;
}

.headerNav li a
{
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}

.headerNav li a:hover, .headerNav li a.active
{
    color: #000000;
}

/** home left **/


.homeLeft
{
    width: 585px;
    float:left;
}

.homeLeft .nav ul
{
    list-style: none; 
    padding: 0px;
    margin: 0px;  
    float:left;   
    height: 31px;    
}

.homeLeft .nav ul li
{
    display: inline;
    float:left;   
    height: 31px;
}

.homeLeft .nav ul li a
{        
    color: #fff; 
    background: url(images/menuRight.gif) left top no-repeat; 
    font-weight:bold; 
    padding: 0 0 0 10px;
    text-decoration: none;    
    float:left;
}

.homeLeft .nav ul li a:hover, .homeLeft .nav ul li a.active
{        
    color: yellow; 
    background: url(images/menuRight.gif) left top no-repeat; 
    cursor: pointer;
    text-decoration: none;  
    float:left;
    display: block;
}

.homeLeft .nav ul li a span
{
    background: url(images/menuLeft.gif) right top no-repeat;
    padding: 5px 10px 0px 0;
    height: 31px;
    float:left;
    display: block;
    
}

.homeLeft .nav ul li.navBgBlack
{
    width: 1px;
    background: #000;
    margin: 3px 0 0 0;
    height: 28px;
}

.news
{
    float:left;
    width: 585px;
    background: url("images/home_newsTop.gif") top left no-repeat;
}

.imgNews
{
    padding: 0 0 20px 20px;
}
.newsFunc
{
    padding: 10px; width: 540px; border: dotted 1px #999999; background: #fafafa; float:left;    
}

.newsFunc .newsLeft
{
    float:left;
}

.newsFunc .newsRight
{
    float:right;
}

.news div.left
{
    float:left;
    width: 247px;
    padding: 8px 5px 0 15px ;
}

.news div.left a
{
    text-decoration: none;
}

.news div.left a:hover
{
    text-decoration: underline;
}

.news div.right
{
    float:left;
    width: 247px;
    padding: 15px 15px 0 30px;
}

.news h1
{
    color:#d18d00;
    font-size: 1.3em;
    padding: 7px 0 5px 0;    
}
.news h2
{
    padding: 0 0 5px 0; 
    margin: 0 0 10px 0;
    border-bottom: solid 1px #d8d8d8;
    font-size: 1.3em; 
}

.news h2 b
{
    font-size: 0.9em;
}

.news .textLeft
{
    width: 120px;
    float:left;
}

.textAndImage .textLeft ul
{
    width: 230px;
}

.news .imageRight
{
    float:right;
    width: 100px;
}

.news .articleHome
{
    float:left;
    border-bottom: solid 1px #d8d8d8;
    padding: 5px 15px 5px 0;
    width: 95%; 
    /*background: url(images/arrow.gif) bottom right no-repeat;*/
}

.news .articleHome a
{
    text-decoration: none;
}
.news .articleHome a:hover
{
    text-decoration: underline;
}

.homeLeft .promotion
{
    float:left;
    width: 585px;
}

.homeLeft .promotionPadding
{
    float:left;
    padding: 15px 0 0 0 ;  
}
.homeLeft .promotionPaddingMore
{
    float:left;
    padding: 15px 0 0 15px ;  
}

/** home right **/

.homeRight
{
    float:left;
    width: 195px;
}

.homeRight img
{
    margin-bottom: 10px;
}

.midasGarage
{
    background: url(images/bgMidasGarage.gif) no-repeat;
    width: 195px;
    height: 111px;
    margin-bottom: 10px;
    padding: 34px 0 0 11px;
    font-size: 0.8em;
    float:left;
}

.midasGarageFr
{
    background: url(images/bgMidasGarageFr.gif) no-repeat;
    width: 195px;
    height: 111px;
    margin-bottom: 10px;
    padding: 34px 0 0 11px;
    font-size: 0.8em;
    float:left;
}

.midasGarage .textboxSmall, .midasGarageFr .textboxSmall
{
    padding: 2px;
    width: 80px;  
    height: 13px; 
    font-size: 1.1em;
}

/** right content **/

.marginTopImg
{
    margin-top: 10px;
}

.marginTopBottomImg
{
    margin: 10px 0;
}


div.pnlForm table
{
    width: 500px;
}


.pager
{
    float:left;
    width: 100%;
    padding-top: 5px;
    margin-top: 5px;
}

.pager div table
{
    float:left;
}

.pager div.rptPg
{
    text-align: center;
    width: 420px;
    float:left;
}

#pg div.contentRight
{
    float:left;
    width: 557px;
    padding: 0 0 50px 0;
}

.textBox
{
    border: solid 1px #888;
    padding: 3px;
    width: 200px;
}

.checkBox
{
    line-height: 1.5em;
}

h1
{
    font-size: 1.5em;
    padding: 0 0 5px 0; 
    margin: 0 0 10px 0;
    border-bottom: solid 1px #d8d8d8;
}

.text
{
    width: 530px;
}

.text ol
{
    padding: 10px 0 0 50px;
}

.text table td
{
    padding: 5px 10px 5px 0;
}

.text table.noPadding td
{
    padding: 0px;
}

.textLeft
{
    float:left;
    width: 270px;
    padding-right: 20px;
}

.imageRight
{
    float:right;
    width: 250px;
}

.dank
{
    width: 500px;
    background: #eeece7;
    border: dotted 1px #aaaaaa;
    padding: 10px;
    margin-top: 20px;
    float:left;
}

.formTextbox, .formCommentTextbox
{
    border: solid 1px #d9d9d9;
    padding: 3px;
    width: 180px;
}

.formCommentTextbox
{
    height: 100px;
}

.firstRow
{
    width: 100px;
}

div.contentRight ul, .arrows
{
    padding: 0px;
    margin: 10px 0 0 40px;
    list-style-image: url(images/pijltje.gif);
    width: 500px;
    float:left;
}

div.contentRight ul li, .arrows li
{
    padding-bottom: 10px;
    padding-left: 8px;
}

.arrows li b
{
    font-size: 1.2em;
}

div.contentRight ul li b
{
    line-height: 1.5em;
}

.imagePadding
{
    padding: 0 20px 20px 0;
}

.imagePaddingPage
{
    padding: 0 20px 20px 20px;
}

.imagePaddingSmall
{
    padding: 0 10px 10px 0;
}

.article
{
    border-bottom: solid 1px #d8d8d8;
    float:left;
    width: 100%;
    padding: 10px 0;
}

.articleLeft
{
    width: 530px;
    float:left;
}

.articleLeft a
{
    text-decoration: none;
}

.articleLeft a:hover
{
    text-decoration: underline;
}


.articleRight
{
    width: 10px;
    float:left;
    padding-top: 0px;
}

h2
{
    font-size: 1.2em;    
}

input
{
    margin-right: 3px;
}

.job
{
    border-bottom: solid 1px #cccccc;
    padding: 5px 0;
}

/** footer **/

#pg div.bottom
{
    float:left;
    width: 842px;
    height: 45px;
    background: url(images/bottom.jpg) no-repeat;
    padding: 8px 0 40px 0;
    text-align: center;
    color: #999999;
}

#pg div.bottom span
{
    float: left;
    padding: 0 0 0 137px;
}

#pg div.bottom ul
{
    float:left;
    padding: 0 0 0 30px;
}

#pg div.bottom ul li
{
    list-style: none;
    display: inline;
    padding: 0px 3px;
}

#pg div.bottom ul li a
{
    color: #999999;
    text-decoration: none;
}

#pg div.bottom ul li a:hover
{
    text-decoration: underline;
}
