/* Default CSS */
/*--------------------------------------HTML + Body-------------------KLEUR----------------------------------------*/
* {margin:0; padding:0;}
html {font-family:Verdana, fontmargin-bottom: 0.01em;}
html>/**/body {overflow-x:auto; overflow-y:scroll;} /*Niet voor IE (hack)*/
html, body {height:100%; /*background-color:#A3B8C2;*/ font-family:Verdana, TimesNewRoman, Arial; fontmargin-bottom: 0.01em; background-image: url("/Images/achtergrond.jpg"); background-repeat: no-repeat; background-position:1000%; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color:#D6D4D4; font-size:normal 12px; font-weight:normal 400; line-height:normal 100%;}

#main {position:absolute; left:0;  right:0; width:1024px; margin-right:auto; margin-left:auto; }

#kop_links {width:241px; height:50px; border-top: 6px solid green; border-left:6px solid green; background-color:#F9B73A; color:#313131; font-size:1.25em; font-weight:900; line-height:270%; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; text-align:center; float:left; text-decoration:none;}
#kop_links a {text-decoration:none; color:#234D5E;}

#kop {margin:0 247px 0 247px; height:50px; border-top: 6px solid green; background-color:#F9B73A; color:#234D5E; font-size:1.25em; font-weight:600; line-height:150%; text-align:center; }
#kop a {text-decoration:none; color:#234D5E; }

#kop_rechts {position:absolute; left:777px; top:1px; width:241px; height:49px; border-top: 6px solid green; border-right:6px solid green; background-color:#F9B73A; color:#313131; font-size:1.25em; font-weight:900; line-height:270%; moz-border-radius-topright:10px; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; text-align:center; float:right; text-decoration:none; z-index:1;}
#kop_rechts a {text-decoration:none; color:#234D5E;}

#taal {position:absolute; left:960px; top:27px; z-index:2;}
#taal a {text-decoration:none; color:#234D5E;}
img { border: 0; }

#VS {margin:0 350px 0 350px; text-align:center;}

#menubalk {position:absolute; left:0; top:56px; right:0; width:1012px; margin-right:auto; margin-left:auto; height:53px; border-left:6px solid green; border-right:6px solid green; border-bottom:6px solid green; text-align:center; font-weight:700; background-color:#DF9810; border-top:6px solid green;}
#menu {text-align:center; height:28px; font-size:1.00em; font-weight:900; }
#menu ul {font-size:0.75em; list-style:none; margin: 0; padding:1px; font-weight:900; padding-top:1px; letter-spacing:3px;}
#menu ul li {float:left; margin:0 0px 0px 0;}
#menu ul li a, #menu ul li p {background-color:#D00505; border-top:1px solid #9bbac8; border-bottom:1px solid #9bbac8; border-left:2px solid #9bbac8; border-right:2px solid #9bbac8; color:white; padding:4px; padding-top:4px; padding-bottom:4px; text-decoration:none; display:block; font-weight:900; cursor:pointer; cursor:hand;}
#menu ul li ul {padding-top:0px; padding-left:0px; display:none; font-weight:700; letter-spacing:0px;}

.vertlijn {width:4.5px; height:54px; background-color:green; border-right: 1px solid green; border-bottom: 1px solid green; color:green; position:absolute; }
.vertpositie_1 {top:62px; left:241px;}
.vertpositie_2 {top:62px; left:767px;}
/*.app {float:right;}-*/
#MenuApp {float:right;}
/*.active_Appartement {float:right;}-*/
.vertlijn_2 {background-color:grey; border-right:1px solid grey; border-bottom:1px solid grey; color:grey; position:absolute; width:6px; height:139px; border-left:1px solid grey; border-top:1px solid grey; z-index:1; }
.vertpositie_3 {left:239px; top:570px;}
.vertpositie_4 {left:767px; top:570px;}

button {margin:0px 0px 0px 0px; border:none; background-color:#F9B73A; cursor:pointer;}

.tussenvoegsel_1 {border:2px; cursor:auto; font-size:14px; padding-top:4px; color:white; padding-left:230px;}
.tussenvoegsel_2 {border:2px; cursor:auto; font-size:14px; padding-top:4px; color:white; padding-left:135px;}
.tussenvoegsel_3 {border:2px; cursor:auto; font-size:14px; padding-top:4px; color:white; padding-left:149.9px;}

#menublock {position:absolute; left:0; top:121px; right:0; width:1024px; margin-right:auto; margin-left:auto;}
#menus {width:247px; float:left;}

#menu_home {text-align:center; width:235px; height:25.5px; background-color:#020267; color:white; padding:2.5px 0px; border-left:6px solid green; border-right:6px solid green; line-height:28px;}
#menu_home a {display:block; text-decoration:none; background-color:#234D5E; color:white; font-weight:700; font-size:0.90em;}
#menu_plattegrond {border:none;}

.ruimtekleur {font-weight:600; color:black;}
.red {font-weight:600; color:red;}
.blauw {font-weight:600; color:blue;}
#T- {position:absolute; top:70px;  left: 70px; }
#W- {position:absolute; top:240px; left:-100px; }
#K- {position:absolute; top:463px; left:-117px; }
#S- {position:absolute; top:218px; left: 121px; }
#B- {position:absolute; top:373px; left: 130px; }
#G- {position:absolute; top:381px; left:   6px; }
#C- {position:absolute; top:411px; left:  57px; font-size:14px;}
#M- {position:absolute; top:454px; left:  69px; }
#H- {position:absolute; top:476px; left:   4px; }
#TH- {position:absolute; top:550px; left: 75px; }

#menu_app_ent_h {position:absolute; left:0; top:513px; right:777px; width:241px; margin-right:auto; margin-left:auto; height:75px; border-right:6px solid #8CA4AE;background-color:white; }

#menu_appartement {background-color:white; color:black; font-weight:700; float:left; width:94px; text-align:center; border-bottom:15px solid black; height:75px; font-size:0.75em; line-height:72px; }

#menu_entree   {position:absolute; left:4px; background-color:white; color:blue; font-weight:900; float:right; width:147px; text-align:left; border-bottom:15px solid black; height:75px; }
#menu_entree a {text-decoration:underline; color:white; font-weight:600; font-size:0.75em; line-height:50px; padding-left:5px;}

#titel {position:absolute; left:243px; width:772px; height:29px; font-size:1.00em; font-weight:700; color:white; background-color:#234D5E; padding-top:1.7px; text-align:center; border-right:6px solid green; border-left:3px solid green; line-height:28px; float:right; border-bottom:7px solid #60727C;}

#infoblock {position:absolute; left:239px; top:158px; right:0px; width:785px; margin-right:auto; margin-left:auto;}

#infotekst {width:251px; float:right;}

#kop_toelichting {width:245px; height:23px; font-size:0.85em; font-weight:600; color:#234D5E; background-color:#F9B73A; border-bottom:6px solid grey; text-align:center; line-height:23px; letter-spacing:11.2px; border-right:6px solid black;}

#toelichting {width:235px; height:522px; font-size:0.76em; color:#213F4B; background-color:#F9B73A; padding-left:5px; padding-right:5px; padding-top:0px; border-bottom:15px solid black; line-height:15.5px; text-decoration:none; font-weight:500; border-right:6px solid black; }

#fotoinfo {width:534px; float:left;}

#volgend_vorig {width:522px; height:23px; background-color:#F9B73A; border-bottom:12px solid #60727C; color:#234D5E; font-weight:700; text-decoration:none; text-align:center; font-size:0.90em; line-height:23px; border-left:6px solid #60727C; border-right:6px solid #60727C; }

#plaatjes {position absolute; top: 0%; width:510px; height:516px; background-color:#60727C; border-right:12px solid #60727C; margin-right:auto; vertical-align:center; margin-left:auto; cursor:pointer; cursor:hand; text-align:center; border-left:12px solid #60727C; z-index:0; }
.stijlplattegrond {position:absolute; height:482px; width:370px; left:-130px;}
.stijlplaatje_w   {position fixed; top: -21%; border:6px solid white; cursor:pointer; cursor:hand; width:496px;}
.stijlplaatje_w-2 {position fixed; top: -21%; border:6px solid white; cursor:pointer; cursor:hand; width:496px;}

.stijlplaatje_h   {position fixed; top: -21%; border:6px solid white; cursor:pointer; cursor:hand; height:492px;}

.wijzigplaatje_2  {position fixed; top: -21%; border-top:10px solid #60727C; position:absolute; top:-158px; cursor:pointer; cursor:hand; width:1004px; z-index:2; outline:1500px solid #60727C;}

.wijzigplaatje_3  {position fixed; top: -21%; border-top:10px solid #60727C; outline:1500px solid #60727C; position:absolute; top:-158px; cursor:pointer; cursor:hand; height:748px; z-index:2; background-color:#60727C; }

#nav_app {padding-left:6px; padding-right:6px; line-height:15.5px; color:#213F4B; font-weight:500; font-size:0.80em; text-align:left; color:white; }
#left {float:left; width:255px; height:128px; margin-right:2px;}
#left hr {align:left; width:92%;}
#right hr {align:left; width:97%;}
#right {float:right; width:245px; height:128px; margin-top:-128px; margin-left:2px;}

#eindkolom {background-color:black; color:white; height:15px; width:779px; text-align:center; line-height:15px; font-weight:900; font-size:0.60em; vertical-align:center; }

.border {border:6px solid #60727C}
.regelhoogte {line-height: 110%}
#menu ul li .Voorschoten {letter-spacing:12px;}
#menu ul li .app      {letter-spacing:1.5px;}
.rondingen_rondom {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.rondingen_top {moz-border-radius-topleft:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px;}

.rondingen_bottom {-moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px; -moz-border-radius-bottomleft:7px; -webkit-border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-bottom-left-radius:7px;}
.streep {width:100%; height:0.5px; background-color:white; color:white;}
hr.streep-zwart {width:100%; height:0.7px; background-color:lightgreen; color:lightgreen; border-top-color:lightgreen; border-top:1.0px;}

.pz {line-height:50%;font-size:50%;color:blue; }
.px {line-height:100%; font-size:100%;}
.py {line-height:50%; font-size:50%;}
.pg {line-height:85%; font-size:85%;} 
.pq {line-height:95%; font-size:95%;}

@media screen and (max-height:1800px)
{.wijzigplaatje_2 {left:-1070px; width:2670px; height:1780px; }
 .wijzigplaatje_3 {left: -328px; width:1187px; height:1780px;}}
@media screen and (max-height:1440px)
{.wijzigplaatje_2 {left: -800px; width:2130px; height:1420px; }
 .wijzigplaatje_3 {left: -208px; width: 947px; height:1420px;}}
@media screen and (max-height:1280px)
{.wijzigplaatje_2 {left: -680px; width:1890px; height:1260px; }
 .wijzigplaatje_3 {left: -155px; width: 840px; height:1260px;}}
@media screen and (max-height:1080px)
{.wijzigplaatje_2 {left: -530px; width:1590px; height:1060px; }
 .wijzigplaatje_3 {left:  -88px; width: 707px; height:1060px;}}
@media screen and (max-height:1050px)
{.wijzigplaatje_2 {left: -508px; width:1545px; height:1030px; }
 .wijzigplaatje_3 {left:  -78px; width: 687px; height:1030px;}}
@media screen and (max-height:1024px) and (max-width:1280px)
{.wijzigplaatje_2 {left: -365px; width:1260px; height:833px; }
 .wijzigplaatje_3 {left:  -70px; width: 669px; height:1004px;}}
@media screen and (max-height:1024px) and (max-width:768px)
{.wijzigplaatje_2 {left: -237px; width: 748px; height: 499px; }
 .wijzigplaatje_3 {left: -198px; width: 669px; height:1004px;}}
@media screen and (max-height: 960px)
{.wijzigplaatje_2 {left: -365px; width:1260px; height: 840px; }
 .wijzigplaatje_3 {left:  -49px; width: 627px; height: 940px;}} 
@media screen and (max-height: 900px) and (max-width:1600px)
{.wijzigplaatje_2 {left: -395px; width:1320px; height:880px; }
 .wijzigplaatje_3 {left:  -29px; width: 587px; height:880px;}}
@media screen and (max-height: 900px) and (max-width:1440px)
{.wijzigplaatje_2 {left: -395px; width:1320px; height:880px; }
 .wijzigplaatje_3 {left:  -29px; width: 587px; height:880px;}}
@media screen and (max-height: 864px) and (max-width:1152px)
{.wijzigplaatje_2 {left: -296px; width:1132px; height:754px; }
 .wijzigplaatje_3 {left:  -17px; width: 563px; height:844px;}} 
@media screen and (max-height: 800px)
{.wijzigplaatje_2 {left: -320px; width:1170px; height:780px; }
 .wijzigplaatje_3 {left:    5px; width: 520px; height:780px;}}
@media screen and (max-height: 768px) and (max-width:1366)
{.wijzigplaatje_2 {left: -296px; width:1122px; height:748px; }
 .wijzigplaatje_3 {left:   16px; width: 499px; height:748px;}}
@media screen and (max-height: 768px)
{.wijzigplaatje_2 {left: -232px; width: 994px; height:748px; }
 .wijzigplaatje_3 {left:   16px; width: 490px; height:748px;}} 
@media screen and (max-height: 720px) 
{.wijzigplaatje_2 {left: -260px; width:1050px; height:700px; }
 .wijzigplaatje_3 {left:   32px; width: 467px; height:700px;}} 
@media screen and (max-height: 624px)
{.wijzigplaatje_2 {left:  -40px; width: 802px; height:541px; }
 .wijzigplaatje_3 {left:  -32px; width: 402px; height:604px;}} 
@media screen and (max-height: 600px)
{.wijzigplaatje_2 {left: -232px; width: 770px; height:520px; }
 .wijzigplaatje_3 {left:  -40px; width: 387px; height:580px;}} 

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: 4;
    animation-timing-function: steps(5, start);
}
@keyframes blink {
    80% {
        visibility: hidden;
    }
}