/* CSS Document */
#container {
width:960px;
background-color:#333333;
margin:auto;
padding:auto;
}
H2 {
font-size:14px;
text-align:left;
color:#669933;
font-weight:bold;
padding: 0;
margin:5px 0 5px 0;
text-transform:uppercase;
}
#top {
width:100%;
height:3px;
background-color: #669933;
margin:0;
padding:0;
}
#header {
width:960px;
height:90px;
margin:auto;
padding:auto;
}
#header #logo {
padding-top:10px;
float:left;
}

#header #menu {
float:right;
}
#header #menu ul { list-style-type:none; height:20px; margin:0; padding: 70px 15px 5px 15px;}
#header #menu li {  height:106px; width:106px; margin:0; color:#CCCCCC; font-weight:400; font-family:Arial, Helvetica, sans-serif; font-size:16px; display:inline; padding: 70px 15px 20px 15px;}
#header #menu li a:link,
#header #menu li a:visited { text-decoration:none; color:#CCCCCC; font-weight:400;}
#header #menu li a:hover,
#header #menu li a.active { color:#669933;}

#balk {
width:960px;
background-color:#669933;
height:3px;
margin:auto;
padding: auto;
}
#wrapper {
width:960px;
margin: auto;
padding: auto;
}
.column {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/cool_optiek.png');
opacity:1;
filter:alpha(opacity=100);
}
.column a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/cool_optiek.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column a:hover{
width:150px;
height:206px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
opacity:0.8;
filter:alpha(opacity=80);
padding:140px 0px 5px 5px;
color:#FFFFFF;
text-decoration:none;
}
.column2 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/producten.png');
opacity:1;
filter:alpha(opacity=100);
}
.column2 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/producten.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column2 a:hover{
width:150px;
height:206px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
opacity:0.8;
filter:alpha(opacity=80);
padding:140px 0px 5px 5px;
color:#FFFFFF;
text-decoration:none;
}
.column3 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/precious.png');
opacity:1;
filter:alpha(opacity=100);
}
.column3 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/precious.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column3 a:hover{
width:150px;
height:206px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
opacity:0.8;
filter:alpha(opacity=80);
padding:140px 0px 5px 5px;
color:#FFFFFF;
text-decoration:none;
}
.column4 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/zeiss_refractieruimte.png');
opacity:1;
filter:alpha(opacity=100);
}
.column4 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/zeiss_refractieruimte.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column4 a:hover{
width:150px;
height:206px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
opacity:0.8;
filter:alpha(opacity=80);
padding:140px 0px 5px 5px;
color:#FFFFFF;
text-decoration:none;
}
.column5 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/pers.png');
opacity:1;
filter:alpha(opacity=100);
}
.column5 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/pers.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column5 a:hover{
width:150px;
height:60px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
opacity:0.8;
filter:alpha(opacity=80);
padding:140px 0px 5px 5px;
color:#FFFFFF;
text-decoration:none;
}
.column6 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/fotogallerij.png');
opacity:1;
filter:alpha(opacity=100);
}
.column6 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/fotogallerij.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column6 a:hover{
width:150px;
height:60px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
opacity:0.8;
filter:alpha(opacity=80);
padding:140px 0px 5px 5px;
color:#FFFFFF;
text-decoration:none;
}
.column7 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/promoties.png');
opacity:1;
filter:alpha(opacity=100);
}
.column7 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/promoties.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column7 a:hover{
width:150px;
height:60px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
opacity:0.8;
filter:alpha(opacity=80);
padding:140px 0px 5px 5px;
color:#FFFFFF;
text-decoration:none;
}
.column8 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/route.png');
opacity:1;
filter:alpha(opacity=100);
}
.column8 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/route.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column8 a:hover{
width:150px;
height:60px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
padding:140px 0 5px 5px;
opacity:0.8;
filter:alpha(opacity=80);
color:#FFFFFF;
text-decoration:none;
}

.column9 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/sfeerbeelden.png');
opacity:1;
filter:alpha(opacity=100);
}
.column9 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/sfeerbeelden.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column9 a:hover{
width:150px;
height:60px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
opacity:0.8;
filter:alpha(opacity=80);
padding:140px 0px 5px 5px;
color:#FFFFFF;
text-decoration:none;
}

.column10 {
margin:5px;
height:206px;
background-color:#666666;
float:left;
background: url('../images/webshop.png');
opacity:1;
filter:alpha(opacity=100);
}
.column10 a{
width:155px;
height:206px;
background-color:#666666;
background: url('../images/webshop.png');
float:left;
opacity:0.01;
filter:alpha(opacity=1);
}
.column10 a:hover{
width:150px;
height:60px;
background-color:#000000;
float:left;
background: url('../images/overlay.png');
padding:140px 0 5px 5px;
opacity:0.8;
filter:alpha(opacity=80);
color:#FFFFFF;
text-decoration:none;
}
#wrapper #images{
width:100%;
height:209px;
padding: 0 0 0 0;
}

#wrapper #images #center{
text-align:center;
}

#wrapper #images #links{
float:left;
}
#wrapper #images #rechts{
float:right;
width:278px;
height:134px;
}
#wrapper #images #rechtsonder{
float:right;
height:70px;
width:278px;
background-color: #669933;
color:#FFFFFF;
font-size:26px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
}
#wrapper #images #rechtsonder #left{
padding:3px 0 0 0;
float:left;
width:180px;
background-color: #669933;
text-align:right;
}
#wrapper #images #rechtsonder #right{
float:right;
width:160px;
background-color: #669933;
text-align:left;
}
#wrapper #balk {
width:960px;
background-color:#CCCCCC;
height:3px;
margin:auto;
padding:auto;
}

