@import url(screen.php);

/** STANDAARD ***/

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	font-size:14px;
}

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

strong{
    font-style: normal;
}
/*************/


#main {
	width:900px;
	margin:10px auto;
}

#header {
	background:url(../images/header2011.jpg);
	height:226px;
}

.home #header {
	background:url(../images/header2011.jpg);
	height:226px;
}

#homeFlash {
	position:absolute;
	top:10px;
	margin-left:-20px;
}
/*.aso #header {
	background:url(../images/header_genieten.jpg);
}

.genieten #header {
	background:url(../images/header_assortiment.jpg);
}

.zegel #header, .campagne #header, .contact #header {
	background:url(../images/header_rodezegel.jpg);
}

.nh_kaas #header, .dis #header {
	background:url(../images/header_nhkaas.jpg);
}

.graskaas #header {
	background:url(../images/header_graskaas.jpg);
}*/

#headerlinkjes {
padding-top:7px;
padding-right:176px;
	text-align:right;
}

#headerlinkjes a{
	float:right;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	border-right:1px solid #fff;
}

/*** MENU *****/


#menu {
	position:absolute;
	width:893px;
	top:238px;
	/*top:132px; voor lage header */
	background:url(../images/menu_bg.gif);
	height:30px;
	padding-left:8px;
	font-size:11px;
}

.home #menu {
	top:238px;
}

#menu ul, #menu ul li {
	float:left;
	list-style:none;	
}

#menu a:hover,
#menu ul li.actief a:hover {
	color:#ddd;
}

#menu ul li.actief>span>a:hover {
	color:#555; /*#555;*/
}



/* TABJES  NIET ACTIEF */

#menu ul li.actief ul li a,
#menu ul li ul li a,
#menu ul li a{
	background:#fff;
	padding:5px 5px 2px 5px;
	float:left;
	color:#fff;
	background:url(../images/menu_li_bg.gif);
}

#menu ul li {
	margin-top:8px;	
	margin-right:5px;
	background:url(../images/li_nietactief_left.gif) no-repeat;
	padding-left:4px;
	/*height:22px;*/

}

#menu ul li span{
	display:block;
	background:url(../images/li_nietactief_right.gif) right top;
	padding-right:4px;
	height:22px;

}

/* TABJES ACTIEF */

#menu ul li.actief {
	margin-top:6px;
	background:url(../images/li_welactief_left.gif) no-repeat;
	/*height:24px;*/
}


#menu ul li.actief a{
	background:#fff;
	padding:7px 5px 5px 5px;
	float:left;
	color:#b10117;
	background:url(../images/menu_actief_bg.gif);
}

#menu ul li.actief>span{
	background:url(../images/li_welactief_right.gif) right top;
	height:24px;
}

#menu ul li.actief ul li>span{
	background:url(../images/li_nietactief_right.gif) right top;
	height:22px;
}


#menu ul li ul {
	margin-top:-30px;
	margin-left:56px;
	position:absolute;
}


#menu ul li a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

/****** LAAG 2 *******/

#menu ul li ul li ul {
	top:70px;
	position:absolute;
/*	background:#fff;
	height:290px;*/
	left:-125px;
	padding:10px 0px 0px 10px;
	width:140px;
}

#menu ul li ul li.actief ul li,
#menu ul li ul li.actief ul li span {
/*	height:22px;*/
}

#menu ul li ul li.actief ul li,
#menu ul li ul li.actief ul li span,
#menu ul li ul li.actief ul li a{
	margin:0px; 
	padding:0px;
	background:none;
}

#menu ul li ul li.actief ul li a{
	color:#e61a18;
	font-weight:normal;
	padding:3px 0px 4px 0px;
	display:block;
	border-bottom:1px solid #f5a3a3;
	width:130px;
}

#menu ul li ul li.actief ul li .actief a {
	font-weight:bold;
}

#menu ul li ul li ul li ul,
#menu ul li ul li ul li ul li a,
#menu ul li ul li ul li ul li span {
	margin:0px;
	padding:0px;
	border:none;

}

/** RECEPTEN **/

#menu ul li ul li ul li.actief ul{
	margin-left:140px;
	background:none;
	margin-top:-10px;		
}

#menu ul li ul li.actief ul li.actief ul li a{
	color:#555;
	border:none;
	font-style:italic;	
	padding:0px;
	margin:0px;
	font-size:10px;
}

