﻿body 
{
    border:0px;
    margin:0px;
    padding:0px;
    /*font-family: 'KlavikaRegular', Helvetica, Arial, sans-serif;*/
    font-family: Arial, sans-serif;
    font-size:12px;
}
ul
{
	padding-left:15px;
	margin:0px;
	list-style-type:disc;
}

p {
    margin:10px 0px 10px 0px;
}

img.autoscaleMax672Width 
{
    width:100%;
    max-width:672px;
    height:auto;
}

img.autoscaleMax200Width 
{
    width:100%;
    max-width:200px;
    height:auto;
}

img.autoscaleMax125Width 
{
    width:100%;
    max-width:125px;
    height:auto;
}

h1
{
    color:#67B92B;
	font-size:22px;
}
h2
{
	color:#67B92B;
	font-size:18px;
	font-weight:normal;
    line-height:24px;
}
h3 
{
	color:#67B92B;
	font-size:16px;
	font-weight:normal;
    line-height:22px;
    padding-bottom:10px;
}
h4
{
	color:#67B92B;
	font-size:14px;
	font-weight:normal;
    line-height:18px;
}
hr.dotted 
{
    border-top: 1px dashed #2C96CA;
    height: 2px;
}

a, a:hover 
{
    text-decoration:none;
}
a img 
{
    border:none;
}
.bold 
{
    font-weight:bold;
}
.smallText 
{
    font-size:12px;
}
.ibmBlue 
{
    color:#0181C0;
}
.ibmGreen 
{
    color:#6DB957;
}
a.ibmGreen 
{
    color:#6DB957;
}
a.ibmBlue 
{
    color:#0181C0;
}

.lessHeaderTopSpacing 
{
    margin-top:0px;
}
.lessHeaderBottomSpacing 
{
    margin-bottom:-5px;
}
.lessHeaderBottomSpacing2
{
    margin-bottom:0px;
}
.clear
{
	clear:both;		
}
.textAlignLeft 
{
    text-align:left;
}
.textAlignCenter 
{
    text-align:center;
}
.textAlignRight 
{
    text-align:right;
}

.specialLinkButton 
{
    display:block;
}
.specialLinkButtonBottomPadding18 
{
    padding-bottom:18px;
}
.specialLinkButton2
{
    margin:0px;
    display:block;
}

.specialLinkButton a
{
    background-color:#0287C8;
    -webkit-border:5px;
    -moz-border:5px;
    border-radius:5px;
    padding:8px 10px 8px 6px;
    line-height:100%;
    color:white;
    text-decoration:none;
}

.specialLinkButton2 a
{
    background-color:#0287C8;
    -webkit-border:5px;
    -moz-border:5px;
    border-radius:5px;
    padding:5px 8px 5px 5px;
    line-height:100%;
    color:white;
    text-decoration:none;
}

.specialLinkButton a img, .specialLinkButton2 a img 
{
    vertical-align:middle;
    margin-right:4px;
    margin-top:-3px;
}
.specialLinkButton a:hover, .specialLinkButton2 a:hover
{
    background-color:#71C04D;
}

