body 
{
    font-family:Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size:11px;
    line-height:14px;
    color:#898787;
}

.Wrapper, .Yellow, .Green, .LightGreen, .Blue, .Red
{
    
    overflow:visible;
}

.Container
{
    width:980px;
    margin:0 auto;
    min-height:10px;
    overflow:visible;
}

.ContainerVerslag
{
    width:760px;
    margin:0 auto;
    min-height:10px;
    overflow:visible;
}

h1.BackgroundHeading
{
    background-color:#999999;
}

.ColoredPanel
{
    height:115px;
    color:#ffffff;
}

.TopWrapper
{
    padding-bottom:10px;
    background-image:url('../images/BannerBackground.gif');
    background-repeat:repeat;
}

div.Banner
{
    width:920px;
    margin-left:40px;
}

div.Banner div.Container, div.Banner div.Item
{
    width:920px;
    height:250px;
    overflow:hidden;
}

div.HItem
{
    width:890px;
    height:250px;
    overflow:hidden;
    float:left;
}
div.Next
{
    width:20px;
    height:250px;
    overflow:hidden;
    float:left;
    margin-right:15px;
    margin-left:10px;
}

div.Next a, div.Next a:link, div.Next a:active, div.Next a:visited
{
    text-decoration:none;
    float:right;
    background-color:#dddddd;
    color:#444444;
    margin-top:25px;
    padding:75px 7px 75px 7px;
}

div.Next a:hover
{
   background-color:#d0d0d0; 
}

div.Banner .ScrollContainer
{
    height:9999px;
    width:920px;
    overflow:hidden;
}

div.Banner .ScrollContainerRef
{
    height:250px;
    width:9999px;
    overflow:hidden;  
}

div.Banner div.Navigator
{
    width:920px;
    text-align:right;
    height:24px;
    padding-bottom:2px;
    padding-top:2px;
}

div.Banner div.Navigator div.Numbers
{
    min-width:18px;
    float:right;
}

#Footer
{
    height:20px;
    width:893px;
    padding:7px 10px 17px 10px;
    float:left;
    
}

#Social
{
    height:20px;
    width:891px;
    margin:0 auto;
    padding:7px 0px 17px 10px;
    float:right;
}

.ContentWrapper
{
    width:920px;
    min-height:250px;
    overflow:auto;
    margin:0 auto;
    margin-top:11px;
    margin-bottom:17px;
}

.Content
{
    width:568px;
    float:left;
    margin-right:15px;
    padding-right:15px;
    margin-left:7px;
    overflow:hidden;
}

.SubContent
{
    width:315px;
    float:right;
    overflow:hidden;
}

.ContentWrapperVerslag
{
    width:760px;
    min-height:250px;
    overflow:auto;
    margin:0 auto;
    margin-top:11px;
    margin-bottom:17px;
}

.ContentVerslag
{
    width:510px;
    float:right;
    margin-left:0px;
    padding-left:15px;
    margin-right:0px;
    margin-top:8px;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:4px;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    height:353px;
}

.SubContentVerslag
{
    width:236px;
    float:left;
    overflow:hidden;
}

.BannerRight
{
    width:250px;
    float:right;
    padding:4px 4px 4px;
}

.BannerLeft
{
    width:250px;
    float:left;
}

.BackButton
{
    display:block;
    float:left;
    clear:both;
    width:51px;
    height:23px;
    text-indent:-9999px;
    margin:2px 0px 0px 8px;
    background-image:url('../images/btn-back-orange.gif');
}

/* Normal */
.ColoredPanelWrapper .BackButton
{
    background-image:url('../images/btn-back-orange.gif');
}

.Wrapper h1, 
.Wrapper h2, 
.Wrapper h3,
.Wrapper a, .Wrapper a:link, .Wrapper a:active, .Wrapper a:visited, .Wrapper .ContentVerslagAandacht, .Wrapper blockquote
{
    color:#f89622;
}

.Wrapper a.external
{
    background-image:url('../images/icons/Wrapper/externallink.gif');
}

body.Wrapper, .Wrapper .ColoredPanel, .ColoredPanelWrapper, .Wrapper .Button, .Wrapper .DetailMarked, .Wrapper .ButtonDomainSearch, .Wrapper .PageButton, .Wrapper #pnlCallMe, .Wrapper .BlockTitle
{
    background-color:#f89622;
}

.Wrapper h1.BackgroundHeading, .Wrapper h1.BlockTitleOrder
{
    background-color:#f89622;
}

.Wrapper a.Number,    
.Wrapper a.Number:link, 
.Wrapper a.Number:active, 
.Wrapper a.Number:visited, 
.Wrapper a.Number:hover,
.Wrapper a.NumberActive,    
.Wrapper a.NumberActive:link, 
.Wrapper a.NumberActive:active, 
.Wrapper a.NumberActive:visited, 
.Wrapper a.NumberActive:hover
{
    background-image:url('../images/block-orange.gif');
}

