#btn_mailto {
position: absolute;
margin-left: 802px;
}

#btn_printen {
position: absolute;
margin-left: 757px;
}

.portfolio_not_show {
display: none;
}

#kop_klein_tags {
margin-left: 30px;
}

.portfolio_kop_klein {
margin: 10px 0px 0px 5px;
width: auto;
padding: 0px 5px 0px 5px;
height: 30px;
}

.portfolio_kop_klein_left {
height: 38px;
width: 15px;
float: left;
margin-left: -15px;
background: url(/imgt/kop_klein_left.png);
}

.portfolio_kop_klein_right {
height: 38px;
width: 12px;
float: left;
margin-left: 0px;
background: url(/imgt/kop_klein_right.png);
}

.portfolio_kop_klein_middle {
height: 24px;
padding-top: 14px;
background: url(/imgt/kop_klein_middle.png);
width: auto;
float: left;
}

#portfolio_box_top {
width: 751px;
height: 33px;
margin-left: 115px;
margin-top: 0px;
}

#filter_top {
background: url(/imgt/bg_portfolio_filterbox_top.png) no-repeat;
height: 18px;
width: 752px;
margin-left: -5px;
}

#filter_middle {
background: url(/imgt/bg_portfolio_filterbox_middle.png);
width: 732px;
padding: 20px 0px 20px 20px;
line-height: 15pt;
height: 20px;
margin-left: -5px;
}

#filter_bottom {
background: url(/imgt/bg_portfolio_filterbox_bottom.png) no-repeat;
height: 21px;
width: 752px;
margin-left: -5px;
}

.filter_box {
background: url(/imgt/bg_filter_box.jpg) no-repeat;
width: 181px;
height: 23px;
float: left;
padding-left: 10px;
padding-top: 3px;
margin-left: 3px;
margin-right: 4px;
}

.filter_box:hover {
background: url(/imgt/bg_filter_box_blue.jpg) no-repeat;
}

.filter_box_btn {
width: 28px;
height: 26px;
float: right;
margin: -3px 10px 0px 0px;
cursor: pointer;
}

.filter_box_btn:hover {
background: url(/imgt/btn_filter_box_blue.jpg) no-repeat;
}

.filter_box_dropdown {
background-color: #8DD1E0;
position: absolute;
margin: 1px 0px 0px -10px;
border: 2px solid black;
width: 177px;
display: none;
color: #333333;
z-index: 10;
}

.filter_box_dropdown_item {
height: 24px;
padding-top: 2px;
cursor: pointer;
padding-left: 10px;
}

.filter_box_dropdown_item:hover {
text-decoration: underline;
}

.content_img_left {
float: left;
margin: 0px 10px 10px 0px;
}

.content_img_right {
float: right;
margin: 0px 0px 10px 10px;
}

#btn_filter {
background: url(/imgt/btn_filter.jpg) no-repeat;
width: 77px;
height: 34px;
cursor: pointer;
float: right;
margin: -3px 10px 0px 0px;
}

#btn_filter:hover {
background: url(/imgt/btn_filter_blue.jpg) no-repeat;
}

#portfolio_box_middle {
width: 746px;
margin-left: 114px;
margin-top: 75px;
}

#portfolio_textfield {
padding: 10px 0px 0px 0px;
}

.portfolio_item_big {
float: left;
margin-bottom: 23px;
cursor: pointer;
height: 315px;
width: 755px;
position: relative;
}

.portfolio_item_small_left {
float: left;
margin-bottom: 23px;
cursor: pointer;
height: 315px;
width: 360px;
position: relative;
}

.portfolio_item_small_right {
float: left;
margin-bottom: 23px;
margin-left: 26px;
cursor: pointer;
height: 315px;
width: 360px;
position: relative;
}

.kop_klein_portfolio_big {
margin: 29px 0px 0px 42px;
float: right;
position: absolute;
width: auto;
padding: 0px 5px 0px 5px;
z-index: 6;
}

.kop_klein_portfolio_small {
margin: 29px 0px 0px 42px;
position: absolute;
width: auto;
padding: 0px 5px 0px 5px;
z-index: 6;
}

.portfolio_item_big:hover .portfolio_highlight_opdracht, .portfolio_item_small_left:hover .portfolio_highlight_opdracht, .portfolio_item_small_right:hover .portfolio_highlight_opdracht {
background-color: #5EB1C2;
color: #ffffff;
}

.portfolio_item_big:hover:hover .portfolio_highlight_klant, .portfolio_item_small_left:hover:hover .portfolio_highlight_klant, .portfolio_item_small_right:hover:hover .portfolio_highlight_klant {
background: #5EB1C2 url(/imgt/bg_highlight_link_hover.png) right center no-repeat; 
color: #ffffff;
}


.kop_klein_portfolio_text_box {
margin: -43px 0px 0px 0px;
position: absolute;
width: auto;
padding: 0px 5px 0px 5px;
z-index: 6;
}

.portfolio_item_text_box_container {
float: left;
margin: 20px 0px 0px 20px;
}

.portfolio_highlight_link {
text-transform: uppercase;
}

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

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

.portfolio_highlight_link:hover .portfolio_highlight_opdracht, .portfolio_highlight_link:hover .portfolio_highlight_klant {
background-color: #5EB1C2;
color: #ffffff;
}

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

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

.portfolio_item_text_box {
background: url(/imgt/bg_portfolio_item.jpg) no-repeat;
width: 210px;
position: absolute;
z-index: 5;
border: 2px solid black;
margin: 40px 0px 0px 0px;
padding: 25px 15px 0px 15px;
}