#menu ul li ul li ul li.actief ul li, 
#menu ul li ul li ul li.actief ul li span{
	padding:0px;
	margin:0px;
	height:18px;	
}

/******** CONTENT *******/

#content ul li {
	list-style:square;
}

#content {
	/*min-height:300px;
	_height:300px;*/
	margin-top:50px;
	margin-left:150px;
	border-left:2px dotted #f0cfd3;
	padding-left:20px;
	margin-bottom:10px;
}

.contenttitel {
	font-weight:bold;
	color:#ba2119;
	font-style:italic;
	padding-bottom:2px;
	margin-bottom:3px;
	display:block;
	border-bottom:1px solid #ccc;
}


/*.aso #content,*/
.home #content,
.campagne #content {
	padding-left:20px;
	margin:0px;
	border:0px;
	padding-top:50px;
}	

#cms_content {
	margin-bottom:10px;
	padding-top:0px;
	width:370px;	
}

/*.aso #cms_content {
	width:725px;
}*/


.zegel #content {
	margin-left:0px;
	border:none;
}

/*.aso #cms_content,*/
.zegel #cms_content,
.campagne #cms_content {
	width:550px;
}

/*.aso #xTra,*/
.zegel #xTra,
.campagne #xTra {
	margin-left:580px;
}

.home #cms_content {
	padding-bottom:30px;
	padding-top:0px;
}

.genieten #cms_content {
	width:650px;	
}

#cms_content ul li {
	margin-left:13px;
}

#titel h2, #titelHome h2 {
	font-size:14px;
	color:#ba2119;
}

#titelHome h2  {
	font-size:22px;
}


/******* HOME *******/

.home #titel {
	display:none;
}

#titelHome {
	position:absolute;
	top:300px;
	margin-left:20px;
}

#titelHome h2{
	font-size:20px;
}

#xTra, #xTraSupermarkt {
	border-left:2px dotted #f1d4d9;
	position:absolute;
	/*top:173px; voor smalle header */
        top:267px;
	padding-left:16px;
	margin-left:430px;
	padding-top:10px;
	/*min-height:290px;
	_height:290px;*/
	width:280px;
	font-size:11px;
}

#xTraSupermarkt{
	border:none;
	background:url(../images/bg_supermarkt.gif);
	width:272px;
	height:453px;
}


#xTraSupermarkt ul {
	margin-top:20px;
}

#xTraSupermarkt ul li {
	font-size:11px;
	color:#444;
	list-style:square;
}

.home #home_xTra {
	position:absolute;
	padding-left:6px;
	top:290px;
	margin-left:577px;	
	border-left:2px dotted #ccc;
}

#home_xTra .readmore{
	background:url(../images/readmore.gif) right 4px no-repeat;
	padding-right:10px;
	color:#be1d13;
	text-decoration:none;
}

#home_xTra #blok1 {
	background:url(../images/blok1_bck.jpg);
	padding:60px 0px 0px 25px;
	margin-top:-20px;
	width:270px;
	font-size:11px;
}
#home_xTra #blok1 {
	background:url(../images/blok1_bck.jpg);
	padding:50px 0px 0px 25px;
	margin-top:-20px;
	height:186px;
}

#home_xTra #blok1 #blok1_img{
	float:left;
	margin-right:15px;
}

#home_xTra #blok1 p{
	float:left;
	width:80px;
	padding-top:70px;	
}

#home_xTra #blok2 {
	background:url(../images/bg_blok2.jpg);
	padding:45px 10px 0px 130px;
	font-size:11px;
	width:150px;
	height:90px;
}

/*** NH KAAS ***/

/**** ZEGEL *****/

/*#zegelBg {
	background:url(../images/zege_bg.gif) no-repeat;
	padding:15px;
	position:absolute;
	top:173px;
	width:538px;
	height:102px;
	border-bottom:1px solid #eed5d1;
}

#zegelBg .text, #bobBg .text {
	margin-left:190px;
}

#zegelBg h2, #bobBg h2, #geschiedBg h2, #blokBoven h2 {
	font-size:14px;
	color:#b9201a;
	margin-bottom:15px;
}*/
.zegel table {
    margin-top: -8px;
    width:574px;
  /*  border-bottom: 1px solid #eed5d1; waarom was dit? */
}
.zegel #titel h2 {
    display: none;
    height:0;
}
.zegel table h2 {
    color: #ba2018;
    padding-bottom: 5px;
}
.zegel table p {
    margin-top: 5px;
}