.Wrapper ul, .Wrapper li
{
    list-style-image:url('../images/block-orange-small.gif');
}

    
/* Yellow */
.ColoredPanelYellow .BackButton
{
    background-image:url('../images/btn-back-yellow.gif');
}

.Yellow h1, 
.Yellow h2, 
.Yellow h3,
.Yellow a, .Yellow a:link, .Yellow a:active, .Yellow a:visited, .Yellow .ContentVerslagAandacht,.Yellow blockquote
{
    color:#c1ca2b;
}

.Yellow a.external
{
    background-image:url('../images/icons/Yellow/externallink.gif');
}

body.Yellow, .Yellow .ColoredPanel, .ColoredPanelYellow, .Yellow .Button, .Yellow .DetailMarked, .Yellow .ButtonDomainSearch, .Yellow .PageButton, .Yellow #pnlCallMe, .Yellow .BlockTitle
{
    background-color:#c1ca2b;
}

.Yellow h1.BackgroundHeading, .Yellow h1.BlockTitleOrder
{
    background-color:#c1ca2b;
}

.Yellow a.Number,    
.Yellow a.Number:link, 
.Yellow a.Number:active, 
.Yellow a.Number:visited, 
.Yellow a.Number:hover,
.Yellow a.NumberActive,    
.Yellow a.NumberActive:link, 
.Yellow a.NumberActive:active, 
.Yellow a.NumberActive:visited, 
.Yellow a.NumberActive:hover
{
    background-image:url('../images/block-yellow.gif');
}

.Yellow ul, .Yellow li
{
    list-style-image:url('../images/block-yellow-small.gif');
}

/* Green */
.ColoredPanelGreen .BackButton
{
    background-image:url('../images/btn-back-green.gif');
}

.Green h1, 
.Green h2, 
.Green h3,
.Green a, .Green a:link, .Green a:active, .Green a:visited, .Green .ContentVerslagAandacht, .Green blockquote
{
    color:#009648;
}

.Green a.external
{
    background-image:url('../images/icons/Green/externallink.gif');
}

body.Green, .Green .ColoredPanel, .ColoredPanelGreen, .Green .Button, .Green .DetailMarked, .Green .ButtonDomainSearch, .Green .PageButton, .Green #pnlCallMe, .Green .BlockTitle
{
    background-color:#009648;
}

.Green h1.BackgroundHeading, .Green h1.BlockTitleOrder
{
    background-color:#009648;
}

.Green a.Number,    
.Green a.Number:link, 
.Green a.Number:active, 
.Green a.Number:visited, 
.Green a.Number:hover,
.Green a.NumberActive,    
.Green a.NumberActive:link, 
.Green a.NumberActive:active, 
.Green a.NumberActive:visited, 
.Green a.NumberActive:hover
{
    background-image:url('../images/block-green.gif');
}

.Green ul, .Green li
{
    list-style-image:url('../images/block-green-small.gif');
}

/* Lightgreen */
.ColoredPanelLightGreen .BackButton
{
    background-image:url('../images/btn-back-lightgreen.gif');
}

.LightGreen h1, 
.LightGreen h2, 
.LightGreen h3,
.LightGreen a, .LightGreen a:link, .LightGreen a:active, .LightGreen a:visited, .LightGreen .ContentVerslagAandacht, .LightGreen blockquote
{
    color:#00aaa0;
}

.LightGreen a.external
{
    background-image:url('../images/icons/LightGreen/externallink.gif');
}

body.LightGreen, .LightGreen .ColoredPanel, .ColoredPanelLightGreen, .LightGreen .Button, .LightGreen .DetailMarked, .LightGreen .ButtonDomainSearch, .LightGreen .PageButton, .LightGreen #pnlCallMe, .LightGreen .BlockTitle
{
    background-color:#00aaa0;
}

.LightGreen h1.BackgroundHeading, .LightGreen h1.BlockTitleOrder
{
    background-color:#00aaa0;
}

.LightGreen a.Number,    
.LightGreen a.Number:link, 
.LightGreen a.Number:active, 
.LightGreen a.Number:visited, 
.LightGreen a.Number:hover,
.LightGreen a.NumberActive,    
.LightGreen a.NumberActive:link, 
.LightGreen a.NumberActive:active, 
.LightGreen a.NumberActive:visited, 
.LightGreen a.NumberActive:hover
{
    background-image:url('../images/block-lightgreen.gif');
}

.LightGreen ul, .LightGreen li
{
    list-style-image:url('../images/block-lightgreen-small.gif');
}

/* Blue */
.ColoredPanelBlue .BackButton
{
    background-image:url('../images/btn-back-blue.gif');
}

.Blue h1, 
.Blue h2, 
.Blue h3,
.Blue a, .Blue a:link, .Blue a:active, .Blue a:visited, .Blue .ContentVerslagAandacht, .Blue blockquote
{
    color:#1d78be;
}

