/* CSS Document http://www.bijnen-interliving.nl
*/

@charset "utf-8";
/* CSS Document */

/* RESET---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {margin: 0px; padding: 0px; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;background: transparent; }

ol, ul {list-style: none; padding:0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

html {overflow-x:hidden; overflow-y:scroll;}
body {background-color:#050505; background-image:url(../images/background.jpg); background-repeat:repeat-x; font-family:Trebuchet MS; color:#FFF; font-size:14px; margin: 0px;}

a {color:#FFFFFF; text-decoration:underline; }
a:hover { text-decoration:none;}

.nofloat {clear: both;}


/* FRAMEWORK------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container {
	margin:0px auto 0px auto;
	width:977px;
	position: relative;
}

/* HEADER---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #header {padding:18px 0px 0px 0px; cursor:default;}
#container #header #logo {float: left;}
#container #header #nav {float: right; height: 18px; margin:43px 0px 0px 0px; overflow:hidden;}
#container #header #nav li {float: left; height: 18px;}
#container #header #nav li a {text-indent:-9999px; display:block;  height:18px; background:url(../images/btn/nav.gif);}

#container #header #nav li.home a {width:39px; margin:0px 7px 0px 0px; cursor:pointer;}
#container #header #nav li.home a:hover {background-position:0px -18px;}
#container #header #nav li.home a.active {background-position:0px -36px;}

#container #header #nav li.gordijnen a {width:69px; margin:0px 6px 0px 0px; background-position:-46px 0px;}
#container #header #nav li.gordijnen a:hover {background-position:-46px -18px;}
#container #header #nav li.gordijnen a.active {background-position:-46px -36px;}

#container #header #nav li.zonwering a {width:72px; margin:0px 6px 0px 0px; background-position:-121px 0px;}
#container #header #nav li.zonwering a:hover {background-position:-121px -18px;}
#container #header #nav li.zonwering a.active {background-position:-121px -36px;}

#container #header #nav li.shutters a {width: 63px; margin:0px 6px 0px 0px; background-position:-200px 0px;}
#container #header #nav li.shutters a:hover {background-position:-200px -18px;}
#container #header #nav li.shutters a.active {background-position:-200px -36px;}

#container #header #nav li.horren a {width: 52px; margin:0px 6px 0px 0px; background-position:-271px 0px;}
#container #header #nav li.horren a:hover {background-position:-271px -18px;}
#container #header #nav li.horren a.active {background-position:-271px -36px;}

#container #header #nav li.tapijt a {width: 44px; margin:0px 6px 0px 0px; background-position:-330px 0px;}
#container #header #nav li.tapijt a:hover {background-position:-330px -18px;}
#container #header #nav li.tapijt a.active {background-position:-330px -36px;}

#container #header #nav li.accessoires a {width: 81px; margin:0px 6px 0px 0px; background-position:-381px 0px;}
#container #header #nav li.accessoires a:hover {background-position:-381px -18px;}
#container #header #nav li.accessoires a.active {background-position:-381px -36px;}

#container #header #nav li.projectinrichting a {width: 115px; margin:0px 6px 0px 0px; background-position:-469px 0px;}
#container #header #nav li.projectinrichting a:hover {background-position:-469px -18px;}
#container #header #nav li.projectinrichting a.active {background-position:-469px -36px;}

#container #header #nav li.contact a {width: 56px; margin:0px 22px 0px 0px; background-position:-591px 0px;}
#container #header #nav li.contact a:hover {background-position:-591px -18px;}
#container #header #nav li.contact a.active {background-position:-591px -36px;}

/* EINDE HEADER----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #spacer {height:36px; overflow:hidden;}
#container #content {width:977px; height:484px;}
#container #content .rand {width:38px; height:484px; background:url(../images/rand.jpg); float:left; overflow:hidden; position: relative; margin: 0px;}
#container #content .rand img {position: absolute; bottom:17px; margin: 0px;}

#container #content #wrapper {width:939px; height:484px; float:left; position: relative; overflow:hidden; margin: 0px;}
#container #content #wrapper #merken {behavior: url(css/iepngfix.htc); width:115px; height:55px; overflow:hidden; position:relative; visibility:hidden; z-index:3;}
#container #content #wrapper #merken.shown {visibility:visible;}
#container #content #wrapper .merkhome {top:64px; left:0px; width:115px; height:55px; position:absolute; overflow:hidden; z-index:100;}
#container #content #wrapper .merklinks {top:155px; left:0px; width:115px; height:55px; position:absolute; overflow:hidden; z-index:100;}
#container #content #wrapper .merkrechts {top:155px; left:824px; width:116px; height:55px; position:absolute; overflow:hidden; z-index:100;}
#container #content #wrapper #rechts {width:500px; margin:60px 0px 0px 0px; float:right; text-align:right; padding:0px 27px 0px 0px; line-height:21px;}
#container #content #wrapper #rechts .welkom {width:204px; height:80px; background:url(../images/welkom.png); background-repeat:no-repeat; behavior: url(css/iepngfix.htc); float: right;}
#container #content #wrapper #rechts p {clear:both; padding: 0px 0px 57px 0px; font-style:italic; margin: 0px; }

#container #content #wrapper .lijn {height:4px; width: 881px; overflow:hidden; background:url(../images/lijn.png); clear:both; margin:0px 0px 0px 24px; behavior: url(css/iepngfix.htc); z-index:100;}

#container #content #wrapper .boxes {position: absolute; width:891px; top:347px; margin:0px 21px 0px 21px; left: 1px;}
#container #content #wrapper .boxes .line {height:1px; background:url(../images/lijn.gif); overflow:hidden; margin:7px 0px 10px 0px;}

#container #content #wrapper .boxes .nieuws {height:125px; width:214px; line-height:21px; font-size: 17px; padding:13px 11px 0px 11px; float:left; margin:0px 14px 0px 0px; overflow:hidden; position:relative; z-index:1}
#container #content #wrapper .boxes .nieuws .bg {height:138px; width:236px; position:absolute; background:url(../images/black_tra.png); behavior: url(css/iepngfix.htc); left:0px; top:0px; z-index:-1;}
#container #content #wrapper .boxes .nieuws .title {height:17px; width:68px; background:url(../images/nieuws.png); behavior: url(css/iepngfix.htc); overflow:hidden;}
#container #content #wrapper .boxes .nieuws a.bericht {text-decoration:none;}
#container #content #wrapper .boxes .nieuws a.bericht:hover {background-color: #cd1041; }

#container #content #wrapper .boxes a.lees {font-size:11px; position: absolute; top:110px; text-align:right; left:11px; width:213px; height:16px; z-index:100; line-height:15px; text-decoration:none;}
#container #content #wrapper .boxes a.lees:hover {text-decoration: underline; }
#container #content #wrapper .boxes .line {height:1px; background:url(../images/lijn.gif); overflow:hidden; margin:7px 0px 10px 0px;}

#container #content #wrapper .boxes .contact {height:125px; width:213px; line-height:15px; font-size: 12px; padding:13px 11px 0px 11px; float:left; margin:0px 14px 0px 0px; position:relative;}
#container #content #wrapper .boxes .contact .bg {height:138px; width:235px; background:url(../images/black_tra.png); behavior: url(css/iepngfix.htc); position:absolute; left:0px; top:0px; z-index:-1;}
#container #content #wrapper .boxes .contact .title {height:17px; width:77px; background:url(../images/contact.png); behavior: url(css/iepngfix.htc); overflow:hidden;}

#container #content #wrapper .boxes .openingstijden {height:125px; width:370px; line-height:15px; font-size: 12px; padding:13px 11px 0px 11px; float:left; position:relative;}
#container #content #wrapper .boxes .openingstijden .bg {height:138px; width:392px; background:url(../images/black_tra.png); behavior: url(css/iepngfix.htc); position:absolute; left:0px; top:0px; z-index:-1;}
#container #content #wrapper .boxes .openingstijden .title {height:17px; width:146px; background:url(../images/openingstijden.png); behavior: url(css/iepngfix.htc); overflow:hidden; margin:0px;}
#container #content #wrapper .boxes .openingstijden p {float:left; width: 160px; margin:0px;}
#container #content #wrapper .boxes .openingstijden p.breeder {width: 200px; margin:0px;}

/* CONTACT -----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #content #wrapper .form {width:488px; height:337px; position:relative; float: left; margin:65px 142px 0px 42px; overflow:hidden; padding:13px 18px 0px 11px; font-size:11px; display:inline;}
#container #content #wrapper .form .bg {width:517px; height:337px; position:absolute; left:0px; top:0px; behavior: url(css/iepngfix.htc); background:url(../images/black_tra.png); z-index:-1;}
#container #content #wrapper .form .title {background-image:url(../images/contactformulier.png); behavior: url(css/iepngfix.htc); width: 179px; height:16px;}
#container #content #wrapper .form .line {height:1px; background:url(../images/lijn.gif); overflow:hidden; margin:8px 0px 17px 0px;}
#container #content #wrapper .form label {float:left; width:77px; padding-top:3px;}
#container #content #wrapper .form input {float:left; width:401px; height:19px; padding:5px 5px 0px 5px; background-image:url(../images/input.png); behavior: url(css/iepngfix.htc); color:#272727; font-family:"Myriad Pro", Verdana, Arial; font-size:12px; margin:0px 0px 5px 0px; border:none; cursor:text;}
#container #content #wrapper .form textarea {float:left; width:401px; height:113px; padding:5px 5px 0px 5px; background-image:url(../images/textarea.png); behavior: url(css/iepngfix.htc); color:#272727; font-family:"Myriad Pro", Verdana, Arial; font-size:12px; margin:0px 0px 5px 0px; border:none; cursor:text;}
#container #content #wrapper .form .verplicht {float:left; margin:10px 35px 0px 80px; _margin:10px 35px 0px 40px; width:300px; padding:0px;}
#container #content #wrapper .form .verzend {height:22px; width:73px; float:left; padding:0px; margin:8px 0px 0px 0px; background-image:none; behavior: none; cursor:pointer;}

#container #content #wrapper .contact_info {width:215px; height:337px; position:relative; left:3px; float:left; margin:65px 0px 0px 0px; overflow:hidden; padding:13px 11px 0px 9px; font-size:11px;}
#container #content #wrapper .contact_info .bg {width:235px; height:337px; position:absolute; left:0px; top:0px; behavior: url(css/iepngfix.htc); background:url(../images/black_tra.png); z-index:-1;}
#container #content #wrapper .contact_info img {position:absolute; left:145px; top:85px;}
#container #content #wrapper .contact_info .title {background-image:url(../images/contactgegevens.png); behavior: url(css/iepngfix.htc); width: 168px; height:16px;}
#container #content #wrapper .contact_info .line {height:1px; background:url(../images/lijn.gif); overflow:hidden; margin:8px 0px 17px 0px;}
#container #content #wrapper .contact_info .liner {height:1px; background:url(../images/lijn.gif); overflow:hidden; margin:12px 0px 13px 0px;}

#container #popup {position:absolute; top:115px; left:0px; width:988px; height:484px; z-index:1000; overflow:hidden;}
#container #popup .bg {background-image:url(../images/popupbg.png); behavior: url(css/iepngfix.htc); width:988px; height:484px; position:absolute; left:0px; top:0px;}
#container #popup .spacer {height:111px;}
#container #popup .venster {background-color:#050505; border:solid 1px #222121; width:469px; height:249px; margin:0px auto 0px auto; position:relative; padding:0px 22px 0px 22px; overflow:hidden;}
#container #popup .venster .titel {margin:18px 200px 0px 0px; border:none; float:left}
#container #popup .venster .titel2 {margin:18px 157px 0px 0px; border:none; float:left}
#container #popup .venster .titel3 {margin:18px 255px 0px 0px; border:none; float:left}
#container #popup .venster .icoon {margin:15px 0px 0px 0px; float:left; border:none;}
#container #popup .venster .lijn {height:1px; background:url(../images/lijn.gif); overflow:hidden; clear:both; position:relative; top:12px;}
#container #popup .venster p {margin:30px 0px 0px 0px; font-size:11px;}
#container #popup .venster .sluiten {position: absolute; left:439px; top:214px;}

/* EINDE CONTACT -----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* NIEUWS ------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #content #wrapper .rood_groot {width:614px; position:absolute; left:42px; top:48px; background:#c2203e; padding:35px 25px 20px 25px; font-style:italic; line-height:20px; font-size:12px;}
#container #content #wrapper .rood_groot h1,#container #content #wrapper .rood_groot h2 {font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:normal; margin-bottom: 10px;}
#container #content #wrapper .rood_groot h2 {font-size:19px;}
#container #content #wrapper .rood_groot .lijntje {margin:26px 0px 20px -5px; width: 620px; height:4px; background-image:url(../images/lijn_roze.jpg);}
#container #content #wrapper .rood_groot p {font-size:13px; font-family:"Trebuchet MS", Arial, Verdana; line-height:21px; font-style:italic; width:580px;}
#container #content #wrapper .rood_groot .terug {margin-top:15px; z-index:500; width:46px; top:22px;}

#container #content #wrapper .rood_groot a {font-weight: bold; text-decoration:underline;}

/* EINDE NIEUWS ------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* SHUTTERS ----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #content #wrapper .shutters {background-image:url(../images/shutters.png); behavior: url(css/iepngfix.htc); width: 232px; height:58px; margin:0px 0px 4px 721px; position:relative; background-repeat:no-repeat;}

/* EINDE SHUTTERS ----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ACCESSOIRES -------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #content #wrapper .accessoires {background-image:url(../images/accessoires.png); background-repeat:no-repeat; behavior: url(css/iepngfix.htc); width: 268px; height:57px; margin:0px 0px 4px 26px; position:relative;}

/* EINDE ACCESSOIRES -------------------------------------------------------------------------------------------------------------------------------------------------*/