p, table{
    margin:10px 0 10px 0;
}
.aso table{
    margin-bottom: 40px;    
}
.block1 {
    vertical-align: top;
    width: 286px;
    height: 135px;
    /*background: url(../images/rodezegel_vlak1.jpg) top left no-repeat;*/
}

.rozebck{
    padding: 10px 10px 10px 10px;
        background-color: #fbc1ad;

}
.block2 {
    vertical-align: top;
    padding: 10px 10px 10px 10px;
    width: 286px;
    height: 104px;
}
.block3 {
    vertical-align: top;
    padding: 10px 10px 10px 10px;
    width: 286px;
    height: 114px;
    background: url(../images/rodezegel_vlak3.jpg) top left no-repeat;
}

#bobBg {
	background:url(../images/bob_bg.jpg) no-repeat;
	padding:15px;
	width:538px;
	height:102px;
	border-bottom:1px solid #eed5d1;
}

#geschiedBg, #blokBoven {
	background:url(../images/geschiedbg.gif) no-repeat;
	padding:15px;
	position:absolute;
	top:173px;
	width:383px;
	height:152px;
	border-bottom:1px solid #eed5d1;
}

#blokBoven {
	background:url(../images/blokje_boven.gif) no-repeat;
	height:120px;
}

/******** WEETJES ***********/

.roze {
	background:url(../images/bgweetje_1.gif) no-repeat;
	padding:0px 15px 0px 15px;
	font-style:italic;
}

.rood {
	background:url(../images/bgweetje_2.gif) no-repeat;
	padding:0px 15px 0px 15px;
	color:#fff;
	font-style:italic;	
}

/***** RECEPTEN ***********/

.genieten h4 {
	font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	font-style:italic;
}

.receptTD {
	color:#bc1d19;
}

.receptTD li {
	list-style:square;
}



/***********************/


#footer {
	text-align:right;
	/*background:url(../images/rodebies.jpg);*/
        background-repeat: no-repeat;
	height:20px;	
	vertical-align:middle;
	padding-top:0px;
	padding-right:10px;
	
}
#footer img{
    z-index:100;
}
#lang_choice {
	display:none;
}

#footer a {
        color:#666;
	font-size:10px;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	border-right:1px solid #fff;
}

/**** SEARCH ******/

#site_search {
	position:absolute;
	top:4px;
	margin-left:730px;
}

#site_search #query {
	width:100px;
	border:none;
	height:14px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#aaa;
}

#site_search .title {
	display:none;
}

#site_search .submit {
	float:left;
	margin-top:-17px;
	margin-left:105px;
}

/*** FORM ****/

.contact #cms_content {
	width:673px;
}

#contactForm .up{
	/*height:110px;
	background:url(../images/contactheader.jpg);*/
}

#contactForm .down {
/*	background:#fff url(../images/table_under.gif) no-repeat;
	height:10px;*/
}

#contactForm {
	font-size:11px;
}

input, textarea {
	font-size:11px;
	font-color:#444;
	height:14px;
	width:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #888;
}

.radio {
	width:20px;
	border:none;
}

#postcode {
	width:80px;
}

#huisnr {
	width:43px;
}

#reactie {
	height:60px;
	width:220px;
}

#contactForm {
	/*background:#f9c3a9;*/
}

#contactTable td{
}

.submit {
	/*background:url(../images/submit.gif);*/
        background-color: #eee;
	border:none;
	width:113px;
	height:30px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#ba2119;
}

.formreqd {	
	background:#f9e7df;
	border:1px solid #ba2119;
}	

.bedankt {
	margin-top:20px;
	padding:10px;
	border:2px dotted #f9c3a9;
	font-style:italic;
}

.letop {
	margin-top:20px;
	padding:10px;
	border:2px dotted #ba2119;
	font-style:italic;
	font-weight:bold;
}

/****** RAAR *********/

#actieTab {
	background:url(../images/actie.gif);
	position:absolute;
	top:140px;
	margin-left:429px;
	padding:4px 9px 4px 9px;
	z-index:1 !important;
}

.home #actieTab {
	top:246px;
	margin-left:582px;
}

#actieTab a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

.zegel #actieTab {
	margin-left:582px;	
}

