﻿/*
@font-face
{
    font-family: "TestFont";
    src: url("../Images/AirstreamNF.ttf") format("truetype");
}
*/

body 
{    
    background-color:#5C7482;     
    margin:0px;       
}

#page 
{
    margin-left:auto;
    margin-right:auto;
    position:relative;  
    color:White;  
    font-family: Verdana, Century Gothic, Tw Cen MT, Arial;   
    font-size:11px;
    width:1076px;
    height:800px;          
}

#Header
{ 
    position:relative;
    float:left;
    width:1076px;
    height:180px;      
}

#HeaderDark
{
    background-image: url('../Images/Back.png');
    background-repeat:repeat;
    height:180px;
    width:1076px;
}

#HeaderLight
{
    background-color:#43555F;
    height:145px;
    width:725px; 
    position:absolute;
    top:35px;
    left:41px;
    padding-left:8px; 
}

#Logo
{    
    position:absolute;
    top:39px;
    left:779px;
    height:129px;
    width:292px; 
    text-align:center;    
}

.HeaderImages
{
    margin-top:8px;
    margin-right:8px;  
    float:left;        
}

.HeaderImages:hover
{
    filter: Alpha(opacity=50); /* IE */
    opacity: 0.5; /* Mozilla */ 
}

.Button
{    
    position:absolute;   
    width:137px;
    height:24px;    
}

.ButtonSmall
{    
    position:absolute;   
    width:129px;
    height:24px;    
}

.ButtonLink
{
    margin-top:4px;
    float:left;
    height:24px;
    width:137px;
    margin-right:8px;
}

.ButtonLinkSmall
{
    margin-top:4px;
    float:left;
    height:24px;
    width:129px;
    margin-right:9px;
}

a
{
    color:White;
    text-decoration:none;
}

a img
{
    border: none;  
}

.ButtonText
{       
    line-height:24px;
    font-weight:bold;
    cursor:pointer;
}

.ButtonDiv
{    
    position:absolute;    
    width:137px;
    float:left;         
    text-align:center;
    height:24px;  
}

.ButtonDivSmall
{    
    position:absolute;    
    width:129px;
    height:24px;  
    float:left; 
    text-align:center;
}

.ButtonDivSmall ul
{ 
    list-style:none;
    margin:0;
    padding:0;
      
}

.ButtonDivSmall li
{
    position:relative;    
    margin:0;
    padding:0;
    width:133px;
    height:24px; 
    background-image: url('../Images/Buttons/Knop433contact.jpg');
    background-repeat:repeat;
}

.ButtonDivSmall li ul li
{
    position:relative;            
    margin:0;
    padding:0;
    width:133px; 
    text-align:left;   
}

.ButtonTextLanguage
{       
    line-height:24px;
    margin-left:5px;
    text-decoration:none;    
}

.ButtonDivSmall li:hover
{    
    z-index:1;   
    cursor:pointer;    
}

.ButtonDivSmall ul ul
{    
    display:none;    
}

.ButtonDivSmall li:hover ul
{    
    display:block;    
}
#ButtonBar
{
    background-color:#43555F;
    width:100%;
    height:32px;
    position:relative;
    top:0px; 
    float:left;   
}

#ButtonBarLeft
{    
    position:relative;    
    left:39px;
    width:740px; 
    height:32px;
    padding-left:10px;    
    float:left;
}

#ButtonBarRight
{    
    position:relative;
    float:right; 
    width:277px; 
    height:32px;            
}

#RightBar
{
    background-image: url('../Images/Back.png');
    background-repeat:repeat;
    position:relative;
    float:right;
    height:526px;
    width:267px;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    padding-bottom:10px;   
    z-index:-1; 
}

#content_body
{    
    background-image: url('../Images/Back.png');
    background-repeat:repeat;
    position:relative;
    float:left;    
    height:526px;
    width:750px; 
    padding-left:39px;
    padding-top:20px;
    padding-bottom:10px; 
    
    scrollbar-arrow-color:#43555F;
    scrollbar-base-color:#43555F;
    scrollbar-darkshadow-color:#43555F;
    scrollbar-face-color:#0F1A22;
    scrollbar-highlight-color:#43555F;
    scrollbar-shadow-color:#43555F;
    scrollbar-track-color:#43555F;        
}