/* TAPIJT ------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #content #wrapper .tapijt {background-image:url(../images/tapijt.png); behavior: url(css/iepngfix.htc); width: 232px; height:60px; margin:0px 0px 2px 770px; position:relative; background-repeat:no-repeat;}

/* EINDE TAPIJT ------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* PROJECTINRICHTING -------------------------------------------------------------------------------------------------------------------------------------------------*/
#container #content #wrapper .space {height:67px;}
#container #content #wrapper .projectinrichting {background-image:url(../images/projectinrichtingtitel.png); behavior: url(css/iepngfix.htc); width: 386px; height:57px; margin:0px 0px 4px 26px; position:relative;}
#container #content #wrapper .gerealiseerd {background-image:url(../images/gerealiseerdeprojecten.png); behavior: url(css/iepngfix.htc); width: 266px; height:17px; margin:30px 0px 0px 26px;}
#container #content #wrapper .thumbs {height:255px; width:425px; margin:18px 0px 0px 26px;}
#container #content #wrapper .thumbs .thumb {height:77px; width:77px; margin:0px 6px 6px 0px; border: solid 1px #FFFFFF; overflow:hidden; float:left;}
#container #content #wrapper .thumbs .thumb:hover {border: solid 1px #c2203e;}
#container #content #wrapper .thumbs .thumb_empty {height:77px; width:77px; margin:0px 6px 6px 0px; border: dashed 1px #FFFFFF; overflow:hidden; float:left;}

