html
{
    overflow-y: scroll;
    overflow-x: auto;
}

body
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #414141;
    width:100%;   
    background: #ff6e00;    
	font-family: Arial, Tahoma,'Trebuchet Ms', Verdana;
}

#backgroundFooter
{
    background: #FFF url('../images/footerBackgroundRepeatNew.png') bottom repeat-x;
}

img
{
	border: 0;
}

/*link*/
a
{
	color: #414141;
	text-decoration: none;
    outline: none;
}

a:hover
{
	color: #ea6900;	
}

#container
{
    width: 100%;
    background: url('../images/backgroundTop.png') top repeat-x;
    min-height: 3px;
}

#mainContainer
{
    margin: auto;
    width: 880px;
}

#contentContainerTop {
    height: 3px;
    width: 880px;
}

#contentContainer {
    width: 840px;
    padding: 0 20px 0 20px;
    background: url('../images/containerBackground2.png') bottom repeat-y;
   /*height: 808px;*/
}

#contentContainerBottom {
    padding: 0 20px;
    width: 840px;
    height: 20px;
    background: url('../images/containerBackgroundBottom.png') bottom no-repeat;
}

#contentContainerBottomFix {
    height: 7px;
    width: 838px;
    background: none;
    border-left: 1px solid #c6c7c9;
    border-right: 1px solid #c6c7c9;
}

#footer {
    width: 840px;
    padding: 0 20px;
    height: 53px;
    text-align: right;
    font-size: 10px;
    color: #FFF;
}

#footer a {
    color: white;
}


#header {
    width: 839px;
    overflow:hidden;
}

.header
{
    height: 171px;
}

.headerHome
{
    height: 252px;
}

#header ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#header ul li
{
    margin: 0;
    padding: 0;
    border-left: 1px solid #c6c7c9;
    border-right: 1px solid #c6c7c9;
}

#logoOverlay
{
    position: relative;
    z-index: 97;
    padding-left: 27px;
}

.logoOverlay
{
    margin-top: -154px;
    height: 154px;
}

.logoOverlayHome
{
    margin-top: -235px;
    height: 235px;
}

#ballonOverlay {
    position: absolute;
    z-index: 99;
    margin-left: 552px;
    margin-top: -81px;

}

#switchSite
{
    position: absolute;
    width: 28px;
    height: 215px;
    margin-left: 839px;
    padding-top: 21px;
    z-index: 89;
}

.switchSite
{
    margin-top: -171px;
}

.switchSiteHome
{
    margin-top: -252px;
}

#switchSite img
{
    margin-bottom: 4px;
}

#menu
{
    position: relative;
    width: 376px;
    padding-left: 463px;
    z-index: 90;
}

.menu
{
    margin-top: -174px;
    height: 174px;
}

.menuHome
{
    margin-top: -255px;
    height: 255px;
}

#menu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu ul li
{
    color: #414141;
    margin: 0;
    padding: 0;
    display: inline;
    vertical-align: top;
}

#menu ul li a
{
    color: #414141;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 0 2px;
}

.switchSite
{
    margin-right: 10px;
}

#headerTekst {
    position: absolute;
    margin-top: -167px;
    margin-left: 128px;
    z-index: 98;
    padding-left: 27px;
}

#headerTekst ul {
    list-style-type: none;
}

#headerTekst ul li {
    color: #ffffff;
    font-size: 22px;
    padding: 0 0 3px 0;
    margin: 0;
    font-weight: normal;
}

#headerTekst ul li ul {
    margin: 0;
    padding: 0;
    width: 270px;
}

#ballon {
    position: absolute;
    margin-top: -55px;
    margin-left: 625px;
    width: 200px;
    height: 107px;
    background: url('../images/tekstBallon.png');
    z-index: 99;
    display: none;
}

#content
{
    width: 838px;
    background: none;
    border-left: 1px solid #c6c7c9;
    border-right: 1px solid #c6c7c9;
	min-height: 430px;
    padding-bottom: 3px;
}

#home
{
    width: 838px;
    height: 430px;
}

