/*Ontwerp: Ranja illustratieve vormgeving | www.anjaranja.nl | info@anjaranja.nl*/

body {
margin: 0;
padding: 0;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-size: 12px;
line-height:140%;
color:#0B2B23;
background:#DDBB99 url(img/retraiterie_bg.gif) repeat-y;
background-position:center;
}


/*headings*/

h1 {
font-family: Georgia, serif;
color:#85240D;
font-style: italic;
font-size: 170%;
margin:0.5em 0 1.5em 0; 
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#85240D;
font-weight:bold;
font-size: 120%;
margin:2em 0 0 0;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0B2B23;
font-weight:bold;
font-size: 100%;
margin:2em 0 0 0;
}

h4 {
font-family: Georgia, serif;
color:#85240D;
font-style: italic;
font-size:120%;
}

h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0B2B23;
font-weight:bold;
font-size: 100%;
}

h6 {}

/*block elements*/

p {}

blockquote {}

table {
width:100%;
border-collapse:collapse;
border:1px solid #23423A;
background:#d0dbbd;
margin-top:5px;
}

table th, table td {
padding: 8px;
border:1px solid #23423A;
vertical-align:top;
}

/*phrase elements*/

strong {}

em {}

/*lists*/

ul {
margin:0 0 8px -26px;
list-style-position:outside;
}

ol {}

li {}

/*links*/

a {color:#0B2B23;}

a:link {}

a:visited {color:#85240D;}

a:hover {color:#D2492A;}

a:active {color:#D2492A;}

.imgrechts {
border:1px solid #23423a;
float:right;
padding: 5px;
margin-left:15px;
}

.rood {
color:#85240D;
}

#outerbox {
border-collapse: collapse;
position: relative;
text-align: left;
width: 960px;
height:auto;
margin-right: auto;
margin-left: auto;
}

#innerbox {
width: 960px;
min-height: 100%;
height:auto;
background-color:#fffff0;
position: absolute;
}

#header {
background-image:url(img/retraiterie_header.jpg);
width:960px;
height: 150px;
}

#logo {
padding: 10px 0px 0px 20px;
}

#adres {
width: 200px;
height: 120px;
float: right;
position: absolute;
top: 20px;
right: 10px;
}

#menu-content-wrap {
display: table;
}

#menu {
display: table-cell;
width: 240px;
vertical-align:top;
background-color:#9AB095;
}

#menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#menu li a {
height: 24px;
text-decoration: none;
font-weight:bold;
}	

#menu li a:link, #menu li a:visited {
color: #4E6B50;
display: block;
background: url(img/menu_ret.gif);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}

#menu li a:hover {
color: #0B2B23;
background: url(img/menu_ret.gif) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}

#menu li a:active {
color: #0B2B23;
background: url(img/menu_ret.gif) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}

body#home #menu li.menuhome a,
body#nieuws #menu li.menunieuws a,
body#arrangementen #menu li.menuarrangementen a,
body#menukaart #menu li.menumenukaart a,
body#fotos #menu li.menufotos a,
body#overons #menu li.menuoverons a,
body#route #menu li.menuroute a,
body#offerte #menu li.menuofferte a {
background: url(img/menu_ret.gif) 0 -32px;
background-repeat:no-repeat;
}

#menukeuken {
text-align:center;
margin-left:auto;
margin-right:auto;
}

#menuk {
width:180px;
font-weight:bold;
background-color:#9AB095;
line-height:25px;
margin-left:auto;
margin-right:auto;
}

#menuk a {
display:block;
zoom:1;
text-decoration:none;
color:#85240D;
border-bottom:solid 1px #23423a;
}

#menuk a:hover {
background-color:#d0dbbd;
display:block;
border-bottom:solid 1px #9AB095;

}

#menuk ul {
list-style:none;
margin:0;
padding:0;
border:none;}


.spreuk {
margin: 10px;
width: 200px;
background-image:url(img/box_spreuk.gif);
background-repeat:no-repeat;
padding: 10px;
text-align:center;
line-height:170%;
}

#content {
display: table-cell;
width: 720px;
padding: 20px 30px 20px 30px;
min-height:350px;
}

dl.feature {
margin: 15px 0;
padding: 15px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
	
dl.feature:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

dl.feature dt {
}
	
dl.feature dd {
font-size: 90%;
line-height: 1.5em;
color: #666;
}

.marquee {
background-color:#d0dbbd;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#23423a;
font-weight:bold;
font-size: 120%;
}

#footer {
border-top: 2px solid #23423A;
background-color:#9AB095;
font-size: 80%;
padding: 0.2em 10px 0.2em 0;
text-align: center;
}