body, html {
	margin:0;
	padding:0;
	background:url(../images/layout/back_pattern.jpg);
	font-family:Arial;
}

h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
}

ul, li{
	margin:0;
	padding:0;
}

table, img{
	border:0;
}

a:link, a:visited, a:active{
	text-decoration: none;
	color:#8d8d8d;
	font-weight: bold;
}

a:hover{
	text-decoration: none;
	color:#8d8d8d;
}

/*----------------------------------------------------------------------------
--------------------MAIN CONTAINERS / WRAPPERS------------------------------*/

#wrap{
	width:740px;
	height:100%;
	margin:0 auto;
	background:url(../images/layout/center_pattern.png) repeat-y;
}

#main{
	width:700px;
	height:100%;
	margin:0 auto;
}


/*----------------------------------------------------------------------------
--------------------TOP CONTENT---------------------------------------------*/
#top{
	height:135px;
	background:url(../images/layout/top_logo.jpg) top no-repeat;
}

/*----------------------------------------------------------------------------
--------------------MIDDLE CONTENT------------------------------------------*/
#middle{
	height:400px;
}

.img_home{
	background-image:url(../images/layout/img_home.jpg);

}

.img_binnen{
	background-image:url(../images/layout/img_binnen.jpg);

}

.img_dranken{
	background-image:url(../images/layout/img_dranken.jpg);

}

.img_contact{
	background-image:url(../images/layout/img_contact.jpg);

}

/*----------------------------------------------------------------------------
--------------------NAVIGATION----------------------------------------------*/
#nav-container{
	width:100%;
	height:370px;
	z-index:3000;
}

.nav-home a{
	width:175px;
	height:370px;
	float:left;
	background-image:url(../images/layout/nav_home.png);
}

.nav-home a:hover{
	background-image:url(../images/layout/nav_home_hover.png);
}

.nav-home-active{
	width:175px;
	height:370px;
	float:left;
	background-image:url(../images/layout/nav_home_active.png);
}

.nav-binnen a{
	width:175px;
	height:370px;
	float:left;
	background-image:url(../images/layout/nav_binnen.png);
}

.nav-binnen a:hover{
	background-image:url(../images/layout/nav_binnen_hover.png);
}

.nav-binnen-active{
	width:175px;
	height:370px;
	float:left;
	background-image:url(../images/layout/nav_binnen_active.png);
}

.nav-dranken a{
	width:175px;
	height:370px;
	float:left;
	background-image:url(../images/layout/nav_dranken.png);
}

.nav-dranken a:hover{
	background-image:url(../images/layout/nav_dranken_hover.png);
}

.nav-dranken-active{
	width:175px;
	height:370px;
	float:left;
	background-image:url(../images/layout/nav_dranken_active.png);
}

.nav-contact a{
	width:175px;
	height:370px;
	float:left;
	background-image:url(../images/layout/nav_contact.png);
}

.nav-contact a:hover{
	background-image:url(../images/layout/nav_contact_hover.png);
}

.nav-contact-active{
	width:175px;
	height:370px;
	float:left;
	background-image:url(../images/layout/nav_contact_active.png);
}

.clearboth{
	clear:both;
}

/*----------------------------------------------------------------------------
--------------------BOTTOM CONTENT------------------------------------------*/
#bottom{
	width:100%;
	height:auto;
	background:url(../images/layout/bottom_back.jpg) top no-repeat;
}

#content-wrap{
	width:620px;
	height:auto;
	padding:20px 0 20px 40px;
}

#content-head{
	width:100%;
	height:44px;
	padding-top:10px;
}

#content-text{
	width:300px;
	height:auto;
	float:left;
}

.img-holder{
	width:300px;
	height:auto;
	float:left;
}

.txt-overall{
	font-size:12px;
	color:#8d8d8d;
	text-align:justify;
	padding:20px 0 20px 16px;
}

#foot{
	width:100%;
	height:30px;
	background-image:url(../images/layout/foot.jpg);
}

/*----------------------------------------------------------------------------
--------------------THUMBS CONTENT------------------------------------------*/

#dranken-wrap{
	width:auto;
	height:auto;
	float:left;
}

#thumb-wrap{
	width:100%;
	height:auto;
	display:inline;
	margin-top:20px;
}

.thumb-holder{
	width:125px;
	height:125px;
	background-image:url(../images/content/thumbs_back.jpg);
	float:left;
	margin:20px 15px 20px 15px;
}

/*----------------------------------------------------------------------------
--------------------DRANKEN CONTENT-----------------------------------------*/

#table_big{
	width:auto;
}

.number{
	width:40px;
	height:20px;
	text-align: left;
}

.name{
	width:140px;
	height: 20px;
	text-align: left;
	font-weight: bold;
}

.ingredients{
	width: 260px;
	height:20px;
	text-align: left;
	font-size: 9px;
}

.price{
	width:40px;
	height: 20px;
	text-align: right;
	font-weight: bold;
}

/*----------------------------------------------------------------------------
--------------------CONTACT CONTENT-----------------------------------------*/

#contact-wrap{
	width:420px;
	height:auto;
	float:left;
}

#adres-wrap{
	width:180px;
	height:100%;
	float:right;
	font-size:12px;
	padding-top:20px;
}

.input{
	width:240px;
	height:20px;
	border-top:1px solid #FFF;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	border-left:1px solid #FFF;
	margin-bottom:4px;
}

.input-txt{
	width:240px;
	height:auto;
	border-top:1px solid #FFF;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	border-left:1px solid #FFF;
	margin-bottom:4px;
}

.error{
	font-size:9px;
	color:#900;
	padding-left:4px;
	text-align:left;
}

.bt{
	width:auto;
	height:20px;
	background-color:#FFF;
	border-top:1px solid #FFF;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	border-left:1px solid #FFF;
}

.notice{
	font-size:9px;
	padding-top:30px;
}