﻿body
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family:Arial; 
}
h1,h2,h3,h4,h5,h6
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:100%;
    
}

.textbox3
{
    background-image: url("Images/textboxBackground.png" );
    background-repeat:no-repeat;
    border: 1px;
    border-color: Red;
    border-style: solid;
    padding-left:5px; 
    color: Black;
    font-family: Arial;
    font-size: 12px;
    height: 18px;
    width: 108px;
}

img
{
    border:0;
}

.wrapper
{
    width: 960px;
    margin-left: auto; 
    margin-right: auto;
}
.wrapperGray
{
    width: 960px;
  /*  background-color:#E6E1E8; */
    margin-left: auto; 
    margin-right: auto;
}


.wrapper2
{
    width: 700px; 
    margin-left: auto; 
    margin-right: auto;
}
.topBarBackground
{
    background-image: url(   "Images/TopBar/topBarBackground.png" );
    background-repeat:repeat-x;    
    width:100%;
    height:31px;
}

.topBackground
{
    background-image: url(   "Images/topBackground.png" );
    background-repeat:repeat-x;    
    width:100%;
    height:132px;
}
.topMenuBackground
{
    background-image: url(   "Images/Topmenu/topMenuBar.png" );
    background-repeat:repeat-x;    
    width:686px;
    height:27px;
}
.contentTopBackground
{
    background-image: url(   "Images/contentTopBackground.png" );
    background-repeat:repeat-x;    
    width:100%;
    height:5px;
}

.contentBackground
{
    background-color:#e7e6ec;
    width:100%;
    height:100%;
}

.contentBackgroundNew
{
    background-image: url("Images/background_zake.jpg" );
    background-repeat:repeat-x;  
    background-color:#E7E6EC;  
    width:100%;
    height:100%;
}

.contentBottomBackground
{ 
    background-image: url("Images/contentBottomBackground.png" );
    background-repeat:repeat-x;    
    width:100%;
    height:1px;
}
.bottomBackground
{ 
    background-image: url(   "Images/biblioteckItem.png" );
    background-repeat:repeat-x;    
   /* height:157px; */
   height:50px;
}
.verticalTopPanel
{ 
    background-image: url(   "Images/verticalTopPanel.png" ); 
    background-repeat:no-repeat;      
    width:244px;
    height:31px;
}

.verticalContentPanel
{ 
    background-image: url(   "Images/verticalContentPanel.png" ); 
    background-repeat: repeat-y;   
    width:244px;
    height:1px;
}

.verticalBottomPanel
{ 
    background-image: url(   "Images/verticalBottomPanel.png" );   
    background-repeat:no-repeat;    
    width:244px;
    height:3px;
}

.topLease
{ 
    background-image: url(   "Images/TopLease.png" );   
    background-repeat:no-repeat;    
    width:244px;
    height:31px;
}
.contentLease
{ 
    background-image: url(   "Images/ContentLease.png" );   
    background-repeat:no-repeat;    
    width:244px;
    height:135px;
}

.txtBreadCrumbs
{
    font-family:Arial;
    font-size:11px;
    color: #717171;
    text-decoration:none;
}

.txtTitle
{
    
    font-family: Arial;
    font-size: 15px;
    color: white;
    text-decoration: none;
    font-weight: bold; 
}

.txtTitle2
{
    
    font-family: Arial;
    font-size: 15px;
    color: #562381;
    text-decoration: none;
    font-weight: bold;
}

