﻿
* {
	margin: 0px;
	padding: 0px;
	
}

html {	
	height:100%;
	overflow: -moz-scrollbars-vertical;
}

body 
{
    color:#666;
    font-family:Arial, Verdana;
    font-size:12px;
    text-align:center;
    background-color: #f6f6f6;
    height:100%;
}

a
{
    color:#666;
    text-decoration:none
}

a:hover
{
    text-decoration:underline
}

a.linkUnderline
{
    color:#666;
    text-decoration:underline
}

a.linkUnderline:hover
{
    text-decoration:none
}

a.smallLink 
{
    font-size:11px;
}


a img 
{
    border:0
}

em 
{
    font-weight:bold;
    font-style:normal;
}

#container 
{
    position: relative;
	width: 966px;
	margin: 0 auto;
	padding: 0px;	
	text-align: left;
	background-image:url(/images/background.gif);
	min-height: 100%;
}

#main 
{
    padding:0 31px 0 32px;
    min-height: 100%;
}

form 
{
    height:100%
}

#header 
{
    height:140px;
    background:url(/images/menu_dot.gif) repeat-x bottom left;
}

#headerLogo 
{
    margin-top:14px;
    float:left; 
    width:685px;    
}

#headerNavPrim 
{
    padding-top:15px;
    clear:both;
    width:685px;    
}

#headerNavPrim ul
{
    
    list-style-type:none;
}

#headerNavPrim ul li
{
    float:left;
    display:block;
    width:150px;
    height:25px;    
}

#headerNavPrim ul li.sep
{
    width:2px;
    background:url(/images/menu_sideborder.gif) no-repeat top left;
 
}

#headerNavPrim ul li.tabHome 
{
    width:50px;
    padding:5px 44px 0px 44px
}

#headerNavPrim ul li.tabTag 
{
    width:177px;
    padding:5px 33px 0px 62px
}

#headerNavPrim ul li.tabBestellen 
{
    width:79px;
    padding:5px 65px 0px 65px
}

#headerNavPrim div.subNav 
{
    position:relative;
    top:-45px;
    left:-50px;
    font-size:14px;
    z-index:999;        
    margin-top:15px;
    background:url(/images/background_dropdown.png) no-repeat;    
    width:246px;
    height:202px;
    display:none;
    padding:5px;           
}

#headerNavPrim div.subNav ul
{
    margin-top:12px;
}

#headerNavPrim div.subNav ul li 
{
    float:none;
    width:230px;
    padding-top:5px;
    text-align:center;    
}

#headerNavPrim div.subNav ul li.subNavSep 
{
    margin-left:15px;
    padding:0;
    height:4px;
    background:url(/images/menu_naamkaartje_divider.gif) no-repeat; 
    line-height:0px;    
}



#headerNavSec
{
    width:160px;
    margin:15px 45px 0 0;
    float:right;   
}

#headerNavSec ul 
{
    list-style-type:none;
}

#headerNavSec li 
{
    height:25px;
}

.breadcrumbs
{
    font-size:11px;
    margin-top:5px;
    color:#666;
    padding:2px;  
}

.breadcrumbs a 
{
    color:#999;
    text-decoration:none
}

.breadcrumbs a:hover
{
    text-decoration:underline;
}

.breadcrumbs span 
{
    font-weight:bold;
}

.breadcrumbs span.futurePath
{
    font-weight:normal;
}

#buttonSet 
{
    clear:both;
    margin-top:20px;
}

#buttonSetLeft
{
    float:left
}

#buttonSetRight
{
    float:right
}

#buttonSet2 
{
}

#buttonSet2 .buttonSet2Btn
{
    float:left;
    margin-right:16px
}


.buttonKlantenService 
{
    display:block;
    width:139px;
    height:10px;
    background-image:url(/images/submenu_klantservice_inactive.gif)
}

.buttonKlantenService:hover, .buttonKlantenServiceSelected
{
    background-image:url(/images/submenu_klantservice_active.gif)
}

.buttonTTC
{
    display:block;
    width:151px;
    height:10px;
    background-image:url(/images/submenu_tagcompany_inactive.gif)
}

.buttonTTC:hover, .buttonTTCSelected
{
    background-image:url(/images/submenu_tagcompany_active.gif)
}

.buttonContact
{
    display:block;
    width:82px;
    height:10px;
    background-image:url(/images/submenu_contact_inactive.gif)
}

.buttonContact:hover, .buttonContactSelected
{
    background-image:url(/images/submenu_contact_active.gif)
}




.buttonHome 
{
    display:block;
    width:51px;
    height:14px;
    background-image:url(/images/menu_home_inactive.gif)
}

.buttonHome:hover, .buttonHomeSelected
{
    background-image:url(/images/menu_home_active.gif)
}

.buttonTag
{
    display:block;
    width:177px;
    height:18px;
    background-image:url(/images/menu_naamplaatje_inactive.gif)
}

.buttonTag:hover, .buttonTagSelected
{
    background-image:url(/images/menu_naamplaatje_active.gif)
}

.buttonBestellen
{
    display:block;
    width:79px;
    height:14px;
    background-image:url(/images/menu_bestellen_inactive.gif)
}

.buttonBestellen:hover, .buttonBestellenSelected
{
    background-image:url(/images/menu_bestellen_active.gif)
}

.buttonBestellenBig
{
    display:block;
    width:142px;
    height:25px;
    background-image:url(/images/btn_bestellen.gif)
}


.buttonStart
{
    display:block;
    width:93px;
    height:33px;
    background-image:url(/images/btn_start_inactive.gif)
}

.buttonStart:hover
{
    background-image:url(/images/btn_start_active.gif)
}