.portfolio_item_real_text_box {
padding-bottom: 25px;
}

#portfolio_lees_verder {
position: absolute;
bottom: -10px;
left: 100px;
}

.portfolio_item_big:hover #portfolio_lees_verder, .portfolio_item_small_left:hover #portfolio_lees_verder, .portfolio_item_small_right:hover #portfolio_lees_verder {
background: url(/imgt/btn_lees_meer_blue.png);
}

.portfolio_kop_link {
color: #333333;
} 

#portfolio_pages_line {
background: url(/imgt/bg_portfolio_pages_line.png) no-repeat;
width: 747px;
height: 5px;
margin: -15px 0px 5px 0px;
padding-bottom: 10px;
}

#portfolio_pages_container {
float: right;
height: 39px;
padding-right: 0px;
}

.portfolio_pages_btn {
width: 38px;
height: 35px;
float: left;
margin-left: 10px;
margin-bottom: 10px;
cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

.div_popup_portfolio {
position: absolute;
margin-left: 111px;
/* margin-top: 270px; */
z-index: 2001;
}

#btn_sluiten_portfolio_item {
background: url(/imgt/btn_sluiten.png) no-repeat;
width: 39px;
height: 34px;
float: right;
margin-right: 24px;
margin-top: -10px;
cursor: pointer;
}

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

#portfolio_item_open_top {
background: url(/imgt/bg_vervolg_top.png) no-repeat;
width: 751px;
height: 33px;
}

#portfolio_item_open_middle {
background:#FCEFE0;
width: 746px;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
padding-top: 10px;
margin-left: 1px;
}

#portfolio_item_open_bottom {
background: url(/imgt/bg_vervolg_bottom.png) no-repeat;
width: 751px;
height: 19px;
}

.portfolio_item_img {
margin: 0px 0px 15px 21px;
}

.portfolio_item_arrow_left {
position: absolute;
height: 39px;
width: 38px;
margin: 33px 0px 0px 35px;
background: url(/imgt/btn_left_yellow.png);
}

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

.portfolio_item_arrow_right {
position: absolute;
height: 39px;
width: 38px;
margin: 33px 0px 0px 673px; 
background: url(/imgt/btn_right_yellow.png);
}

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

#portfolio_tekst_top {
background: url(/imgt/bg_portfolio_tekst_top.jpg) no-repeat;
width: 710px;
height: 18px;
margin-left: 16px;
}

#portfolio_tekst_middle {
background: url(/imgt/bg_portfolio_tekst_middle.jpg);
width: 710px;
margin-left: 16px;
}

#portfolio_tekst_middle a {
background-color: #F1D000;
text-decoration: none;
color: #000000;
padding: 0px 3px 1px 3px;
}

#portfolio_tekst_middle a:hover {
background-color: #50A4B6;
color: #fff;
}

#portfolio_tekst_middle ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#portfolio_tekst_middle ul li {
margin-bottom: 15px;
}

#portfolio_tekst_middle ul li span {
font-weight: bold;
display: block;
float: left;
width: 117px;
margin-left: 33px;
}

#portfolio_tekst_middle ul li p {
float: right;
width: 550px;
margin-right: 10px;
margin-top: -3px;
}

.portfolio_tekst_persoonlijk_stukje_holder a {
background-color: #F1D000;
text-decoration: none;
color: #000000;
padding: 0px 3px 1px 3px;
}

.portfolio_tekst_persoonlijk_stukje_holder a:hover {
background-color: #50A4B6;
color: #fff;
}

#portfolio_tekst_persoonlijk_stukje_holder_marketingman {
background: url(/imgt/img_marketingman_rond.png) no-repeat;
min-height: 100px;
margin-left: 20px;
padding-bottom: 10px;
}

#portfolio_tekst_persoonlijk_stukje_holder_ontwikkelman {
background: url(/imgt/img_ontwikkelman_rond.png) no-repeat;
min-height: 100px;
margin-left: 20px;
padding-bottom: 10px;
}

#portfolio_tekst_persoonlijk_stukje_holder_ontwerpman {
background: url(/imgt/img_ontwerpman_rond.png) no-repeat;
min-height: 100px;
margin-left: 20px;
padding-bottom: 10px;
}

#portfolio_tekst_persoonlijk_stukje_holder_klant {
background: url(/imgt/img_klant_rond.png) no-repeat;
min-height: 100px;
margin-left: 20px;
padding-bottom: 10px;
}

.portfolio_tekst_persoonlijk_stukje_top {
background: url(/imgt/bg_portfolio_tekst_persoonlijk_stukje_top.jpg) no-repeat;
width: 547px;
height: 17px;
margin-left: 122px;
}

.portfolio_tekst_persoonlijk_stukje_middle {
background: url(/imgt/bg_portfolio_tekst_persoonlijk_stukje_middle.jpg);
width: 501px;
margin-left: 122px;
padding: 0px 23px 0px 23px;
}

.portfolio_tekst_persoonlijk_stukje_pijl {
background: url(/imgt/portfolio_tekst_persoonlijk_stukje_pijl.jpg) no-repeat;
width: 28px;
height: 21px;
position: absolute;
margin: 5px 0px 0px -45px;
}

.portfolio_tekst_persoonlijk_stukje_bottom {
background: url(/imgt/bg_portfolio_tekst_persoonlijk_stukje_bottom.jpg) no-repeat;
width: 547px;
height: 23px;
margin-left: 122px;
}

#portfolio_tekst_bottom {
background: url(/imgt/bg_portfolio_tekst_bottom.jpg) no-repeat;
width: 710px;
height: 21px;
margin-left: 16px;
}