#page
{
    width:990px;
    margin-left:auto;
    margin-right:auto;
}
#pageLeft
{
    float:left;	
	width:275px;
    
    /*background-color:red;*/
    min-height:560px;
}
#fixedLeftside 
{
    position:fixed;
    width:275px;
    /*background-color:yellow;*/
}
#pageLeftRightSeperator
{
	float:left;
	width:43px;	
}
#pageRight
{
	float:left;	
	width:672px;
}
#pageHeader 
{
    height:293px;
    width:672px;spec
}
#pageHeader_image 
{
    height:293px;
    width:672px;
}
#pageHeader_buttons 
{
    position:relative;
    margin-top:-293px;
}
#pageHeader_buttons_HomeContactLanguageBlock
{
    margin-left:470px;
	height:100px;
}
.pageHeader_buttons_HomeContactLanguageBlockButtonTopDistance 
{
    height:75px;
}
.pageHeader_buttons_HomeContactButton 
{
    height:100px;
    float:left; 
	width:60px;
	text-align:center;
}
.pageHeader_buttons_HomeContactButton a 
{
    text-decoration:none;
    display:block;
    font-weight:bold;
    color:#76B936;
}
.pageHeader_buttons_HomeContactButtonSelected 
{
    background-color:#77B836;
    height:100px;
	float:left; 
	width:60px;
	text-align:center;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.pageHeader_buttons_HomeContactButtonSelected a 
{
    text-decoration:none;
    display:block;
    font-weight:bold;
    color:white;
}
#pageHeader_buttons_HomeContactButtonSeperator 
{
    float:left; 
	width:10px;
}
#pageHeader_buttons_LanguageButtons 
{
    height:100px;
    float:left;
	width:50px;	
	padding-left:15px;
}
.pageHeader_buttons_LanguageButton, .pageHeader_buttons_LanguageButton a 
{    
    text-decoration:none;
    display:block;
	float:left;
	color:#2395CB;			
}
#pageContent
{
	color:#020204;
}
#logoBlock
{
	padding-top:70px;	
    height:242px;
}
#footer 
{
    width:100%;
    height:350px;
    background-image:url('../../Content/Images/footer/footerbg_back.jpg');
    background-repeat:repeat-x;
}
#footerCenter 
{
    width:1000px;
    height:350px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('../../Content/Images/footer/footerbg_center.jpg');
    background-repeat:no-repeat;
    color:#A5A9AD;
	font-weight:normal;
    padding-top:15px;
}
.menu a 
{
    text-decoration:none;
}
.menu a.current 
{
    font-weight:bold;
}
.menuItem
{
	color:#0385C1;	
	/*font-size:14px;*/
	height:20px;
	line-height:20px;
	text-decoration:none;
}
a.menuItem:hover 
{
    color:#0385C1;
    font-weight:bold;
}
.menuSubItem
{
	color:White;
	/*font-size:14px;*/
	height:20px;
	line-height:20px;
	text-decoration:none;
}
a.menuSubItem:hover 
{
    color:white;    
    font-weight:bold;
}
.submenubox 
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#71C04D;
    padding:9px 10px 9px 5px;
    margin-top:7px;
    margin-bottom:12px;
}

.footercolStart
{
	float:left;
	width:50px;	
}
.footercol
{
	float:left;
	width:260px;
}
.footercolSmall
{
	float:left;
	width:160px;
}
.footercol a, .footercolSmall a
{
	height:20px;
	line-height:20px;
	color:#A5A9AD;
	text-decoration:none;
	font-weight:normal;
}
.footercol a.current, .footercolSmall a.current 
{
    color:#0080BF;
	font-weight:bold;
}

.footercol a:hover, .footercolSmall a:hover
{
	color:#0080BF;
	font-weight:bold;
}
.footercol_title
{
	line-height:30px;
	height:30px;
    margin-top:10px;
}
.footercol_title a
{
	font-weight:bold;
	color:#909599;
}

.pagination 
{
    margin-top:10px;
}

#detailHeaderNav 
{

}

#detailHeaderNav_left 
{
    float:left;
    width:467px;
    margin-right:20px;
}

#detailHeaderNav_right 
{
    float:left;
    width:185px;
    padding-top:22px;    
    text-align:right;
}

/* HOME PAGE */
#homepage_left 
{
    float:left;
    width:399px;
}
#homepage_left_text 
{
    margin-right:10px;
}
#homepage_right 
{
    float:left;
    width:224px;
    text-align:left;
}

/* PROMOTIE PAGE */
.promoBlock 
{
    width:672px;
}
.promoBlock_left 
{
    width:170px;
    float:left;
}
.promoBlock_left_imageFrame 
{
    width:149px;
    height:161px;
    background-image:url('../Images/frames/promo_imageframe.jpg');
}
.promoBlock_left_imageFrame img 
{
    margin:10px 14px 0px 11px;
}
.promoBlock_right 
{
    width:602px;
    padding-top:10px;
}
.promoBlock_right_date 
{
    font-size:12px;
}

/* Blog */
#blog_left 
{
    float:left;
    width:472px;
}
#blog_right 
{
    float:left;
    width:180px;
    margin-left:20px;
}
.blogpostBlock 
{
    width:472px;
}
.blogpostBlock_date {
    /*font-size:12px;*/
}

