/* Stylesheet for Blendblink.nl */
/* HTML/CSS Blend & Blink http://www.blendblink.nl en Rian Rietveld Web Design http://www.rrwd.nl */
/* September 2009 */
body {
margin: 0; padding: 0; background-color: #271f1c;
/* overflow: hidden; */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px; color: #000; line-height: 17px;
background-image: url('../layout/background_01.jpg');
}
div, img {padding: 0; margin: 0; border: 0;}
.hide {display: none;}
.show {display: block;}
.links_bottom {
bottom:11px;
overflow:auto;
position:absolute;
border-top:solid black 1px;
text-align: bottom;
width: 100%;
padding-top: 4px;
padding-bottom: 6px;
}
/* scrollbar */
.scroll-pane {overflow: auto;}
/* scrollbar nieuw*/
div.scrollholder
{ position: relative; width: 300px; height: 382px; padding: 0px; margin: 0px; overflow: auto; z-index: 1; left: 0px; top: 0px; }
div.scroll
{ position: absolute; left: 0px; top: 0px; width: 95%; z-index: 2; }
/* */
div.track
{ position: relative; float:right; top: 0; width: 20px; height: 100%; font-size: 0; z-index: 3; background: #fff;
}
div.drag_bar
{ position: absolute; width: 100%; height: 14px; cursor: pointer; z-index: 4; background-image: url(../illustraties/scroll.gif);
}
/* formulieren */
.formulier {border: 0; padding: 0; margin: 0;}
.formulier legend {padding-left: 1px; font-weight: bold;}
.formulier label {padding-left: 6px; padding-top: 2px; padding-bottom: 2px; float: left; width: 120px;}
.formulier hr {height: 0; border-top: 0; border-bottom: 1px black solid;}
.textinput {border: 0px; background-color: #ddd; width: 218px; margin-top: 3px; margin-bottom: 2px; border-bottom: 0px black solid; padding: 1px; }
.submitinput {border: 0; background-color: #fff; color: #000; font-weight: bold; padding-left: 6px; padding-top: 1px; padding-bottom: 2px; margin: 0; text-align:left; cursor: pointer; }
/* main layout */
#wrapper {position: relative; margin: 0; padding: 0; width: 5620px; height: 2340px; z-index: 1;}
/* Nieuwe element ingevoegd door Merijn */
#raster {position:fixed; top:60px; left:210px; background-image: url('../layout/ontwerp_tilburg.png'); z-index: 4}
.blok_wrapper {background-image: url('../layout/webschrijven_tilburg.png'); z-index: 2;}
.blok_wrapper_nologo {background-image: url('../layout/website_tilburg_nologo.png'); z-index: 2;}
.blok_text {color: #222; background-color: #fff; z-index: 3; margin-top: 40px; margin-left: 25px; margin-right: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 15px;}
.blok_text_left{color: #222; background-color: #fff; z-index: 3; margin-top: 40px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 15px;}
.onderlijn1 {border-bottom:solid black 1px;}
.onderlijn1a {border-bottom:solid black 1px; margin: 0px; padding-top: 8px; padding-bottom: 8px;}
.onderlijn1b {border-bottom:solid black 1px; margin: 0px; padding-top: 2px; padding-bottom: 0px;}
.onderlijn5 {border-bottom:solid black 5px;}
.onderlijn5a {border-bottom:solid black 5px; border-top:solid black 1px; padding-top: 0px; padding-bottom: 0px;}
.onderlijn5b {border-bottom:solid black 5px; border-top:solid black 0px; padding-top: 0px; padding-bottom: 0px;}
.bovenlijn5 {border-top:solid black 5px;}
.subblok {border-top:solid black 1px; padding-top: 5px; margin-bottom: 5px; text-align: left;}
.subblok a {font-weight: bold; text-decoration: none;}
.subblokb {height:10px; border-top:solid black 1px; padding-top: 3px; margin-bottom: 0px; margin-top: 0px;}
#blok1 {position:absolute; top:0; left:0;}
#anker_blok1 {position:absolute; top:0; left:0;}
#blok1_wrapper {position:absolute; width:770px; height:520px; top: 60px; left:210px; z-index: 3;}
#blok1a {position:absolute; width:363px; height:216px; top: 40px; left: 23px;}
#blok1b {position:absolute; width:177px; height:216px; top: 40px; left:395px;}
#blok1c {position:absolute; width:177px; height:216px; top: 40px; left:581px;}
#blok1d {position:absolute; width:177px; height: 21px; top:270px; left: 23px;}
#blok1e {position:absolute; width:177px; height:203px; top:300px; left: 23px; padding-left: 0px;}
#blok1f {position:absolute; width:177px; height:203px; top:300px; left:209px;}
#blok1g {position:absolute; width:177px; height:203px; top:300px; left:395px;}
#blok1h {position:absolute; width:177px; height:203px; top:300px; left:581px;}
.blok_logo {position:absolute; width:240px; height:25px; top: 71px; left:88px; z-index: 10;}
.blok1_text {color: #222; background-color: #fff; z-index: 3; border-top:solid black 0px;}
.blok1proj {width:177px; height:166px; border-bottom:solid black 1px; border-top:solid black 1px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 4px;}
.leesmeer {float: right; margin-right: 2px; width: 27px; height: 15px;}
#blok2 {position:absolute; top:0; left:1240px; background-image: url('../layout/background_02.jpg'); background-repeat:no-repeat;}
#anker_blok2 {position:absolute; top:0; left:1240px;}
#blok2_wrapper {position:absolute; width:385px; top:60px; left:210px; padding-bottom: 10px; z-index: 3}
.blok_text2 {color: #222; background-color: #fff; z-index: 3; margin-top: 40px; margin-left: 25px; margin-right: 10px; padding-top: 5px; padding-bottom: 5px;}
#blok3 {position:absolute; top:0; left:2480px; background-image: url('../layout/background_03.jpg'); background-repeat:no-repeat;}
#anker_blok3 {position:absolute; top:0; left:2480px;}
#blok3a_wrapper{position:absolute; top:60px; left:210px; width:385px; z-index: 3}
#blok3a {height:445px;}
#blok3b_wrapper{position:absolute; top:60px; left:606px; width:374px; z-index: 3}
#blok3b {height:150px; width: 354px;}
.blok_text3 {color: #222; background-color: #fff; z-index: 3; margin-top: 40px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px;}
.thumbsCollage {padding: 0; margin: 0;}
.thumbsCollage img {width: 84px; height: 96px; margin-top: 5px; cursor: pointer;}
.largeImgCollage {position:absolute; width:1px; height:1px; top:287px; left:606px; z-index: 3}
#blok4 {position:absolute; top:0; left:3720px; background-image:url('../layout/background_04.jpg'); background-repeat:no-repeat;}
#anker_blok4 {position:absolute; top:0; left:3720px;}
#blok4a {position:absolute; width:365px; height:480px; top:60px; left:210px; z-index: 3; padding-top: 40px; padding-left: 25px;}
#blok4a_scroll {width:356px; height: 463px; z-index: 3; border-bottom:solid black 5px;}
#blok4a_content {width:336px; background-color: #fff; padding-top: 1px; padding-bottom: 20px; z-index: 3;}
#blok4a_content_border {position:absolute; width:336px; height:0px; top:554px; left:236px; z-index: 4;}
#blok4a_content a {font-weight: bold;}
#blok4b *, #blok4c *, #blok4d * {padding-left: 0px; padding-right: 0px;}
#blok4b {position:absolute; width:347px; top:60px; left:618px; padding-top: 6px; padding-left: 10px; padding-right: 10px; padding-bottom: 6px; color: #fff; background-image:url('../layout/grijs_50.png'); z-index: 3}
#blok4c {position:absolute; width:347px; top:310px; left:618px; padding-top: 6px; padding-left: 10px; padding-right: 10px; padding-bottom: 6px; color: #fff; background-image:url('../layout/grijs_50.png'); z-index: 3}
#blok4d {position:absolute; width:103px; top:546px; left:882px; padding-top: 10px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; color: #fff; background-image:url(../layout/meerquotes.png); z-index: 3; height: 45px;}
#blok4 ul {margin-left: 2px; margin-top: 2px; margin-bottom: 15px; padding: 0; list-style: none;}
#blok4 ul li {list-style: none;}
#blok4b h2, #blok4c h2 {font-size: 12px; color: #fff; margin-bottom: 0; padding-bottom: 3px;}
h2.kopref {margin: 0; padding: 0; font-size: 12px; border-bottom: 1px #000 solid;}
.ref_txt {border-top: 1px #fff solid; border-bottom: 1px #fff solid; margin: 0; padding: 0;margin-top: 4px; padding-bottom: 4px; padding-top: 2px;}
.ref_end {border-bottom: 5px #fff solid; margin: 0; margin-top: 2px; margin-bottom: 4px; padding: 0; padding-bottom: 4px;}
.ref_txt a, .ref_end a {color: #fff;}
.ref_end a {font-weight: bold; text-decoration: none;}
#blok5 {position:absolute; top:780px; left:0; background-image:url('../layout/background_05.jpg'); background-repeat:no-repeat;}
#anker_blok5 {position: absolute; top: 780px; left: 0px;}
#blok5a {position:absolute; top:60px; left:210px; width:385px; height:520px; z-index: 3;}
#blok5a_content {height:445px;}
#blok5a h2, #blok5ahide h2 {color: #a84225; font-size: 14px;}
#blok5b {position:absolute; top:60px; left:607px; width:373px; height:520px; z-index: 3;}
#blok5b_content {height:250px;}
#blok5c_content {height:180px; color: #222; background-color: #fff; z-index: 4; margin-left: 10px; margin-right: 10px; padding-top: 5px; padding-bottom: 0; margin-bottom: 0;}
.blok_text_news {color: #222; background-color: #fff; z-index: 3; height: 445px; margin-top: 40px; margin-left: 25px; margin-right: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 15px;}
#blok5b_content p:hover {background: #ccc;}
#blok5c_content ul {margin:0; padding:0; list-style: none;}
#blok5c_content ul li {list-style: none; border-bottom: 1px solid black; padding: 4px; height: 17px;}
#blok5c_content ul li a {font-weight: bold;}
#blok5c_content ul li a:hover {text-decoration: none;}
.nieuws_foto {width:350px; height:192px;}
.bericht {margin-bottom: 0;}
.news_bottom { bottom:11px; overflow:auto; position:absolute; border-top:solid black 1px; text-align: bottom; width: 342px; padding-top: 4px;
padding-bottom: 6px;
}
/* portfolio */
h2.port_title {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; margin: 0; padding: 0; padding-left: 3px; padding-bottom: 9px; padding-top: 8px; line-height: 20px; border-bottom: 1px solid black; }
h3.port_subtitle { font-size: 12px; font-weight: bold; margin: 0; padding: 0; padding-left: 3px; padding-bottom: 6px; padding-top: 9px; line-height: 14px;}
.port_link_bottom {font-size: 11px; line-height: 12px; padding-top: 10px; padding-bottom: 2px; padding-left: 3px;}
.port_link_bottom a {font-weight: bold; text-decoration:none;}
.port_link_bottom a:hover {color:#a84225; text-decoration:underline;}
#blok6 {position:absolute; top: 780px; left: 1240px; background-image: url('../layout/background_06.jpg'); background-repeat: no-repeat;}
#anker_blok6 {position:absolute; top: 780px; left: 1240px;}
#blok6_wrapper {position:absolute; top: 60px; left:210px; width:770px; height:520px; z-index: 3}
#blok6a {position:absolute; top: 40px; left: 24px; width:553px; height:460px; background-color: #fff; z-index: 4}
#blok6a2 {position:absolute; top: 40px; left: 24px; width:553px; height:460px; background-color: #fff; z-index: 4}
#blok6a ul {margin: 0; padding: 0;}
#blok6a ul li {margin: 0; padding: 0; display: inline; padding-right: 13px;}
#blok6a ul li.last {padding-right: 0}
#blok6a ul li img {margin: 0; padding: 0; padding-bottom: 6px; width: 126px; height: 84px; cursor: pointer;}
#blok6b {position:absolute; top: 100px; left:800px; width:170px; height:460px; background-color: #fff; z-index: 4}
#blok7 {position: absolute; top: 780px; left: 2480px; background-image: url('../layout/background_07.jpg'); background-repeat: no-repeat;}
#anker_blok7 {position: absolute; top: 780px; left: 2480px;}
#blok7_wrapper {position:absolute; top: 60px; left:210px; width:770px; height:520px; z-index: 3}
#blok7a {position:absolute; top: 40px; left: 24px; width:553px; height:460px; background-color: #fff; z-index: 4;}
#blok7a2 {position:absolute; top: 40px; left: 24px; width:553px; height:460px; background-color: #fff; z-index: 4;}
#blok7a ul {margin: 0; padding: 0;}
#blok7a ul li {margin: 0; padding: 0; display: inline; padding-right: 13px;}
#blok7a ul li.last {padding-right: 0}
#blok7a ul li img {margin: 0; padding: 0; padding-bottom: 6px; width: 126px; height: 84px; cursor: pointer;}
#blok7b {position:absolute; top: 100px; left:800px; width:170px; height:460px; background-color: #fff; z-index: 4}
#blok8 {position: absolute; top: 780px; left: 3720px; background-image: url('../layout/background_08.jpg'); background-repeat: no-repeat;}
#anker_blok8 {position: absolute; top: 780px; left: 3720px;}
#blok8_wrapper {position:absolute; top: 60px; left:210px; width:770px; height:520px; z-index: 3}
#blok8a {position:absolute; top: 40px; left: 24px; width:553px; height:460px; background-color: #fff; z-index: 4}
#blok8a2 {position:absolute; top: 40px; left: 24px; width:553px; height:460px; background-color: #fff; z-index: 4}
#blok8a ul {margin: 0; padding: 0;}
#blok8a ul li {margin: 0; padding: 0; display: inline; padding-right: 13px;}
#blok8a ul li.last {padding-right: 0}
#blok8a ul li img {margin: 0; padding: 0; padding-bottom: 6px; width: 126px; height: 84px; cursor: pointer;}
#blok8b {position:absolute; top: 100px; left:800px; width:170px; height:460px; background-color: #fff; z-index: 4}
#blok9 {position:absolute; top:1560px; left:0; background-image: url('../layout/background_09.jpg'); background-repeat: no-repeat;}
#anker_blok9 {position: absolute; top: 1560px; left: 0px;}
#blok9a {position:absolute; top:60px; left:210px; width:385px; height:520px; z-index: 3;}
#blok9b {position:absolute; top:60px; left:607px; width:373px; height:520px; z-index: 3;}
#blok9a_content {height:215px; margin-bottom: 0;}
#blok9a_content ul, #blok9a_content ul li {margin: 0; padding: 0; list-style: none;}
#blok9a_content ul li {padding-left: 4px; list-style: none;}
#blok9a_content2 {height:220px; color:#222; background-color: #fff; z-index: 3; margin-top: 0px; margin-left: 25px; margin-right: 10px; margin-top: 0px; padding-top: 5px;}
.textblok9 {height: 150px;}
#imgblok9_bg {position:absolute; top:35px; left:385px; width:246px; height:314px; z-index: 50}
#imgblok9 {position:absolute; top:35px; left:385px; width:246px; height:314px; z-index: 60}
#blok9b_content {padding-bottom: 0;}
#blok9b_content ul {margin:0; padding:0; list-style: none;}
#blok9b_content ul li {list-style: none; border-bottom: 1px solid black; padding: 4px; height: 17px;}
#blok9b_content ul li a {font-weight: bold;}
#blok9b_content ul li a:hover {text-decoration: none;}
#blok9b_content2 {
position:absolute;
top:50px;
left:0px;
margin-bottom: 10px;
padding-bottom: 0;
width:352px;
height: 152px;
}
#blok9b_content3 {
position:absolute;
top:236px;
left:0px;
margin-bottom: 0;
padding-bottom: 0;
width:352px;
height: 224px;
}
/* Blok 2.4 Vraag en antwoord */
#blok10 {position: absolute; top: 1560px; left: 1240px; background-image: url('../layout/background_10.jpg'); background-repeat: no-repeat;}
#anker_blok10 {position: absolute; top: 1560px; left: 1240px;}
#blok10a {position:absolute; top:60px; left:210px; width:385px; height:520px; z-index: 3;}
#blok10a_content {color: #222; background-color: #fff; z-index: 3; height: 445px; margin-top: 40px; margin-left: 25px; margin-right: 10px; padding-top: 5px; padding-bottom: 15px;}
#blok10a_content ul {margin-left:0; margin-top: 15px; padding:0; list-style: none;}
#blok10a_content ul li {list-style: none; margin:0; padding-left: 4px; padding-bottom: 15px; font-weight: bold;}
#blok10a_content ul li:hover {color:#a84225; text-decoration:underline; cursor:pointer;}
#blok10b {position:absolute; top:60px; left:607px; width:373px; height:520px; z-index: 3;}
#blok10b_content {color: #222; background-color: #fff; z-index: 3; height: 360px; margin-top: 40px; margin-left: 10px; margin-right: 10px; padding-top: 5px;}
#blok10b_content2 {color: #222; background-color: #fff; z-index: 3; height: 80px; margin-left: 10px; margin-right: 10px; padding-top: 5px; padding-bottom: 15px;}
#blok10b_content2 p {margin-left: 4px; margin-bottom: 0; padding: 0; list-style: none;}
#blok10b_content2 ul {margin-top: 4px; margin-left: 4px; padding: 0; list-style: none; border-top:solid black 1px; padding-top: 5px; margin-bottom: 5px;}
#blok10b_content2 ul li {list-style: none;}
#blok10b_content2 ul li a {text-decoration: none; font-weight: bold;}
#blok11 {position:absolute; top:1560px; left:2480px; background-image:url('../layout/background_11.jpg'); background-repeat: no-repeat; }
#anker_blok11 {position:absolute; top:1560px; left:2480px;}
#blok11a {position:absolute; top:60px; left:210px; width:385px; height:520px; z-index: 3;}
#blok11a_content {color: #222; background-color: #fff; z-index: 3; height: 434px; margin-top: 40px; margin-left: 25px; margin-right: 10px; padding-top: 5px;}
#blok11a_content2 {color: #222; background-color: #fff; z-index: 3; height: 10px; margin-left: 25px; margin-top: 0; margin-right: 10px; padding-top: 5px; padding-bottom: 10px;}
#blok11a_content2 a {padding-left: 4px;}
#img_pand {width: 350px; height: 249px;}
#blok11b {position:absolute; top:60px; left:607px; width:373px; height:520px; z-index: 3;}
#blok11b_content {color: #222; background-color: #fff; z-index: 3; height: 70px; margin-top: 40px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; padding-top: 5px;}
#blok11b_content2 {color: #222; background-color: #fff; z-index: 3; height: 315px; margin-left: 10px; margin-right: 10px; padding-top: 0px;}
#blok11b_content3 {color: #222; background-color: #fff; z-index: 3; height: 30px;margin-left: 10px; margin-right: 10px; padding-top: 45px;}
/* A tot Z */
#blok12 {position:absolute; top:1560px; left:3720px; background-image: url('../layout/background_12.jpg'); background-repeat: no-repeat;}
#anker_blok12 {position:absolute; top:1560px; left:3720px;}
#blok12a {position:absolute; top:60px; left:210px; width:390px; height:520px; z-index: 4;}
#blok12a_content {color: #222; background-color: #fff; z-index: 4; margin-top: 40px; margin-left: 25px; margin-right: 10px; padding-top: 5px;}
#blok12a_content ul {margin: 0; padding: 0; padding-top: 2px; list-style: none; border-bottom: 1px black solid; height: 23px;}
#blok12a_content ul li {float: left; padding: 0px; cursor: pointer;}
#blok12b_content {color: #222; background-color: #fff; z-index: 4; margin-top: 0px; margin-left: 25px; margin-right: 10px; padding-top: 5px; position:absolute; top:250px; left:210px; width:385px; height:520px; z-index: 4;}
.blok12b_content ul {margin-top: 0px; margin-left: 4px; padding: 0; list-style: none; border-top:solid black 1px; margin-bottom: 5px;}
.blok12b_content ul li {list-style: none;}
.blok12b_content ul li a {text-decoration: none; font-weight: bold;}
.blok12c_content {color: #222; background-color: #fff; z-index: 3; height: 220px; margin-left: 0px; margin-top: 0; margin-right: 10px; padding-top: 0px; padding-bottom: 10px; border-bottom:solid black 5px;}
.blok12d_content {width: 355px;}
.blok12d_content ul {margin-left: 4px; padding: 0; padding-left: 4px; list-style: none; margin: 0; margin-bottom: 5px;}
.blok12d_content ul li {list-style: none;}
.blok12d_content ul li a {text-decoration: none; font-weight: bold;}
.groottekst {padding-top:5px; font-size: 12px; font-weight: bold;}
#az-tekst {background-color:#ffffff; height:220px; margin:0 auto; position:relative; width:360px; border-top:solid black 1px; border-bottom:solid black 5px; overflow: auto;}
#alfa-a {margin: 0px;}
#alfafoto-a {display: block; position:absolute; top:71px; left:25px; width:355px; height:204px; z-index: 4; background-color: #FFFFFF; border-bottom:solid black 1px;}
#alfatekst-a {display: block; position:absolute; top:271px; left:25px; width:365px; height:250px; z-index: 1; text-align: left;}
#AZTITLE {text-align: left; font-size: 14px; margin: 0; padding-top: 7px; padding-bottom: 0;}
#AZCONTENT {padding-top: 3px;}
div.blok {width: 1240px; height: 780px;}
div.blokrechts {width: 1900px; height: 780px;}
div.blokonder {width: 1240px; height: 1000px;}
div.blokrechtsonder {width: 1900px; height: 1000px;}
#logo {position:fixed; z-index:100; width: 28px; height: 25px; top: 72px; left: 196px;}
div.content {margin-left: 233px; margin-top: 95px; padding: 0px; width: 738px; height: 475px; overflow: auto; border: solid red 0px; position: relative;}
.hidden {position:absolute; left:-9999px; width:0px; overflow:hidden; text-indent: -9999px;}
/* menu */
#menu, #menu * {margin: 0; padding: 0; z-index:99;}
#menu {position: fixed; top: 320px; left: 0px; z-index:99; width: 200px; height: 260px; background-image: url('../layout/ontwerp_tilburg.png');}
#menu, #menu li {list-style:none;}
#menu li a {display: block; height: 20px; width: 190px; margin-top: 4px; padding: 0; text-decoration: none;}
#menu li a.first {margin-top: 10px;}
#menu li ul a {display: block; height: 20px; width: 190px; margin-top: 4px; padding: 0; text-decoration: none;}
#menu2, #menu2 * {margin: 0; padding: 0; z-index:100;}
#menu2 {position: fixed; top: 522px; left: 0px; z-index:100; width: 200px; height: 40px;}
#menu2, #menu2 li {list-style:none;}
#menu2 li a {display: block; height: 20px; width: 190px; margin-top: 4px; padding: 0; text-decoration: none;}
#menu2 li a.first {margin-top: 10px;}
#menu2 li ul a {display: block; height: 20px; width: 190px; margin-top: 4px; padding: 0; text-decoration: none;}
.menubutton {height: 20px; width: 190px;}
#menu_actueel {background: url(../layout/menu/actueel.gif) -0px -0px no-repeat;}
#menu_actueel:hover {background-position:0 -20px;}
#menu_az {background: url(../layout/menu/az.gif) 0px 0px no-repeat;}
#menu_az:hover {background-position:0 -20px;}
#menu_bla-magazine {background: url(../layout/menu/bla-magazine.gif) 0px 0px no-repeat;}
#menu_bla-magazine:hover {background-position:0 -20px;}
#menu_blend-blink {background: url(../layout/menu/blend-blink.gif) 0px 0px no-repeat;}
#menu_blend-blink:hover {background-position:0 -20px;}
#menu_contact {background: url(../layout/menu/contact.gif) 0px 0px no-repeat;}
#menu_contact:hover {background-position:0 -20px;}
#menu_faq {background: url(../layout/menu/faq.gif) 0px 0px no-repeat;}
#menu_faq:hover {background-position:0 -20px;}
#menu_grafisch {background: url(../layout/menu/grafisch-ontwerp.gif) 0px 0px no-repeat;}
#menu_grafisch:hover {background-position:0 -20px;}
#menu_identiteit {background: url(../layout/menu/identiteit.gif) 0px 0px no-repeat;}
#menu_identiteit:hover {background-position:0 -20px;}
#menu_ontwerp-communicatie {background: url(../layout/menu/ontwerp-communicatie.gif) 0px 0px no-repeat;}
#menu_ontwerp-communicatie:hover {background-position:0 -20px;}
#menu_nieuws {background: url(../layout/menu/nieuws.gif) 0px 0px no-repeat;}
#menu_nieuws:hover {background-position:0 -20px;}
#menu_portfolio {background: url(../layout/menu/portfolio.gif) 0px 0px no-repeat;}
#menu_portfolio:hover {background-position:0 -20px;}
#menu_referenties {background: url(../layout/menu/referenties.gif) 0px 0px no-repeat;}
#menu_referenties:hover {background-position:0 -20px;}
#menu_service {background: url(../layout/menu/service.gif) 0px 0px no-repeat;}
#menu_service:hover {background-position:0 -20px;}
#menu_werkwijze {background: url(../layout/menu/werkwijze.gif) 0px 0px no-repeat;}
#menu_werkwijze:hover {background-position:0 -20px;}
#menu_visie {background: url(../layout/menu/visie.gif) 0px 0px no-repeat;}
#menu_visie:hover {background-position:0 -20px;}
#menu_webdesign {background: url(../layout/menu/webdesign.gif) 0px 0px no-repeat;}
#menu_webdesign:hover {background-position:0 -20px;}
#menu_home {background: url(../layout/menu/home.gif) 0px 0px no-repeat;}
#menu_home:hover {background-position:0 -20px;}
/* text-presentation */
p, h2, h3 {padding-left: 4px; padding-right: 4px; margin-top: 3px; margin-bottom: 8px;}
h2.kop {margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px; font-size: 13px; line-height: 0px; border-bottom: 1px black solid;}
h2.gif {margin-top: 2px; margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px black solid;}
h2.kopzwart {margin-top: 5px; margin-bottom: 2px; padding-bottom: 0px; font-size: 11px; line-height: 0px;}
h2.kopwit {margin-top: 5px; margin-bottom: 0px; padding-bottom: 0px; font-size: 10px; line-height: 0px;}
h2.kopnieuws {margin-top: 12px; margin-bottom: 16px; padding-bottom: 0px; font-size: 11px; line-height: 0px;}
h3.subkop {font-size: 10px; padding: 0; margin: 0; margin-left: 2px; line-height: 10px;}
h3.subkop_metlijn {font-size: 10px; padding: 0; margin: 0; margin-left: 2px; line-height: 10px; border-bottom: 1px black solid;}
h3.h3_home {font-size: 11px; margin: 0; margin-left: 0px; padding-bottom: 3px; line-height: 12px;}
p.onderschrift {font-size: 10px; margin: 0; margin-left: 0px; line-height: 10px; }
a {color:#000;}
a:hover {color:#a84225; text-decoration:underline;}
ul li a {text-decoration:none;}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h2.kop,
.sIFR-active h2.kopzwart,
.sIFR-active h2.kopzwart_metlijn,
.sIFR-active h2.kopwit,
.sIFR-active h3.subkop,
.sIFR-active h3.subkop_metlijn,
.sIFR-active span.subkop,
.sIFR-active h2.kop {}
.sIFR-active h2.kopzwart {}
.sIFR-active h2.kopzwart_metlijn {}
.sIFR-active h2.kopwit {}
.sIFR-active h3.subkop {}
.sIFR-active h3.subkop_metlijn {}
.sIFR-active span.subkop {}
}