/*Style sheet ABC Ede */

html,body
{
    background-color: #8D8D8D;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    font-size: 12px; 
    line-height:18px;
    margin: 0;
    padding:0;
}
 a img 
 {
     border:none;
 }

h1{ font-size: 18px; font-weight: bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #dc3221; margin-bottom: 0px; margin-top: 3px; }

h2 
{
    color:#26a1f2;
    font-size:14px;
}

a {text-decoration: none; color: #dc3221; }
a:hover { color: #253774; }

.column {
	position: absolute; 
	text-align: left; 
	width: 50%; 
	top: 0px;
}
.left {
	background: url(../images/bck-left.jpg) #8d8d8d repeat-x; 
	height: 100%; 
	left: 0px;

}
.right {
	background: url(../images/bck-right.jpg) #8d8d8d repeat-x; 
	height: 100%; 
	right: 0px;

}

.cPageContainer
{
    width:879px;
    margin:0 auto;
    text-align:left;
    position:relative;
    height:100%;
    z-index:1;
    }  

.cPageContainer .cVacatures 
{
    position:absolute;
    right:-70px;
    top:100px;
}

/*header*/
.cHeaderContainer
{
    display:block;
    height: 102px;
    float:left;
    margin-left:0px;
    }
      
.cHeaderLogoContainer
{
    width:265px;
    height:102px;
    float:left;
 }

 
.cHeaderContainer .cHeaderLogo
{
    float:left;
    border:0;
    }
        
    
.cHeaderContainer h4
{
    font-size:12px;
    text-transform:uppercase;
    color:White;
    margin:0px;
    padding:0px;
    padding-top:6px;
    }
    
.cHeaderContainer a
{
    font-size:12px;
    color:White;
    }    

.topknop A {
	font-family: Verdana, Geneva, sans-serif; 
	color: #fff; 
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: none
}
#knop1top {
	position: absolute; 
	text-align: center; 
	width: 142px; 
	background: url(../images/topknop1-uit.jpg) no-repeat; 
	height: 25px; 
	top: 15px; 
	cursor: pointer; 
	padding-top: 5px; 
	left: 422px
}

#knop1top:hover 
{
    background: url(../images/topknop1-aan.jpg) no-repeat;
}

#knop2top {
	position: absolute; 
	text-align: center; 
	width: 142px; 
	background: url(../images/topknop2-uit.jpg) no-repeat; 
	height: 25px; 
	top: 15px; 
	cursor: pointer; 
	padding-top: 5px; 
	left: 567px
}

#knop2top:hover 
{
    background: url(../images/topknop2-aan.jpg) no-repeat;
}

#knop3top {
	position:absolute; 
	text-align:center; 
	width: 142px; 
	background: url(../images/topknop3-uit.jpg) no-repeat; 
	height: 25px; 
	top: 15px; 
	cursor: pointer; 
	padding-top: 5px; 
	left: 712px
}

#knop3top:hover 
{
    background: url(../images/topknop3-aan.jpg) no-repeat;
}
   
/*menu top*/    
.cMenuTopContainer
{
	font-family: Verdana,Geneva,sans-serif;
    height:23px;
    margin-top:0px;
    margin-left:10px;
    padding-top:7px;
    width:879px;
    clear:both;
    position:relative;
    }        

.cMenuTopContainer ul
{
    list-style:none;
    margin:0;
    padding:0;
}    
    
.cMenuTopContainer ul li 
{
    
    float:left;
    margin-right:20px;
}

.cMenuTopContainer ul li.active a 
{
    color:#e2e3e8;
}      
    
.cMenuTopContainer ul li a
{
    color:#fff;
    text-decoration:none;
    text-transform:lowercase;
    font-size:16px;
    font-weight: bold;
    }    

.cMenuTopContainer ul li a:hover
{
    color:#f00!important;
    text-decoration:none;
}    


.cMenuTopContainer ul li ul
{
	z-index:1;
	display:none;
	position:absolute;
	left:5px;
	top:25px;
 }    

.cMenuTopContainer  ul li.active ul 
{
    display:block;
    }

.cMenuTopContainer ul ul li.active a 
{
    color:#E7B21F!important;
}

.cMenuTopContainer ul li ul li
{
	margin-top:10px;
 }    

.cMenuTopContainer ul li ul li a
{
	color:white!important;
    text-decoration:none;
    text-transform:lowercase;
    font-size:14px;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}    

.cMenuTopContainer .cMenuSearchInputContainer {
    text-align: right;
    float: right;
}
.cMenuTopContainer .cMenuSearchInputContainer input {
    margin-top: 0px;
    border:  1px solid #484948;
}
.cMenuTopContainer .cMenuSearchInputContainer .sfsearchBox {   /*aanpassing standaard search*/
    border: 0;
    margin-top: -10px;
}
    
    
    