#container #content #wrapper .rood_rechts {width:264px; position:absolute; left:575px; top:48px; z-index:0; background:#c2203e; padding:25px 25px 25px 25px; font-style:italic; line-height:20px; font-size:12px;}
#container #content #wrapper .rood_rechts p {margin:0;}
#container #content #wrapper .rood_rechts img {margin-bottom:42px;}

/* EINDE PROJECTINRICHTING -------------------------------------------------------------------------------------------------------------------------------------------*/

/* ZONWERING ---------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #content #wrapper .zonwering {background-image:url(../images/zonweringtitel.png); behavior: url(css/iepngfix.htc); width: 246px; height:57px; margin:0px 0px 4px 26px; position:relative;}
#container #content #wrapper .showroom {background-image:url(../images/showroom.png); behavior: url(css/iepngfix.htc); width: 114px; height:17px; margin:30px 0px 0px 182px; position:relative;}
#container #content #wrapper .thumbs_groot {height:256px; width:348px; margin:20px 0px 0px 181px;} 
#container #content #wrapper .thumbs_groot .thumb {width:163px; height:117px; border:solid 1px #FFFFFF; margin:0px 6px 6px 0px; overflow:hidden; float:left;}
#container #content #wrapper .thumbs_groot .thumb:hover {border: solid 1px #c2203e;}
#container #content #wrapper .lijn_klein {height:4px; width: 860px; overflow:hidden; background:url(../images/lijn.png); clear:both; margin:0px 0px 0px 30px; behavior: url(css/iepngfix.htc); z-index:100;}

/* EINDE ZONWERING ---------------------------------------------------------------------------------------------------------------------------------------------------*/

