body {
background:#ffffff;
margin:0px 20px 10px 20px;
padding:0px;
font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}

#top {
margin-top:10px;
width:100%;
background: url(images/logo_apotheek.jpg) top left no-repeat;
}

html>body #top {
height:80px;
}

#logo {
float:left;
width:550px;
}

#logo h1 {
font-size:16pt;
font-weight:normal;
color:#000000;
font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
padding: 14px 10px 6px 10px;
margin-left:60px;
}

html>body #logo h1 {
padding: 0px 10px 6px 10px;
}

#logo h1 span.tagline {
color:#0E7E34;
font-style:italic;
}

#adres {
font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
float:right;
width:150px;
padding:10px;
color:#000000;
text-align:right;
font-size:9pt;
}

#nav {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10pt;
width:100%;
height:30px;
margin:0px;
padding:0px;
background:#aa0000 url(images/navleft.gif) top left no-repeat;
clear:both;
}

#navleft {
float:left;
}

#navleft ul {
margin:0px;
padding:0px;
list-style:none;
}

#navleft li {
margin: 0px;
padding:0px;
float: left;
display: block;
text-align:center;
}

#navleft li a {
color: #ffffff;
display: block;
height: 20px;
width: 78px;
padding: 5px 0px 5px 0px;
text-decoration:none;
}

#navleft li a:hover {
text-decoration:underline;
}

#navleft li a.current {
font-weight:bold;
}

#navleft li a#extern {
color: #ffffff;
display: block;
height: 20px;
width: 110px;
padding: 5px 0px 5px 0px;
text-decoration:none;
}

#navleft li a#extern:hover {
text-decoration:underline;
}

#navright {
float:right;
width:15px;
height:30px;
background:url(images/navright.gif) top right no-repeat;
}

#container {
width:100%;
margin:0px;
padding:0px;
}

.content {
vertical-align:top;
padding:20px 25px 0px 15px;
}

.content h1 {
font-size:12pt;
color:#400040;
font-weight:normal;
background: url(images/bullet_h1.gif) center left no-repeat;
padding-left:20px;
}

.content h2 {
font-size:10pt;
color:#006600;
background: url(images/bullet_h2.gif) center left no-repeat;
padding-left:20px;
}

.content li {
list-style-image:url(images/bullet.gif);
}

.content li li {
list-style-image:url(images/bullet2.gif);
}

.content ul ul {
margin-left:15px;
}

.content a, .news a {
color:#404040;
}

.content a:hover, .news a:hover {
color:#ffffff;
background:#999999;
text-decoration:none;
}

table.producten td {
padding-right:3px;
padding-bottom:5px;
}

#VU {
float:right;
margin-top:30px;
margin-left:5px;
}

#VU img {
border:1px solid #000000;
}

.news {
width:200px;
margin:0px;
padding:0px 0px 20px 0px;
vertical-align:top;
}

.news h1 {
font-size:12pt;
font-weight:normal;
color:#400040;
padding:0px 10px 0px 20px;
margin-top:20px;
background: url(images/bullet_h1.gif) center left no-repeat;
}

.news h2 {
font-size:10pt;
color:#aa0000;
padding:5px;
background:url(images/bg_newstitle.gif) top left no-repeat;
margin-bottom:0px;
}

.news h2 span.date {
float:right;
font-size:8pt;
color:#333333;
font-weight:normal;
padding-right:5px;
font-style:italic;
}

.item {
padding:0px;
background:url(images/bg_news.gif) bottom left no-repeat;
}

.item p, li {
padding:0px 5px 5px 5px;
margin-top:0px;
}

#bottom {
border-top:1px dashed #aa0000;
width:100%;
height:30px;
margin:10px 0px;
font-size:8pt;
color:#000000;
padding-top:10px;
}

#bottom a {
color:#000000;
}

.bold {
font-weight:bold;
}

.form {
float:left;
width:180px;
}

.small {
font-size:8pt;
}

input.required, select.required {
background:#efefef;
border:1px solid #000000;
}

a.tooltip {
text-decoration:none;
cursor:help;
color:#006600;
}

div.dienst {
border:1px solid #cccccc;
background-color:#ffffff;
padding:4px;
}