/* CSS Document */ * {margin:0;padding:0;outline:none;} @font-face { font-family: 'TeXGyreAdventorBold'; src: url('http://www.media-artists.nl/css/texgyreadventor-bold-webfont.eot'); src: url('http://www.media-artists.nl/css/texgyreadventor-bold-webfont.eot?iefix') format('eot'), url('http://www.media-artists.nl/css/texgyreadventor-bold-webfont.woff') format('woff'), url('http://www.media-artists.nl/css/texgyreadventor-bold-webfont.ttf') format('truetype'), url('http://www.media-artists.nl/css/texgyreadventor-bold-webfont.svg#webfontCo0HS0qb') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TeXGyreAdventorItalic'; src: url('http://www.media-artists.nl/css/texgyreadventor-italic-webfont.eot'); src: url('http://www.media-artists.nl/css/texgyreadventor-italic-webfont.eot?iefix') format('eot'), url('http://www.media-artists.nl/css/texgyreadventor-italic-webfont.woff') format('woff'), url('http://www.media-artists.nl/css/texgyreadventor-italic-webfont.ttf') format('truetype'), url('http://www.media-artists.nl/css/texgyreadventor-italic-webfont.svg#webfontqCSph0kB') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TeXGyreAdventorRegular'; src: url('http://www.media-artists.nl/css/texgyreadventor-regular-webfont.eot'); src: url('http://www.media-artists.nl/css/texgyreadventor-regular-webfont.eot?iefix') format('eot'), url('http://www.media-artists.nl/css/texgyreadventor-regular-webfont.woff') format('woff'), url('http://www.media-artists.nl/css/texgyreadventor-regular-webfont.ttf') format('truetype'), url('http://www.media-artists.nl/css/texgyreadventor-regular-webfont.svg#webfontXyGOZ3pF') format('svg'); font-weight: normal; font-style: normal; } a {outline:none;text-decoration:none; } html, body {font-family: 'TeXGyreAdventorRegular';font-weight:normal;color:#fff; background:url(../images/background.jpg) top center no-repeat #000 ; height: 100%;} #wrap {min-height:500px;height:auto;overflow:hidden;} /* Header */ #header_archief {width:100%;height:270px;} #header {width:100%;height:267px;} #header_galerij {width:100%;height:270px;} #header_center {width:100%;background:url('../images/header_bg.png') top center no-repeat;} .header {width:960px; margin:0 auto;background:url('../images/spotlights.png') no-repeat;height:270px;} .logo {float:left;margin-top:95px;margin-left:0px;position:relative;z-index:15; } .headerimage_bg {height:434px;width:100%;margin-top:-90px; margin-left:-10px; z-index:11;position:relative;width:100%;background:url('../images/bannervoor.png') center no-repeat; margin-bottom: 20px;} .nav {float:left; width:800px;margin:0 auto;position:relative;z-index:12; margin-top:-20px; } .galery_next {position:relative;z-index:100;font-size:20px;float:right;top:150px;} .galery_prev { position:relative;z-index:100;font-size:20px;float:left;left:-240px;top:150px;} .headerimage { margin: 0 auto; width: 960px; z-index: 1; margin-top:-358px; position:relative;left:120px; } .headerimage ul {float:left;list-style:none;padding:0;margin:0;height:230px;overflow:hidden;width:716px; } .menu {float:left;width:510px;list-style:none;padding:0;margin-top:120px;margin-left:130px;position:relative; z-index:15;} .menu li{overflow:hidden; text-indent:-9999px;float:left;margin-left:0px;} .menu li a{background:url('../images/menu-media-artists.png') no-repeat; width:100%; height:20px; display:block;} .menu li.home{width:80px; height:20px;margin-right:18px;} .menu li.home a{background-position:0px 0px;} .menu li.home a:hover{background-position:0px -22px;} .menu li.home a:active{background-position:0px -22px;} .menu li.home a.selected{background-position:0px -46px;} .menu li.kwaliteiten{width:135px; height:20px;margin-right:18px;} .menu li.kwaliteiten a{background-position:-110px 0px;} .menu li.kwaliteiten a:hover{background-position:-110px -22px;} .menu li.kwaliteiten a:active{background-position:-110px -22px;} .menu li.kwaliteiten a.selected{background-position:-110px -46px;} .menu li.galerij{width:90px; height:20px;margin-right:18px;} .menu li.galerij a{background-position:-265px 0px;} .menu li.galerij a:hover{background-position:-265px -22px;} .menu li.galerij a:active{background-position:-265px -22px;} .menu li.galerij a.selected{background-position:-265px -46px;} .menu li.cappuccino{width:150px; height:20px;} .menu li.cappuccino a{background-position:-370px 0px;} .menu li.cappuccino a:hover{background-position:-370px -22px;} .menu li.cappuccino a:active{background-position:-370px -22px;} .menu li.cappuccino a.selected{background-position:-370px -46px;} /* Main */ #main {width:100%;float:left;margin-top:-50px;} .main {width:960px;margin:0 auto;} .main_left {width:650px;float:left; } .main_text {float:left;width:600px;margin-top:0px;} .main_text h1 {font-family: 'TeXGyreAdventorRegular';font-weight:normal;font-size:18px;color:#77b800;text-transform:uppercase;width:500px;} .main_text p {padding:10px;text-align:justify;width:600px;margin-left:-10px;font-size:12px;margin-top:12px;margin-bottom:12px;letter-spacing:1px;} .main_text a {color:#77b800; } .main_text strong { font-family: 'TeXGyreAdventorBold';font-weight:normal;color:#77b800;} .main_right {float:left;width:310px; } .right_twitter {width:300px;float:left; } .twitter_nav { background:url(../images/twitter_top_bg.png) no-repeat;width:300px;height:40px;text-indent:-9999px;float:left} .twitter_nav ul {float:right;width:142px;height:36px;padding:0;list-style:none;margin-top:-8px;} .twitter_nav ul li {float:left;} .twitter_nav li a {background:url('../images/twitter_nav_button.png') no-repeat; width:100%; height:36px; display:block; } .twitter_nav li.join a {width:71px;background-position:0px 0px;cursor:pointer;} .twitter_nav li.follow a {width:71px;background-position:-71px 0px; } .right_block_top {background:url(../images/block_top.png);width:300px;height:8px;float:left; } .right_block_bottom {background:url(../images/block_bottom.png);width:300px;height:8px;float:left; } .right_block_bg {float:left;width:300px;min-height:250px;height:auto;overflow:hidden;background:#3b3b3b; } .qtip-content { font-size:12px;} #main_bottom {width:100%; background:url('../images/vloer.png') bottom center no-repeat;height:375px;} .bottom { margin:0 auto;width:960px;height:450px;margin-top:40px;} .multimedia_title {background:url(../images/multimedia_title.png) 15px 0px no-repeat;text-indent:-9999px;width:300px;height:35px; } .blog_title {background:url(../images/nieuws_title.png) 15px 0px no-repeat;width:300px;height:35px; } .social_title {background:url(../images/foursquare_title.png) 15px 0px no-repeat;width:300px;height:35px;text-indent:-9999px; } .blog_title a {float:right;font-size:12px;color:#fff;margin-top:8px;margin-right:10px; } .block_bg {background:url(../images/block_bg.png);width:300px;height:270px;float:left; } .blog_items {list-style:none;float:left;margin-left:25px;margin-top:20px;width:250px;height:210px;overflow:hidden;background:transparant; } .blog_item {float:left;width:280px;height:210px;margin-top:0px;} .blog_item h2 {color:#fff;font-size:13px;font-weight:normal;padding:0px;float:left;text-align:center;width:250px; margin-top:12px;background:transparant; } .blog_item p {font-size:11px;font-family: 'TeXGyreAdventorRegular';font-weight:normal;float:left;background:transparant; } .blog_item a {color:#fff;text-decoration:none;background:transparant; } .blog_item a:hover {color:#77b800;} .social_block h2 {color:#fff;font-size:14px;font-weight:normal;padding:0px;float:left;text-align:center;width:250px; margin-top:12px;margin-left:25px;} .social_block a {color:#fff; } .blog_nav {float:left;width:400px;margin-left:125px;margin-top:0px; } .blog_nav a {cursor:pointer; } .blog_block {float:left;width:300px; } .social_block {float:left;width:300px;margin-left:30px; } .multimedia_block {float:right;width:300px;position:relative;height:270px; } .multimedia_block a {color:#fff; } .multimedia_block h2 {font-size:14px;font-weight:normal;margin-left:25px;width:250px;margin-top:12px;float:left;text-align:center; } .multimedia_block2 {float:right;width:300px;margin-top:20px; margin-bottom:20px;} .multimedia_block2 a {color:#fff; } .multimedia_block2 h2 {font-size:14px;font-weight:normal;margin-left:25px;width:250px;margin-top:12px;float:left;text-align:center; } .movie {float:left;margin-left:25px;margin-top:20px;width:250px; } .play_me { position:absolute;margin-top:60px;margin-left:-160px;*margin-top:-110px;} .social_media_right { float:right;width:250px;list-style:none;margin-top:50px;} .social_media_right li{float:left;text-indent:-9999px;} .social_media_right li a {width:100%;background:url(../images/social_media_right_bg.png);} .social_media_right li.flickr a {background-position: -20px 0px;display:block;width:100px;height:60px; } .social_media_right li.flickr a:hover {background-position:-17px -201px;display:block;width:100px;height:60px; } .social_media_right li.twitter a {background-position: -130px 0px;display:block;width:150px;height:64px; } .social_media_right li.twitter a:hover {background-position:-130px -201px;display:block;width:150px;height:64px; } .social_media_right li.linkedin a {background-position: -30px -60px;display:block;width:150px;height:64px;margin-top:10px; } .social_media_right li.linkedin a:hover {background-position:-30px -260px;display:block;width:150px;height:64px; } .social_media_right li.youtube a {background-position: -190px -65px;display:block;width:70px;height:80px;margin-top:10px; } .social_media_right li.youtube a:hover {background-position:-190px -265px;display:block;width:70px;height:80px; } /* Footer */ #footer { height:368px;width:100%; background:url(../images/footer_repeat.png) repeat-x; margin-top: -17px; } .footerinhoud { margin:0 auto; height:368px; background:url(../images/footer.png) bottom no-repeat;width:100%;} .copyright {width:960px;margin:0 auto;height:20px;font-size:14px;text-align:left;padding-top:30px; } .sitemap {width:960px;margin:0 auto;font-size:14px;margin-top:40px;} .sitemap h2 {color:#77b800;font-weight:normal;font-size:18px;text-transform:uppercase; float:left;margin-bottom:20px;} .sitemap_mediamuseum { float:left;width:225px; } .sitemap_mediamuseum ul {float:left;margin-top:0px;padding:0; list-style:none;width:200px;} .sitemap_mediamuseum ul li {background:url(../images/sitemap_button.png) no-repeat;height:17px;margin-bottom:10px;float:left;width:200px;} .sitemap_mediamuseum ul li a { margin-left:25px;color:#fff;text-decoration:none;} .sitemap_kwaliteiten {float:left;width:250px; } .sitemap_kwaliteiten ul {float:left;margin-top:0px;padding:0; list-style:none;width:200px;} .sitemap_kwaliteiten ul li {background:url(../images/sitemap_button.png) no-repeat;height:17px;margin-bottom:10px;float:left;width:200px;} .sitemap_kwaliteiten ul li a { margin-left:25px;color:#fff;text-decoration:none;} .sitemap_kunstjournaal {float:left;width:300px; } .sitemap_kunstjournaal p{float:left;width:300px; } .sitemap_kunstjournaal .news_form {float:left;width:300px;list-style:none;padding:0;} .sitemap_kunstjournaal .news_form li {float:left;width:264px; } .sitemap_kunstjournaal .news_form input[type=text] {float:left;width:240px;padding:5px;border:2px solid #77b800;margin-top:5px; font-family: 'TeXGyreAdventorRegular';font-weight:normal;font-size:12px;} .sitemap_kunstjournaal .news_form input[type=image] {float:right;margin-top:10px;width:117px; } .alert span {color:#fff;width:180px;height:40px;position:relative;margin-top:-40px;float:left;margin-left:0px;background:url(../images/alert.png) no-repeat;} .alert span ul {padding:0;float:left;list-style:none;font-size:11px;margin-left:15px; } .alert span li { width:140px;} .sitemap_cappuccino {float:right;width:180px;} .sitemap_cappuccino ul {float:left;list-style:none;} .sitemap_cappuccino ul li {float:left;width:180px;margin-bottom:10px;} .sitemap_cappuccino ul li strong {color:#77b800;width:20px;float:left; } .sitemap_cappuccino ul li a {color:#fff;text-decoration:none; } /* Kwaliteiten pagina */ .kwaliteit_block { width:300px;float:left; } .kwaliteit_title {background:url(../images/kwaliteiten_title.png) no-repeat;width:300px;height:40px;text-indent:-9999px;} .kwaliteit_list {width:260px;padding:0;list-style:none;font-size:14px;float:left; margin-top:12px;margin-left:15px;} .kwaliteit_list li {width:250px;float:left;background:url(../images/kwaliteiten_button.png) left 3px no-repeat;padding-left:20px;margin-bottom:12px;} .kwaliteit_list li h2 {font-size:13px;font-weight:normal;color:#77b800;text-transform:uppercase; } .kwaliteit_list li h2 a {color:#77b800;text-decoration:none; } .kwaliteit_list li p {color:#fff;font-size:12px; } .kwaliteit_list li a {color:#fff;font-size:12px; } .kwaliteit_list li a:hover {color:#77b800; } .right_social_share {float:left;width:300px;margin-bottom:120px; } .social_share_title { background:url(../images/social_share_title.png) 15px 0px no-repeat;text-indent:-9999px;width:300px;height:35px; } .social_share {float:left;background:url(../images/social_share_bg.png) no-repeat right;width:300px;height:75px;margin-top:10px; } /* Galerij pagina */ .main_galerij {width:985px;margin:0 auto;min-height:940px;height:auto; } .galerij_grafisch { float:left;width:315px;margin-right:20px; } .grafisch_titel {float:left;background:url(../images/galerij_grafisch.png) 3px no-repeat;width:310px;height:90px;text-indent:-9999px;} .galerij_grafisch ul {float:left;width:314px;list-style:none;padding:0;margin-top:20px; } .galerij_grafisch ul li { background:url(../images/galerij_list_bg.png) no-repeat;width:314px;float:left;height:300px;} .galerij_grafisch ul li img {float:left;margin-left:35px;margin-top:30px; } .galerij_grafisch ul li a { text-decoration:none;} .galerij_grafisch ul li h2 {color:#77b800;width:250px;float:left;margin-top:35px;text-decoration:none;font-size:14px;font-weight:normal;text-transform:uppercase;margin-left:20px;} .galerij_grafisch ul li h3 {color:#fff;font-size:14px;font-weight:normal;width:250px;margin-left:20px;float:left; } .galerij_web { float:left;width:315px;margin-right:20px; } .web_titel {float:left;background:url(../images/galerij_web.png) 3px no-repeat;width:310px;height:90px;text-indent:-9999px;} .galerij_web ul {float:left;width:314px;list-style:none;padding:0;margin-top:20px; } .galerij_web ul li { background:url(../images/galerij_list_bg.png) no-repeat;width:314px;float:left;height:300px;} .galerij_web ul li img {float:left;margin-left:35px;margin-top:30px; } .galerij_web ul li a { text-decoration:none;} .galerij_web ul li h2 {color:#77b800;width:250px;float:left;margin-top:35px;text-decoration:none;font-size:14px;font-weight:normal;text-transform:uppercase;margin-left:20px;} .galerij_web ul li h3 {color:#fff;font-size:14px;font-weight:normal;width:250px;margin-left:20px;float:left; } .galerij_multimedia {float:left;width:315px; } .multimedia_titel {float:left;background:url(../images/galerij_multimedia.png) 3px no-repeat;width:310px;height:90px;text-indent:-9999px;} .galerij_multimedia ul {float:left;width:314px;list-style:none;padding:0;margin-top:20px;min-height:900px } .galerij_multimedia ul li { background:url(../images/galerij_list_bg.png) no-repeat;width:314px;float:left;height:300px;} .galerij_multimedia ul li img {float:left;margin-left:35px;margin-top:30px; } .galerij_multimedia ul li a { text-decoration:none;} .galerij_multimedia ul li h2 {color:#77b800;width:250px;float:left;margin-top:35px;text-decoration:none;font-size:14px;font-weight:normal;text-transform:uppercase;margin-left:20px;} .galerij_multimedia ul li h3 {color:#fff;font-size:14px;font-weight:normal;width:250px;margin-left:20px;float:left; } .contactgegevens_klant {float: left; font-size:12px; padding-left: 20px;width:280px;} .contactgegevens_klant h3{float: left; font-size:15px; padding-left: 0px; width:280px;} .contactgegevens_klant a{float: left; font-size:12px; color:#fff; text-decoration:none;} .contactgegevens_klant p {float:left;width:100%; } .contactgegevens_klant strong {color:#77b800;width:30px;float:left;} .contactgegevens_klant h4 {color:color:#77b800;font-size:12px; } .contactgegevens_klant ul {float:left;width:100%;list-style:none;padding:0; } .contactgegevens_klant ul li {float:left;width:100%;margin-bottom:0px; } #main_bottom_gallerij {width:100%; background:url('../images/vloer.png') bottom center no-repeat; height:175px;} #main_bottom_gallerij_detail {width:100%; background:url('../images/vloer.png') bottom center no-repeat; height:375px;} .galerij_detail_bottom {margin:0 auto;width:960px;height:450px;margin-top:40px; } .right_contactgegevens {margin-top:48px; } .right_contactgegevens, .right_referentie {width:300px;float:left;margin-bottom:20px;} .contactgegevens_title {background:url(../images/contactgegevens_title.png) 10px 0px no-repeat;text-indent:-9999px;width:300px;height:35px; } .right_blockgegevens_top {background:url(../images/block_gegevens_top.png);width:300px;height:8px;float:left; } .right_blockgegevens_bottom {background:url(../images/block_gegevens_bottom.png);width:300px;height:8px;float:left; } .right_blockgegevens_bg {float:left;width:300px;height:208px;overflow:hidden;background:url(../images/block_gegevens_midden.png) } .referentie_title {background:url(../images/quote-title.png) 15px 5px no-repeat;text-indent:-9999px;width:300px;height:35px; } .right_block_bg_referentie { float:left;width:300px;min-height:100px;height:auto;overflow:hidden;background:#3b3b3b; } .right_block_bg_referentie strong {float:left;height:100px;width:250px;margin-left:15px;font-weight:normal;font-size:16px;margin-top:15px;text-align:left; } .galerij_album {float:left;width:650px;height:354px; } .galerij_album ul {float:left;width:650px;list-style:none;margin-left:-15px;background:url(../images/schilderij_list_bg.png); height:350px;} .galerij_album ul li {width:210px;float:left;height:128px;margin-right:0px; } .galerij_album ul li img {float:left;margin-left:40px;margin-top:50px; } .galerij_album ul li .schilderij {position:relative;margin-top:0px;margin-left:35px; width:150px;background:url(../images/schilderij-bg.png) no-repeat;height:148px;} .right_social_share_galerij {float:left;width:300px;margin-bottom:30px;margin-top:-30px; } .social_media_right_galerij { float:left;width:250px;list-style:none;margin-top:95px;margin-left:5px;} .social_media_right_galerij li{float:left;text-indent:-9999px;} .social_media_right_galerij li a {width:100%;background:url(../images/social_media_right_bg.png);} .social_media_right_galerij li.flickr a {background-position: -20px 0px;display:block;width:100px;height:60px; } .social_media_right_galerij li.flickr a:hover {background-position:-17px -201px;display:block;width:100px;height:60px; } .social_media_right_galerij li.twitter a {background-position: -130px 0px;display:block;width:150px;height:64px; } .social_media_right_galerij li.twitter a:hover {background-position:-130px -201px;display:block;width:150px;height:64px; } .social_media_right_galerij li.linkedin a {background-position: -30px -60px;display:block;width:150px;height:64px;margin-top:10px; } .social_media_right_galerij li.linkedin a:hover {background-position:-30px -260px;display:block;width:150px;height:64px; } .social_media_right_galerij li.youtube a {background-position: -190px -65px;display:block;width:70px;height:80px;margin-top:10px; } .social_media_right_galerij li.youtube a:hover {background-position:-190px -265px;display:block;width:70px;height:80px; } /* Blog */ .right_kunstenaar { margin-top:30px;} .right_kunstenaar,.right_reageren {width:300px;float:left; } .right_reageren {margin-top:20px;margin-bottom:40px; } .kunstenaar_title {float:left;background:url(../images/kunstenaar_title.png) 15px no-repeat;width:310px;height:50px;text-indent:-9999px; } .reageren_title {float:left;background:url(../images/reageren_title.png) 15px no-repeat;width:310px;height:60px;text-indent:-9999px; } .kunstenaar {float:left;width:260px;margin-left:20px;margin-top:20px; } .kunstenaar_img {float:left;width:110px;margin-right:10px;} .kunstenaar_img img {float:left;width:105px;height:158px;border:1px solid #fff;margin-right:10px;padding:1px; } .kunstenaar h2 {float:left;width:120px;font-size:12px;font-weight:normal;color:#77b800;text-transform:uppercase;} .kunstenaar ul {float:left;width:120px;font-size:12px;padding:0;list-style:none;m } .email_kunstenaar {float:left;font-size:11px;color:#fff;text-decoration:none;margin-top:10px;background:url(../images/mail.jpg) no-repeat 0px; padding-left:20px;margin-bottom:20px;} .kunstenaar strong { font-family: 'TeXGyreAdventorBold';font-weight:normal; } .reactie {float:left;width:600px; } .reactie h2 {font-weight:normal;font-size:16px;color:#74c20c;padding-top:10px;padding-bottom:10px;border-top:1px solid #828282;border-bottom:1px solid #828282;margin-bottom:12px; } .reacties { float:left;width:600px;list-style:none;padding:0;font-size:12px;} .reacties li {float:left;width:600px;margin-bottom:12px; } .reacties li a {text-decoration:none; } .form_comments {float:left;padding:0;margin-left:10px;margin-top:20px;width:250px;list-style:none;} .form_comments li {float:left;width:260px; margin-bottom:5px;} .form_comments input[type=text] {float:left;width:240px;padding:5px;border:2px solid #77b800;margin-top:5px; font-family: 'TeXGyreAdventorRegular';font-weight:normal;font-size:12px;} .form_comments textarea {float:left;width:240px;padding:5px;border:2px solid #77b800;margin-top:5px; font-family: 'TeXGyreAdventorRegular';font-weight:normal;font-size:12px;height:100px;} .form_comments input[type=image] {float:right;margin-top:10px;} .right_overig_nieuws {width:300px;float:left;margin-top:40px;}.overig_nieuws_title {float:left;background:url(../images/overig_nieuws_title.png) 15px no-repeat;width:310px;height:50px;text-indent:-9999px; } .right_news_list { float:left;width:260px;padding:0;margin-left:20px;list-style:none;margin-top:10px;margin-bottom:10px;} .right_news_list li { float:left;width:260px;font-size:12px;font-weight:normal;margin-bottom:12px;} .right_news_list li h2 { font-weight:normal;font-size:14px; font-family: 'TeXGyreAdventorBold';letter-spacing:1px;} .right_news_list li em { font-family: 'TeXGyreAdventorItalic';font-weight:normal;font-style:normal; } .right_news_list li p {font-size:#000; } .right_news_list li p strong { } .right_news_list li a {color:#fff;font-size:11px; } .right_news_list li a:hover {color:#77b800; } .main_archief {width:960px;margin:0 auto;} #main_bottom_archief {width:100%; background:url('../images/vloer.png') bottom center no-repeat; height:175px;} li.special {display:none; } .archief_list {float:left;} .archief_list ul {float:left;width:600px; list-style:none;padding:0;font-size:12px;} .archief_list li {float:left;width:600px;font-weight:normal;min-height:25px;margin-top:20px;margin-bottom:10px;padding-bottom:10px; } .archief_list li img {float:left;width:239px;border:1px solid #f6f6f6;margin-right:20px;padding:1px;margin-bottom:20px; } .archief_list li strong {font-size:14px;float:left;font-weight:normal;width:320px; } .archief_list li p {width:320px;float:left;text-align:left;margin-top:0px;margin-bottom:0px; } .archief_list li a {float:left; } .archief_list li span {float:left; } .right_multimedia_archief {float:right;margin-top:30px;width:300px; padding-right: 0px;} .social_media_right_archief { float:right;width:250px;list-style:none;margin-top:30px;} .social_media_right_archief li{float:left;text-indent:-9999px;} .social_media_right_archief li a {width:100%;background:url(../images/social_media_right_bg.png);} .social_media_right_archief li.flickr a {background-position: -20px 0px;display:block;width:100px;height:60px; } .social_media_right_archief li.flickr a:hover {background-position:-17px -201px;display:block;width:100px;height:60px; } .social_media_right_archief li.twitter a {background-position: -130px 0px;display:block;width:150px;height:64px; } .social_media_right_archief li.twitter a:hover {background-position:-130px -201px;display:block;width:150px;height:64px; } .social_media_right_archief li.linkedin a {background-position: -30px -60px;display:block;width:150px;height:64px;margin-top:10px; } .social_media_right_archief li.linkedin a:hover {background-position:-30px -260px;display:block;width:150px;height:64px; } .social_media_right_archief li.youtube a {background-position: -190px -65px;display:block;width:70px;height:80px;margin-top:10px; } .social_media_right_archief li.youtube a:hover {background-position:-190px -265px;display:block;width:70px;height:80px; } .galerij_full_list {width:960px;float:left;list-style:none;} .main_galerij_full {width:985px;margin:0 auto;min-height:900px;height:auto;overflow:hidden;} .galerij_full_list li { background:url(../images/galerij_list_bg.png) no-repeat;width:314px;float:left;height:300px;margin-left:5px;} .galerij_full_list li img {float:left;margin-left:35px;margin-top:30px; } .galerij_full_list li a { text-decoration:none;} .galerij_full_list li h2 {color:#77b800;width:250px;float:left;margin-top:35px;text-decoration:none;font-size:14px;font-weight:normal;text-transform:uppercase;margin-left:20px;} .galerij_full_list li h3 {color:#fff;font-size:14px;font-weight:normal;width:250px;margin-left:20px;float:left; } .page_nav {margin-top:100px;float:left;font-size:14px; } .page_nav a {color:#77b800; } /* ------------------------ MENU RECHTS ------------------------ */ .menu_rechts {float:left; padding:0; width: 42px;position:absolute; top:117px; right:0px;} .menu_rechts ul.menu_rechts_inhoud {float:left; padding:0; width: 42px; height: 440px; list-style:none; padding-top:5px;} .menu_rechts ul.menu_rechts_inhoud li {text-indent:-9999px; float:left; background:none; padding: 0;} .menu_rechts ul.menu_rechts_inhoud a{ background: url(../images/menu_rechts.png) no-repeat; display:block;} .menu_rechts ul.menu_rechts_inhoud li.rechts_twitter a{width:42px; height:80px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_twitter a{background-position:0px 0px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_twitter a:hover{background-position:-42px 0px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_facebook a{width:42px; height:80px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_facebook a{background-position:0px -80px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_facebook a:hover{background-position:-42px -80px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_linkedin a{width:42px; height:80px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_linkedin a{background-position:0px -160px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_linkedin a:hover{background-position:-42px -160px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_youtube a{width:42px; height:80px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_youtube a{background-position:0px -240px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_youtube a:hover{background-position:-42px -240px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_nl a{width:42px; height:57px;margin-top:20px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_nl a{background-position:-42px -330px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_nl a:hover{background-position:0px -330px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_eu a{width:42px; height:57px;margin-top:0px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_eu a{background-position:-42px -387px;} .menu_rechts ul.menu_rechts_inhoud li.rechts_eu a:hover{background-position:0px -387px;} .zoeken { position:absolute; right:0; height: 48px; color:#545151;} .zoeken input[type=text] { background:url(../images/search_bg.png) no-repeat top left; width:130px; height:18px; border:0; padding-left:5px; padding-right:10px; color:#545151; font-size:9px; *padding-top:4px; font-family: 'InterstateLightRegular';}