/* general styles */
*{	font-family:Helvetica, Verdana, Arial,  sans-serif;}
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, font, img, strong, sub, sup, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;}
:focus {outline: 0;}
html{width:100%;}
body {width:100%;	color: black;  background-image:url('../images/bg.jpg'); background-repeat:repeat;  background-position:top center; }
ol, ul {	list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
a{	color:white; text-decoration:underline;}
a:visited{	color:white;}
a:hover{ }
a.warning{	color:#E14A03;}
.warning{	color:#E14A03;	font-weight:bold;}
br.clear {clear:both;}

h4{	font-size:13px; font-weight:bold;}
p{ text-align:justify;	 }
span.attention{color:red; font-size:12px; font-weight:bold;}
hr{		border-bottom:1px dotted #C4C4C4; border-top : none; border-left : none; border-right : none; color : #fff; }
/* general form styles */
.myform form .fd{clear: both;	margin-bottom:10px;} 
form.myform  div{margin:0 0 0 0; clear:both; min-height:26px; height:auto!important; height:26px;}

.widep p{width:375px; font-size:14px;}
.floatleft{float:left;}
.floatright{float:right;}

.posrel{position:relative;}

/* smallforms */
form.small label{float:left; clear:both; font-weight:bold;}
form.small input.text{float:left; clear:both; width:150px;}
form.small select.select{float:left; clear:both; width:150px;}
form.small .btn{margin:10px 0 0 0;}

/* headings */
h1{	font-size:21px;	font-weight:normal; color:#D79C13; margin:33px 0 15px 0;  }
p{ font-size:14px; color:#DDD; line-height:20px; margin:0 0 10px 0; width:225px;}
h2{color:#DA261C; font-weight:bold; font-size:13px; margin:0 0 15px 0;}
p a{color:white; text-decoration:underline; font-weight:normal;}
p a:hover{color:#CCCCCC;}
h3{color:black;	font-size:13px; font-weight:bold; margin:0 0 10px 0; }
h5{color:#DA261C;	font-size:12px; font-weight:bold; margin:0 0 0 0; padding:0 0 4px 3px; border-bottom:3px solid #DA261C; }
.italic{ font-style:italic!important;}
.marginleft{ margin-left:35px; float:left;}
/* headings */

/* custom */
.att{font-weight:bold;}
/* custom */


/* header */
#header{width:867px; height:62px;  position:relative;margin:52px auto 0 auto; }
#headerbg{ position:absolute;width:867px; height:62px; top:0px; left:0px; z-index:-1; opacity:0.75;filter:alpha(opacity=75); background-color:#000;}
#content{width:867px; position:relative;  height:540px;  margin:7px auto 0 auto; }
#contentbg{ position:absolute; width:867px; height:540px; top:0px; left:0px; z-index:-1; opacity:0.46;filter:alpha(opacity=46); background-color:#000;}
#leftcontent{ width:335px; position:relative;   height:540px;float:left; color:white; }
#leftcontentbg{position:absolute;width:335px; height:540px; top:0px; left:0px; z-index:-1; opacity:0.30;filter:alpha(opacity=30); background-color:#000; }

/* header */


/* footer */

#footer{position:relative; margin:27px auto 0 auto; width:867px; height:94px;}
#mainfooterbg{z-index:-1;position:absolute; top:0px; left:3px; background-color:white; opacity:0.35;filter:alpha(opacity=35); width:861px; height:94px; }
#footerbg_1{  z-index:-1;position:absolute; top:1px; left:2px; background-color:white; opacity:0.35;filter:alpha(opacity=35); width:1px; height:92px;}
#footerbg_2{ z-index:-1; position:absolute; top:2px; left:1px; background-color:white; opacity:0.35;filter:alpha(opacity=35); width:1px; height:90px; }

#footerbg_3{ z-index:-1;position:absolute; top:1px; right:2px; background-color:white; opacity:0.35;filter:alpha(opacity=35); width:1px; height:92px;}
#footerbg_4{z-index:-1; position:absolute; top:2px; right:1px; background-color:white; opacity:0.35;filter:alpha(opacity=35); width:1px; height:90px;}


#footerleft{ float:left; width:350px; margin-top:11px; margin-left:21px;}
#footerright{ float:right; text-align:right; width:350px; margin-top:11px; margin-right:21px;}
#footerright p{float:right; text-align:right;}
#footer h3{ color:white; font-weight:bold; font-size:18px; margin:0 0 12px 0;}
#footer h3 a{ text-decoration:none; font-size:12px; color:white;}
#footer h3 a.big{ text-decoration:none; font-size:18px; color:white;}
#footer p { color:white; font-size:13px; line-height:16px; }
#footer img{position:absolute; top:15px; left:405px;}
/* footer */
	
	
/* copy */
#copy_container{ width:867px; margin:0 auto 0 auto; position:relative;}
#copy{ margin:12px 0 40px 17px; font-size:10px; color:white; text-align:left; width:150px; line-height:14px;}

/* copy */


/* nav */
#navigation{ position:absolute; top:32px; right:20px; }
#navigation a{ display:block; float:left; font-weight:bold; font-size:14px; text-decoration:none; color:#C6C3C3; width:auto; margin:0 25px 0 25px; padding:0 0 1px 0; text-align:center;}
#navigation a:hover{}
#navigation a.active{border-bottom:6px solid #933712;}
/* nav */

/* imgs */
#empty_alt{ position:absolute; left:15px; top:15px; filter:Alpha(opacity=0);}
#empty{ position:absolute; left:15px; top:15px; filter:Alpha(opacity=100); }
.tinyimg{ float:left; margin:0 13px 10px 0; cursor:pointer; border:1px solid #000;}
#leftcontent h2{ color:#D79C13; font-weight:bold; font-size:14px; margin:15px 0 10px 0;}
.smallmarginleft{ margin-left:15px; margin-top:300px;}


/* uren */
.leftp{float:left; width:125px;}
.rightp{ float:left; width:125px; text-align:right;}


/* menukaart */
.menukaart{width:480px; clear:both; height:410px; margin-top:20px; overflow:auto;}
p.subtitle{font-size:12px; font-weight:bold; color:white; margin:15px 0 8px 0;}
.menukaart h3{color:white; font-size:14px; margin:0 0 15px 0; font-weight:bold;}
p.m_item_str{ float:left; width:300px; font-size:12px; color:white; line-height:15px; margin:0 0 20px 0; }
p.m_item_pr{  float:left; width:150px; text-align:right; font-size:12px; line-height:15px;  color:white;}
.menukaartlinks{ padding:0 0 0 0; width:335px;}
.menukaartlinks a{float:left; display:block; clear:both; color:white; font-weight:normal; font-size:13px;width:320px; padding:0 0 0 15px; line-height:22px; margin:0 0 5px 0; text-decoration:none; position:relative;}
.menukaartlinks a:hover{ text-decoration:none;}
.menukaartlinks a.activemenu{ height:22px;  }
.menukaartlinks a .act{ display:none; position:absolute; top:0px; left:0px; height:100%; width:100%; background-color:white; z-index:-1; opacity:0.30;filter:alpha(opacity=30); }
.menukaartlinks a.activemenu .act{ display:block;}

p.hourlinks {}
p.hourlinks a{float:left; display:block; clear:both; color:white; font-weight:normal; font-size:13px;width:320px; padding:0 0 0 15px; line-height:22px; margin:0 0 0 0; text-decoration:none; position:relative;}
p.hourlinks a:hover{text-decoration:none;}
p.hourlinks a .act{display:none; position:absolute; top:0px; left:0px; height:100%; width:100%; background-color:white; z-index:-1; opacity:0.30;filter:alpha(opacity=30);}
p.hourlinks a:hover .act{display:block;}
p.hourlinks a .r{float:left; width:150px; display:block; text-align:right;}
p.hourlinks a .l{float:left; width:150px; display:block; text-align:left;}

/* form */
label{	cursor:pointer; width:200px; color:white; float:left; clear:both; line-height:22px; display: block; font-size:12px; font-weight:normal }

p.wide{width:450px; font-size:12px; line-height:14px; margin:0 0 10px 0;}
.myform{width:450px;}
 input.text{width:174px; margin:0; line-height:16px; height:16px;clear:both; }
input.button{margin:0; }
 input.text, textarea{	border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;padding:3px 0 3px 2px; background-color:#EEE; background-image:url(../images/nav/textbg.gif); background-repeat:repeat-x; background-position:top; }
 textarea.textarea{ width:174px; overflow:auto; clear:both; height:35px;}
 fieldset.fieldset{ border:0; position:relative; margin:0; padding:0; float:left; width:220px;}
 legend{	 font-weight:bold; font-size:12px; padding-bottom:3px;line-height:14px;font-size:13px;	color:#444444;	font-weight:bold; }
.floatleft{float:left;}
.floatright{float:right;}

#thumbscroller{ position:relative; height:156px;overflow:hidden;}
#thumbholder{  top:0px; left:0px;  position:absolute;}
#controls{ margin:15px 0 0 0 ;}
#controls a{display:block; font-size:16px;color:#D79C13; font-weight:bold; width:50px; text-align:left; text-decoration:none; line-height:20px; float:left;}
#controls a:hover{ text-decoration:underline;}