/* startpage */
.cContentheader
{
    background:url('../images/balk-header.jpg') no-repeat;
	padding-top: 33px;
	width:879px;
	float:left;
	z-index:-1;
 }

.cMainContent
{
 	background: url(../images/bck-content.png) repeat-y; 
 	padding-top: 10px;
 	padding-bottom: 5px; 
 	padding-left: 15px; 
 	padding-right: 15px; 
    width:auto;
    float:left;
}

.cMainContent-OneColumn
{
 	background: url(../images/bck-content.png) repeat-y; 
 	padding-top: 10px;
 	padding-bottom: 5px; 
 	padding-left: 15px; 
 	padding-right: 15px; 
    width:100%;
    float:left;
}
    
.cMainContent .cColumnLeft
{
    width:608px;
    float:left;
    padding:0px;
    margin-top:10px;
}

.cMainContent .cColumnLeftWebshop
{
    width:608px;
    float:left;
    padding:0px;
}
    
.cMainContent .cColumnRight
{
    width:222px;
    float:left;
    margin-top:10px;
 }
 
 .cMainContent .cColumnRightWebshop
{
    width:222px;
    float:left;
    margin-left:10px;        
}

.tbkaderbottom
{
   background:url('../images/top-witkader.png') no-repeat;
   float:left;
   height:12px;
   width:879px;
   margin-left:-1px;
}

.tbFooterTop 
{
    background:url('../images/top-witfooter.png') no-repeat;
   float:left;
   height:13px;
   width:879px;
   margin-left:-2px;
}

#flashtop
{
	margin-bottom: 8px;
}

.cColumnLeft h1 
{
    background:url("../images/onderwerpheader.jpg") no-repeat scroll 0 0 #FFFFFF;
    height:80px;
    padding-top:10px;
    text-align:center;
    color:#fff;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:22px;
    font-weight:bold;
    margin-top:0;
}

.cColumnLeft h2
{
    font-size: 18px; font-weight: bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #dc3221; margin-bottom: 0px; margin-top: 3px;
}

/*ABC banden style: Nieuws ietms */

.nieuwscontent 
{
	background-color:#d7d9d9;
	margin-top:-3px;
	margin-bottom:-10px;
}

.nieuwsHomepage {
	padding-bottom: 10px; 
	margin: 0px 0px 10px; 
	padding-left: 8px; 
	padding-right: 5px; 
	padding-top: 0px
}
.nieuwscontent H3 {
	margin: 3px 7px 0px 0px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #253774; 
	font-size: 13px; 
	font-weight: bold
}
.nieuwscontent H3 A {
	color: #253774; 
	text-decoration: none
}
.nieuwscontent H3 A:hover {
	color: #dc3221
}

.nieuwsTopFrame 
{
	background: url(../images/nieuws-top.jpg) #dedede no-repeat; 
	height:27px;
	padding-top:1px;
}


.nieuwsTopFrame H1 {
	margin: 5px 8px 10px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #dc3221; 
	font-size: 18px; 
	font-weight: bold
}

.nieuwsBottomFrame {
	background: url(../images/nieuws-bottom.jpg) no-repeat; 
	height:14px;
}

.sidebarTopFrame {
	background: url(../images/sidebar-top.jpg) no-repeat; 
	height:14px;
}

.sidebarBottomFrame {
	background: url(../images/sidebar-bottom.jpg) no-repeat; 
	height:14px;
}

/*ABC banden style:aanbiedingen colunms */
.cAanbiedingColumn
{
    margin-right: 7px;
    color:White;
    float:left;
    width:194px;
    }

.aanbiedingHeader {
	background-image: url(../images/bck-aanbieding.jpg); 
	text-align: center; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	height: 25px; color: #fff; 
	font-size: 15px; 
	font-weight: bold; 
	padding-top: 5px;
}

.aanbiedingen
{
	background:url('../images/bck-aanbieding-verloop.jpg') #fff repeat-x;
}

.aanbiedingen img
{
	border:1px solid #ffffff;
}
.aanbiedingen H3 
{
	margin: 3px 7px 0px 8px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold
}
.aanbiedingen P {
	line-height: 16px; 
	margin: 0 8px 4px; 
	font-size: 12px; 
	font-weight: normal;
    color:#000000;
}

.leesMeer A {
	line-height: 16px; 
	margin: 4px 8px; 
	color: #dc3221; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none
}
.leesMeer A:hover {
	color: #000000
}

/* Extra links */    
.cExtraLinksContainer .CleanNav ul 
{
    margin:0;
}

.cExtraLinksContainer
{
	background:url(../images/mid-witkader.png) repeat-y;
    clear:both;
    width:860px;
    margin-left:-2px;
    min-height:75px;
}

