/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: 'Trebuchet MS', Tahoma; font-size: 12px; color: #000; }
input, select, textarea { font-family: 'Trebuchet MS', Tahoma; font-size: 12px; color: #000; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/bodyBg.png') #ddd repeat-x;}

/* ### main container ### */
#mainCntr { margin: 0 auto; padding-bottom: 20px; width: 978px; }
#mainCntr a.copylink {  margin-top: 20px; text-decoration: none; padding-left: 10px; padding-right: 10px; text-align: center; color: #818181; }
#mainCntr a.copylink:hover { color: #E50000; }
	
	/* ### header container ### */
	#headerCntr { position: relative; width: 978px; height: 143px; background: url('../images/headerBg.png') no-repeat 895px 20px; }
	#headerCntr h1 { position: absolute; top: 40px; left: 13px; width: 490px;}
	#headerCntr h1 a { display: block; width: 398px; height: 24px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
    #headerCntr a.ichiban { float: left;}  
    #headerCntr a.ichiban span { position: absolute; top: 40px; left: 420px; background: url('/templates/images/LogoIchiban2.png') no-repeat; text-indent: -9999px; display: block; height: 24px; width: 50px;}  
		/* ### menu box ### */
		.menuBox { position: absolute; top: 88px; left: 3px; width: 970px; height: 55px; background: url('../images/menuBg.png') no-repeat; }
		.menuBox ul { padding: 10px 10px 0px 10px; overflow: hidden; width: 950px; list-style: none; }
		.menuBox li { padding-right: 5px; float: left; display: inline; background: url('../images/sep.gif') no-repeat right top; }
		.menuBox li.last { padding-right: 0px; background: none; }
		.menuBox li a { padding: 0px 27px 0px 27px; display: block; float: left; height: 35px; line-height: 35px; font-weight: bold; text-decoration: none; color: #808080; }
		.menuBox li a:hover, .menuBox li a.selected { color: #e50000; }
	    
        .menuBox ul li ul { padding: 10px 0px 5px 27px; position: absolute;  z-index: 150; width: 153px; background: url('../images/submenu_Bg.png') #D4D0D0 no-repeat bottom; height: auto; top: 44px;        
                            -moz-border-radius-bottomleft:5px;
                            -moz-border-radius-bottomright:5px;
                            -webkit-border-bottom-left-radius:5px;
                            -webkit-border-bottom-right-radius:5px;
        }
        .menuBox ul li ul li { float: none; line-height: 20px; background: none; padding: 0; margin: 0;}
        .menuBox ul li ul li a { padding: 0; float: none; line-height: 20px; color: #808080; height: 25px; }
        .menuBox ul li ul li a:hover { color: #e50000; background: none; }
        
	/* ### intro container ### */
	#introCntr { padding: 8px 13px 0px 13px; overflow: hidden; width: 952px; height: 235px; }
	#introCntr div.inline { overflow: hidden; position: relative; float: left; display: inline; border: solid 10px #fff; }
    #introCntr div.inlinelast { overflow: hidden; position: relative; float: left; display: inline;  border: solid 10px #fff; float: right;}
	#introCntr #banner { width: 950px; }
    #introCntr #banner ul { list-style: none; }   
    #introCntr div.text { position: absolute;  height: 180px; padding: 10px; top: 175px; width: 411px; color: #fff; background: url('../images/textBg.png'); }
	#introCntr h3 { padding-right: 20px; font: bold 16px Tahoma; text-align: right; background: no-repeat right; }
	#introCntr h3.open { background-image: url('../images/close.png'); }
	#introCntr h3.close { background-image: url('../images/open.png'); }
	#introCntr address { overflow: hidden; width: 411px; font-style: normal; }
	#introCntr strong { font-size: 14px; }
	#introCntr a { color: #fff; }
	#introCntr a:hover { text-decoration: none; }
	#introCntr span { float: left; width: 205px; }

	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 978px; }
	
        #bannerhome { list-style: none;}	
		/* ### left container ### */
		#leftCntr { float: left; width: 652px; }
		
            
            
			/* ### small box ### */
			.smallBox { padding-bottom: 26px; float: left; width: 326px; background: url('../images/boxBottom.png') no-repeat left bottom; }
			.smallBox div.top { padding-top: 26px; background: url('../images/boxTop.png') no-repeat left top; }
			.smallBox div.bottom { padding: 0px 23px 0px 23px; overflow: hidden; width: 280px; min-height: 300px; background: url('../images/boxBg.png') repeat-y; }
            .smallBox div.bottom  #flashobject { margin: 0; padding: 0;} 
            .smallBox h2 { padding: 8px 0px 5px 0px; font-size: 16px; font-weight: bold; color: #e50000; }
			.smallBox p { padding-bottom: 5px; }
            .smallBox img {margin-top: 5px;}
            .smallBox img.nieuws { width: 278px; }
			.smallBox a { float: right; font-size: 11px; text-decoration: none; color: #b9091e; }
			.smallBox a:hover { text-decoration: underline; }
			
			/* ### text box ### */
			.textBox { margin-top: 4px; padding-bottom: 26px; float: left; width: 646px; background: url('../images/largeBottom.png') no-repeat left bottom; }
			.textBox div.top { padding-top: 26px; background: url('../images/largeTop.png') no-repeat left top; }
            .textBox div.bottom { padding: 0px 23px 0px 23px; overflow: hidden; width: 600px; background: url('../images/largeBg.png') repeat-y; }
			.textBox div.bottom img { padding: 0px 10px 0px 0px; }
			.textBox h2 { padding-bottom: 10px; font-size: 16px; font-weight: bold; color: #e50000; }		
			.textBox p { padding-bottom: 10px; line-height: 20px; }
            .textBox ul { padding-left: 20px; } 
            .textBox a { text-decoration: none; color: #e50000; }
            .textBox a:hover { text-decoration: underline; }
            
            /* nieuws */
            .textBox a.leesmeer { float: right;} 
            .textBox p.datum { font-size: 11px; padding-bottom: 0px; }
            .textBox div.line { width: 600px; border-bottom: solid 1px #e1e1e1; padding-top: 30px; margin-bottom: 10px;}
            .textBox img.nieuws { float: left;}
            .textBox img.nieuws_item { float: left; width: 260px; height: 179px;}

            #accordion-vestiging { width: 900px;}
            #accordion-vestiging ul { list-style: none; margin: 0 auto;}
            #accordion-vestiging ul li { float: left; padding-right: 5px; text-align: center; height: 150px;}
            #accordion-vestiging ul li p { padding-bottom: 2px; line-height: 16px; }
            #accordion-vestiging ul li p.functie { font-size: 11px; font-style: italic; }
            
            /* #### FORMULIER ### */
            fieldset                                {margin:1em 0;border:none;border-top:1px solid #ccc;}
            legend                                  {margin:1em 0;padding:0 .5em;color:#e50000;background:transparent;font-size:1.3em;}
            label                                   {float:left;width:180px;padding:0 1em;text-align:right;}
            fieldset div                            {margin-bottom:.5em;padding:0;display:block;}
            fieldset div input,
            fieldset div textarea, 
            fieldset div select{width:150px;padding:1px;border: 1px solid #555;}

            fieldset div input.huisnr               {width:50px;padding:1px;}
            fieldset div input.postcode               {width:95px;padding:1px;} 
            
            fieldset div input.autogegevens, 
            fieldset div select.autogegevens, 
            fieldset div textarea.autogegevens {width:225px;padding:1px;} 

            fieldset div select         {padding:1px; border: 1px solid #555;}
            div.checkboxes              {margin-left: 80px;}
            div.checkboxes div            {margin:5px 0;  }
            div.checkboxes input          {width:1em;}
            div.checkboxes label.titel    {float:left;width:180px;padding:0 1em;text-align:right;}
            div.checkboxes label          {width:230px; text-align: left; }
            
            div.meerdere div            {margin:5px 0;  }
            div.meerdere input          {width:1em;}
            div.meerdere label.titel    {float:left;width:180px;padding:0 1em;text-align:right;}
            div.meerdere label          {width:230px; text-align: left; }
            #verstuur                   {clear:both;padding-top:1em; text-align:center;}
            #verstuur input             {border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%; cursor: pointer;}
            #verstuur a                 {border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%; } 
            input:focus,textarea:focus  {background:#efefef;color:#000;}
            fieldset div.verplicht      {font-weight:bold;}

            #container                  {margin:0 auto;padding:1em;width:480px;text-align:left; padding-top:50px;}
            p#fm-intro                  {margin:0;}
            
            div.error ul {  padding-left: 20px;}
            div.error li { color: #e50000; }
            
            div.formulier label   {float:left;width:75px;text-align:left;} 
            div.formulier input[type="text"] { width: 225px; height: 20px; padding: 2px; }
            div.formulier input[type="submit"] { width: 70px; height: 30px; padding: 2px; }  
            div.formulier input[type="reset"] { width: 70px; height: 30px; padding: 2px; } 
            div.formulier textarea { width: 225px; height: 100px; padding: 2px;}
            
            div.aanmeldformulier label   {float:left;width:75px;text-align:left;} 
            div.aanmeldformulier input[type="text"] { width: 120px; height: 20px; padding: 2px; }
            div.aanmeldformulier input[type="text"].postcode { width: 78px; height: 20px; padding: 2px; } 
            div.aanmeldformulier input[type="text"].huisnr { width: 30px; height: 20px; padding: 2px; }
            div.aanmeldformulier input[type="submit"] { width: 70px; height: 30px; padding: 2px; } 
            div.aanmeldformulier .padding { padding-top: 10px; } 
            
         #leftCntrBreder { float: left; width: 980px; padding-left: 5px; }         
        /* ### occasion box ### */
            .occasionBoxBreed { margin-top: 4px; padding-bottom: 26px; float: left; width: 980px; background: url('../images/largest_bottom.png') no-repeat left bottom;}
            .occasionBoxBreed div.top { padding-top: 29px; background: url('../images/largest_top.png') no-repeat left top; }
            .occasionBoxBreed div.bottom { padding: 0px 23px 0px 23px; overflow: hidden; width: 980px; background: url('../images/largest_bg.png') repeat-y; }
            .occasionBoxBreed h2 { padding-bottom: 10px; font-size: 16px; font-weight: bold; color: #e50000; }        
            .occasionBoxBreed p { padding-bottom: 10px; line-height: 20px; }
            .occasionBoxBreed a { text-decoration: none; color: #e50000; }
            .occasionBoxBreed a:hover { text-decoration: underline; }
        
		/* ### right container ### */
		#rightCntr { padding-bottom: 38px; float: right; width: 326px; background: url('../images/rightBg.gif') no-repeat 18px bottom; }
		
			/* ### direct box ### */
			.directBox { padding-bottom: 26px; width: 326px; background: url('../images/boxBottom.png') no-repeat left bottom; }
			.directBox div.top { padding-top: 26px; background: url('../images/boxTop.png') no-repeat left top; }
			.directBox div.bottom { padding: 0px 23px 0px 23px; width: 280px;  background: url('../images/boxBg.png') repeat-y; }
			.directBox h3 { padding-bottom: 5px; font-size: 16px; font-weight: bold; color: #e50000; }
			.directBox ul { list-style: none; }
			.directBox li { line-height: 24px; }
			.directBox li a { padding-left: 5px; text-decoration: none; color: #000; }
            .directBox li a:hover { text-decoration: underline; }
            .directBox li a img.socialmedia { display: inline; float: left;}
            .directBox li a img.erkend { display: inline; margin-left: 55px; margin-bottom: 10px; }
            
            .directBox a#bladlink { background: url('../images/bladnaar_Bg.jpg') top left repeat-x; width: 260px; height: 38px; padding-left: 20px; display: block; color: #fff; font-size: 16px; padding-top: 10px;}
			.directBox a#bladlink:hover { background-position: bottom left;}
            
            .directBox fieldset { border: none; }
            .directBox label { width: 85px; float: left; font-size: 12px; color: #000; }
	        .directBox input.field { padding: 3px; margin-bottom: 5px; width: 120px; height: 14px;  }
            .directBox input.verstuur{width: 70px; height: 30px; padding: 2px;}
            
            /*Facebook*/
            .connect_confirmation_cell { display: none;}
            div.facebook { float: left; width: 85px; overflow: hidden; padding-left: 10px;}

            .level-0, .level-1 { list-style: none; }
            .level-0 li { margin-bottom: 5px; padding: 3px;}
            .level-0 li a{ background: url('../images/arrow_vangent.png') no-repeat left; padding-left: 15px; margin-bottom: 10px;}
            .level-0 li:hover { background: #ffcccc; }
   
    fieldset#FormBox {

        border: 1px solid #000;
        background-color: #eee;
        width:535px;
        text-align:left;
        padding:10px 0 25px 25px;
        top: 20px;
        margin-top: 5px;  
        right: 0px;    
        font-size:13px;  
        color: #000;
        padding-left: 65px;
    }
    #FormBox h2 { color: #000; padding-bottom: 10px;}
    #FormBox label{ width: 140px; float: left; padding-top: 5px; } 
    #FormBox label span.small {font-size: 10px;}
    #FormBox input[type=text]{
        border:1px solid #C80000;
        font-size:13px;
        color: #363636;
        margin:0 0 5px;
        padding:5px;
        width:250px;
    }
    #FormBox input[type=text].kort {
        width: 140px; 
    }
    #FormBox input[type=text].postcode {
        width: 190px; 
    }
    #FormBox input[type=text].huisnummer {
        width: 40px;  
    }
    #FormBox input[type=text].error, #FormBox textarea.error, #FormBox select.error {
        border:2px solid #C80000;
        background-color: #FFAAAA;   
    }
    #FormBox input[type=checkbox], #FormBox input[type=radio] {
        margin:5px 10px 0px 5px;
        padding:5px;
        width: 20px;  
        border: none;
    }
    #FormBox input[type=submit] {
        margin-left: 320px; margin-top: 20px; padding-top: 0px; padding-left: 0px; width: 170px; height: 32px; display: block; font-weight: bold; text-decoration: none; background: #fff; color: #C80000; border:1px solid #C80000;
    }
    #FormBox input#kenteken {
        background: url('../images/vangent_kenteken.png') no-repeat left top; width: 160px; height: 38px; font-size: 28px; padding: 0 0 3px 25px; border: none;
    }
    .inputcheck { float: left; width: 170px; }
    #FormBox .radiobuttons{
        position: relative;
        float: left;
    }
    #FormBox .radiobuttons label.error{
        position: absolute;
        left: 0px;
        bottom: -18px;
        margin-left: 20px;
    }
    #FormBox select{
        border:1px solid #C80000;
        font-size:13px;
        color: #363636;
        margin:0 0 5px;
        padding:5px;
        width:262px;
    }
    .selectitems { clear: both; margin-bottom: 5px; position: relative; }
    #FormBox textarea{
        border:1px solid #C80000;
        font-size:13px;
        color: #363636;
        margin:0 0 5px;
        padding:5px;
        width:250px;
        height: 100px;
    }
    #FormBox label.error {
        margin-left: 185px; 
        text-align: left;
        width:300px;  
        float: left;  
        font-size: 10px;
        color: #C80000;
        padding-top: 0px;
        padding-bottom: 2px; 
    }