#wrapper #mozaiek {
width:850px;
margin:auto;
padding:auto;
}
#wrapper #content {
width:960px;
margin:auto;
padding:auto;
}
#wrapper #content #welkom {
width:400px;
text-align:left;
margin:160px 0 0 0;
padding:auto;
float:left;
vertical-align:text-bottom;
}
#wrapper #content #welkom H1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#669933;
}
#wrapper #content #welkom H2 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#669933;
}
#wrapper #content #image {
text-align:center;
font-size:30px;
text-transform:uppercase;
color:#669933;
border: 3px solid #669933;
margin:auto;
padding: 0 0 0 0;
font-weight:bold;
width:544px;
height:520px;
background: url('../images/voorgevel_cool_optiek_gent.jpg');
}
#wrapper #content #image p{
text-align:center;
font-size:26px;
text-transform:uppercase;
text-decoration:none;
color:#669933;
margin:auto;
padding: 320px 0 0 0;
font-weight:bold;
}

#wrapper #content #menu {
width:220px;
background-color:#333333;
float:left
}
#wrapper #content #menu #nav {  width: 200px; float:left; font-size:14px; background-color:#333333;}
#wrapper #content #menu #nav ul { width: 200px; margin: 0 0 0 0; padding:0; list-style-type:none; background-image: url('../images/bullet.jpg');
}

#wrapper #content #menu #nav a:link,
#wrapper #content #menu #nav a:visited { text-decoration: none; color: #CCCCCC; padding:0 0 0 35px;}
#wrapper #content #menu #nav a:hover { color:#669933; }

#wrapper #content #menu #nav li { line-height: 25px;}
#wrapper #content #menu #nav ul ul { margin: 0; padding:0;}
#wrapper #content #menu #nav ul ul li { text-indent: 15px; /*padding-left: 25px;*/ border-bottom: none;}
#wrapper #content #menu #nav ul ul a:hover { }

/* Only for IE6 */ #wrapper #content #menu #nav li { _border-bottom: none; }
/* Only for IE6 */ #wrapper #content #menu #nav ul ul { _border-top: none; }
/* Only for IE6 */ #wrapper #content #menu #nav ul ul li { _border-bottom: none; _background-image: none; } 

#wrapper #content #menu #nav H1{
font-size:20px;
text-align:left;
font-weight:normal;
padding: 0 0 0 10px;
margin:5px 0 5px 0;
}
#wrapper #content #tekst {
width:731px;
float:right;
}
#wrapper #content #tekst p{
font-size:13px;
}

#wrapper #content #tekst .openingsuren{
font-size:13px;
color:#000000;
}

#wrapper #content #tekst H1 {
font-size:20px;
text-align:left;
font-weight:normal;
padding: 0 0 0 10px;
margin:5px 0 5px 0;
}
#wrapper #content #tekst H2 {
font-size:12px;
text-align:left;
color:#669933;
font-weight:bold;
padding: 0;
margin:5px 0 5px 0;
text-transform:uppercase;
}
#wrapper #content #tekst H3 {
font-size:12px;
text-align:left;
color:#CCCCCC;
font-weight:bold;
padding: 0;
margin:5px 0 5px 0;
text-transform:uppercase;
}
#footer {
clear:both;
width:960px;
height:70px;
margin:auto;
padding:auto;
}
#footer #balk {
width:100%;
height:3px;
background-color:#000000;
}
#footer #column1 {
width:140px;
float:left;
height:20px;
}
#footer #column2 {
padding: 0 0 0 5px;
width:120px;
float:left;
}
#footer #column3 {
width:180px;
float:left;
}
#footer H3 {
text-transform:uppercase;
font-size:11px;
color:#999999;
font-weight:bold;
margin:5px 0 3px 0;
}
#footer ul { width: 233px; margin: 0 0 0 0; padding:0; list-style-type:none; font-size:11px;
}
#footer .activeMenu { background: #f5f5f5 no-repeat 0 11px; }

#footer a:link,
#footer a:visited { text-decoration: none; color: #CCCCCC; padding:0 0 0 0;}
#footer a:hover {  }

#footer li { line-height: normal;}
#footer li a {text-decoration: none; color: #CCCCCC; padding:0 0 0 0;}
#footer .openMenu { background-color: #f0eeef; }
#footer ul ul { margin: 0; padding:0;  background-color:#FFFFFF; }
#footer ul ul li { text-indent: 15px; /*padding-left: 25px;*/ border-bottom: none; background-color:#FFFFFF;}
#footer ul ul .activeMenu { background: #f5f5f5 no-repeat 0 11px; }
#footer ul ul a:hover { }

/* Only for IE6 */ #wrapper #content #nav li { _border-bottom: none; }
/* Only for IE6 */ #wrapper #content #nav ul ul { _border-top: none; }
/* Only for IE6 */ #wrapper #content #nav ul ul li { _border-bottom: none; _background-image: none; }

#footer #info {
margin:auto;
padding:5px 5px 0 0;
text-align:right;
font-size:10px;
color:#669933;
float:right;
}
#footer #info a {
margin:auto;
padding:5px 5px 0 0;
text-align:right;
font-size:10px;
color:#669933;
float:right;
}
#bottom {
height:30px;
background-color:#669933;
text-align:right;
font-size:10px;
color:#999999;
}