body, html {
margin:0;
padding:0;
height:100%;
background-color:#5093c7;
background-image:url(../images/paal10.png);
background-attachment: fixed;
}
.site {
margin-top:0px;
font-family: trebuchet ms, arial;
font-size: 13px;
color:#ffffff;
}
#container {
background-image:url(../images/bg3.png);
background-repeat: no-repeat;
background-position: 100% 0%;
width: 800px;
background-color:white;
min-height:100%;
position: absolute;
left:50%;
margin-left:-400px;
border: 0px;
}
#containerlang {
background-image:url(../images/logo_balk.jpg);
background-repeat: no-repeat;
background-position: 100% 96%;
width: 800px;
background-color:white;
position: absolute;
left:50%;
margin-left:-400px;
}
#banner {
position: relative;
margin-top: 0px;
width: 800px;
height: 150px;
}
#contact {
position: absolute;
bottom:5px;
right:25%;
text-align:center;
font-size:10px;
}
#contactmenu {
position: absolute;
bottom:3px;
right:3px;
text-align: right;
font-size:10px;
}
#navigatie {
position: relative;
margin-top:0px;
width:800px;
height:30px;
background-image:url('../images/menu.png');
z-index: 1;
}
#adres {
position: absolute;
bottom: 0;
width:800px;
height:20px;
background-color: #ffad00;
text-align:center;
}
#div1 {
float: left;
width: 30%;
margin-right:1%;
height:175px;
padding-top:15px;
padding-bottom:;
}
#div2 {
float: left;
width: 30%;
margin-right:1%;
height:175px;
padding-top:15px;
padding-left:15px;
}
#div3 {
float: left;
width: 30%;
height:175px;
padding-top:15px;
padding-left:15px;
}
#logos {
float: left;
width: 800px;
height:45px;
background-image:url(../images/logo_balk.jpg);
background-repeat: no-repeat;
margin-left:-55px;
padding-bottom:29px;
z-index:1;
}
#logosct {
float: left;
width: 800px;
height:45px;
background-image:url(../images/logo_balk.jpg);
background-repeat: no-repeat;
margin-left:0px;
padding-bottom:29px;
z-index:1;
}
#div1 img{
border: 1px solid #ffad00;
}
#div2 img{
border: 1px solid #ffad00;
}
#div3 img{
border: 1px solid #ffad00;
}
.naam {
color: #ffffff;
font-size:20px;
position:absolute;
margin-top:120px;
left: 300px;
}
H3 {
color: #ffad00;
font-size:2em;
}
#text {
position: relative;
width: 545px;
font-family: trebuchet ms, arial;
font-size: 13px;
color:black;
margin-top:30px;
margin-left:55px;
text-align: justify;
z-index: 0;
}
#textnieuws {
position: relative;
width: 580px;
font-family: trebuchet ms, arial;
font-size: 13px;
color:black;
margin-top:30px;
margin-left:55px;
margin-bottom: 40px;
text-align: justify;
z-index: 0;
}
#text a{
color: #000000;
}
.stijl2 {
font-family: trebuchet ms, arial;;
line-height: 16px;
font-size: 16px;
color: #DB9345;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DB9345;
}
#menuspacer{
float:left;
width: 50px;
height:10px;
background-color: #ffad00;
}
#nav, #nav ul {
padding: 3px 0 0 0;
margin: 0;
list-style: none;
}
#nav li {
float :left;
width: 120px;
}
#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}
#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}
#nav a {
display: block;
margin: 0px 5px 0px 5px;
text-decoration: none;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1em;
}
ul a{
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}
ul a:hover{
font-weight: bold;
color: #5093c7;
cursor: pointer;
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #FFF;
cursor: pointer;
}
ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #5093c7;
background-color: #ffad00;;
cursor: pointer;
}
ul li{
background-color: #ffad00;
border-left: 0px solid #FFF;
}
ul ul li{
background-color: #ffad00;
border-top: 2px solid #FFF;
border-left: 0;
}
/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 2px solid #FFF;
}
* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */
#flags {
position: relative;
background-color:#ffad00;
height:17px;
margin-top: 0px;
margin-bottom:0px;
margin-left:0px;
font-size:85%;
text-align:center;
text-valign: middle;
float: right;
width: 8%;
}
#flags img{
border: 0px;
}
.article, .content {
position: relative;
margin: 10px 19px 6px 15px;
xfont-weight: bold;
min-height: 155px;
Overflow: auto;
Overflow-x: hidden;
}
.content {
padding-bottom: 10px;
}
.article.first, .content {
border-bottom: none;
}
div.article .left {
float: left;
}
div.article .right {
float: right;
}
.article p, .content p {
margin: 0px 0px 6px 2px;
}
.article strong {
margin: 6px 0px 6px 0px;
}
.article a {
color: #000000;
}
.article h2, .content h2 {
padding: 0;
font-size: 17px;
color: #FFAD00;
margin: 0;
}
.article p img {
float: right;
padding: 6px;
margin: 0 -10px 0 7px;
}
.article p img.left {
float: left;
padding: 6px;
margin: 0 -1px 0 -7px;
}
.article p img.normal,
.article p img.groot {
float: none;
clear: both;
padding: 0;
margin: 0;
background: none;
}
.article p img.groot {
display: block;
margin: 0 auto;
/* position: relative;
left: -19px;*/
border: 1px solid black;
}
.articlefooter{
position: relative;
margin: 10px 2px 2px 15px;
}
.articlefooter p{
font-size: 11px;
font-style: italic;
margin: 10px 2px 2px 2px;
}
hr {
border: 1px solid #ffad00;
margin-left: 3px;
}
#foto {
width: 740px;
margin-left: 55px;
}
#div4 {
float: left;
width: 30%;
margin-right:1%;
height:px;
}
#kaart{
z-index: 0;
position: relative;
width: 450px;
}
#contactinfo{
position: relative;
float: left;
z-index: 1;
}
#contacttext {
position: relative;
width: 750px;
font-family: trebuchet ms, arial;
font-size: 13px;
color:black;
margin-top:30px;
margin-left:55px;
text-align: justify;
}
#contactinfo a{
color: #000000;
}