/* HORREN ---------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #content #wrapper .horren {background-image:url(../images/horrentitel.png); behavior: url(css/iepngfix.htc); width: 246px; height:57px; margin:0px 0px 4px 26px; position:relative;}
#container #content #wrapper .showroom {background-image:url(../images/showroom.png); behavior: url(css/iepngfix.htc); width: 114px; height:17px; margin:30px 0px 0px 182px; position:relative;}
#container #content #wrapper .thumbs_groot {height:256px; width:348px; margin:20px 0px 0px 181px;} 
#container #content #wrapper .thumbs_groot .thumb {width:163px; height:117px; border:solid 1px #FFFFFF; margin:0px 6px 6px 0px; overflow:hidden; float:left;}
#container #content #wrapper .thumbs_groot .thumb:hover {border: solid 1px #c2203e;}
#container #content #wrapper .lijn_klein {height:4px; width: 860px; overflow:hidden; background:url(../images/lijn.png); clear:both; margin:0px 0px 0px 30px; behavior: url(css/iepngfix.htc); z-index:100; position:relative;}

/* EINDE ZONWERING ---------------------------------------------------------------------------------------------------------------------------------------------------*/

/* GORDIJNEN ---------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #content #wrapper .gordijnen {background-image:url(../images/gordijnentitel.png); behavior: url(css/iepngfix.htc); width: 232px; height:58px; margin:0px 0px 4px 685px; position:relative;}
#container #content #wrapper .rood_links {width:264px; position:absolute; left:42px; top:48px; z-index:0; background:#c2203e; padding:25px 25px 25px 25px; font-style:italic; line-height:20px; font-size:12px;}
#container #content #wrapper .rood_links p {margin:0;}
#container #content #wrapper .rood_links img {margin-bottom:42px;}
#container #content #wrapper .showroom_rechts {background-image:url(../images/showroom.png); behavior: url(css/iepngfix.htc); width: 114px; height:17px; margin:30px 0px 0px 395px; position:relative;}
#container #content #wrapper .thumbs_rechts {height:256px; width:348px; margin:20px 0px 0px 394px;} 
#container #content #wrapper .thumbs_rechts .thumb {width:163px; height:117px; border:solid 1px #FFFFFF; margin:0px 6px 6px 0px; overflow:hidden; float:left;}
#container #content #wrapper .thumbs_rechts .thumb:hover {border: solid 1px #c2203e;}
#container #content #wrapper .lijn_rood {height:4px; width: 860px; overflow:hidden; background:url(../images/lijn.png); clear:both; margin:0px 0px 0px 62px; behavior: url(css/iepngfix.htc); z-index:100; position:relative;}

/* EINDE GORDIJNEN ---------------------------------------------------------------------------------------------------------------------------------------------------*/

#container #footer {margin:33px 0px 0px 0px; color: #323232; font-size:12px; width:977px;}
#container #footer .links {float: left; margin-bottom: 5px;}
#container #footer a {float: right; color:#323232;}
#container #footer a:hover {color:#FFFFFF;}

#gallery {position:absolute; top:0px; left:0px; width:939px; height:484px; margin:0; padding:0; z-index:-2; overflow:hidden;}