html {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#444;
text-align:center;
}

body {
margin:20px auto 0;
padding:0;
}

h1 {
font-weight:700;
font-size:150%;
margin-top:0;
margin-bottom:0;
}

h2 {
font-weight:700;
font-size:125%;
margin-top:-3px;
margin-bottom:0;
}

h3 {
font-weight:700;
font-size:110%;
margin-top:0;
}

img {
border:0;
}

.code {
font-family:"Courier New", Courier, mono;
color:#444;
}

hr {
height:0;
border-top:1px solid #fff;
}

#container {
position:relative;
text-align:left;
width:900px;
margin:0 auto;
}

#logo {
position:absolute;
top:0;
left:10px;
float:left;
}

#wolf {
position:absolute;
top:407px;
left:10px;
float:left;
}

#wolf_content {
position:absolute;
top:417px;
left:20px;
float:left;
width:200px;
height:90px;
line-height:200%;
}

#sms {
position:absolute;
top:517px;
left:10px;
float:left;
}

#sms_content {
position:absolute;
top:527px;
left:20px;
float:left;
width:200px;
height:106px;
line-height:200%;
}

#banner {
position:absolute;
top:643px;
left:10px;
float:left;
width:220px;
height:127px;
}

#agendaitem1 {
position:absolute;
top:110px;
left:230px;
float:left;
width:220px;
height:110px;
}

#agendaitem2 {
position:absolute;
top:220px;
left:230px;
float:left;
width:220px;
height:110px;
}

#agendaitem3 {
position:absolute;
top:330px;
left:230px;
float:left;
width:220px;
height:110px;
}

#agendaitem4 {
position:absolute;
top:440px;
left:230px;
float:left;
width:220px;
height:110px;
}

#kalender {
position:absolute;
top:550px;
left:230px;
float:left;
width:220px;
height:220px;
line-height:170%;
background:#fcf5e2;
}

#main_content {
position:absolute;
top:110px;
left:450px;
float:left;
width:440px;
height:660px;
background:url('../images/content_bg.png');
color:#fefae7;
}

#nieuwsitem1 {
position:absolute;
top:110px;
left:450px;
float:left;
}

#nieuwsitem2 {
position:absolute;
top:110px;
left:670px;
float:left;
}

#menu_home {
position:absolute;
top:110px;
left:0;
float:left;
}

#menu_events {
position:absolute;
top:168px;
left:0;
float:left;
}

#menu_kalender {
position:absolute;
top:198px;
left:0;
float:left;
}

#menu_nieuws {
position:absolute;
top:234px;
left:0;
float:left;
}

#menu_fotoalbum {
position:absolute;
top:270px;
left:0;
float:left;
}

#menu_personeel {
position:absolute;
top:306px;
left:0;
float:left;
}

#menu_contact {
position:absolute;
top:342px;
left:0;
float:left;
}

#blok_1,#headline {
position:absolute;
top:0;
left:0;
float:left;
width:220px;
height:220px;
}

#blok_1_content {
position:absolute;
top:10px;
left:10px;
float:left;
width:200px;
margin-top:25px;
text-align:center;
}

#blok_2 {
position:absolute;
top:0;
left:220px;
float:left;
width:220px;
height:220px;
}

#blok_2_content {
position:absolute;
top:10px;
left:230px;
float:left;
width:200px;
margin-top:25px;
text-align:center;
}

#blok_3 {
position:absolute;
top:220px;
left:0;
float:left;
width:220px;
height:220px;
}

#blok_3_content {
position:absolute;
top:230px;
left:10px;
float:left;
width:200px;
margin-top:25px;
text-align:center;
}

#blok_4 {
position:absolute;
top:220px;
left:220px;
float:left;
width:220px;
height:220px;
}

#blok_4_content {
position:absolute;
top:230px;
left:230px;
float:left;
width:200px;
margin-top:25px;
text-align:center;
}

#blok_5 {
position:absolute;
top:440px;
left:0;
float:left;
width:220px;
height:220px;
}

#blok_5_content {
position:absolute;
top:450px;
left:10px;
float:left;
width:200px;
margin-top:25px;
text-align:center;
}

#blok_6 {
position:absolute;
top:440px;
left:220px;
float:left;
width:220px;
height:220px;
}

#blok_6_content {
position:absolute;
top:450px;
left:230px;
float:left;
width:200px;
margin-top:25px;
text-align:center;
}

#blok_1_photo {
position:absolute;
top:11px;
left:11px;
float:left;
}

#blok_2_photo {
position:absolute;
top:11px;
left:231px;
float:left;
}

#blok_3_photo {
position:absolute;
top:231px;
left:11px;
float:left;
}

#blok_4_photo {
position:absolute;
top:231px;
left:231px;
float:left;
}

#blok_5_photo {
position:absolute;
top:451px;
left:11px;
float:left;
}

#blok_6_photo {
position:absolute;
top:451px;
left:231px;
float:left;
}

#blok_1_photo_content,#blok_2_photo_content,#blok_3_photo_content,#blok_4_photo_content,#blok_5_photo_content,#blok_6_photo_content {
font-size:11px;
color:#444;
text-align:center;
}

#headline_hor {
position:absolute;
top:0;
left:0;
float:left;
width:440px;
height:220px;
}

#view_item {
position:absolute;
top:140px;
left:10px;
float:left;
width:420px;
}

#page_prev {
position:absolute;
top:185px;
left:10px;
float:left;
width:30px;
height:30px;
}

#page_next {
position:absolute;
top:185px;
left:180px;
float:left;
width:30px;
height:30px;
}

#main_content a:link,#main_content a:active,#main_content a:visited {
color:#d2bb1b;
text-decoration:none;
}

.txt_headline {
font-weight:700;
font-size:20px;
}

.txt_when {
font-size:11px;
}

.txt_subtitle {
font-size:13px;
}

#debug {
position:absolute;
text-align:left;
top:0;
left:0;
width:300px;
background:#ff0;
margin:0;
}

table.calendar {
width:100%;
border:0;
}

table.calendar td,th {
height:10px;
text-align:center;
}

table.calendar th {
font-size:7pt;
text-align:center;
}

table.calendar td {
font-size:9pt;
text-align:center;
width:20px;
height:20px;
background:#e1e1e1;
}

table.calendar .calendar-month {
font-weight:700;
font-size:12pt;
line-height:30px;
}

table.calendar .calendar-month a {
text-decoration:none;
}

table.calendar .calendar-prev,table.calendar .calendar-next {
font-weight:400;
}

table.calendar td.calendar-event {
font-weight:700;
background:orange;
}

td.calendar-event a:hover {
color:#444;
text-decoration:underline;
}

table.prevnext {
width:100%;
margin-top:0.3em;
}

table.prevnext td {
font-size:smaller;
}

a:link,a:active,a:visited,td.calendar-event a:link,td.calendar-event a:active,td.calendar-event a:visited,table.prevnext td a {
color:#444;
text-decoration:none;
}

a:hover,#main_content a:hover {
color:#006dba;
text-decoration:underline;
}

#mediakings {
position:absolute;
top:790px;
left:50px;
float:left;
width:800px;
font-family:"Trebuchet MS", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
font-size:9px;
color:#a1a1a1;
text-align:center;
}

#mediakings a:link,#mediakings a:active,#mediakings a:visited {
color:#a1a1a1;
text-decoration:none;
font-weight:400;
}

#mediakings a:hover {
color:#a1a1a1;
text-decoration:underline;
font-weight:400;
}