.buttonVerzilveren
{
    display:block;
    width:119px;
    height:33px;
    background-image:url(/images/btn_verzilveren_inactive.gif)
}

.buttonVerzilveren:hover
{
    background-image:url(/images/btn_verzilveren_active.gif)
}





.buttonVerder
{
    display:block;
    width:132px;
    height:33px;
    background-image:url(/images/btn_verdergaan_inactive.gif)
}

.buttonVerder:hover
{
    background-image:url(/images/btn_verdergaan_active.gif)
}


.buttonTerug
{
    display:block;
    width:119px;
    height:33px;
    background-image:url(/images/btn_teruggaan_inactive.gif)
}

.buttonTerug:hover
{
    background-image:url(/images/btn_teruggaan_active.gif)
}


.buttonTerugAcc
{
    display:block;
    width:215px;
    height:33px;
    background-image:url(/images/btn_terugnaaraccessoires_inactive.gif)
}

.buttonTerugAcc:hover
{
    background-image:url(/images/btn_terugnaaraccessoires_active.gif)
}

.buttonExtraTag
{
    display:block;
    width:206px;
    height:33px;
    background-image:url(/images/btn_extranaamplaatje_inactive.gif)
}

.buttonExtraTag:hover
{
    background-image:url(/images/btn_extranaamplaatje_active.gif)
}

.buttonExtraTag_Disabled
{
    display:block;
    width:206px;
    height:33px;
    background-image:url(/images/btn_extranaamplaatje_disabled.gif)
}


.buttonExtraAcc
{
    display:block;
    width:253px;
    height:33px;
    background-image:url(/images/btn_accessoire_inactive.gif)
}

.buttonExtraAcc:hover
{
    background-image:url(/images/btn_accessoire_active.gif);
}


.buttonExtraTag2 
{
    display:block;
    width:265px;
    height:33px;
    background-image:url(/images/btn_nogeennaamplaatje_inactive.gif)
}

.buttonExtraTag2:hover
{
    background-image:url(/images/btn_nogeennaamplaatje_active.gif)
}

.buttonExtraTag2_Disabled
{
    display:block;
    width:265px;
    height:33px;
    background-image:url(/images/btn_nogeennaamplaatje_disabled.gif)
}


.buttonAchterafBetalen
{
    display:block;
    width:169px;
    height:33px;
    background-image:url(/images/btn_achterafbetalen_inactive.gif)
}

.buttonAchterafBetalen:hover
{
    background-image:url(/images/btn_achterafbetalen_active.gif)
}

.buttonVooruitBetalen
{
    display:block;
    width:170px;
    height:33px;
    background-image:url(/images/btn_vooruitbetalen_inactive.gif)
}

.buttonVooruitBetalen:hover
{
    background-image:url(/images/btn_vooruitbetalen_active.gif)
}

.buttonBestellen2
{
    display:block;
    width:106px;
    height:33px;
    background-image:url(/images/btn_bestellen_inactive.gif)
}

.buttonBestellen2:hover
{
    background-image:url(/images/btn_bestellen_active.gif)
}

.buttonAfronden
{
    display:block;
    width:169px;
    height:33px;
    background-image:url(/images/btn_bestellingafronden_inactive.gif)
}

.buttonAfronden:hover
{
    background-image:url(/images/btn_bestellingafronden_active.gif)
}


.buttonBesteloverzicht
{
    display:block;
    width:156px;
    height:26px;
    background-image:url(/images/button_mandje.gif)
}

.buttonBesteloverzicht:hover
{
    background-image:url(/images/button_mandje.gif)
}

.buttonTerugNaarOverzicht
{
    display:block;
    width:219px;
    height:33px;
    background-image:url(/images/btn_terugnaaroverzicht_inactive.gif)
}

.buttonTerugNaarOverzicht:hover
{
    background-image:url(/images/btn_terugnaaroverzicht_active.gif)
}

.buttonVraagVerzenden
{
    display:block;
    width:170px;
    height:33px;
    background-image:url(/images/btn_vraag_verzenden_inactive.gif)
}

.buttonVraagVerzenden:hover
{
    background-image:url(/images/btn_vraag_verzenden_active.gif)
}

.buttonInschrijven
{
    display:block;
    width:127px;
    height:35px;
    background-image:url(/images/Button_TTC_inschrijven.gif)
}

.buttonInschrijven:hover
{
    background-image:url(/images/Button_TTC_inschrijven.gif)
}

.buttonUitschrijven
{
    display:block;
    width:127px;
    height:35px;
    background-image:url(/images/Button_TTC_uitschrijven.gif)
}

.buttonUitschrijven:hover
{
    background-image:url(/images/Button_TTC_uitschrijven.gif)
}






.ErrorMsg 
{
    font-size:12px;
    font-weight:bold;
    display:block
    
}

.errorBlock 
{
    background-color:#ffffee;
    padding:2px;
    border:solid 1px #ccc;
    margin:0 25px 0 25px;
    font-weight:bold;
}

input.error 
{
    background-color:#ffffee;
}



#footer 
{
    background:url(/images/menu_dot.gif) repeat-x top left;
    margin:15px 0 0 0;    
    text-align:center;
    padding:10px 0 5px 0;    
}


#mainFooter
{
    position:absolute;
    bottom:0;
    width:100%;
    height:40px;  
}

#mainFooterInner
{
    background:url(/images/menu_dot.gif) repeat-x top left;
    width:901px;
    margin-left:30px;
    text-align:center;
    height:40px; 
}


#mainFooterInnerLeft 
{
    float:left;
    width:250px;
    margin-top:10px;
}

#mainFooterInnerMiddle
{
    float:left;
    width:400px;
    margin-top:15px;
}

#mainFooterInnerRight
{
    float:left;
    width:250px;
    margin-top:10px;
   
}