#homeContentTop {
    float: left;
    min-height: 153px;
    padding: 20px 0;
    width: 838px;
    background: url('../images/bgHomeContentTopNew.png') bottom no-repeat;
}

#homeContentLeftTop {
    float: left;
    width: 381px;
    margin: 0;
    padding: 0 50px 0 18px;
    font-size: 11px;
    color: #414141;
    line-height: 16px;
}

.homeContentLeftTopTop h2 {
    float: left;
    height: 44px;
    width: 381px;
}

.homeContentLeftTopTop {
    float: left;
    padding: 0;
}

.homeContentLeftTopTop a {
    color: #ff6f00;
}

.homeContentLeftTopTop a:hover {
    text-decoration: underline;
}

.homeContentLeftTopTop p {
    margin: 0;
}

.homeContentLeftTopBottom {
    float: left;
    width: 356px;
    padding: 0;
    margin: 10px 0 0 0;
}

.homeContentRightTopSpan {
    float: left;
    width: 356px;
    margin-top: 54px;
    font-size: 12px;
    font-weight: bold;
}

#frmSS2 {
    float: left;
}

#homeInputName, #homeInputMail{
    float: left;
    height: 22px;
}

#homeInputSubmit {
    float: left;
    height: 22px;
    width: 37px;
    margin-left: 6px;
}

#homeInputName {
    float: left;
    height: 22px;
    margin-bottom: 6px;
}

.homeField {
    width: 295px;
    border: 1px solid #cbcbcb;
    height: 20px;
    color: #797979;
    font-size: 11px;
    padding: 0 0 0 5px;
}

.homeField.error {
    border: 1px solid #FF6F00;
}

.homeSubmit {
    background: url('../images/homeSubmit.png') no-repeat;
    height: 22px;
    width: 37px;
    border: none;
    margin: 0;
    padding: 1px 0 0 0;
    cursor: pointer;
}

.homeSubmit:hover {
    background: url('../images/homeSubmitHover.png') no-repeat;
}

#homeContentRightTop {
    float: left;
    width: 356px;
    padding: 0 18px 0 15px;
    margin: 0;
    font-size: 11px;
    color: #414141;
    line-height: 16px;
}

#homeContentRightTop ul {
    background: url("../images/klantgroepenBackground.png") no-repeat;
    width: 356px;
    list-style-type: none;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

#homeContentRightTop ul li {
    background: url("../images/klantgroepLijstBackground.png") no-repeat;
    width: 356px;
    height: 62px;
    padding: 10px 0 0 23px;
    margin: 0 0 0 -3px;
    color: #565656;
}

#homeContentRightTop ul li:hover {
    background: url("../images/klantgroepLijstBackgroundHover.png") no-repeat;
    width: 508px;
    height: 62px;
    padding: 10px 0 0 23px;
    margin: 0 0 0 -3px;
    color: #2c2c2c;
    cursor: pointer;
}

#homeContentRightTop ul li:hover a {
    color: #ea6900;
}

#homeContentRightTop ul li a {
    height: 62px;
    width: 508px;
    padding: 0;
    margin: 15px 0 0 0;
    font-size: 18px;
    color: #565656;
}

#homeContentRightTop ul li a:hover {
    color: #ea6900;
}

#homeContentBottom {
    float: left;
    height: 227px;
    width: 838px;
    padding: 0;
    margin: 0;
}

#homeContentLeftBottom {
    float: left;
    width: 284px;
    height: 227px;
    margin: 0;
    padding: 0 0 0 18px;
}

#homeHeadlines {
    float: left;
    padding: 0;
    margin: 0;
    border: 1px solid #c7c8ca;
    width: 282px;
    height: 163px;
}

#homeHeadlines ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#homeHeadlines ul li {
    background: url("../images/homeContentLeftTopBottomBackground.png") no-repeat left top;
    height: 39px;
    padding: 15px 0 0 0;
    margin: 0 0 0 10px;
    font-size: 11px;
}

#homeHeadlines ul .newsFirst {
    background: none;
    height: 39px;
    padding: 15px 0 0 0;
    margin: 0 0 0 10px;
    font-size: 11px;
}

