#content_index {
background: url(/imgt/bg_content_index.png);
padding-top: 5px;
}

#header_index {
height: 168px;
background: url(/imgt/bg_header_index.png) no-repeat;
}

#logo_index {
position: absolute;
z-index: 10;
margin: 14px 0px 0px 112px;
}

#menu_index {
width: 614px;
height: 52px;
margin-right: 78px;
margin-top: 112px;
float:right;
background: url(/imgt/bg_menu_index.jpg) no-repeat;
}

#searchfield_index {
float: right;
margin-left: 636px;
width: 225px;
margin-top: 168px;
position: absolute;
z-index: 10;
}

.img_ontwikkelman {
width: 114px;
height: 226px;
position: absolute;
z-index: 22;
background: url(/imgt/img_ontwikkelman.png) no-repeat;
}

.img_ontwerpman {
width: 117px;
height: 247px;
position: absolute;
z-index: 22;
background: url(/imgt/img_ontwerpman.png) no-repeat;
}

.img_stripboek {
width: 181px;
height: 245px;
position: absolute;
z-index: 22;
background: url(/imgt/img_stripboek.png) no-repeat;
}

#new_project_holder {
padding-left: 114px;
position: relative;
height: 312px;
}

.new_projects {
width: 750px;
height: 312px;
position: absolute;
top: 0px;
}

.new_project_txt_wrap {
float: left;
margin: 50px 0px 0px 30px;
}

.highlight_link {
text-transform: uppercase;
color: #000000;
text-decoration: none;
}

.highlight_opdracht {
background-color: #F0D000;
display: block;
font-size: 24px;
padding: 5px 7px 0px 7px;
position: absolute;
z-index: 20;
font-family: impact;
}

.highlight_klant {
display: block;
font-size: 38px;
padding: 4px 40px 0px 7px;
margin-top: -12px;
position: absolute;
top: 90px;
background: #F0D000 url(/imgt/bg_highlight_link.png) right center no-repeat; 
font-family: impact;
}

.highlight_link:hover .highlight_opdracht, .highlight_link:hover .highlight_klant {
background-color: #5EB1C2;
color: #ffffff;
}

.highlight_link:hover .highlight_klant {
background: #5EB1C2 url(/imgt/bg_highlight_link_hover.png) right center no-repeat; 
}

.highlight_payoff {
background-color: #FEF0E5;
margin-top: 10px;
padding: 5px 3px 3px 5px;
position: absolute;
top: 125px;
font-size: 12px;
display: block;
}

.new_projects_txt {
height: 170px;
width: 317px;
background: url(/imgt/project_blok_txt.png);
position: absolute;
z-index: 23;
}

.new_projects_arrow_left {
position: absolute;
height: 39px;
width: 38px;
top: 65px;
left: -20px;
background: url(/imgt/btn_left_yellow.png);
z-index: 23;
}

.new_projects_arrow_left:hover {
background: url(/imgt/btn_left_blue.png);
cursor: pointer;
}

.new_projects_arrow_right {
position: absolute;
height: 39px;
width: 38px;
top: 65px;
right: -20px; 
background: url(/imgt/btn_right_yellow.png);
z-index: 23;
}

.new_projects_arrow_right:hover {
background: url(/imgt/btn_right_blue.png);
cursor: pointer;
}

.new_projects_txt_block {
padding: 35px 20px 15px 20px;
}

#new_projects_lees_verder {
position: absolute;
display: block;
margin-left: 150px;
margin-top: 150px;
}

#content_index_middle {
height: 398px;
margin-top: 20px;
}

#index_news_block {
background: url(/imgt/bg_index_news_block.png) no-repeat;
height: 357px;
width: 299px;
margin: 23px 0px 0px 107px;
float: left;
padding-top: 35px;
}

#kop_groot_news_block {
margin-top: -55px;
}

#index_news_items {
height: 222px;
}

.index_news_item {
margin: 3px 0px 0px 7px;
padding: 2px 20px 4px 37px;
line-height: 12pt;
background: url(/imgt/bg_news_item.png) left bottom no-repeat;
}

.index_news_item a {
color: #333333;
text-decoration: none;
}

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

#index_news_item_new {
background: url(/imgt/bg_new_news_item.png) bottom no-repeat;
}

.index_news_item_date {
color: #7C470C;
}

#lees_verder_index_news {
float: right;
margin-top: 65px;
}

#img_marketing_man {
width: 208px;
height: 296px;
position: absolute;
z-index: 22;
background: url(/imgt/img_marketing_man.png) no-repeat;
margin: 220px 0px 0px -40px;
}

#index_who_are_we_flash {
/*background: url(/imgt/bg_index_who_are_we_flash.png) no-repeat;*/
height: 391px;
width: 453px;
margin: 0px 0px 0px 20px;
float: left;
}

