@import url('std.css');
@import url('base.css');

html, body {height: 100%;}
body { background: url('../images/bg.gif') repeat-y;}
.site {
    min-height: 100%;
    background-position: 130px right;
    background-repeat: no-repeat;
    background: url('../images/bg_s.gif') bottom right repeat-y;
    /* the bottom margin is the negative value of the footer's height */
}


.tooltip { color: #E95412; background-color: #fff; padding: 1px 5px; border: solid 1px #E95412; font-weight: bold; white-space: nowrap; text-align: center;}
.sfeerkolom { background-position: top left no-repeat; width: 154px; height: 517px; }
#sfeerkolomhome { background-image: url('../images/sfeerfotos/BG2.jpg');}
#sfeerkolomnieuws { background-image: url('../images/sfeerfotos/BG4.jpg');}
#sfeerkolom75 { background-image: url('../images/sfeerfotos/BG3.jpg');}
#sfeerkolom80, #sfeerkolomcontact { background-image: url('../images/sfeerfotos/BG8.jpg');}
#sfeerkolom79 { background-image: url('../images/sfeerfotos/BG7.jpg');}
#sfeerkolom82 { background-image: url('../images/sfeerfotos/BG6.jpg');}
#sfeerkolom83 { background-image: url('../images/sfeerfotos/BG5.jpg');}
.field_list, .field_list li { list-style: none; margin-left: 0; padding-left: 0;}
.fielderror { display: block; color: red;}
#menu { list-style: none; height: 22px; color: #fff; font-weight: bold; margin: 0; padding: 0; margin-left: 157px; }
#menu li { float: left; margin: 0; padding: 0 2px; }
#menu a { text-decoration: none; color: #fff; background: #0099CC; display: block; padding: 4px 10px; }
#menu a:hover, #menu li.current a { background-color: #003366; }
#center { line-height: 1.4em; padding-top: 15px;}
#center h2 { line-height: auto;}
#left { background: #0099CC;color: #FFF;}
#left a { text-decoration: none; font-weight: bold; color: #003366;}
#left a:hover { text-decoration: underline;}
#left ul { background-color: #66ccff; list-style: none; margin: 0; padding: 0; min-height: 240px;}
#left ul ul { min-height: inherit; }
#left li { margin: 0; padding: 0; display: inline;}
#left li a { display: block; margin: 0; padding: 5px 10px; color: #003366; position: relative; }
#left li a:hover, #left li.current a, #left li.current li.current a, #left li.current li.current li.current a  { text-decoration: none; background-color: #003366; color: #fff; }
#left li.current li a, #left li.current li.current li a { background-color: #66ccff; color: #003366;}
#left li.current li a:hover, 
#left li.current li.current li a:hover,
#left li.current li.current a { background-color: #003366; color: #fff; }
#left li ul { margin-left: 10px;}
#left form { margin: 40px 7px;}
#left address { margin: 10px; font-size: 12px;}
#header { height: 131px; position: relative; background: #66ccff; padding-top: 22px;}
#header h1 { float: left; position: relative; font-size: 10px; }
#header h1 span { display:block; position:absolute; top:0px; left:0px; height:92px; width: 157px; z-index:1; background: url('../images/schoner_mooier.gif') center no-repeat; border-bottom: solid 17px #E95412; margin-top: 22px;} 
.sfeerfoto { margin-left: 157px; height: 109px; background-position: top left; background-repeat: repeat-x; background-image: url('../images/sfeerfotos/top/home.jpg');}
.sfeerfoto #block { width: 154px; background-color: #003366; height: 92px; float: right; border-bottom: solid 17px #E95412;}
input.text { font-size: 12px; border: inset 1px; line-height: 1.3em; width:95px;}
input.button { font-size: 11px; margin-left: 3px;}
li.thumb { text-align: center; }
#sfeerfotohome { background-image: url('../images/sfeerfotos/top/home.jpg');}
#sfeerfotonieuws { background-image: url('../images/sfeerfotos/top/nieuws.jpg');}
#sfeerfoto121  { background-image: url('../images/sfeerfotos/top/gebied.jpg');}
#sfeerfoto75, #sfeerfoto83  { background-image: url('../images/sfeerfotos/top/project.jpg');}
#sfeerfoto80  { background-image: url('../images/sfeerfotos/top/ambitie.jpg');}
#sfeerfoto79  { background-image: url('../images/sfeerfotos/top/bijzondere_plekken.jpg');}
#sfeerfoto82  { background-image: url('../images/sfeerfotos/top/downloads.jpg');}

.listing { width: 100%; margin-bottom: 1em;}
.listing img.icon { border: none; vertical-align: middle;}
.listing td, .listing th { border: solid 1px #0066cc; padding: 0 3px; vertical-align:top; font-size: 0.9em;}
.listing th { background-color: #EDEDED; font-weight: normal; color: #0066cc;}
.listing td.icon { padding: 0; vertical-align: middle; text-align: center; }
.listing strong a { color: #000; text-decoration: none;}
.listing .line { height: 1.2em;}
.img_left { float: left; margin: 1em; margin-left: 0; margin-top:0;}
.img_border { border: solid 1px #0066cc; }
.img_right { float: right; margin: 1em; margin-right: 0; margin-top: 0;}
strong { font-weight: bold;}
p { margin-bottom: 0.7em; margin-top:0.7em;}
h1 { margin-bottom: 0.5em; line-height: 1.5em;}
h2 { margin-bottom: 0.5em; line-height: 1.4em;}
.newslist hr { border-top-color: #fff; background: #fff; margin-top: 0;}
.download { padding: 4px 0px; padding-left: 24px; background: url('../images/download.gif') center left no-repeat; display: block; margin-top: 4px; margin:auto; width: 80px;}
textarea { width: 90%;}
dd { margin-left: 1em; margin-bottom: 1em;}
dd a { display: none;}
.newsitem { border-bottom: solid #66ccff 1px;}