/* --------------------------------------- */
/*        Elementen voor Menu              */
/* --------------------------------------- */

div#PagewideTopMenu
{
    background-position: center top;
    width: 100%;
    height: 150px;
    background-color: #e6e7e8;
    background-image: url("/Images/Background_Top_Menu.jpg");
    background-repeat: no-repeat;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #fd8700;
}

div#PagewideBottomLine
{
    padding: 0px;
    width: 100%;
    height: 2px;
    background-color: #CCCCCC;
    margin-top: 5px;
    margin-bottom: 10px;
}
Div#TntIdeal
{
    background-position: right;
    background-image: url("/Images/Logo_Ideal_Tnt.jpg");
    background-repeat: no-repeat;
    height: 79px;
}
Div#MenuSpacer
{
    height: 20px;
}
Div#Test
{
    margin: 0px;
    background-color: #00FFFF;
}
Div#BottomSpacer
{
   height: 30px; 
}
Div#GridWidhtLogo
{
    margin-bottom: -120px;
}
Div#GridWidhtMenu
{
    padding-top: 120px;
    margin-bottom: -120px;
}
ul.topnav
{
    list-style: none;
    padding: 0 20px;
    margin: 0;
    float: right;
    width: 700px;
    font-size: 1.2em;
    color: #FD8700;
}   
ul.topnav li
{
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}   
ul.topnav li a.Unactive
{
    padding: 5px;
    color: #6107BD;
    display: block;
    text-decoration: none;
    float: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}   
a.Aactive
{
    color: #FD8700;
    padding: 5px;
    display: block;
    text-decoration: none;
    float: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
} 

ul.topnav li a:hover
{
    background-position: center top;
    background: center top;
    color: #FD8700;
    text-decoration: none;
}
  
ul.topnav li span
{
    /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    padding-top: 15px;
    margin-right: -15px;
}
ul.topnav li div.Dropdown
{
    /*--Drop down trigger styles extra voor hover over het menu item zelf te krijgen ipv ernaast met icoon--*/
    float: left;
}   
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav
{
    border-style: solid none none none;
    border-color: #FD8700;
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0;
    top: 30px;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    width: 170px;
    border-top-width: 1px;
}   
ul.topnav li ul.subnav li
{
    margin: 0;
    padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
    border-top-style: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FD8700;
    border-top-color: #FD8700;
}   
html ul.topnav li ul.subnav li a
{
    background-position: 10px center;
    float: left;
    width: 145px;
    background: #e6e7e8 10px center;
    padding-left: 20px;
}   
html ul.topnav li ul.subnav li a:hover
{
    /*--Hover effect for subnav links--*/
    background-position: 10px center;
    background: #e6e7e8 10px center;
} 

/* --------------------------------------- */
/*        Elementen voor Grid         */
/* --------------------------------------- */

/* Opmaak Grid 12 elementen */



/* --------------------------------------- */
/*        Elementen voor navigatie         */
/* --------------------------------------- */

/* Menu item voor mouse over en mouse out */

/* --------------------------------------- */
/*        Elementen voor Kaders         */
/* --------------------------------------- */
/* Element voor centreren  hoofdkader */


/* ------------------------------------------------------- */
/*        Elementen voor html                              */
/* ------------------------------------------------------- */

body
{
    margin: 0px;
}
h1
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #494949;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 20px;
}
h2.AlignRight13Normal
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #494949;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: right;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #CCCCCC;
    padding-bottom: 10px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #CCCCCC;
    padding-top: 10px;
}
h2.AlignLeft13Normal
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #494949;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #CCCCCC;
    padding-bottom: 10px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #CCCCCC;
    padding-top: 10px;
}
h2.AlignLeft13NormalBottomLine
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #494949;
    margin-bottom: 5px;
    font-weight: normal;
    line-height: 20px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #CCCCCC;
    padding-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
h2.AlignLeft13NormalNoBorder
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #494949;
    margin-bottom: 5px;
    font-weight: normal;
    line-height: 20px;
    padding-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.FormText
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #494949;
    font-weight: normal;
    text-decoration: none;
}
h3
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: Black;
    margin-top: 0px;
}
h4
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}
a.bottom
{
    text-decoration: none;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    font-weight: normal;
}
span.bottom
{
    text-decoration: none;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    font-weight: normal;
}
form
{
    margin: 0px;
    padding: 0px;
}
input.BoderGreySize30
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #cccccc;
    width: 30px;
}
input.BoderGreySize60
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #cccccc;
    width: 60px;
}
input.BoderGreySize200
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #cccccc;
    width: 200px;
}


textarea.W200
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #cccccc;
    width: 200px;
}
textarea.W400
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #cccccc;
    width: 400px;
}