/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 11-12-2008
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*        GENERAL        */



.clearfix:after, div#wrapper:after, div#footer:after { 

    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

/* Hides from IE-mac and IE-win \*/
*html .clearfix, div#wrapper, div#footer {height: 1%;}
/* End hide from IE-mac and IE-win */

*html div#wrapper, div#banner, div#footer {behavior: url(css/iepngfix.htc);}


/*         GENERAL         */
/*++++++++++++++++++++++++*/





/*++++++++++++++++++++++++*/
/*     HTML ELEMENTS     */

body { 
	background:url(../img/bg.jpg) no-repeat top left fixed #333;
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#cecece;
}


a { 
	color:#66cc00; 
	text-decoration:none; 
	padding:0 15px 3px 0;
	outline:none;
}

a:hover { text-decoration:underline;}

a.readmore { 
	background:url(../img/a_readmore_bg.gif) right 6px no-repeat;
	padding:0 12px 2px  0;
	display:inline-block;
}

h2 {  
	padding: 0;
	margin:0 0 5px 0;
	font-size:20px
}


h3 {  
	padding: 0;
	margin:0 0 5px 0;
	font-size:17px;}

p { 
	margin:0 0 10px 0; 
	padding:0;
}

img {
	border:1px solid #cecece;
}


/*      HTML ELEMENTS      */
/*++++++++++++++++++++++++*/





/*++++++++++++++++++++++++*/
/*        MAIN DIVS      */



div#wrapper { 
	width:760px;
	padding:0;
	background:url(../img/top.png) no-repeat top left;
	margin:20px 20px 0 20px;
	padding-bottom:20px;	
}


div#content { 
	background-color:#1d1a1d;
	padding:0 10px;
	width:740px;
	float:left;
}
*html div#content {margin-left:-1px;}

div#header { 
	height:218px;  
	width:738px;
	margin:0;
	float:right;
	background:url(../img/header_bg.jpg) no-repeat top; 
	border-top:1px solid #c6c6c6; 
	border-bottom:1px solid #c6c6c6;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

div#tekst {
	width:488px; 
	background:#3f3d3f; 
	min-height:160px;
	margin:0; 
	padding:20px;
	float:left;
	border:1px solid black;
}
div#tekst div {background-color:gray;
padding:10px;
color: white;
margin-bottom:10px;}

div#tekst div.extra, div.extra {
	background: #fecd01 url(../img/extra_top.gif) no-repeat left top;
	padding:0;
	margin-left: -10px;
	margin-right:-10px;
	margin-bottom: 10px;
	width: 507px;
	color: #000;
}

div.extra p {
	margin:0;
	padding: 10px;
	background: url(../img/extra_bottom.gif) no-repeat left bottom;
	}
	
div#openingstijden { 
	float:right; 
	background:#4f4d4f; 
	width:169px;
	padding: 20px;
	border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	min-height:160px;
}

*html div#openingstijden {padding:20px 19px 20px 20px;}

div#openingstijden div.extra {
	background-image:url(../img/extra_top_2.gif);
	width: 189px;
}

div#openingstijden div.extra p {background-image: url(../img/extra_bottom_2.gif);}

div#submenu { 
	background:#666666;
	padding:18px 20px 20px 20px;
	float:right; 
	width:169px;
	height:60px;
	border-top:1px solid black;
	border-right:1px solid black;
}

ul.submenu { margin:0; padding:0 0 0 14px;}
ul.submenu li { margin:0; padding:0; height:20px; list-style: url(../img/li_selected.gif);}
ul.submenu li.off { list-style:none;}
ul.submenu li a {padding:3px 0; margin:0; display:block}
ul.submenu li em a  { font-style:normal; font-weight:bold; color:#cecece; }
ul.submenu li em a:hover { text-decoration:none;}


div#banner { 
	width:192px; 
	height:80px;
	background:url(../img/banner_bg.png) no-repeat top right;
	float:right; 
	margin:50px 20px 0 0;
	padding:20px 20px 20px 30px;
}

div#footer {
	clear:both;
	height:30px;
	background:url(../img/bottom.png) no-repeat; 
	padding:0 10px;
}

div#footer span.footerInfo, div#footer span.last {  
	background:url(../img/footer_stippen.gif) no-repeat right; 
	display:block;
	float:left;
	padding:6px 8px 8px 7px;
	font-size:12px;
}

div#footer span.last { background:none;}

/*        MAIN DIVS      */
/*++++++++++++++++++++++++*/




/*++++++++++++++++++++++++*/
/*          NAV          */


ul#nav {
	padding:0 5px 0 0; 
	margin: 58px 0 5px 0; 
	float:right;		
}

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

ul#nav li  a {
	color:#66cc00; 
	text-decoration:none; 
	margin: 0 5px 0 0 ;
	display:block;
	padding:5px;
	outline:none;
}

ul#nav li a:hover, ul#nav em a { background:url(../img/menu_bg.gif) no-repeat top center #339900; font-style:normal; color:#FFF;}



/*           NAV           */
/*++++++++++++++++++++++++*/




form { margin:0; padding:0;}

form table tr td {padding:2px;}
form table tr.hr td {padding:0;}



/*++++++++++++++++++++++++*/
/*        CLASSES        */


img.picture { float:left; margin:0 10px 0 0;}

table.openingstijden {margin-bottom:10px;}

div#tekst div a {padding:0;}
body.fotos div#tekst a { float:left; margin:4px 8px 4px 0; padding:0; display:block;}

img.ideal {border:none;}

table ul {font-size:11px;
margin:0;
padding:20px;}
/*        CLASSES         */
/*++++++++++++++++++++++++*/