#homeHeadlines a {
    color: #565656;
    font-size: 14px;
}

#homeHeadlines a:hover {
    color: #ea6900;
}

#homeContentRightBottom {
    float: left;
    width: 536px;
    height: 227px;
    margin: 0;
    padding: 0;
}

#homeContentRightBottomLeft {
    float: left;
    width: 240px;
    height: 227px;
    padding: 0 18px 0 18px;
    margin: 0;
}

.homeRecent {
    float: left;
    width: 224px;
    height: 149px;
    margin: 0;
    padding: 7px 7px 7px 7px;
    border: 1px solid #c7c8ca;
    text-align: center;
}

.homeRecent ul {
    width: 224px;
    list-style-type: none;
    padding: 0;
    margin: 7px 0 0 0 ;
}

.homeRecent img {
    max-height: 150px;
    max-width: 224px;
}

#homeContentRightBottomRight {
    float: left;
    width: 240px;
    height: 227px;
    padding: 0;
    margin: 0;
}

#home h2 {
    color: #565656;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    margin: 19px 0 13px;
    padding: 0;
}

#homeContentTop h2 {
    font-size: 20px;
    color: #565656;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 22px;
}

.breadcrumb {
    width: 819px;
    height: 23px;
    background: url('../images/breadcrumbBackground.png') no-repeat bottom center;
    margin: 0;
    padding: 12px 0 0 21px;
}

.breadcrumb ul {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.breadcrumb ul li a.active {
    color: #2c2c2c;
}

.breadcrumb ul li {
    float: left;
    padding: 0;
    margin: 0;
    font-size: 10px;
    color: #707070;
}

.breadcrumb ul li a {
    color: #707070;
}

.breadcrumb ul li a:hover {
    color: #ea6900;
}

.breadcrumb ul li img {
    padding: 0 5px 0 5px;
}

.left h2, #klantgroepenLeft h2 {
    font-size: 20px;
    color: #565656;
    font-weight: normal;
}

.left ul {
    background: url('../images/headlinesBackground.png') no-repeat;
    height: 262px;
    width: 260px;
}

.left ul li 
{
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.left ul li a img, #klantgroepenLeft ul li a img
{
    padding-left: 15px;
    padding-right: 4px;
}

.left ul li a
{
    color: #414141;
    width: 259px;
    display: block;
    font-size: 12px;
}

.news ul li a
{
    color: #414141;
    width: 239px;
}

.left ul li:hover, .left ul li.active, .newsList:hover {
    margin-left: 1px;
    background: #e9e9ea;
}

.left ul li a.active, #klantgroepenLeft ul li a.active {
    color: #ea6900;
}

.left {
    display: table-cell;
    vertical-align: top;
    width:260px;
    padding: 25px 0 0 20px;
    font-size: 11px;
    color: #7b7b7b;
    line-height: 18px;
    min-height: 311px;
}

.left ul {
    margin: 0;
    margin-top: 20px;
    padding: 0;
    list-style-type: none;
}

.left ul li {
    margin-left: 1px;
    width: 258px;
}

.left ul li a {
    width: 258px;
}

#klantgroepenLeft {
    display: table-cell;
    vertical-align: top;
    width:260px;
    padding: 0;
    font-size: 11px;
    color: #7b7b7b;
    line-height: 18px;
    min-height: 311px;
}

#klantgroepenLeft ul {
    margin: 0;
    margin-top: 20px;
    padding: 0;
    list-style-type: none;
    background: url('../images/headlinesBackground.png') no-repeat;
    height: 262px;
    width: 260px;
}

#klantgroepenLeft ul li {
    margin-left: 1px;
    width: 258px;
    padding: 0;
    line-height: 32px;
}

#klantgroepenLeft ul li:hover {
    margin-left: 1px;
    background: #e9e9ea;
}

#klantgroepenLeft ul li a {
    width: 258px;
    color: #414141;
    width: 259px;
    display: block;
    font-size: 12px;
}

