@import url("../stylesheets/reset.css");

body{
	background:#e7eee4 url('../images/background.jpg') repeat-x;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	color:#606969;
	margin:0;
	padding:0;
	text-align:center;
}

img, div, a, input { behavior: url(iepngfix.htc) }

a:link {color:#606969;}
a:visited {color:#606969;}
a:hover {text-decoration:none;}
a:active { }

a#recensie_link {
position:absolute;
left: 400px;
top: 505px;
z-index:100;
width: 400px;
}
a#rec {
		 text-decoration:none;
}
a#rec:hover {
		 text-decoration:underline;
}

img.button{
	width:245px;
	height:169px;
}
table#quote {
margin-top: -30px;
}
div#culinair {
position: absolute;
left: 486px; 
top: 278px;
}
div#volg_vorige{
width: 300px;
height: 100px;
text-align: center;
position:absolute;
font-size: 14px;
left: 80px;
top: 410px;
z-index:100;
text-decoration:none;
}

div#wrapper{
	width:980px;
	margin:0 auto;
	text-align:left;
}

div#header{
	width:100%;
	height:90px;
	text-align:center;
}

div#header img.logo{
	margin-top:25px;
}

div#main{
	width:100%;
	height:560px;
	background:url('../images/contentbackground.jpg') no-repeat;
}

div#content{
position: relative;
	width:980px;
	height:560px;
	background:none;
}

div#content.uitnodiging{
	background:url('../images/bg_uitnodiging.jpg') no-repeat;	
}
div#content.recensies{
	background:url('../images/bg_recensies.jpg') no-repeat;	
}

div#content.recensie{
	background:url('../images/bg_recensie.jpg') no-repeat;	
}

div#content.waarenwanneer{
	background:url('../images/bg_waarenwanneer.jpg') no-repeat;	
}

div#content.juni{
	background:url('../images/bg_juni.jpg') no-repeat;	
}

div#content.juli{
	background:url('../images/bg_juli.jpg') no-repeat;	
}

div#content.augustus{
	background:url('../images/bg_augustus.jpg') no-repeat;	
}

div#content.summerbites{
	background:url('../images/bg_summerbites.jpg') no-repeat;	
}

div#content.summerdrinks{
	background:url('../images/bg_summerdrinks.jpg') no-repeat;	
}

div#content.martini{
	background:url('../images/bg_martini.jpg') no-repeat;	
}

div.menu{
	text-align:center;
	width:250px;
	float:right;
	padding:150px 43px 0 0;
}

div#nextbutton{
	width:42px;
	height:42px;
	position:absolute;
	cursor:pointer;
	margin:63px 0 0 954px;
	z-index:100;
}
div#backbutton{
	width:42px;
	height:42px;
	position:absolute;
	cursor:pointer;
	margin:63px 0 0 -16px;
	z-index:100;
}

ul.menuItem {
	margin:13px 0;
}

ul.menuItem.first {
	margin:0;
}

ul.menuItem li{
	margin:5px 0;
}

ul.menuItem li.name{
	font-weight:bold;
}

div#content.waarenwanneer p.intro{
	text-align:center;
	padding:51px 0 8px;
	font-size:13px;
}

div#content.waarenwanneer .column{
	width:200px;
	float:left;
	margin:15px 0 0 30px;
	_margin:35px 0 0 35px;	
}

div#content.waarenwanneer .column.first{
	margin:15px 0 0 45px;
	_margin:15px 0 0 20px;	
}

ul.casino{
	margin-bottom:20px;
	font-size:13px;
	line-height:15px;
}

ul.casino li.name{
	font-weight:bold;
}

div#content.uitnodiging p{
	font-family: Times, serif;
	font-size:16px;
	line-height: 28px;
	margin:0 0 35px 0;
}

div#content.uitnodiging .welcome{
	width:540px;
	padding:140px 0 0 230px;
}

span.handtekening{
	display:block;
	margin:7px 0;
}
span.x{
padding: 0;
margin: 0;
font-size: 4px;
}

form.recensie{
	padding-top:120px;
}

div#content.recensie div.bedankt{
	text-align:center;
	padding-top:250px;
	font-size:20px;
	font-weight:normal;
}

div#content.recensie div.bedankt h1{
	font-weight:normal;
}