#content_index_werkwijze {
width: 762px;
height: 273px;
background: url(/imgt/bg_index_werkwijze.png) no-repeat;
margin-left: 100px;
padding-top: 36px;
position: relative;
}

#content_index_werkwijze .kop_groot {
margin-left: 150px;
}

#werkwijze_text_holder {
background: url(/imgt/bg_werkwijze_text_holder.png) no-repeat;
width: 672px;
height: 109px;
position: absolute;
top: 210px;
left: 25px;
padding: 20px 20px 0px 20px;
font-weight: bold;
}

#werkwijze_text_2, #werkwijze_text_3, #werkwijze_text_4 {
display: none;
} 

#werkwijze_text_holder_arrow {
background: url(/imgt/bg_werkwijze_text_arrow.png) no-repeat;
width: 20px;
height: 18px;
position: absolute;
top: 196px;
left: 183px;
}

#no_project {
color: #ffffff;
font-size: 20pt;
position: absolute;
margin-left: 800px;
margin-top: 270px;
}

#content_index_bottomblok {
position: relative;
padding-left: 110px;
padding-bottom: 20px;
}

#wijwerkenvoor {
background: url(/imgt/bg_wijwerkenvoor.jpg) no-repeat;
width: 439px;
height: 244px;
}

#wijwerkenvoor .kop_groot {
margin-top: -5px;
}

#quickscan {
position: absolute;
background: url(/imgt/bg_quickscan.jpg) no-repeat;
width: 290px;
height: 115px;
left: 566px;
top: 0px;
cursor: pointer;
}

#quickscan_bluetitle {
background-color: #9DCCC7;
padding: 5px 7px 3px 7px;
font-size: 12px;
position: absolute;
top: 10px;
left: 10px;
}

#quickscan_yellowtitlesmall {
background-color: #F0D000;
display: block;
font-size: 18px;
padding: 5px 7px 0px 7px;
position: absolute;
top: 40px;
left: 10px;
z-index: 2;
font-family: impact;
text-transform: uppercase;
}

#quickscan_yellowtitlebig {
font-size: 38px;
padding: 15px 40px 10px 7px;
margin-top: -12px;
position: absolute;
background: #F0D000 url(/imgt/bg_highlight_link.png) right no-repeat; 
font-family: impact;
top: 70px;
left: 10px;
text-transform: uppercase;
}

#quickscan:hover #quickscan_yellowtitlesmall {
background-color: #5EB1C2;
color: #ffffff;
}

#quickscan:hover #quickscan_yellowtitlebig {
background: #5EB1C2 url(/imgt/bg_highlight_link_hover.png) right no-repeat;
color: #ffffff; 
}

#quickscan_uitleg {
display:none;
}

#hulplijn {
position: absolute;
background: #000000;
width: 290px;
height: 93px;
padding-top: 19px;
left: 566px;
top: 130px;
color: #F6D1AC;
font-size: 30px;
font-family: impact;
text-transform: uppercase;
}

#hulplijn p {
margin: 0px 10px 10px 10px;
float: left;
}

#hulplijn_tel {
font-size: 42px;
padding-top: 20px;
border-top: 2px solid #F6D1AC;
}

#redphone {
position: absolute;
background: url(/imgt/redphone.png) no-repeat;
width: 110px;
height: 126px;
top: -5px;
right: -50px;
}

/* WERKWIJZE */
.icon_werkwijze {
text-decoration: none;
display: block;
position: absolute;
}

.icon_werkwijze p {
display: none;
}

#icon_werkwijze_1, #icon_werkwijze_1_active {
background: url(/imgt/icon_werkwijze_1.png) no-repeat;
width: 120px;
height: 130px;
top: 73px;
left: 138px;
}

#icon_werkwijze_1_active {
background: url(/imgt/icon_werkwijze_1_active.png) no-repeat;
}

#icon_werkwijze_2, #icon_werkwijze_2_active {
background: url(/imgt/icon_werkwijze_2.png) no-repeat;
width: 125px;
height: 121px;
top: 72px;
left: 291px;
}

#icon_werkwijze_2_active {
background: url(/imgt/icon_werkwijze_2_active.png) no-repeat;
}

#icon_werkwijze_3, #icon_werkwijze_3_active {
background: url(/imgt/icon_werkwijze_3.png) no-repeat;
width: 121px;
height: 121px;
top: 72px;
left: 456px;
}

#icon_werkwijze_3_active {
background: url(/imgt/icon_werkwijze_3_active.png) no-repeat;
}

#icon_werkwijze_4, #icon_werkwijze_4_active {
background: url(/imgt/icon_werkwijze_4.png) no-repeat;
width: 131px;
height: 120px;
top: 72px;
left: 598px;
}

#icon_werkwijze_4_active {
background: url(/imgt/icon_werkwijze_4_active.png) no-repeat;
}