.cExtraLinksContainer .sfNav
{
    padding-left:20px;
    margin-left:0;
}

.cExtraLinksContainer ul li 
{
    list-style:none;
    float:left;
    border-left:1px solid #1d9dcb;
    padding-left:5px;
    width:114px;
}

.cExtraLinksContainer ul li:first-child 
{
        border:none;
}

.cExtraLinksContainer ul li a
{
    color:#263573;
    font-size:15px;
    font-weight:bold;
}

.cExtraLinksContainer ul li a:hover 
{
    color: #f00;
}

.cExtraLinksContainer ul ul 
{
    padding-left:0;
    margin-left:0;
}

.cExtraLinksContainer ul ul li 
{
    float:none;
    border:none;
    padding:0;
    height:auto;
}

.cExtraLinksContainer ul ul li.active a 
{
    color:#2cb1e1;
}

.cExtraLinksContainer ul ul li:first-child
{
    margin:0;
}

.cExtraLinksContainer ul ul li a 
{
    font-size:11px;
    font-weight:normal;
}

.tbFooterBottom 
{
    background: url(../images/bottom-witfooter.png) no-repeat; 
	position: relative; 
	height: 13px; 
	margin-left :-1px;
	clear:both;
}

.cAuthenticated 
{
    clear:both;
}
    
/* footer*/
.footer
{
	background: url(../images/footer.png) no-repeat; 
	position: relative; 
	height: 46px; 
	clear:both;
}
    
#footerlinks {
	padding-bottom: 0px; padding-left: 20px; padding-right: 0px; font-size: 12px; padding-top: 12px
}
#footerlinks A {
	color: #fff; margin-right: 20px; text-decoration: none; background:none; padding:0;
}
#footerlinks A:hover {
	color: #ff0000; text-decoration: none
}
    
    
/* Content layout 1*/
standaard P {
	margin-top: 5px; 
	margin-bottom: 25px
}
.standaardtop {
	text-align: center; 
	background: url(../images/onderwerpheader.jpg) #fff no-repeat; 
	height: 80px; 
	padding-top: 10px
}
.standaardtop H1 {
	margin-top: 0px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #fff; 
	font-size: 22px; 
	font-weight: bold
}


/* Movies bg en selectie */
#cMoviebg
{
  background-image: url(../images/overlaymovies.png); 
  width: 596px; 
  height: 37px;  
  z-index: 999999;
}

.nummer { width: 13px; height: 13px; text-align: center; padding: 1px 1px 3px 1px; border: 1px solid #fff; font-size: 10px; float:right; margin-right: 5px; margin-top: 10px; }
.nummer a { color: #FFF; text-decoration: none; }
.nummer a:hover { color: #F00; text-decoration: none; }
.nummerOn { background-color:#263573; }


/* Tijdelijke categorie afbeeldingen voor de webshop */

.cLeftCategorie { margin-left:10px; }
.banden { background:url(../Images/banden.jpg) no-repeat; width:183px; height:158px; float:left; margin-right:15px; margin-top:20px; }
.velgen { background:url(../Images/velgen.jpg) no-repeat; width:183px; height:158px; float:left; margin-right:15px; margin-top:20px; }
.uitlaten { background:url(../Images/uitlaten.jpg) no-repeat; width:183px; height:158px; float:left; margin-top:20px; }
.remmen { background:url(../Images/remmen.jpg) no-repeat; height:105px; width:183px; float:left; margin-right:15px; margin-top:20px; }
.schokdempers { background:url(../Images/schokdempers.jpg) no-repeat; height:105px; width:183px; float:left; margin-right:15px; margin-top:20px; }
.aircos { background:url(../Images/aircos.jpg) no-repeat; height:105px; width:183px; float:left; margin-top:20px; }

.cAanbiedingBlok
{
    margin:20px 0 0px;
    overflow:auto;
    }

.cAanbieding 
{
    margin-right:43px;      
}

.cAanbieding, .cAanbieding2
{
    width:269px;
    height:195px;
    background:url(../Images/WebShop/AanbiedingBackground.jpg) no-repeat;
    float:left;
    text-align:center;
    padding:10px 0;
}

.cAanbieding img, .cAanbieding2 img
{
    height:114px;
}

.cServiceBlok
{
    margin-right:0;
}

.cAanbiedingBlok h2 
{
    font-size:28px;
    color:#fff;
    margin:0;
    text-transform:uppercase;
}

.cAanbiedingBlok p
{
    color:#fff;
    margin:0;
}

#GoogleMaps {
margin-bottom:20px;
}

#ContactForm .cLabel {
    display:block;
    width:150px;
    float:left;
    line-height: 22px;
    margin-bottom:10px;
}