div#content.recensie div.bedankt p{
	font-size:14px;
	margin-top:10px;
	line-height:17px;
}
div#content.recensies div.quotes{
	width: 460px;
	font-size: 14px;
	top: 100px;
	left: 270px;
	margin-top:10px;
	line-height:17px;
	position:absolute;
	z-index:100;
	text-align: center;
}
span.naam {
 font-size: 13px;
}

form.recensie div.textareawrapper textarea{
	border:0;
	width:325px;
	height:123px;
	float:left;
	margin:0;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;	
	padding:7px 0;
	resize: none;
}

div.textareawrapper{
	width:360px;
	height:150px;
	overflow:hidden;
}

div.textareawrapper div.left{
	float:left;
	width:11px;
	height:147px;
	background:url(../images/ta_left.png) no-repeat;
}

div.textareawrapper div.right{
	float:left;
	width:11px;
	height:147px;
	background:url(../images/ta_right.png) no-repeat;
}

div.textareawrapper div.middle{
	width:325px;
	float:left;
}

div.textareawrapper div.top{
	float:left;
	width:325px;
	height:5px;
	background:url(../images/tf_top.png) repeat-x;
}

div.textareawrapper div.bottom{
	float:left;
	width:325px;
	height:5px;
	background:url(../images/tf_bottom.png) repeat-x;
}

div.inputwrapper{
	overflow:hidden;
}

div.inputwrapper.small{
	width:50px;
	float:left;
}

div.inputwrapper.small input{
	text-align:center;
}

div.inputwrapper div.left{
	margin-top:2px;
	float:left;
	width:10px;
	height:32px;
	background:url(../images/tf_left.png) no-repeat;
}

div.inputwrapper div.right{
	margin-top:2px;
	float:left;
	width:10px;
	height:32px;
	background:url(../images/tf_right.png) no-repeat;
}

div.inputwrapper input {
	height:18px;
	width:100%;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	padding-top:5px;
	margin-top:1px;
}

textarea.textie6{
	font-family: "Times New Roman", Times, serif;
	width:360px;height:150px; border:0;overflow:hidden;
}

input.inputie6{
	width:360px; height:20px;
	font-family: "Times New Roman", Times, serif;
}

div.inputwrapper div.middle{
	width:325px;
	float:left;
}

div.inputwrapper div.middle.small{
	width:26px;
	text-align:center;
}

div.inputwrapper div.top{
	float:left;
	width:100%;
	height:5px;
	background:url(../images/ta_top.png) no-repeat;
}

div.inputwrapper div.bottom{
	float:left;
	width:100%;
	height:5px;
	background:url(../images/ta_bottom.png) no-repeat;
}

form.recensie input{
	border:0;
} 

form.recensie label{
	float:left;
	padding-right:20px;
	text-align:right;
	width:400px;
}

div.waardering p{
	overflow:hidden;
	height:25px;
}

label{
	margin-top:4px
}

div.waardering span.nummer{
	font-size:17px; 
	float:left; 
	_float:none; 	
	margin:3px 3px 0 0;
}

input[type="radio"]{
	float:left;
}

span.checkbox {
	background:transparent url(../images/checkbox.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:32px;
	padding:0 5px 0 0;
	width:32px;
}

span.radio {
	background:transparent url(../images/radio.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	clear:right;
	height:25px;
	padding:0 4.7px 0 4.7px;
	width:19px;
}

span.select {
	-x-system-font:none;
	background:transparent url(../images/select.png) no-repeat scroll 0 0;
	color:#000;
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:32px;
	line-height:32px;
	overflow:hidden;
	padding:0 24px 0 8px;
	width:202px;
	float:left;
	position:absolute;
}

div#footer{
	width:100%;
}

div#footer ul.buttons{
	list-style:none;
	float:left;
}

div#footer ul.buttons li{
	float:left;
}

div#footer ul.credits{
	float:left;
	list-style:none;
	padding:40px 0 40px 5px;
	font-family: arial, sans-serif; 
	font-size:11px;
}

div#footer ul.credits li{
	float:left;
	margin-right:15px;
}

div#footer ul.credits li a:link{color:#899283; text-decoration:none;}
div#footer ul.credits li a:visited{color:#899283; text-decoration:none;}
div#footer ul.credits li a:hover{color:#899283; text-decoration:underline;}