@import 'reset.css';

/* Generel
------------------------------------ */
HTML,BODY{
    background: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
    color: #1E1E1E;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
A{
    text-decoration: underline;
    cursor: pointer;
}
A:hover{
    text-decoration: none;
    cursor: pointer;
}
STRONG{
    font-weight: bold;
}
INPUT{
    vertical-align: middle;
}
#supersize{
    position:fixed;
}
#supersize img{
    height:100%;
    width:100%;
    position:absolute;
    z-index: 0;
}

/* Header
------------------------------------ */

A.logo{
    outline: none;
    text-indent: -999999px;
    display: block;
    width: 90px;
    height: 94px;
    position: absolute;
    top:20px;
    left: 20px;
    background: url(images/logo.png) no-repeat;
}

#content_outer		{background:url("./images/tekstblok.png") no-repeat scroll 0 0 transparent;
height:280px;
left:572px;
position:absolute;
top:-340px;
width:420px;
					}

#content{height:221px;
overflow:auto;
padding:15px;
position:relative;
top:17px;

}



#content H1{
  font-size:25px;
  margin: 0 0 10px 0;
}

#content H2{
  font-size:20px;
  margin: 0 0 10px 0;
}

.bonvie h1, .bonvie h2, .bonvie a	{color: #E2241B;}
.restaurant h1, .restaurant h2, .restaurant a	{color: #f39904;}

#content P{
  margin: 0 0 0 0;
  line-height: 1.3;
}

#content li	{list-style: disc;
			list-style-position: outside;
			margin-left: 25px;
			line-height: 1.3;}



#color-box{
  width: 100%;
  height: 119px;
  background: url(images/footer.png) repeat-x;
  position: absolute;
  top:75%;
  z-index:10;
}
#color-box-inner{
left:50%;
margin-left:-525px;
position:absolute;
width:1024px;
}

.decor-a-bonvie{
  width: 325px;
  height: 288px;
  background: url(images/deecor-a-bonvie.png) no-repeat;
  position: absolute;
  top:-130px;
}
A.decor-b-bonvie{
    outline: none;
    text-indent: -999999px;
    display: block;
    width: 188px;
    height: 164px;
    position: absolute;
    top:-25px;
    right: 0;
    background: url(images/deecor-b-bonvie.png) no-repeat;
}

.decor-a-restaurant{
  width: 325px;
  height: 288px;
  background: url(images/deecor-a-restaurant.png) no-repeat;
  position: absolute;
  top:-130px;
}
A.decor-b-restaurant{
    outline: none;
    text-indent: -999999px;
    display: block;
    width: 188px;
    height: 164px;
    position: absolute;
    top:-25px;
    right: 0;
    background: url(images/deecor-b-restaurant.png) no-repeat;
}


/*homepage*/
#color-box-home{
  width: 100%;
  height: 119px;
  background: url(images/footer.png) repeat-x;
  position: absolute;
  top:60%;
}

#color-box-inner-home{
left:50%;
margin-left:-333px;
position:absolute;
width:1024px;
}

.decor-home{
  width: 666px;
  height: 400px;
  background: url(images/deecor-home.png) no-repeat;
  position: absolute;
  top:-215px;
}



.nav{
  position: absolute;
  top:27px;
  left: 370px;
  width: 420px;
}
.nav LI{
  float: left;
  line-height: 32px;
  font-size: 13px;
  color: #FFF;
}
.nav LI A{
  color: #FFF;
  padding: 0 10px 0 10px;
  text-decoration: none;
}
.nav LI A:hover{
  text-decoration: underline;
}
#footer{
	font-size:12px;
  position: absolute;
  bottom: 15px;
  left: 40px;
  color: #FFF;
  width: 100%;
  z-index:5;
}
#footer A{
  color: #FFF;
  padding: 0 5px 0 5px;
  text-decoration: none;
}
#footer A:hover{
  text-decoration: underline;
}
.sp-right{
  position: absolute;
  top:0;
  right: 80px;
  display: block;
}


#content .error		{border-color: #FF0000;
			border-style: solid;
			border-width: 1px;}
#content p.error 	{color: #FF0000; border:none;}		


/* tbv contact form */
label.align_text	{float: left;
		width: 110px;
		text-align: left;
		padding-right: 3px;
		}

#content textarea{ font-family: Verdana; font-size: 10pt; font-size: 10pt; color: #333333;}

#content p.ruimte	{margin-bottom: 3px;}

#content img.noborder	{border:none;}