*{ padding:0; margin:0;}
body{text-align:center; font-family:tahoma, geneva, arial;  line-height:18px;}
a, a:hover{ text-decoration:none;}
h1{ display:none;}
img{ display:block;}

/*#center{ width:754px; margin-top:-260px; margin-left:-377px; text-align:left; position:absolute; height:520px; top:50%; left:50%; }*/

#center{ width:754px; height:520px; margin:50px auto;}

#menu{ padding:0 0 0 14px; background-color:#CC3333;}

#menu ul{ list-style-type:none;}
#menu ul li{ float:left;}
#menu ul li a{display:block; height:19px; margin:0 8px 0 0; background-position:left;}
#menu ul li a:hover{background-position:center;}
#menu ul li strong a{background-position:right;}
#menu ul li strong a:hover{background-position:right;}
#menu ul li a span{ display:none;}

.home{ width:51px; background-image:url(img/website/home.png) }
.zonnebrillen{ width:111px; background-image:url(img/website/zonnebrillen.png) }
.monturen{ width:89px; background-image:url(img/website/monturen.png) }
.lenzen{ width:61px; background-image:url(img/website/lenzen.png) }
.openingstijden{ width:124px; background-image:url(img/website/openingstijden.png) }
.nieuws{ width:62px; background-image:url(img/website/nieuws.png) }
.wiezijnwij{ width:102px; background-image:url(img/website/wiezijnwij.png) }
.contact{ width:73px; background-image:url(img/website/contact.png) }


#content{ clear:left; padding:18px 0 0 0; text-align:center;}



#nav_glasses{ float:left; width:190px;margin:20px 0 0 0; height:330px;overflow:auto; text-align:left;}
#nav_glasses ul{ list-style-type:none; font-size:12px;line-height:28px; padding:20px 0 0 12px; }
#nav_glasses ul a{ color:#999; letter-spacing:0.05em;}
#nav_glasses ul a:hover{ color:#36f;}
#nav_glasses ul strong a{ color:#000; font-weight:normal;}
#nav_glasses ul strong a:hover{ color:#000;}

#glasses{ float:right; width:530px; margin:20px 0 0 0;}
#glasses a{ float:right; width:300px; text-align:right; font-size:14px; margin:6px 0 0 0; letter-spacing:0.1em; color:#666;}
#glasses a:hover{color:#36f;}

#lenzen{ float:right; width:530px; height:220px; margin:20px 0 0 0;}
#lenzen a{ float:right; width:300px; text-align:right; font-size:14px; margin:6px 0 0 0; letter-spacing:0.1em; color:#666;}
#lenzen a:hover{color:#36f;}
#lenzen p{ font-size:12px; float:left; width:530px; margin:20px 0 0 0; line-height:18px; text-align:left;}

#news { width:740px; height:380px; margin:15px 15px auto;position:relative; text-align:left; overflow:auto;}
#news .news_item{ padding:0 0 20px 0;clear:left;}
#news .news_item img{ margin:10px 10px 10px 0;}
#news .news_item h2{ font-size:12px; font-weight:bold; line-height:20px; }
#news .news_item h3{ width:710px; font-size:11px; font-weight:normal; font-style: italic; color:#333;  border-bottom: 1px solid; border-color:#aaaaaa; margin:0 0 20px 0; padding:0 0 0 3px; }
#news .news_item p{ font-size:12px; float:left; width:700px; padding:0 0 20px 0; }
#news .news_item a{ color:#36f;}