.txtTitle3
{
    
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.txtSubTitle
{
    
    font-family: Arial;
    font-size: 12px;
    color: #717171;
    text-decoration: none;
    font-weight: bold;
}

.txtLabel
{
    font-family: Arial;
    font-size: 12px;
    color: black;
    text-decoration: none;
}
.txtLabelBold
{
    font-family: Arial;
    font-size: 12px;
    color: black;
    text-decoration: none;
    font-weight:bold;
}

.txtLabel1
{
    font-family: Arial;
    font-size: 12px;
    color: #999999;
    text-decoration: none;
}

.txtLabelBold2
{
    font-family: Arial;
    font-size: 12px;
    color: #562381;
    text-decoration: none;
    font-weight:bold;
}

.txtLabel2
{
    font-family: Arial;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
    font-weight:bold;
    text-transform:uppercase;
}

.txtLabel3
{
    font-family: Arial;
    font-size: 11px;
    color: #663a8a;
    text-decoration: none;
    font-weight:bold;
    text-transform:uppercase;
}

.txtLabel5
{
    font-family: Arial;
    font-size: 11px;
    color: #663a8a;
    text-decoration: none;
    font-weight:bold;
}

.txtLabel4
{
    font-family: Arial;
    font-size: 11px;
    color: #949196;
    text-decoration: none;
    font-weight:bold;
    text-transform:uppercase;
}
.txtLabelError
{
    font-family: Arial;
    font-size: 12px;
    color: red;
    text-decoration: none;
}

.subMenuTitle
{
    font-family: Arial;
    font-size: 12px;
    color: #562381;
    text-decoration: none;
    font-weight:bold;
}

.subMenuItem
{
   font-family: Arial;
   font-size: 12px;
   color: black;
   text-decoration: none;
}
.ProfileSubtitle1
{
    font-family: Arial;
    font-size: 14px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.ProfileText1
{
    font-family: Arial;
    font-size: 12px;
    color: black;
    text-decoration: none;
}

.ProfileLink1
{
    font-family: Arial;
    font-size: 12px;
    color: #225A97;
    text-decoration: none;
    font-weight: normal;
    line-height: 13px;
}

.textbox
{
   
    background-image: url(   "Images/textboxBackground.png" ) ;
    background-repeat:no-repeat;
    border: 0px;
    padding-left:5px; 
    color: #7C7C7C;
    font-family: Arial;
    font-size: 12px;
    height: 18px;
    width: 193px;
}

.textbox2
{
    border: 0px;
    padding-left:5px; 
    color: Black;
    font-family: Arial;
    font-size: 12px;
    width: 108px;
    border-top:solid 2px #e8e8e8;
    border-bottom:solid 1px #e8e8e8;
    border-right:solid 1px #e8e8e8;
    border-left:solid 2px #e8e8e8;
}

.textboxZake
{
	background-color: #fbfbfb;
	border-top: solid 1px #cbcbcb;
	border-left: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	border-bottom: solid 1px #cbcbcb;
	color: #606060;
	font-size: 14px;
	height:22px;
	line-height:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	outline-style: none;
	padding-left: 5px;
	vertical-align:middle;
	
}

.textboxZake:focus
{
	background-color: white;
	border-top: solid 1px #7b7b7b;
	border-left: solid 1px #7b7b7b;
	border-right: solid 1px #7b7b7b;
	border-bottom: solid 1px #7b7b7b;
	color: Black;
	padding-left: 5px;
	font-size: 14px;
	height:22px;	
	line-height:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	outline-style: none;
	vertical-align:middle;
	padding-top:2px;
}

.textboxZakeError
{
	background-color: #fbfbfb;
	border-top: solid 1px Red;
	border-left: solid 1px Red;
	border-right: solid 1px Red;
	border-bottom: solid 1px Red;
	color: #606060;
	font-size: 14px;
	height:22px;
	line-height:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	outline-style: none;
	padding-left: 5px;
	vertical-align:middle;
	padding-top:2px;
}

.defaulttopmenuitem
{
    height: 27px;
    background-image:url('Images/Menu/menuItem.png');
    background-repeat:repeat-x;
}

.topmenuitem
{
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
    padding-left:4px;
    text-transform:uppercase;
    font-weight:bold;
    
    
}
.topmenuitemselected
{
    color:#225A97;
    font-weight:bold;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
    padding-left:4px;
    text-transform:uppercase;
    
    
}

.topmenuitem:hover
{
    text-decoration:underline;
}

.selectedtopmenuitem
{
    height: 27px;
}

.parentLinksNode
{
	color: #6D4490 ;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
}

.parentTreeNode
{
	color: white ;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	/*text-transform:uppercase; */
	cursor:pointer;
}


.parentTreeNode:hover
{
	color: #003F87 ;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
}

.parentTreeNodeDisable
{
	color: #999999 ;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	/*text-transform:uppercase; */
	cursor:default;
}

.normalTreeNode
{
	color: White ;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	
}
.normalTreeNode:hover
{
	color: #003F87 ;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	
}

.normalNodeGray
{
	color: Gray;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	
}

.normalTreeGray
{
	color: #84A019;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	
}

.link
{
	color: #562381 ;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	cursor:pointer;
}


.link:hover
{
	color: #562381;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
}

.contentTop
{
    height: 10px;
    width:705px;
    background-image:url('Images/topContentBackground.png');
    background-repeat:no-repeat;
}

.content
{   
    width:705px;
    background-image:url('Images/contentMiddleBackground.png');
    background-repeat:repeat-y;
}

.contentBottom
{
    width:705px;
    height: 20px;
    background-image:url('Images/bottomContentBackground.png');
    background-repeat:no-repeat;
}

.titleBackground
{
    height:50px;
    width:278px;
    background-image:url('Images/titleBackground.png');
    background-repeat:no-repeat;   
}

.ShopDirections
{
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #000000;
    line-height: 13px;
}

.ShopDirections a
{
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #2364A6;
    text-decoration: none;
    font-weight: normal;
    line-height: 13px;
}
/*Images/OnlinePlanningButtons/Reparatie.png
height:115px;
    width:170px;
*/
.ReparatieBackground
{
    height:153px;
    width:228px;
    background-image:url('Images/OnlinePlanningImages/Services/Reparatie.png');
    background-repeat:no-repeat;   
}

.ReparatieBackground2
{
    height:153px;
    width:228px;
    background-image:url('Images/OnlinePlanningImages/Services/Reparatie_2.png');
    background-repeat:no-repeat;   
}

.BandenBackground
{
    background-repeat:no-repeat;   
    height:153px;
    width:228px;
    background-image:url('Images/OnlinePlanningImages/Services/Banden.png');
    background-repeat:no-repeat;   
}

.BandenBackground2
{
    background-image:url('Images/OnlinePlanningImages/Services/banden_2.png');
    background-repeat:no-repeat;   
    height:153px;
    width:228px;
}

.RuitschadeBackground
{
    height:153px;
    width:228px;
    background-image:url('Images/OnlinePlanningImages/Services/onderhoud.png');
    background-repeat:no-repeat;   
}

.RuitschadeBackground2
{
    height:153px;
    width:228px;
    background-image:url('Images/OnlinePlanningImages/Services/onderhoud_2.png');
    background-repeat:no-repeat;   
}

.OnderhoudBackground
{
    height:153px;
    width:228px;
    background-image:url('Images/OnlinePlanningImages/Services/onderhoud.png');
    background-repeat:no-repeat;   
}

.OnderhoudBackground2
{
    height:153px;
    width:228px;
    background-image:url('Images/OnlinePlanningImages/Services/onderhoud_2.png');
    background-repeat:no-repeat;   
}

.MenuBottomBackground
{
    height:31px;
    width:228px;
    background-image:url('Images/Menu_Bottom.png');
    background-repeat:no-repeat;   
}

.ProfileCMSTitle
{
	color: #562381;
    font-family: Arial;
    font-size: 18px;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
}


.TableNoLines
{
	/*border-style: none !important;*/
	border-style: none;
	border-collapse: collapse;
}
.TableNoLines TD
{
	border-style: none;
	border-collapse: collapse;
}

.megaMenuTop
{
    height:11px;
    width:707px;
    background-image:url('Images/Menu/megaMenuTop1.png');
    background-repeat:no-repeat;   
}

.megaMenuContent
{
    height:1px;
    width:707px;
    background-image:url('Images/Menu/megaMenuContent.png');
    background-repeat:repeat-y;   
}

.megaMenuBottom
{
    height:16px;
    width:707px;
    background-image:url('Images/Menu/megaMenuBottom.png');
    background-repeat:no-repeat;   
}

.megaMenuBoder
{
    height:1px;
    background-color: #C69C53;
    background-repeat: repeat-x; 
}

.SearchBackgroundLeft
{
    height:33px;
    width:8px;
    background-image:url('Images/Menu/SearchL.png');
    background-repeat:no-repeat;   
}
.SearchBackground
{
    height:33px;
    width:1px;
    background-image:url('Images/Menu/Search.png');
    background-repeat:repeat-x;   
}
.SearchBackgroundRight
{
    height:33px;
    width:8px;
    background-image:url('Images/Menu/SearchR.png');
    background-repeat:no-repeat;   
}
/* END New appointment */

.greenBackground
{
	background-color:#a6c504;
	color:#ffffff;	
	font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-weight:bold;
    text-transform:uppercase;
}

.RightPanelTitle
{
	font-size: 22px;
	color: Black;
	padding-left: 10px;
	font-weight: bold;
}


.rightPanel .content,
.rightPanel .t,
.rightPanel .b,
.rightPanel .b div {
 background:transparent url(Images/Panels/rightPanel.png) no-repeat top right;
 _background-image:url(Images/Panels/rightPanel.gif);
}

.rightPanel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 6px 0px 0px;
}

.rightPanel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rightPanel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rightPanel .b,
.rightPanel .b div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.rightPanel .b {
 background-position:bottom right;
}

.rightPanel .b div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

/*onlineplanning*/

.sizesPopupPanel {
 background:transparent url(Images/Panels/sizePopupPanel.png) no-repeat bottom left;
 width:500px;
 padding-bottom:45px;
 padding-left:28px;
 padding-right:38px;
 z-index:100;
}

ul
{
list-style: none;
padding: 0;
margin: 0;
} 

ul li
{
float: left;
margin: 0 0.15em;
} 

.Navigator
    {
        position: relative;
        top: -40px;
        z-index: 1000;
        left: 10px;
        height: 0px;
    }
    .Navigator a
    {
        border: 1px solid #ccc;
        background: #888;
        text-decoration: none;
        margin: 0 5px;
        padding: 2px 8px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        opacity: 0.9;
        width: 40px;
        height: 40px;
        color: white;
    }
   .Navigator a.activeSlide
    {
        background: #fff;
        color: black;
    }
   .Navigator a:focus
    {
        outline: none;
    }
    
    
.btnNormal
{
	 border:0px;
	 background-image: url('Images/btnNormal.jpg');
	 background-repeat:no-repeat;
	 height:49px;
	 width:328px;
	 text-align: left;
	 color:Black;
	 font-weight:bold;  
	 padding-left:5px;
	 text-decoration:none;
	 vertical-align:middle;
	 	
	 
}
.btnOver
{
	 border:0px;
	 background-image: url('Images/btnOver.jpg');
	 background-repeat:no-repeat;
	 height:49px;
	 width:328px;
	 text-align: left;
	 color:White;
	 font-weight:bold;
	 padding-left:5px;
	 text-decoration:none;
	 vertical-align:middle;
	
	 
}
.btnOver a
{
    color:White;
    
    }

.Safaritext
{
     text-align: left;
	 color:Black;
	 font-weight:bold;
	 padding-left:5px;
	 text-decoration:none;
	 vertical-align:middle;
	 padding-top:20px;
	 
    
}

.logoLink
{
    margin  : 0; 
    padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 290px;
	height: 55px;
  
}


.logoImage
{
    width: 282px; 
    height: 53px; /* Set the small thumbnail size */
	-ms-interpolation-mode:bicubic; /* IE Fix for Bicubic Scaling */
	border: none;
	
	
	position: absolute;
	left: 0; 
	top: 0;

}
.logoZoom
{
border: none;
}

.backgroundHeaderTop
{
    background-image: url('Images/Logo/bkgr.png');
    background-repeat: repeat-x;
    height:136px;
}

.divcalendar
{
	align:center; 
	valign:top;
	height: 291px;
	background-color: #faf2ff;
}
.greentext
{
	color: #abc541;
	font-weight: bold;
}
