/* @charset "utf-8"; */
/* CSS Document */

*
{
    border: 0;
    margin: 0;
    padding: 0;
}

body
{
    background-color: #FFFFFF;
    color: #707070;
    cursor: default;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

a
{
    color: #00a7ab;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    color: #00a7ab !important;
    text-decoration: underline;
}

p
{
    line-height: 16px;
}

p.intro
{
    color: #1a171b;
    font-weight: bold;
    margin: 0 0 12px 0;
}

h1
{
    color: #7D7D7D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    margin: 0 0 10px 0;
}

h2
{
    color: #1a171b;
    background-color: #FFFFFF;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    margin: 17px 0 14px 0;
    line-height: 20px;
    padding: 0 0 10px 8px;
}

h2 a
{
    font-weight: lighter;
    color: #1a171b;
}

h2 a:hover
{
    text-decoration: none;
}

h2 span
{
    margin-left: 9px;
}

#leftWrapper h2
{
    background-image: url(../images/backgroundH2_small.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

#mainWrapper h2
{
    background-image: url(../images/backgroundH2_large.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

h3
{
    color: #7d7d7d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    margin: 0 0 12px 0;
    padding: 0 12px 0 12px;
}

h4
{
    color: #1a171b;
    font-size: 11px;
    margin: 0 0 3px 0;
}

legend
{
    display: none;
}

.special
{
    color: #7D7D7D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    margin: 0 0 10px 0;
}


/**********            ***********/

#bodyWrapper
{
    width: 970px;
    margin: 0 auto 0 auto;
}

#headerWrapper
{
    height: 296px;
    background-image: url(../images/background_headerWrapper.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

#headerContainer
{
    margin: 0 auto 0 auto;
    width: 970px;
}

#leftWrapper
{
    float: left; /* margin-left erbij gezet */ /*margin-left: 20px; */
    width: 250px;
}

#mainWrapper
{
    /*float: left; */
    float: right; /* Om de mainwrapper aan de linkerkant te krijgen margin verwijderd /*     /*margin: 0 0 0 20px;*/
    margin: 0 0 0 20px;
    width: 700px;
}

#googleDescription
{
    display: none;
}

#search
{
    background-image: url(../images/searchfield.gif);
    background-repeat: no-repeat;
    float: right;
    height: 25px;
    width: 227px;
}

#search table
{
}

#search input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 6px 0 0 25px;
    padding-right: 12px;
    width: 158px;
    float: left;
}

#search .submit
{
    background-color: transparent;
    width: 30px;
    height: 25px;
    background-image: url(../images/goBtn.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0;
    padding: 0;
    float: left;
}

/********** HEADER ***********/

#topHeader
{
    height: 100px;
    background-image: url(../images/backgroundTopHeader.jpg);
    background-repeat: no-repeat;
}

#middleHeader
{
    height: 151px;
    background-image: url(../images/backgroundMiddleHeader.jpg);
    background-position: top;
    background-repeat: no-repeat;
}

#middleHeader .slogan
{
    height: 151px;
    width: 460px;
}

#topNav
{
    float: right;
    height: 27px;
    margin: 15px 0 0 0;
}

#topNav a
{
    color: #1a171b;
    font-weight: normal;
    margin: 0 0 0 40px;
}

#language
{
    width: 970px; /*float: right;*/
    font-size: 11px; /*width: 500px;*/
    padding-top: 5px;
    margin: 0 auto 0 auto;
}

#language .selector
{
    float: right;
}

#language .selector a
{
    line-height: 21px;
}

#language .selectorddl
{
    float: left;
    border-right: 1px solid #000000;
    padding-right: 20px;
    margin-right: 20px;
}

#language .selectorddlselect
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-top: 1px solid #abadb3;
    border-bottom: 1px solid #e3e9ef;
    border-right: 1px solid #dbdfe6;
    border-left: 1px solid #e2e3ea;
}

.logo
{
    padding: 8px 0 0 15px;
}

#menu
{
    height: 45px;
    background-image: url(../images/backgroundMenu.jpg);
    background-repeat: repeat-x;
}

.menuWrapper
{
    float: left;
}

#menu ol
{
    list-style-type: none;
}

#menu li
{
    background-image: url(../images/seperator.gif);
    background-position: right;
    background-repeat: no-repeat;
    float: left;
    line-height: 39px;
    height: 39px;
}

#menu li a
{
    color: #FFFFFF;
    padding: 13px 15px 13px 15px;
}

#menu li a:hover, #menu li a.selected
{
    color: #96bf0d !important;
    background-image: url(../images/menuHover.jpg);
    background-repeat: repeat-x;
    text-decoration: none;
}


/********** QUICK SEARCH ***********/
/*

	line-height: normal;
	margin:0 0 15px 8px;
	width: 200px;
} */

#quickSearch strong
{
    color: #1a171b;
}

#quickSearch option.selectedOption
{
    background-color: #00a7ab !important;
}

#quickSearch p
{
    margin: 0 0 4px 8px;
    padding-right: 10px;
}

#quickSearch form
{
    margin: 0 0 0 8px;
}

#quickSearch fieldset
{
    margin: 0 0 0 8px;
}

#quickSearch .smallForm
{
    margin: 20px 0 0 0;
}

#quickSearch label
{
    color: #000000;
    display: block;
    margin-bottom: 3px;
}

#quickSearch select
{
    background-color: #1a171b;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin: 0 0 6px 0;
    width: 235px;
}

#quickSearch select.small
{
    width: 180px;
}

#quickSearch option
{
    margin: 2px 0 0 3px;
    font-size: 11px;
}

#quickSearch .submit
{
    background-color: #00a7ab;
    background-image: url(../images/arrow.gif);
    background-position: right;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 0 3px 3px;
    width: 64px;
    text-align: left;
}

#quickSearch .submit_projects
{
    background-color: #00a7ab;
    background-image: url(../images/arrow.gif);
    background-position: right;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 0 3px 3px;
    width: 64px;
    text-align: left;
    margin-top: 9px;
}

/********** RECENT PROJECTS ***********/

#latestProjects
{
    background-image: url(../images/background_latestProjects.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

#latestProjects .item, .GerelateerdeAanvragen .item
{
    padding-left: 10px;
    margin-bottom: 12px;
}

#latestProjects .item, .GerelateerdeAanvragen .item
{
    padding-left: 10px;
    margin-bottom: 12px;
}

.GerelateerdeAanvragen h3
{
    margin: 0 0 4px 0;
}

.GerelateerdeAanvragen .container
{
    width: 220px;
    float: left;
    margin-right: 20px;
}

.GerelateerdeAanvragen .last
{
    margin-right: 0px;
}

.GerelateerdeAanvragen .intro
{
    font-weight: normal;
    padding-left: 10px;
}

/* .GerelateerdeAanvragen a.more
{
    float: right;
} */

#latestProjects .item .function, .GerelateerdeAanvragen .item .function
{
    font-weight: bold;
}

#latestProjects .item .expertise, .GerelateerdeAanvragen .item .expertise
{
    color: #1a171b;
    font-weight: bold;
}

#latestProjects p
{
    line-height: 13px;
}

#latestProjects .expertise, #latestProjects .region
{
    font-size: 10px;
}

/********** LATEST NEWS ***********/
#latestNews
{
    /*background-image: url(../images/backgroundLastestNews.jpg);*/
    background-image: url(../images/background_latestProjects.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

#latestNews .newsItem
{
    margin: 0 0 0 8px;
    padding-bottom: 20px;
    width: 235px;
}

#latestNews .thumb
{
    background-color: #FFFFFF;
    border: 1px solid #c5c5c5;
    margin-bottom: 7px;
    width: 227px;
    height: 103px;
    padding: 3px;
}

#latestNews p
{
    line-height: normal;
}

#latestNews .title, #latestNews .date
{
    color: #a0a0a0;
    font-weight: bold;
    margin: 0 0 6px 0;
    width: 200px;
}

#latestNews .title a
{
    color: #1a171b;
}

#latestNews a.Gray
{
    color: #707070;
    font-weight: normal;
}

/********** WELCOME ***********/

#welcome
{
    /*border-bottom: 1px solid  #1a171b;*/
    padding-bottom: 10px;
}

#welcome .illustration
{
    float: left; /*border: 1px solid #C5C5C5;*/
    width: 179px;
    height: 157px; /*background-image: url(../images/welcomeFotograaf.jpg);*/
    background-image: url(../images/scp_logo.jpg); /*background-image: url(../images/welcomeIllustration.jpg);*/ /****background-image: url(../images/Henk_Henk.gif); ****/
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    padding: 2px;
}

.illustrationDenB
{
    float: left;
    border: 1px solid #C5C5C5;
    width: 200px;
    height: 135px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 2px;
}

#welcome .welkom
{
    float: left;
    height: 100px;
    width: 100px;
    background-image: url(../images/icon_default.jpg);
    border: 1px solid #C5C5C5;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    padding: 2px;
}

#welcome .welcomeText
{
    float: left;
    width: 440px;
}


/********** RECENT PROJECTS ***********/

#recentProjects table
{
    background-image: url(../images/backgroundTable.gif);
    background-repeat: repeat-y;
    border-bottom: 1px solid #1a171b;
    width: 700px;
}

#recentProjects table td
{
    line-height: 20px;
    padding-left: 10px;
    width: 223px;
}

#recentProjects tr:hover
{
    background-color: #1a171b;
}

#recentProjects tr:hover a
{
    color: #FFFFFF !important;
    font-weight: bold;
}

#recentProjects .header
{
    background-color: #1a171b;
    color: #FFFFFF;
    font-weight: bold;
}

#recentProjects a
{
    color: #1a171b;
    font-weight: normal;
}

#recentProjects a:hover
{
    text-decoration: none;
}

#recentProjects .left
{
    background-image: url(../images/tableLeftCorner.gif);
    background-position: left;
    background-repeat: no-repeat;
    border-right: 1px solid #FFFFFF;
}

#recentProjects .right
{
    background-image: url(../images/tableRightCorner.gif);
    background-position: right;
    background-repeat: no-repeat;
    border-left: 1px solid #FFFFFF;
}

#recentProjects .functie
{
    background-image: url(../images/circle.gif);
    background-position: 10px 7px;
    background-repeat: no-repeat;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #1a171b;
    padding-left: 24px;
}
#recentProjects .regio
{
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #1a171b;
}

/********** RSS ***********/

#rss
{
    margin-top: 20px;
}

#rss .all
{
    float: right;
    padding-top: 13px;
}

#rss .banner
{
    float: left;
}


/********** BLOCKS ***********/

#blocks
{
    margin: 10px 0 0 0;
}


#blocks .item
{
    background-image: url(../images/background_block.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 0 20px 0 0;
    padding: 0 0 20px 0;
    width: 220px;
    float: left;
}

#blocks h3 a
{
    color: #7D7D7D;
    font-weight: lighter;
}

#blocks .last
{
    margin: 0;
}

#blocks .illustration
{
    margin-bottom: 7px;
}

#blocks p
{
    padding: 0 12px 0 12px;
}

#blocks p.bull a
{
    background-image: url(../images/bull.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 10px;
}

#blocks p a
{
    font-weight: normal;
}

p.more
{
    margin-top: 12px;
}

a.more
{
    background-image: url(../images/arrow_more.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding: 0 15px 0 0;
    font-size: 10px;
}


/********** FOOTER ***********/

#footerWrapper
{
    background-color: #1a171b;
    background-image: url(../images/background_footerWrapper.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    margin: 50px 0 0 0;
    padding-bottom: 20px;
}

#footerContainer
{
    background-image: url(../images/background_footer.jpg);
    background-repeat: no-repeat;
    color: #7d7d7d;
    width: 970px;
    margin: 0 auto 0 auto;
}

#footerContainer ul
{
    list-style-type: none;
    margin-left: 8px;
    padding-top: 8px;
}

#footerContainer li
{
    float: left;
    border-right: 1px solid #1a171b;
    padding-right: 10px;
    margin-right: 10px;
}

#footerContainer li a
{
    font-weight: normal;
    color: #1a171b;
}

#footerContainer .note
{
    margin-top: 26px;
    margin-left: 8px;
    width: 700px;
}

#footerContainer .note a
{
    color: #FFFFFF;
}

#footerContainer .logo
{
    float: right;
    margin-right: 30px;
}

#footerContainer .rss
{
    margin-right: 4px;
}

/********** DEFAULT CONTENT ***********/
.textWrapper
{
    margin-bottom: 20px;
    padding: 0 0 0 8px;
}

.textContainer
{
    margin-bottom: 20px;
    padding: 0 0 0 8px;
}

.textWrapper a
{
    font-weight: normal;
}

.textWrapper p
{
    padding: 0 15px 0 0;
    margin: 0 0 12px 0;
}

.textWrapper ul
{
    /* color: #1a171b; */
    list-style-type: disc;
    list-style-position: outside;
    margin: 0 0 12px 30px;
    line-height: 18px;
    clear: left;
}

.textWrapper ul.black
{
    color: #1a171b;
    list-style-type: disc;
    list-style-position: outside;
    margin: 0 0 12px 30px;
    line-height: 18px;
    clear: left;
}

.textWrapper ul.links
{
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 6px;
}

.textWrapper .icon
{
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
    width: 100px;
    height: 100px;
    float: left;
    margin: 3px 8px 8px 0;
    padding: 3px;
}

#sitemap ul
{
    margin-left: 20px;
}

.textWrapper .print
{
    /*padding: 0 0 0 0;*/
    margin: 0 15px 0 0;
    float: right;
}

.textWrapper .print a
{
    background-image: url(../images/print.gif);
    background-position: right;
    padding-right: 18px;
    background-repeat: no-repeat;
    color: #1a171b;
}

#attachments li.pdf
{
    background-image: url(../images/pdf.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 23px;
}

#attachments li.word
{
    background-image: url(../images/word.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 23px;
}

#attachments
{
    padding: 0 0 7px 8px;
}

#relevant
{
    padding: 0 0 27px 8px;
}

#relevant ul, #attachments ul
{
    list-style-type: none;
    line-height: 23px;
}

#relevant li
{
    background-image: url(../images/file.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#relevant li a, #attachments li a
{
    color: #1a171b;
    font-weight: bold;
}

#rightSide
{
    background-color: White;
    float: right;
    width: 220px;
    margin: 0 15px 15px 0;
    padding: 0 0 0 20px; /*achter alle 0 stond px */
}

#rightSide #quickMenu
{
    color: #1a171b;
    font-weight: bold;
    margin-bottom: 20px;
}

#quickMenu .logo
{
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
    width: 119px;
    float: right;
    padding: 3px;
}

#quickMenu li a.selected
{
    color: Black;
}

#rightSide ul
{
    list-style-type: none;
    margin: 11px 0 0 0; /*achter alle 0 stond px */
}

#rightSide li
{
    line-height: 23px;
    border-bottom: 1px solid #C5C5C5;
    padding-left: 10px;
    background-image: url(../images/arrow_small.gif);
    background-position: left;
    background-repeat: no-repeat;
}

#rightSide li a
{
    display: block;
    background-color: #FFFFFF;
}

#imageGallery
{
    width: 220px;
    color: #999999;
    font-weight: bold;
    font-size: 10px;
    background-color: #1a171b;
    float: right;
    margin: 25px 0 0 0;
    padding: 0 0 8px 0;
}

#imageGallery .nav p
{
    padding: 0 10px 0 10px;
}

#imageGallery .imageWrapper
{
    padding: 0 10px 0 10px;
}

#imageGallery .header
{
    background-image: url(../images/imageGalleryHeader.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 5px 0 10px 10px;
}

#imageGallery span
{
    color: #FFFFFF;
}

#imageGallery .imageNav
{
    float: right;
    margin-right: 10px;
}

#imageGallery .imageNav img
{
    float: left;
}

#imageGallery .imageNav .previous
{
    margin-right: 10px;
}


#imageGallery .imageContainer
{
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
    padding: 3px;
    width: 192px;
    height: 144px;
    margin-bottom: 10px;
}

#companies td
{
    border: 1px solid #C5C5C5;
    width: 150px;
    height: 100px;
    margin: 0 0 5px 0;
}

#imageGallery span.DataPagerLink
{
    color: Gray;
}

#imageGallery a.DataPagerLink
{
    color: White;
    text-decoration: none;
}

/**********  NEWS OVERVIEW      ***********/

#newsOverview
{
    padding: 0 0 0 8px;
}

#newsOverview .item
{
    float: none;
    margin-bottom: 8px;
    margin-left: 20px;
    padding-bottom: 3px;
}

#newsOverview .itemSeparator
{
    float: none;
    margin-bottom: 8px;
    margin-left: 20px;
    border-bottom: 1px solid #f0f0f0;
}

#newsOverview .title
{
    font-size: 16px;
    margin-top: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

#newsOverview .info
{
    float: right;
    text-align: left;
    width: 200px;
}

#newsOverview .info span
{
    margin-right: 32px;
}

#newsOverview .projectContent
{
    float: left;
    width: 330px;
}

#newsOverview .expertise
{
    font-weight: bold;
    color: #1a171b;
}

#newsOverview .logo
{
    float: right;
    width: 210px;
    margin: 0; /*padding: 0;*/ /*padding weggehaald*/
}

#newsOverview img
{
    border: 1px solid #C5C5C5;
}

#newsOverview .logo p
{
    text-align: right;
    margin-bottom: 4px;
}

#newsOverview .title a
{
    color: #1a171b;
    font-weight: normal;
}

#newsOverview .date
{
    font-weight: bold;
    color: #A0A0A0;
    margin: 6px 0 4px 0;
}

#newsOverview .intro
{
    font-weight: normal;
    height: 35px;
    overflow: hidden;
}

#newsOverview .icon
{
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
    width: 100px;
    height: 100px;
    float: left;
    margin: 3px 8px 8px 0;
    padding: 3px;
}

#newsOverview .content
{
    float: left;
    width: 500px;
}

.pager
{
    margin: 10px 0 20px 0;
    border: 1px solid #C5C5C5;
    padding: 5px 22px 5px 20px;
    background-image: url(../images/background_pagerContainer.jpg);
    background-repeat: repeat-x;
    height: 21px;
    line-height: 21px;
}

.pager .type
{
    font-weight: bold;
    font-size: 15px;
    float: left;
    color: #1a171b;
}

.pager .result
{
    float: right;
}

/*

.pager ol
{
	list-style-type: none;
	float: right;
}

.pager li
{
	border: 1px solid #C5C5C5;
	background-image: url(../images/background_pager.gif);
	background-repeat: repeat-x;
	float: left;
	line-height: 18px;
	margin-right: 5px;
	text-align: center;
}

.pager li a
{
	padding: 3px 6px 3px 6px;
	font-weight: normal;
	color: #1a171b;
}

.pager li a:hover
{
	text-decoration: none;
}

.pager li a.selected
{
	color: #00A7AB;
	font-weight: bold;
}

*/

.datapager
{
    float: right;
}

.datapager a, .datapager span.selected
{
    border: 1px solid #C5C5C5;
    background-image: url(../images/background_pager.gif);
    background-repeat: repeat-x;
    float: left;
    line-height: 18px;
    margin-right: 5px;
    text-align: center;
    padding: 0 6px 0 6px;
    font-weight: normal;
    color: #1a171b;
}

.datapager a:hover
{
    text-decoration: none;
}

.datapager span.selected
{
    color: #00A7AB;
    font-weight: bold;
}

.googleMap
{
    border: 1px solid #C5C5C5;
    height: 200px; /*padding: 0;*/ /*padding 0 weggehaald*/
    margin-left: 8px;
}

.spacer
{
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
}

#links
{
    margin-left: 20px;
    padding-top: 20px;
    clear: left;
}

#faq
{
    margin-left: 20px;
    padding-top: 20px;
    clear: left;
}

#faq span
{
    color: #00A7AB;
}

#faq h4
{
}

#faq .item
{
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 14px;
}

#faq .answer
{
    line-height: normal;
}

a.bold
{
    font-weight: bold;
}

/********** formulier ***********/

.form
{
    width: 520px;
    margin: 0 0 0 20px;
}

.companieform
{
    width: 420px;
    margin: 0 0 0 10px;
}

.form H4, .companieform H4
{
    margin: 10px 0 10px 0;
    font-size: 13px;
}

.form label, .companieform label
{
    float: left;
    width: 181px;
    margin: 0 0 5px 0;
    padding: 0 0 0 19px;
    clear: left;
}

.form .Validator, .companieform .Validator
{
    background-image: url(../images/arrow_validator.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding: 0 15px 0 0;
    font-size: 10px;
    float: left;
}

.form .textfield, .companieform .textfield
{
    background-color: #1A171B;
    border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    float: left;
    margin: 0 0 5px 0;
    height: 16px;
    padding: 2px 0 0 3px;
}

.form .textfield
{
    width: 295px;
}

.companieform .textfield
{
    width: 195px;
}

.form .dropdownfield, .companieform .dropdownfield
{
    background-color: #1A171B;
    border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    float: left;
    margin: 0 0 5px 0;
    height: 20px;
    padding: 2px 0 0 3px;
    width: 80px;
}

.form .file, .companieform .file
{
    background-color: #1A171B;
    border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    float: left;
    margin: 0 0 5px 0;
    height: 20px;
    padding: 2px 0 0 3px;
}

.form .file
{
    width: 295px;
}

.companieform .file
{
    width: 195px;
}

.form .radio, .companieform .radio
{
    width: 18px;
    height: 18px;
    margin: 0 0 0 3px;
    vertical-align: bottom;
}

.form .required, .companieform .required
{
    background-image: url(../images/required.gif);
    background-position: left;
    background-repeat: no-repeat;
}

.form .submit, .companieform .submit
{
    background-color: #00a7ab;
    background-image: url(../images/arrow.gif);
    background-position: right;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 0 3px 3px;
    width: 71px;
    text-align: left;
    clear: both;
    margin-left: 200px;
}

.form .textarea, .companieform .textarea
{
    background-color: #1A171B;
    border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    float: left;
    margin: 0 0 5px 0;
    height: 50px;
    padding: 2px 0 0 3px;
}

.form .textarea
{
    width: 295px;
}

.companieform .textarea
{
    width: 195px;
}

.form .aanvraagReactie
{
    background-color: #00a7ab;
    background-position: right;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 0 3px 3px;
    width: 64px;
    text-align: center;
}

/********** over it-staffing ***********/

.about
{
    border: 1px solid #C0C0C0;
    padding: 3px;
    margin: 0px 0px 10px 10px;
    float: right;
}

/********** companies **********/
.btn
{
    margin: 10px 0 0 0;
}

#itstaffingCompanies
{
    padding-top: 10px;
}

#companyFlash
{
    height: 170px;
    width: 430px;
    margin-bottom: 13px;
}

.companyLogo
{
    text-align: left;
}

#map
{
    height: 225px;
    width: 430px;
}

/********** CompanieAanvragen **********/

#companyProjects
{
    width: 425px;
}

#companyProjects .item
{
    width: 425px;
    padding-left: 10px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-bottom: 12px;
}

#companyProjects .item .function
{
    font-weight: bold;
}

#companyProjects .item .expertise
{
    color: #1a171b;
    font-weight: bold;
}

#companyProjects .itemSeparator
{
    margin-left: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

#companyProjects .info
{
    float: right;
    width: 150px;
}

#companyProjects p
{
    line-height: 13px;
    margin-bottom: 3px;
}

#companyProjects .region
{
    font-size: 10px;
}

.MapPanel
{
    margin-left: 10px;
}

/********** Werving **********/

.textWrapperWerving ul
{
    /* color: #1a171b; */
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 0 10px 10px;
    line-height: 18px; /* clear: left; */
}

.textWrapperWerving ul.black
{
    color: #1a171b;
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 0 10px 10px;
    line-height: 18px; /* clear: left; */
}

.textWrapperWerving ul.links
{
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 6px;
}

.reactiesubmit
{
    background-color: #00a7ab;
    border-top: 1px solid #6ccccf;
    border-left: 1px solid #6ccccf;
    border-right: 1px solid #00696c;
    border-bottom: 1px solid #00696c;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    float: left;
    cursor: pointer;
    margin-left: 200px;
}

/********** ReactieForm **********/

#quickReact
{
    color: #000000;
    background-image: url(../images/reagerenFormBG.gif);
    background-repeat: repeat-y;
    padding-left: 10px;
}

#quickReact label
{
    font-weight: bold;
}

#quickReact .textfield
{
    border: 1px solid #c4c4c4;
    margin-right: 6px;
    font-size: 11px;
    padding: 2px 0 2px 3px;
}

#quickReact .radio
{
    padding-bottom: 10px;
    padding-right: 5px;
}

#quickReact .submit
{
    background-color: #00a7ab;
    background-image: url(../images/arrow.gif);
    background-position: right;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 0 3px 3px;
    width: 71px;
    text-align: left;
}

#quickReact .radioField
{
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.Functie
{
    float: right;
    margin-top: -15px;
    color: #000000;
    width: 270px;
    color: #000000;
}

/* 2008.12.24 Martijn Dijkstra */

#statusbar
{
    width: 970px;
    margin: 0 auto 0 auto;
    text-align: right;
    font-weight: bold;
    color: Black;
}

#statusbar a
{
    color: Black;
}

#loginWrapper
{
    background-image: url(../images/backgroundValidated.jpg);
    background-repeat: no-repeat;
    height: 182px; /*overflow: hidden;*/
}

#loginWrapper.password
{
    background-image: url(../images/backgroundPassword.jpg);
    background-repeat: no-repeat;
    height: 182px; /*overflow: hidden;*/
}

#loginWrapper.register
{
    background-image: url(../images/backgroundregister.gif);
    background-repeat: no-repeat;
    height: 182px; /*overflow: hidden;*/
}

.submitlogon
{
    width: 32px;
    height: 53px;
    background-image: url(../images/loginBtn.gif);
    background-repeat: no-repeat;
    cursor: pointer;
}

#login select
{
    border: 1px solid #000000;
    background-color: #1a171b !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    width: 100px;
}

#loginWrapper .formwrapper
{
    float: left;
    padding: 15px 0 0 0;
    width: 420px;
}

#loginWrapper .textfield
{
    border: 1px solid #98C000;
    background-color: #FFFFFF;
    height: 18px;
    width: 196px;
    color: #1a171b;
    font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 2px 0 0 4px;
}

#loginWrapper .checkbox
{
    vertical-align: middle;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    margin-left: -2px;
}

#loginWrapper .submit2
{
    background-color: #00A7AB;
    background-image: url(../images/arrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 20px 3px 3px;
    text-align: left;
    width: auto !important;
}

.moreInfo
{
    margin: 0 0 0 10px;
}

.backbutton
{
    background-color: #00a7ab;
    background-position: right;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Verdana;
    font-size: 9px;
    font-weight: bold;
    padding: 3px 0 3px 3px;
    width: 71px;
    text-align: center;
    clear: both; /*margin-left: 200px;*/
}

.qp_counter
{
    margin-left: 5px;
    margin-right: 5px;
}

.bemiddelaar
{
    float: left;
    height: 100px;
    width: 100px;
    background-image: url(../images/icon_default.jpg);
    border: 1px solid #C5C5C5;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    padding: 2px;
}

.certificaat
{
    float: left;
    height: 254px;
    width: 250px;
    background-image: url(../images/Certificaat_D_B.jpg);
    border: 1px solid #C5C5C5;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    padding: 2px;
}

.gesloten
{
    float: left;
    margin: 0 10px 10px 10px;
    padding: 2px;
    color: Black;
}