*{margin:0; padding:0;}

body, html{height:100%;}
body {
	color:#959595;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	background: url(/cmsfile/193) repeat-y center top; /*121*/
	text-align:center;
	/*overflow-y:auto;*/
}
a{text-decoration:none;}
a img {border:none;}
table{border-collapse:collapse;}
hr{height:1px; color:#666;}

/*Layout*/
#page{width:980px; height:auto; margin:0 auto; text-align:left;}
#header{width:980px; height:150px; background:transparent;}
#tools{width:540px; height:30px; display:block; line-height:30px; margin-left:420px;}
#contentcontainer{width:980px; height:auto; float:left; display:block; /*overflow-y:auto;*/ background: url(/cmsfile/526) no-repeat left 400px;*/ /*205*/}

#sidebar{width:398px; float:left; display:inline; background:transparent; height:auto; }
#nav{width:172px; min-height:527px /*398px*/ ; background:#e0dbc7; float:left; display:inline; margin-top:117px;}
#nieuws{width:220px;height:527px; float:left; display:inline; margin:118px 0 0 4px;}
#menuarchief{width:220px;height:527px; float:left; display:inline; margin:119px 0 0 4px;}
#content{width:560px; min-height:520px; float:left; display:inline; }
#footer{float:left; display: block; clear:both; width:980px; display: none;}
.scroller{width:auto; height: auto; background: transparent; margin:12px 0 12px 30px; }
.box{padding:0 9px 6px 6px;}
.box2{padding:18px 0 0 54px;} /* met worst */
.box2{padding:18px 0 0 30px; float:left;}
.clr{float:left;clear:both;height:1px;}
/* Bg verschillende pagina's */
.xyzhome{background: url(/cmsfile/113) no-repeat 1px 0px; margin:0; padding:0;}
.menutips{background: url(/cmsfile/209) no-repeat left top;} /*117*/
.bbq-braadworst{background: url(/cmsfile/209) no-repeat left top;}
.pagetitle{width:500px; height:auto; background:transparent;display:block; margin-left:12px;}
#header a:hover{text-decoration:underline;}

/* Content */
#content h1{color: #000;display:block; font-size:18px; line-height:44px; margin-left:-15px; /*text-transform:uppercase; */ /* background: url(/cmsfile/25) no-repeat left center;*/ text-indent:24px; }
#content h2{color:#000; font-size:12px; font-weight:bold; margin-left:24px;}
#content h3, #content h4, #content h5, #content h6{font-size:12px; font-weight:bold; color:#000;margin-left:24px;}
#content p{color:#959595; margin:8px 0 8px 24px;}
#content ul{list-style-image: url(/cmsfile/201); margin:12px 0 12px 60px;}
#content ul li {line-height:18px;}
#content a{color:#e11e22;}

/* Laatste nieuws */
#nieuws h3{border-bottom: 1px solid #e0dbc7; color:#999966; font-size:12px; line-height:32px; margin-bottom:3px; padding:0; text-transform:uppercase; }
#nieuws a{color: #999966;}
.nieuwsitem{width:204px; height:auto; border-bottom: 1px solid #e0dbc7; padding:12px 0; display:block;}
.nieuwsitem a{color:#999966;}
.nieuwsitem a:hover{color:#666633 !important;}
.nieuwsitem img.centered{width:204px;float:left;display:block;margin-bottom:3px;}
.alignleft{float:left; display: inline; margin: 0 4px 0 0;}
.alignright{float:right; display: inline; margin: 0 0 0 4px; }
h3.menuarchief{margin:0 !important;}
.menupage{color:#000 !important;}
.menutitel{display:block; height:32px; line-height:32px; margin-top:-1px; padding:0 !important; }
.menutitel h3{margin:0 !important; padding:0 !important; height:32px; line-height:32px;}
.menutip{/*width:206px;*/ height:69px !important; border-bottom: 1px solid #e0dbc7; margin-top:0 !important; padding:0 !important; display:block; overflow:hidden !important;}
.menutip .wide{width:554px;}
.menutip .smallcol{width:206px;}
.menutip a{color:#999966; line-height:22px;}
.menutip a:hover{color:#999;}
.menutip img{margin-top:5px;}

/* Adres*/
#adres{width:150px; height:auto; color:#000; font-size:11px; margin:120px 0 12px 18px;}
#adres a{color:#000;}
#adres a:hover{text-decoration:underline;}

/* Menu*/
#menuarchief h3{border-bottom: 1px solid #e0dbc7; color:#999966; font-size:12px; height:32px; line-height:32px; margin-top:-2px; text-transform:uppercase;}
#menuarchief ul{list-style-type:none; width:200px; height:auto;}
#menuarchief ul li {height:32px; border-bottom: 1px solid #e0dbc7; height:32px; line-height:32px; display:block;}
#menuarchief ul li a{color:#000; display:block; text-transform:uppercase;}
#menuarchief ul li a:hover, #menuarchief ul li a.selected{color:#e11e22;}
#menuarchief ul li a span{width:150px; height:32px; background:transparent; float:left; display:block;}
#menuarchief ul li img{float:right; display:inline; margin-top:3px;}

.menuitem{width:190px; height:32px; border-bottom: 1px solid #e0dbc7; padding:12px 0; display:block; background:#e2e2e2;}
.menuitem p{text-transform:uppercase; line-height:32px; display:inline; }
.menuitem img{float:right;}

/* Menutips */
#bereidingswijze{background: #edeadd !important; color: #000 !important; margin:0 6px 6px 24px; padding:6px 6px 6px 0;}
#bereidingswijze p{color:#000 !important;padding-right:12px;}
a.printlink{color:#999966 !important; display:block; padding: 6px 0 36px 48px; text-transform:uppercase;}

#nav ul {list-style-type:none; height:auto;}
#nav ul li{height:1%; line-height:32px; display:block;}
#nav ul li a{color:#000; display:block; border-bottom: 1px solid #fff; line-height:32px; margin-left:18px; text-transform:uppercase;}
#nav ul li a:hover{color:#e11e22;}
#nav ul li a.current{color:#e11e22;}

/* Navigatie in de header */
#tools a{color:#fff; text-transform:uppercase; padding-right:16px;}

/* Forms */
#formident table td{height:24px; line-height:24px;margin-top:24px;padding:3px 0;}
.inputtext{border:1px solid #666;padding: 2px 3px; width:260px;}
.inputtextarea{border: 1px solid #666; padding:2px 3px; width:420px; height:120px; font-family: Arial; font-size:12px;}

#siteoverzicht{width:497px; height:auto; float:left; margin-top:24px;}
/* Lists */

.valign_top{padding:3px;}

h1.sIFR-replaced {
	line-height:40px; 
	/*max-width:400px !important;  */
	width:497px; 
	height:80px;
	padding:0 120px 12px 0;
	overflow:hidden;
	font-size:18px;
	text-transform:none;
	white-space:normal !important;
	float:left;
}
h1.sIFR-replaced embed{
	width:497px !important;
	white-space:normal !important;
}
/*
h1.siFR-replaced:after{content: "."; display:block; height:0; clear: both; visibility:hidden; }
*/
#cms_textfooter{display:none !important;}

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active h1 {
    font-family: Verdana;
    color:#000;
  }
  
}