html>body #container {
height:auto;
}

body {
margin:0;
background-color:#ccc;
background-image:url('images/bg.gif');
background-position:center;
background-repeat:repeat-y;
font-family:Georgia, Verdana, Arial;
font-size:12px;
cursor:default;
}

#container {
text-align:center;
}

#top {
width:100%;
background-color:#ccc;
border-bottom:1px dotted #008;
bbackground-image:url('images/bg_top.gif');
bbackground-repeat:repeat-x;
}

#logo {
width:100%;
height:146px;
text-align:center;
bbackground-color:#03a;
background-image:url('images/top.jpg');
background-position:center;
background-repeat:no-repeat;
}

#logo h1 {
font-family:Tahoma,Verdana,Arial;
color:#fff;
font-size:28px;
font-weight:700;
border:0;
background-image:none;
padding-top:100px;
padding-left:350px;
}

#navbar {
width:100%;
text-align:center;
background-color:#008;
background-image:url('images/bg_nav.gif');
background-repeat:repeat-x;
}

#nav {
text-align:left;
width:800px;
height:34px;
margin:0 auto;
background-color:#008;
background-image:url('images/bg_nav.gif');
background-repeat:repeat-x;
}

#nav ul {
list-style: none;
padding-left:0.15em;
padding-top:0.3em;
margin: 0 auto;
}

#nav li {
float: left;
margin: 0.15em 0.15em;
}

#nav li a {
padding: 0 2em;
height: 1.8em;
line-height: 1.7em;
float: left;
display: block;
border: 1px solid #ccc;
color: #fff;
font-weight:400;
background-image:url('images/bg_h2.gif');
background-position:-40px -5px;
background-repeat:no-repeat;


text-decoration: none;
text-align: center;
}

#nav li a:hover {
color:#fff;
background-color:#00a;
text-decoration: none;
text-align: center;
background-image:none;
}

#content {
min-height:500px;
height:500px;
text-align:left;
width:800px;
margin:0 auto;
padding:5px;
height:auto !important;
}


#menu {
font-size:12px;
color:#000;
border-right:1px solid #888;
border-bottom:1px solid #888;
float:left;
width:150px;
padding:5px;
background-color:#eee;
margin-left:5px;
line-height:180%;
}

span.header {
font-size:24px;
font-weight:700;
margin:10px;
letter-spacing:1px;
line-height:150%;
}

#menu ul {
list-style:none;
padding:0;
margin:0;
margin-top:10px;
margin-bottom:10px;
}

#menu li {
cursor:pointer;
list-style:none;
background-color:#eee;
border-bottom:1px solid #666;
padding-left:8px;
padding-right:8px;
margin:0;
border-left:5px solid #555;
}

#smenu2 li, #smenu3 li, #smenu4 li {
border:0;
border-top:1px dotted #555;
background-color:#fff;
}

#menu li a {
display:block;
margin:0;
text-decoration:none;
color:#000;
}

#menu li:hover {
background-color:#fff;
border-left:5px solid #aaa;
}

#smenu2 li:hover, #smenu3 li:hover, #smenu4 li:hover {
background-color:#eee;
border:0;
border-top:1px dotted #555;
}

#right {
margin-left:170px;
width:620px;
}

#right img {
border: 1px solid #ccc;
float:left;
}

#nieuws {
width:304px;
float:left;
}

#programma {
width:304px;
float:right;
}

#bestuur, #links {
margin-left:120px;
width:304px;
float:left;
}

#footer {
float:left;
width:100%;
height:50px;;
margin:0 auto;
border-top:1px solid;
background-color:#fff;
}

#footer p {
font-family:Verdana,Arial;
font-size:10px;
text-align:right;
color:#888;
}

h1 {
font-size:28px;
letter-spacing:1px;
font-weight:700;
border-top:1px dotted #888;
border-bottom:1px dotted #888;
background-image:url('images/bg_h1.gif');
background-position:4px 4px;
background-repeat:no-repeat;
padding-left:45px;
line-height:160%;
margin-top:0px;
margin-bottom:10px;
}

h2 {
font-size:16px;
font-weight:400;
color:#fff;
letter-spacing:0px;
margin-top:0px;
margin-bottom:0px;
padding:5px;
padding-left:15px;
padding-right:15px;
background-color:#0a33be;
background-image:url('images/bg_h2.gif');
background-position:0 0;
background-repeat:no-repeat;
}

div.item {
margin-bottom:20px;
padding-bottom:5px;
min-height:130px;
background-image:url('images/item3.gif');
background-repeat:no-repeat;
background-position:bottom;
}

div.item img {
margin:5px;
align:left;
}

h3 {
margin-left:10px;
margin-right:10px;
font-size:12px;
font-weight:700;
}

p, #right li {
margin-left:10px;
margin-right:10px;
margin-top:10px;
line-height:180%;
text-align:justify;
}

p a, #right li a {
color:blue;
text-decoration:none;
border-bottom:1px dotted;
}

p a:hover, #right li a:hover {
color:red;
text-decoration:none;
border-bottom:1px solid;
}

p.intro {
font-family:Georgia, Times;
font-style:italic;
font-size:12px;
margin-top:2px;
}

p.link {
margin-top:10px;
margin-bottom:20px;
}

p.link img {
margin-right:10px;
}

p.date {
background-image:url('images/date.gif');
background-position:170px 8px;
background-repeat:no-repeat;
margin-top:-15px;
font-size:10px;
color:#666;
letter-spacing: 0.3em;
text-align:right;
bborder-bottom:1px dotted #ccc;
}

input {
font-family:Verdana,Arial;
font-size:12px;
border:1px solid #888;
padding:3px;
margin:2px;
margin-left:10px;
background-color:#eee;
}

input:focus, input:hover {
background-color:#fff;
border:1px solid #000;
}

textarea {
font-family:Verdana,Arial;
font-size:12px;
border:1px solid #888;
padding:3px;
margin:2px;
margin-left:10px;
background-color:#eee;
}

textarea:focus, textarea:hover {
background-color:#fff;
border:1px solid #000;
}

textarea.admin {
font-family:"Courier New",Courier;
}

#footer p a {
color:#68C;
text-decoration:none;
}

#footer p a:hover {
color:#C86;
text-decoration:none;
}

table {
table-layout:fixed;
margin-left:8px;
width:110%;
margin-bottom:15px;
border-collapse: collapse;
}

td {
line-height:150%;
}

hr {
width:85%;
height:1px;
border:0;
border-top:1px solid #ccc;
}