/* Modellen Te koop - Te huur */
#scooterModellenFrame 
{
    width:100%;
    background-color:#DEECD1;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:2px;
}
.scooterModelBox 
{
    width:200px;
    min-height:250px;
    background-color:white;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    margin:2px;
    padding:9px 9px 5px 9px;
}
.scooterModelBox_image 
{
    margin-top:10px;
}
.scooterModelBox_image img 
{
    border:solid 1px gray;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.scooterModelBox_name 
{
    
    min-height:20px;
    font-size:16px;
    display:block;
}
.scooterModelBox_infoIcons
{
    margin-top:10px;
    text-align:center;
}
.scooterModelBox_infoIcons img 
{
    margin-top:-2px;
    width:18px;
    height:18px;
}
.scooterModelBox_priceAndInfoButton 
{
    min-height:60px;
    margin-top:10px;
}
.scooterModelBox_PriceTag 
{
    font-size:16px;
}
.scooterModelBox_infoButton 
{
    margin-top:10px;
}

a.sorteerkolomUnselected 
{

}
a.sorteerkolomSelected 
{
    font-weight:bold;
}

#scooterOverzichtSelectieCriteriaFrame 
{
    border: solid 2px #E4EFF8;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:15px 10px 18px 15px;
}
.scooterOverzichtSelectieCriteriaFrame_table tr td 
{
    padding:5px 2px 5px 2px;
}
.scooterOverzichtSelectieCriteriaFrame_critera_kolom1 
{
    width:135px
}
.scooterOverzichtSelectieCriteriaFrame_buttons 
{

}

#scooterDetail_priceBox 
{
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color:#DEECD1;
    padding:10px;
}
#scooterDetail_priceBox_label 
{
    font-size:18px;
}
#scooterDetail_priceBox_price 
{
    font-size:18px;
}
#scooterDetail_priceBox_info 
{
    float:right;
}

#scooterDetail_photos {
    background-color:#DEECD1;
    padding:10px;
    margin-top:3px;
}
#scooterDetail_photos img {
    border:solid 2px white;
}
#scooterDetail_photos_title 
{
    padding-bottom:5px;
}
.scooterDetail_photos_title_label 
{
    font-size:18px;
}
#scooterDetail_photos table tr td 
{
    width:120px; vertical-align:middle; text-align:center; padding:3px;
}
#scooterDetail_actionButtons 
{
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color:#C7E0EF;
    padding:20px 10px 0px 10px;
    margin-top:3px;
}

#scooterDetail_kenmerken 
{
    float:left;
    width:325px;
}
#scooterDetail_kenmerken table 
{
    width:100%;
}
#scooterDetail_kenmerken table tr.row0
{
    background-color:#DEECD1;
}
#scooterDetail_kenmerken table tr.row1
{
    background-color:#F2F8ED;
}
#scooterDetail_kenmerken table td 
{
    padding:4px 0px 4px 10px;
}
#scooterDetail_opties 
{
    float:left;
    width:325px;
    margin-left:22px;
}
#scooterDetail_opties table 
{
    width:100%;
}
#scooterDetail_opties table tr.row0
{
    background-color:#C7E0EF;
}
#scooterDetail_opties table tr.row1
{
    background-color:#EAF3F9;
}
#scooterDetail_opties table td 
{
    padding:4px 0px 4px 10px;
}
/* CONTACT */
.contact_formulier 
{
    float:left;
    width:455px;
    padding-right:25px;
}
.contact_gegevens 
{
    float:left;
    width:192px;
}
.formulier_contact_kolom1 
{
    width:140px;
}
.formulier_extrainfoaanvraag_kolom1 
{
    width:140px;
}
.formulier_demoaanvraag_kolom1 
{
    width:140px;
}

/* CONTROL STYLING */
.input-validation-error 
{
    border:solid 1px #f00; 
    background-color:#fee;
}
input.input-validation-error 
{
    border:solid 1px #f00; 
    background-color:#fee;
}
.input-validation-error textarea 
{
    border:solid 1px #f00; 
    background-color:#fee;
}

/* CMS */
.cmsContactBlock 
{
    width:400px;
    vertical-align:top;
}
.propertylabel 
{
    display:block;
    margin-bottom:5px;
}
.cmsbody 
{
    margin: 0;
    padding: 0;
    background: url('/Content/images/patterns/whitey.png') repeat;
    color: #333;
    font-size: 14px;
}
.contentContainer
{
    margin:15px 25px 10px 25px;
    background-color: #FFFFFF;
    padding: 3px;
    border-radius:10px;
}
.loginbox
{
    width: 275px;
    margin-left: auto;
    margin-right: auto;
}
#topbar
{
    background-color: #0388C9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    margin-bottom:15px;
    color: white;
}
#topbar a
{
    color: white;
    text-decoration: none;
}
.contentZone
{
    padding:10px;
}
footer
{
    color:#0388C9;
    /*font-size:12px;*/
    text-align:center;
    margin-top:5px;
}
footer a
{
    color: #0388C9;
    text-decoration:none;
}
.quickstartlinks 
{
    overflow:hidden;
}
.quickstartlink 
{
    text-align:center;
    float:left;
    width:150px;
    padding:10px 10px 28px 10px;
}
.quickstartlink a 
{
    color:#0388C9;
    text-decoration:none;
}
.quickstartlink a img 
{
    margin-bottom:10px
}