.Blue a.external
{
    background-image:url('../images/icons/Blue/externallink.gif');
}

body.Blue, .Blue .ColoredPanel, .ColoredPanelBlue, .Blue .Button, .Blue .DetailMarked, .Blue .ButtonDomainSearch, .Blue .PageButton, .Blue #pnlCallMe, .Blue .BlockTitle
{
    background-color:#1d78be;
}

.Blue h1.BackgroundHeading, .Blue h1.BlockTitleOrder
{
    background-color:#1d78be;
}

.Blue a.Number,    
.Blue a.Number:link, 
.Blue a.Number:active, 
.Blue a.Number:visited, 
.Blue a.Number:hover,
.Blue a.NumberActive,    
.Blue a.NumberActive:link, 
.Blue a.NumberActive:active, 
.Blue a.NumberActive:visited, 
.Blue a.NumberActive:hover
{
    background-image:url('../images/block-blue.gif');
}

.Blue ul, .Blue li
{
    list-style-image:url('../images/block-blue-small.gif');
}

/* Red */
.ColoredPanelRed .BackButton
{
    background-image:url('../images/btn-back-red.gif');
}

.Red h1, 
.Red h2, 
.Red h3,
.Red a, .Red a:link, .Red a:active, .Red a:visited, .Red .ContentVerslagAandacht, .Red blockquote
{
    color:#db1e58;
}

.Red a.external
{
    background-image:url('../images/icons/Red/externallink.gif');
}

body.Red, .Red .ColoredPanel, .ColoredPanelRed, .Red .Button, .Red .DetailMarked, .Red .ButtonDomainSearch, .Red .PageButton, .Red #pnlCallMe, .Red .BlockTitle
{
    background-color:#db1e58;
}

.Red h1.BackgroundHeading, .Red h1.BlockTitleOrder
{
    background-color:#db1e58;
}

.Red a.Number,    
.Red a.Number:link, 
.Red a.Number:active, 
.Red a.Number:visited, 
.Red a.Number:hover,
.Red a.NumberActive,    
.Red a.NumberActive:link, 
.Red a.NumberActive:active, 
.Red a.NumberActive:visited, 
.Red a.NumberActive:hover
{
    background-image:url('../images/block-red.gif');
}

.Red ul, .Red li
{
    list-style-image:url('../images/block-red-small.gif');
}

/* Purple */
.Purple h1, 
.Purple h2, 
.Purple h3,
.Purple a, .Purple a:link, .Purple a:active, .Purple a:visited, .Purple .ContentVerslagAandacht, .Purple blockquote
{
    color:#aa286e;
}

.Purple a.external
{
    background-image:url('../images/icons/Red/externallink.gif');
}

body.Purple, .Purple .ColoredPanel, .ColoredPanelPurple, .Purple .Button, .Purple .DetailMarked, .Purple .ButtonDomainSearch, .Purple .PageButton, .Purple #pnlCallMe, .Purple .BlockTitle
{
    background-color:#aa286e;
}

.Purple h1.BackgroundHeading, .Purple h1.BlockTitleOrder
{
    background-color:#aa286e;
}

.Purple a.Number,    
.Purple a.Number:link, 
.Purple a.Number:active, 
.Purple a.Number:visited, 
.Purple a.Number:hover,
.Purple a.NumberActive,    
.Purple a.NumberActive:link, 
.Purple a.NumberActive:active, 
.Purple a.NumberActive:visited, 
.Purple a.NumberActive:hover
{
    background-image:url('../images/block-purple.gif');
}

.Purple ul, .Purple li
{
    list-style-image:url('../images/block-purple-small.gif');
}

a.Number, a.Number:link, a.Number:active, a.Number:visited
{
    color:#ffffff;
    text-decoration:none;
    width:15px;
    height:17px;
    float:left;
    padding:4px 0px 0px 6px;
    text-align:left;
    margin-left:1px;
    background-repeat:no-repeat;
    background-position:left bottom;
}

a.Number:hover
{
    width:18px;
    height:17px;
    padding:9px 0px 0px 6px;
}

a.NumberActive, a.NumberActive:link, a.NumberActive:active, a.NumberActive:visited, a.NumberActive:hover
{
    color:#ffffff;
    text-decoration:none;
    width:18px;
    height:17px;
    float:left;
    padding:9px 0px 0px 6px;
    text-align:left;
    margin-left:1px;
    background-repeat:no-repeat;
    background-position:left bottom;    
}

.RouteCo2ResultRecord
{
    width:315px;
    height:16px;
    overflow:hidden;
    margin-bottom:2px;
}

.RouteIcon
{
    width:16px;
    height:16px;
    float:left;
    overflow:hidden;
}

.Co2Bar
{
    height:16px;
    margin-left:2px;
    margin-right:2px;
    background-color:#f89622;
    width:2px;
    float:left;
    overflow:hidden;
}

.Co2Result
{
    height:16px;
    width:185px;
    float:left;
}