.leftBottom {
    background: url('../images/werkwijzeBackground.png') no-repeat;
    height: 192px;
    width: 242px;
    padding: 70px 0 0 18px;
    margin: 0 0 0 20px;
    font-size: 11px;
    color: #414141;
    line-height: 18px;
}

.leftBottomField {
    width: 177px;
    border: 1px solid #cbcbcb;
    height: 20px;
    color: #797979;
    font-size: 11px;
    padding: 0 0 0 5px;
}

.leftBottomField.error {
    border: 1px solid #FF6F00;
}

.right {
    vertical-align: top;
    display: table-cell;
    width:478px;
    padding: 70px 40px 40px 40px;
    line-height: 16px; 
}

.contactRight
{
    float: left;
    width:478px;
    padding: 70px 40px 40px 40px;
    line-height: 16px;
}

.right h1, .contactRight h1 {
    color: #ea6900;
    font-size: 16px;
    font-weight: normal;
}

.right ul, .contactRight ul {
    padding:  0 0 0 20px;
}

.contactLeft {
	float: left;
    vertical-align: top;
    width: 200px;
    padding: 5px 19px 0 28px;
    background: url('../images/portfolioLeftBackground.png') right top no-repeat;
    min-height: 230px;
}

#portfolioList
{
    width: 800px;
    height: 117px;
    padding: 18px;
}

#portfolioContent
{
    min-height: 500px;
    padding-left: 18px;
}

#leftPortfolio
{
    display: inline-block;
    vertical-align: top;
    width: 200px;
    padding: 5px 19px 0 10px;
    background: url('../images/portfolioLeftBackground.png') right top no-repeat;
    min-height: 230px;
}

#rightPortfolio
{
    display: inline-block;
    vertical-align: top;
    padding: 20px 24px;
    width: 525px;
}

#error {
    color: #ea6900;
    visibility: visible;
}

.textfield
{
    width: 140px;
    border: 1px solid #C6C7C9;
}

.button
{
    margin:11px 15px 0 0;
	padding:0px 6px 4px 2px;
	font-size:11px;
	width:46px;
	height:17px;
	cursor:pointer;
	border:none;
	color:#fff;
	background:#a8a8a8;
}

h1,h2,h3,h4
{
	padding: 0;
	margin: 0;
	font-family: Arial, Tahoma,'Trebuchet Ms', Verdana;
	color: #e42219;
	font-weight: bold;	
	vertical-align: top;
}


h1
{
    color: #414141;
	font-size: 14px;
}

h2
{
	font-size: 13px;
    color: #D81400;
}

h3
{
    color: #414141;
	font-size: 12px;	
}

h4
{
	font-size: 10px;
	color: #00457d;
	font-weight: normal;
}

#lightbox {
    width: 100%;
    padding: 0;
}

#lightboxContainer {
    margin: auto;
    width: 700px;
}

#lightboxLeft {
    float: left;
    background: url('../images/lightboxLeftBackground.png') no-repeat;
    width: 235px;
    height: 325px;
    padding: 113px 0 0 75px;
    margin: 0 0 0 20px;
}

#lightboxRight {
    float: left;
    background: url('../images/lightboxRightBackground.png') no-repeat;
    width: 310px;
    height: 438px;
    padding: 0;
    margin: 0 0 0 30px;
}

#lightboxForm {
    float: left;
    width: 200px;
    padding: 0;
    margin: 125px 0 0 65px;
}

.lightboxInput {
    float: left;
    height: 22px;
    margin-bottom: 6px;
}

.lightboxArea {
    float: left;
    height: 140px;
    margin-bottom: 6px;
}

.lightboxInputSubmit {
    float: left;
    height: 22px;
    width: 37px;
    margin-left: 169px;
    text-align: right;
}

.lightboxField {
    width: 200px;
    border: 1px solid #cbcbcb;
    height: 20px;
    color: #797979;
    font-size: 11px;
    padding: 0 0 0 5px;
}

.lightboxTextarea {
    width: 200px;
    border: 1px solid #cbcbcb;
    height: 135px;
    color: #797979;
    font-size: 11px;
    padding: 0 0 0 5px;
}

