body, html{
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif, courier;
font-size: 11px;
height: 100%;
margin: 0;
padding: 0;
}
.box {
float: left;
margin: 0px 15px 15px 0px;
margin-top: 0px;
margin-right-value: 15px;
margin-bottom: 15px;
margin-left-value: 0px;
margin-left-ltr-source: physical;
margin-left-rtl-source: physical;
margin-right-ltr-source: physical;
margin-right-rtl-source: physical;
padding: 15px;
padding-top: 15px;
padding-right-value: 15px;
padding-bottom: 15px;
padding-left-value: 15px;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-right-ltr-source: physical;
padding-right-rtl-source: physical;
border: 1px solid rgb(102, 102, 102);
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: rgb(102, 102, 102);
border-right-color-value: rgb(102, 102, 102);
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: rgb(102, 102, 102);
border-left-color-value: rgb(102, 102, 102);
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-radius: 8px 8px 8px 8px;
text-align: left;
background:url(../img/trans.png);
box-shadow: 0px 0px 1px rgb(187, 187, 187) inset;
box-shadow: 0px 0px 3px rgb(55, 55, 55);
text-shadow: 1px 1px 3px rgb(85, 85, 85);
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
}
.left {width: 263px;
height: 470px;}
.right{width: 430px;
height: 211px;}
#mind{background:url(../img/eyes3.png) bottom right no-repeat fixed}
#b1{background:url(../img/eyes3.png) bottom right no-repeat fixed}
#design{background:url(../img/eyedomind-click.png) bottom right no-repeat fixed}
#see{background:url(../img/eyedomind-see.png) bottom right no-repeat fixed}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
}
img#bg2 {
position:fixed;
top:0;
left:0;
}
#container{
width: 850px;
height: auto;
margin: 0 auto 0 auto;
position:relative;
z-index:1;
}
#header{
width: 850px;
height: 72px;
}
#menu{ padding:40px 0px 0px 10px; float:left; width:500px }
#menu a{
color:#FFFFFF;
text-decoration:none;
display:block;
float:left;
margin-left:20px
}
#menu a:hover{
color: #fff;
text-decoration:underline;
}
#menu2{ padding:40px 0px 0px 10px; float:left; width:500px }
#menu2 a{
color:#000;
text-decoration:none;
display:block;
float:left;
margin-left:20px
}
#menu2 a:hover{
color: #000;
text-decoration:underline;
}
a.active{ font-weight:bold}
#submenu{ line-height:18px; margin-left:285px}
#submenu a{text-decoration:none;
display:block;
float:left;
margin-left:20px}
#submenu a:hover{
text-decoration:underline;
}
#content{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 850px;
overflow: visible
}
#links{
width: 500px; float:left
}
#mid{
width: 50px; float:left
}
#rechts{
width: 300px; float:left
}
.tile{ float:left; margin: 0px 6px 10px 0px }
.box a{
color:#fff;
text-decoration:underline;
}
.box a:hover{
color: #fff; text-decoration:none
}
a{
color:#9a6a28;
text-decoration:underline;
}
#submenu a{
color:#000;
}
a:hover{
color: #000; text-decoration:underline
}
b {
color:#000000;
}
h1
{
font-weight:bold;
font-size:18px;
padding: 0px 10px 0px 0px;
margin: 0px 10px -3px 0px;
}
h2
{
color:#9a6a28; font-weight:bold;
font-size:14px;
padding: 0px 10px 0px 0px;
margin: 10px 10px -3px 0px;
}
#fotografie{ text-indent: -9000px; background:url(../img/fotografie.png) no-repeat; width:674px; height:27px;margin: 28px 10px -3px 0px; }
#date {
display:block; padding-top:3px;
text-align: center;
float:left;
border-bottom:none;
background:url(../img/date.png) no-repeat;
width:30px; height:133px; margin-right:5px
}
.month {
display:block;
font-size:8px;
margin:0;
padding:0;
}
.day {
display:block;
font-size:8px;
margin:0;
padding:0;
}
.year {
display:block;
font-size:8px;
margin:0;
padding:0;
}
p{
margin: 0px 0px 0px 0px;
color:#fff;
}
img{
border:0px;
}
.thumb{
float:left;
margin: 0px 10px 10px 0px;
}
#flashcontent{
margin: 0px 0px 0px 0px;
}
#inner{width:746px; height:469px; background:url(../img/bgbox.png) no-repeat; padding:20px;}
/* mensen galerie */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #89858d; width:90px; height:60px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../img/thumbs/foto_jp.jpg);}
a.slideb {background:url(../img/thumbs/foto_skan.jpg);}
a.slidec {background:url(../img/thumbs/foto_skan2.jpg);}
a.slided {background:url(../img/thumbs/foto_marieke.jpg);}
a.slidee {background:url(../img/thumbs/foto_konijn.jpg);}
a.slidef {background:url(../img/thumbs/foto_koe.jpg);}
a.slideg {background:url(../img/thumbs/foto_myngle.jpg);}
a.slideh {background:url(../img/thumbs/foto_krakau.jpg);}
a.slidei {background:url(../img/thumbs/foto_myngle2.jpg);}
a.slidej {background:url(../img/thumbs/foto_k.jpg);}
a.slidek {background:url(../img/thumbs/foto_joep.jpg);}
a.slidel {background:url(../img/thumbs/foto_politie.jpg);}
a.slidem {background:url(../img/thumbs/foto_tf.jpg);}
a.sliden {background:url(../img/thumbs/foto_naxos.jpg);}
a.slideo {background:url(../img/thumbs/foto_ivar.jpg);}
a.slidep {background:url(../img/thumbs/foto_garde.jpg);}
a.slideq {background:url(../img/thumbs/foto_meeuw.jpg);}
a.slider {background:url(../img/thumbs/foto_leeuw.jpg);}
a.slides {background:url(../img/thumbs/foto_produkt.jpg);}
a.slidet {background:url(../img/thumbs/foto_kleintje.jpg);}
a.slideu {background:url(../img/thumbs/foto_ihc.jpg);}
a.slidev {background:url(../img/thumbs/foto_bis.jpg);}
a.slidew {background:url(../img/thumbs/foto_buitink.jpg);}
a.slidex {background:url(../img/thumbs/foto_zeil.jpg);}
a.slidey {background:url(../img/thumbs/foto_trouw.jpg);}
a.slidez {background:url(../img/thumbs/foto_herfst.jpg);}
a.slide1 {background:url(../img/thumbs/foto_zebra.jpg);}
a.slide2 {background:url(../img/thumbs/foto_diner.jpg);}
a.slide3 {background:url(../img/thumbs/foto_schaduw.jpg);}
a.slide4 {background:url(../img/thumbs/foto_food.jpg);}
a.slide5 {background:url(../img/thumbs/foto_sf.jpg);}
a.gallery em{display:none;}
a.gallery:hover {border:1px solid #fff;}
#container_top {position:relative; width:300px; height:850px; margin:10px 0px 10px 0px;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #c0c01a;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; /* afmeting grote plaatje width:480px; height:320px;*/ /* afstand grote plaatje van thumbs:*/ top:4px; left:300px; padding:4px; color:#89858d; border:1px solid #89858d; z-index:50;}