/* Hieronder de kleuren die over de gehele site voorkomen
grijs = 				#c2c0c0
groen =  			#7cb812
blauw = 				#003772
rood =	   		#c60038
geel = 				#fbba11
text grijs = 		#636363
*/

/*--- Site Init ---*/
* {margin: 0px; padding: 0px;}
body, html {margin:0px; padding:0px; width:100%;}
body {_behavior:url("/csshover.htc"); font-family:verdana, sans-serif; font-size:12px; text-align:left; color:#636363; letter-spacing:-1px; line-height:16px;}


/*--- Basic Styles ==> VERPLICHTE VELDEN --*/
img {border:1px solid #787878;}
img.noBorder {border:0px none;}
img.left {float:left; margin:0px 20px 10px 0px;}
img.right {float:right; margin:0px 0px 10px 20px;}
ul {}
li {}
li.last {border-bottom:0px none;}
a {text-decoration:none; color:#003772; font-weight:bold;}
a:hover {color:#7cb812;}
a.button {display:block; padding:0px 20px; height:20px; line-height:20px; background:#ffffff; border:1px dashed #6c6c6c; text-align:center; font-weight:bold; margin:0px 0px 10px 0px;}
a.button:hover {color:#D2E3E5;}
h1 {font-size:20px; font-weight:800; color:#003772; margin-top:5px;}/* H1 is het belangrijkst voor Google */
h2 {font-size:12px; font-weight:bold; color:#7cb812;}
h3 {font-size:20px; font-weight:bold; color:#003772; margin:5px 0px 20px 0px;}
h4, h5, h6 {font-size:11px; font-weight:bold; color:#7cb812;}
p {margin:0px 0px 15px 0px;}
hr {height:2px; color:#FFFFFF; background:#FFFFFF; margin:10px 0px; border:0px none; border-bottom:2px dotted #d8d8d8;}
.title {}
.underscription {}

form {width:480px;}
form div {position:relative; display:block; width:480px; height:auto; min-height:15px; margin-bottom:10px; float:none; clear:both;}
span {width:185px; margin-right:10px; float:left;}
input {width:265px; font-family:verdana,sans-serif; font-size:11px; color:#636363; float:left; font-family:verdana, sans-serif;}
input.button {width:auto; margin:0px; font-size:11px; font-family:verdana, sans-serif; *line-height:14px; font-weight:bold; color:#003e85; background:url('/images/input-button-background.gif') repeat-x 0px 0px; border:1px solid #003e85; cursor:hand; height:21px; text-align:center;}
/* input.button {position:relative; width:auto; padding:0px 5px; margin:0px; font-family:verdana,sans-serif; font-size:12px;} */
textarea {width:267px; height:85px; font-size:11px; font-family:verdana, sans-serif; color:#636363; _margin-left:-3px;}
select {width:265px; font-size:11px; font-family:verdana, sans-serif; color:#636363;}
table {}
th {}
tr {}
td {}

/*--- Basic 1st level elements ---*/
#siteContainer {position:relative; display:block; margin:0px auto; width:752px; height:auto; padding:0px; overflow:visible; background:url('/images/site-shadow-background.gif') repeat-y 0px 116px; }
#siteHeader {position:relative; display:block; width:780px; height:331px; overflow:visible; background:url('/images/site-header-accountancy.jpg') no-repeat 0px 0px;}
#siteMiddle {position:relative; display:block; width:767px; height:auto; left:13px; z-index:1000; padding-bottom:30px; overflow:hidden;}
#siteMiddle #sidebarLeft {position:relative; display:block; float:left; width:230px; top:20px; height:auto; overflow:hidden;}
#siteMiddle #siteContent {position:relative; display:block; float:left; width:486px; top:20px; height:auto; overflow:hidden; margin-right:10px;}
#siteMiddle #tab {position:relative; display:block; float:left; width:32px; left:8px; height:196px; background:url('/images/site-tab-accountancy.gif') no-repeat 0px 0px;}
#siteMiddle #tab a {position:relative; display:block; width:32px; height:196px;}
#siteFooter {position:relative; display:block; width:752px; height:155px; line-height:70px; background:url('/images/site-footer-background.jpg') no-repeat 0px 0px; text-align:center; color:#c2c0c0; font-size:10px; letter-spacing:-1px;}


/*--- Header elements ---*/
#headerContent {position:relative; display:block; overflow:hidden; width:498px; height:187px; left:243px; top:150px; float:left; color:#ffffff; font-weight:bold;}
#headerContent a {color:#ffffff;}
#headerContent a.headerBlockSmall {position:relative; display:block; width:176px; height:32px; border:1px solid #ffffff; background:url('/images/acc-headerblock-small.jpg') no-repeat 0px 0px; margin-bottom:21px; padding:10px; float:left;}
#headerContent a:hover {color:#ffffff; border-color:#003772;}
.headerBlockBig {width:193px; height:107px; border:1px solid #ffffff; float:left; background:url('/images/acc-headerblock-large.jpg') no-repeat 0px 0px; margin-right:35px; padding:10px;}

/*--- Sidebar Left elements ---*/
dl {position:relative; display:block; width:173px; margin:0px 0px 20px 16px; overflow:hidden;}
dl#contact {width:151px; border:1px solid #dfdfdf; padding:20px 10px;}
dl#contact h2 {color:#003772; margin-bottom:15px;}

ul#siteMenu {position:relative; margin:0px;}
ul#siteMenu li {position:relative; width:173px; height:auto; border-top:1px solid #7cb812; list-style:none; margin:0px;}
ul#siteMenu li.last {border-bottom:1px solid #7cb812;}
ul#siteMenu li.active {font-weight:bold; text-indent:11px; padding-top:10px; color:#7cb812;}
ul#siteMenu li a {position:relative; display:block; height:35px; line-height:34px; text-indent:11px;}

ul#siteMenu li ul {position:relative; height:auto; margin:10px 0px 10px 10px;}
ul#siteMenu li ul li {position:relative; font-size:11px; margin:0px 0px 10px 0px; height:auto; border:0px none; background:url('/images/submenu-accountancy-bullit.gif') no-repeat 0px 5px;}
ul#siteMenu li ul li a {position:relative; display:block; height:auto; font-size:11px; font-weight:normal; line-height:13px; padding:0px 0px 0px 10px; text-indent:0px;}

/*--- Content elements ---*/
#siteContainer #siteContent h1 {margin-bottom:15px;}
#siteContainer #siteContent li {margin:0px 0px 0px 20px;}

/*--- Footer elements ---*/
#siteFooter a {font-weight:normal; color:#c2c0c0;}



/*==== PAGE SEPERATE STYLES ====*/


/* --- Vacatures --- */

#NLKaart {position:relative; width:300px; height:300px; margin:0px auto;}
#newsOverview .news {}
#newsOverview .news img {positions:relative; width:35px; float:left; margin:0px 20px 10px 0px;}
#newsOverview .news h3 a,
 #newsOverview .news h3 {width:auto; font-size:14px; color:#7cb812; margin:0px 0px 5px 0px;}
#newsOverview .news .r1,
 #newsOverview .news .r2 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #003772;}
#newsOverview .news .date {display:none;}
#newsOverview .more {position:relative; display:block; width:auto; margin:10px 0px 0px 58px;}
#newsOverview .news .more a {font-weight:normal;}

#newsItem {position:relative; display:block; clear:both; width:100%; margin:0px; float:none;}
#newsItem .news {}
#newsItem .news img {float:left; width:210px; margin:0px 20px 10px 0px;}
#newsItem .news .date {display:none;}
#newsItem .news .more {display:block; clear:both; font-style:italic;}

#newsSearch {position:relative; display:block; clear:both; width:100%; margin:0px; float:none; padding-bottom:20px; border-bottom:1px solid #7cb812; margin-bottom:20px; text-align:center;}
#newsSearch input {width:auto;}



/*--- Vacature elements --- */
#vacancyOverview {border-top:1px solid #7cb812;}
.vacancy {position:relative; display:block; padding:5px 0px; border-bottom:1px solid #7cb812; margin-bottom:15px;}
.vacancyTitle {font-size:14px; color:#7cb812;}
.vacancyTeaser {}
.vacancyTeaser a.vacancyReadMore {position:relative; float:left; display:inline; width:auto;}
.vacancyButton {position:relative; display:block; width:176px; height:32px; border:1px solid #7cb812; background:url('/images/acc-headerblock-small.jpg') no-repeat 0px 0px; margin:0px 10px 0px 0px; padding:10px; float:left; color:#FFFFFF;}
.buttonRight {float:right; margin:0px;}
.vacancyButton:hover {color:#FFFFFF; border:1px solid #003772;}



/*--- Form elements --- */
.vacancyFormHappyDescription {margin-bottom:20px;}
.city {width:186px;}
.zip {width:65px; margin-right:10px;}



/*--- Zoekvenster in de header ---*/
.headerBlockBig {_padding-bottom:0px;}
.headerBlockBig #vacancySearch form {margin-top:-5px; width:193px;}
.headerBlockBig #vacancySearch form div {width:193px;}
.headerBlockBig #vacancySearch form div select {width:193px;}
.headerBlockBig #vacancySearch form div .button {background:#ffffff;}