.lightboxSubmit {
    background: url('../images/homeSubmit.png') no-repeat;
    height: 22px;
    width: 37px;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.lightboxSubmit:hover {
    background: url('../images/homeSubmitHover.png') no-repeat;
}

#login {
	float: left;
	height: 200px;
	width: 250px;
	background: #ffffff;
	margin: 0;
	padding: 15px 15px 15px 15px;
}

#vier {
	margin: 0;
	padding: 20px;
}


.customizer {
    display: table-cell;
    vertical-align: top;
    width:838px;
    font-size: 11px;
    color: #7b7b7b;
    line-height: 18px;
    
}

.custContent
{
    width: 795px;
    padding-left: 43px;
    margin-top: 56px;
    background: url('../images/customizerContentBackground.png') no-repeat right bottom;
}

#introTekst {
    width: 470px;
}

.custTop
{
    width: 838px;
    height: 153px;
    background: url('../images/custTop.png') no-repeat;
    margin-top: -23px;
}

.startNu
{
    padding-left: 537px;
    padding-top: 6px;
    font-size: 18px;
    color: #4798ea;
    display: block;
}

.vraag
{
    padding-left: 195px;
    padding-top: 70px;
    display: block;
    font-size: 14px;
    color: #545454;
}

.sliders
{
    width: 838px;
    background: #efefef;
}

.slider
{
    width: 775px;
    height: 212px;
    margin: 0 20px;
    padding: 5px 0px 0px 23px;
}

.stepTitle
{
    float: left;
    font-weight: bold;
    color: #565656;
    width: 750px;
    font-size: 14px;
    margin-bottom: 20px;
}

.slideContainer
{
    float:left;
    width: 340px;
    padding-bottom: 13px;
}

.slideTitle
{
    float:left;
    width: 340px;
    padding-bottom: 10px;
    color: #565656;
    font-size: 12px;
}

.slideBackground
{
    float: left;
    width: 290px;
    background: 1px url('../images/backgroundSlider.png') ;
    padding-left:  0px;
    padding-right: 5px;
    margin-top: 8px;
}

.slide
{
    float: left;
    width: 290px;
}

.number
{
    float: left;
    padding: 4px 0px;
    text-align: center;
    width: 34px;
    color: #565656;
    font-size: 12px;
    height: 18px;
    margin-left: 11px;
    background: url('../images/backgroundNumber.png');
    font-weight: bold;
}

.stripes
{
    float: left;
    width: 292px;
    height: 8px;
    background: url('../images/stripes.png');
    margin-left: 3px;
}

.blue
{
    color: #4798ea;
    font-weight: normal;
}

.sliderSmall
{
    background: url('../images/sliderSmall.png');
}

.sliderMedium
{
    background: url('../images/slider.png');
}

#customizerFooter
{
    width: 718px;
    padding: 15px 60px 0;
    height: 234px;
}

#leftFooter
{
    float: left;
    width: 350px;
    padding-right: 34px;
    padding-top: 5px;
    background: url('../images/borderRight.jpg') top right repeat-y;
    height: 170px;
}

#contactFooter
{
    float: left;
    width: 280px;
    padding-left: 30px;
}

.custInput
{
    width: 317px;
    height: 16px;
    border: 1px solid #cbcbcb;
    font-size: 12px;
    padding: 6px 8px 10px;
    color: #cbcbcb;
    margin-bottom:10px; 
}

.custInputText {
    width: 317px;
    height: 64px;
    border: 1px solid #cbcbcb;
    font-size: 12px;
    padding: 6px 8px 10px;
    color: #cbcbcb;
    margin-bottom:10px;
    font-family: Arial,Tahoma,'Trebuchet Ms',Verdana;
}

.custInputText:focus {
    color: #414141;
}

.custVerzenden
{
    margin-left: 187px;
    cursor:pointer;
    outline: none;
}

.addthis_toolbox .custom_images a 
{
    height: 18px;
    margin: 0 0 0 10px;
    padding: 0;
}

.addthis_toolbox
{
    position: absolute;
    margin-left: 714px;
    margin-top: 50px;
}

.rightContact{
    width:534px;
    padding: 54px 20px 40px 287px;
}