#Content
{  
    overflow:auto;
    height:526px;
    width:737px;
    font-size:13px;
    padding-left:10px;   
    padding-right:10px;
}

#Contact
{  
    overflow:auto;
    height:535px;
    width:717px;
    padding-left:10px;    
}

#ContentDealer
{ 
    overflow:auto;
    height:498px;     
    padding-left:10px;      
    top:29px;
    position:relative;
	left: 0px;
	width: 570px;
	bottom:-29px;
}


#DealerMenu
{
    position:absolute;
    left:625px;   
    background-color:#43555F;
    width:144px;
    height:521px;
    padding-left:5px;
    padding-top:5px;  
    z-index:1;
	top: 20px;
	
}

.DealerLarge
{
    position:absolute;
    float:left;
    width:427px; 
    height:526px;  
    left:49px; 
    z-index:1;
}

.DealerThumb
{
    background-color:#43555F;
    width:119px;
    float:left;
    position:relative;
    left:429px;
    padding-left:5px;  
    padding-top:5px;
    padding-right:0px;
    padding-bottom:5px;
	top: 0px;
}

.DealerThumbHeader
{
    background-color:#43555F;
    width:137px;
    float:left;
    left:429px;
    padding-left:5px;  
    padding-top:5px;
    padding-right:0px;
	top: 0px;
}

.DealerButtonDiv
{    
    position:relative;    
    width:127px;
    height:24px;
    text-align:center;
}

.DealerButton
{    
    position:absolute;   
    width:135px;
    height:24px;    
}

.contactTd
{
    width:250px;
    vertical-align:top;
}

.contactFlagsTd
{
    width: 15px;
    vertical-align:top;
}

.ContactImg
{
    border: 3px solid #43555F;
    height:80px;    
    margin-bottom:5px;
    margin-right:10px;
}

.FlagImg
{
    height:13px;    
    margin-bottom:5px;
    margin-right:5px;
}

.ContactVlag
{
    height:10px;
    width:50px;    
}

#LoginDiv
{
    background:gray;
    border:1px solid white;
    width:450px;
    height:150px;
    margin: auto;
    position:relative;
    top:100px; 
    font-weight:bold;     
    padding-top:10px;   
}

.ConDoorLabel
{
    border:2px solid white;
    background-color:#820A30;
    color:White;
    height:22px;
    width:190px;    
    float:left;    
    line-height:20px;    
 }
 
 .ConDoorLabelBlue
{
    border:2px solid white;
    background-color:#18212A;
    color:White;
    height:22px;
    width:170px;    
    float:left;    
    line-height:20px;    
 }
 
 #LoginWrapper
 {
     position:relative;
     margin-left:36px;
     padding-top:30px;
     text-align:center;
      
 }
 
 .PassBox
 {
     border:2px solid white;
     height:20px;
     width:200px;  
     float:left;  
     margin-bottom:15px; 
 }
 
h1
{
    font-size:1.5em;    
    display:inline ;
    font-weight:normal;
}

h2
{
    font-size:1.3em;    
    display:inline ;
    font-weight:normal;
}

h3
{
    font-weight:bold;
    display:inline ;
}

h4
{
    font-size:13px;
    display:inline ;
    font-weight:normal;
}

.Modal
{
    border: solid 2px white;
    background-color:#7E8387;
    background-position:center;
    color:White;
    font-family: Verdana, Century Gothic, Tw Cen MT, Arial;   
    font-size:11px;
    font-weight:bold;
    padding-top:10px;
}

.Back_Inactive
{
    background-color:Black;
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    filter:alpha(opacity=60);
    opacity:0.5;
}

.ActieText
{
    background-color:Transparent;
    color:White;    
    border-style:none; 
    border-width:0;       
    Width:356px;
    height:60px;
    margin-left:36px;    
    overflow:hidden;
    border: 2px solid white;
    text-align:center;
    padding:10px;
    
}