/* @override 
	http://localhost/Dinnerwebclub_web/Versie1.2/type_02/css/styles.css
	http://localhost/Dinnerwebclub_klanten/D'ouwe%20Veerstoep/css/styles.css
	http://www.ouweveerstoep.nl/css/styles.css
	http://localhost:8888/Dinnerwebclub_klanten/D'ouwe%20Veerstoep/css/styles.css
*/

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

Om pixels te berekenen in dit css documenten dienen alle ems gedeelt te worden door 0.063

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

*	{
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	list-style: none;
	font-style: normal;
	font-weight: normal;
	line-height: inherit;
	font-family: inherit;
	text-decoration: none;
}

body	{
	text-align: center;
	font: normal 1em/1em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	background-color: #fdf7eb;
}

/****************/
/* PAGE LAY-OUT */
/****************/

#SiteFrame {
	height:725px;
	width: 950px;
	display: inline-block;
}

#Basis_01 {
	float: left;
	display: inline-block;
	width: 950px;
	height: 50px;
	background-image: url(../img/Basis_01.png);
}

#sidebar {
	float: left;
	display: inline-block;
	width: 315px;
	height: 640px;
	text-align: left;
	background-image: url(../img/Basis_02.png);
}

#ContentFrame {
	float: left;
	display: inline-block;
	width: 585px;
	height: 640px;
	background-color: #fff;
}

#Basis_04 {
	float: left;
	display: inline-block;
	width: 50px;
	height: 640px;
	background-image: url(../img/Basis_04.png);
}

#Header {
	width: 585px;
	height: 240px;
	float: left;
	display: inline-block;
}

#Content {
	height: 400px;
	float: left;
	display: inline-block;
	width: 585px;
	overflow: auto;
}

#Footer {
	width: 950px;
	height: 35px;
	float: left;
	display: inline-block;
	background-image: url(../img/Basis_06.png);
}





/***********/
/* SIDEBAR */
/***********/

#sidebar ul.items {
	width: 18.9em;
	line-height: 1.89em;
	display: inline-block;
	float: left;
	margin-top: 6.25em;
}

/*Menu items die actief zijn */

#sidebar ul.items li.active {
	width: 18.27em;
	font: bold 1em/1.89em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-left: 0.63em;
	color: #fff;
	background: url(../img/Menu_01.png) repeat-x left top;
	margin-bottom: 0.315em;
}

#sidebar ul.items li.active a, #sidebar ul.items li.active a:visited {
	font: bold 1em/1.89em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #fff;
} 

#sidebar ul.items li.active ul li a, #sidebar ul.items li.active ul li a:visited {
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	color: #000;
}

#sidebar ul.items li.active ul li a:hover {
	text-decoration: underline;
}

#sidebar ul.items li.active ul li {
	padding-left: 1.26em;
	width: 17.64em;
	padding-top: 0.315em;
	padding-bottom: 0.315em;
	font: 0.75em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}


/* Menu items die niet actief zijn */


#sidebar ul.items li.subitems {
	width: 18.27em;
	font: bold 1em/1.89em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-left: 0.63em;
	background: url(../img/Menu_02.png) repeat-x left top;
	margin-bottom: 0.315em;
}

#sidebar ul.items li.subitems:hover {
	width: 18.27em;
	font: bold 1em/1.89em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-left: 0.63em;
	background: url(../img/Menu_01.png) repeat-x left top;
	margin-bottom: 0.315em;
}

#sidebar ul.items li.subitems a, #sidebar ul.items li.subitems a:visited {
	font: bold 1em/1.89em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #fff;
} 

#sidebar ul.items li.subitems ul li a, #sidebar ul.items li.subitems ul li a:visited {
	font-variant: normal;
	color: #000;
	font-weight: normal;
	font-style: normal;
}

#sidebar ul.items li.subitems ul li a:hover {
	text-decoration: underline;
}

#sidebar ul.items li.subitems ul li {
	padding-left: 1.26em;
	width: 260px;
	padding-top: 0.315em;
	padding-bottom: 0.315em;
	font: 0.75em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; }

/***************************/
/*FOOTER*/
/***************************/

#Footer ul.body_footer {
	float: left;
	display: inline-block;
	padding-left: 18.9em;
}

#Footer ul.body_footer li {
	text-align: center;
	font: normal normal 75%/2.205em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	text-decoration: none;
	padding-left: 1.26em;
	padding-right: 1.26em;
	color: #808080;
	float: left;
	padding-top: 0.50em;
}

/***************************/
/*FRAMES IN CONTENT FRAME*/ 
/***************************/

#Home_LEFTFRAME {
	width: 310px;
	text-align: left;
	float: left;
	display: inline-block;
	margin: 10px;
}

#Home_RIGHTFRAME {
	width: 235px;
	float: left;
	display: inline-block;
	margin: 10px 10px 10px 0;
}

/***************************/
/*ALGEMENE HTML ITEMS*/
/***************************/


p {
	font: 0.83em/1.26em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	margin-bottom: 1.26em;
	text-align: left;
}

h1 {
	font: bold 1em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-top: 0.63em;
	padding-bottom: 0.63em;
	margin-bottom: 0.63em;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 0.315em;
	text-align: left;
	clear: left;
}

h2 {
	float: left;
	display: inline-block;
	margin-top: 0.63em;
	text-align: left;
	font: 1em/1.26em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	margin-bottom: 0.63em;
}

h3 {
	font: bold 1em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-top: 0.63em;
	padding-bottom: 0.63em;
	margin-bottom: 0.63em;
	text-align: left;
	padding-left: 0.315em;
	margin-top: 1.26em;	
}

strong {
	font-weight: bold;
}

/***************************/
/*Classes*/
/***************************/

h2.Head_small {
	color: #fff;
	font: bold 1em/1.89em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	text-align: left;
	padding-left: 1.26em;
	height: 1.89em;
	background-color: #737242;
	margin-bottom: 0.945em;
	margin-top: 0.945em;
	width: 100%;
}

h3.tit_nieuws {
	font: bold 1em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-top: 0.63em;
	padding-bottom: 0.63em;
	margin-bottom: 0.63em;
	text-align: left;
	padding-left: 0.315em;
	float: left;
	clear: left;
	width: 35em;
}

a.content, a.content:visited {
	font-size: 0.83em;
	line-height: 1.26em;
	color: #fff;
	background-color: #737242;
	font-style: italic;
	text-decoration: none;
	padding-right: 0.315em;
	padding-left: 0.315em;
}

a.content:hover {
	text-decoration: underline;
}

a.footer, a.footer:visited {
	color: #999;
	text-decoration: none;
	font: normal normal 1em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

a.footer:hover {
	text-decoration: underline;
}

p.datum {
	font: 0.83em/1.26em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	margin-bottom: 1.26em;
	text-align: left;
	background-color: #65643a;
	padding-left: 0.315em;
	margin-left: 0.63em;
	padding-right: 0.315em;
	color: #fff;
	float: left;
	clear: left;
	display: inline-block;
}

p.pic_nieuws {
	width: 150px;
	height: 150px;
	float: left;
	clear: left;
	margin-left: 1.26em;
	margin-right: 1.89em;
	display: inline-block;
	margin-bottom: 1.89em;
}

p.nieuws_text {
	display: inline-block;
	padding-right: 0.945px;
	float: left;
	width: 28.225em;
}

p.line {
	width: 42em;
	border-bottom: 1px solid #e6e6e6;
	float: left;
}

p.text {
	padding-left: 0.63em;
	padding-right: 0.63em;
	margin-bottom: 1.26em;
}

p.text_high {
	padding-left: 0.63em;
	padding-right: 0.63em;
	margin-bottom: 1.26em;
	display: inline-block;
}

p.small {
	text-align: right;
	display: inline-block;
	padding-left: 0.63em;
	font: 0.7em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

/***************************/
/*Headers*/
/***************************/

#ContentFrame p.header_01 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_01.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_01_2 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_01_Nieuws.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_01_3 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_01_Archief.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_01_5 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_01_Vacature.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_02 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_02_winter.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_02_1 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_02_menukaart.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_02_2 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_02_lunchkaart.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_02_3 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_02_wijnkaart.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_02_5 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_02_recept.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.header_02_6 {
	height: 300px;
	width: 226px;
	background: url(../img/Header_02_hightea.png) no-repeat left top;
	float: left;
	display: inline-block;
	margin-left: 10px;
}

#ContentFrame p.header_03 {
	height: 240px;
	width: 585px;
	background: url(../img/Header_03.png) no-repeat left top;
	float: left;
	display: inline-block;
}

#ContentFrame p.Header_flash {
	height: 240px;
	width: 585px;
	float: left;
	display: inline-block;
}



/***************************/
/*Home -- Image replacement*/
/***************************/

h2#rest_pic {
	width: 310px;
	height: 140px;
	background: url(../img/rest.png) no-repeat;
}

/***************************/
/*Nieuws archief*/
/***************************/

h4.a_nieuws {
	text-decoration: none;
	float: left;
	clear: left;
	color: #333;
	font: 0.875em/1.26em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-left: 0.63em;
	margin-bottom: 0.315em;
}

#nieuws_a ul li a:hover {
	text-decoration: underline;
}

/***************************/
/*Openingstijden*/
/***************************/

table.table_tijden {
	width: 100%;
	text-align: left;
	font: normal normal 0.83em/1.26em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	float: left;
}

table.table_tijden tbody tr td.dag {
	padding-left: 0.315em;
	width: 6.3em;
}

table.table_tijden tbody tr td.T1 {
	width: 4.095em;
}

table.table_tijden tbody tr td.T1 {
	width: 3.5em;
}



/***************************/
/*Contactgegevens*/
/***************************/

table.Table_contactgegevens {
	width: 100%;
	text-align: left;
	font-variant: normal;
	font-style: normal;
	line-height: 1.26em;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	float: left;
}

/***************************/
/*Contact form*/
/***************************/

form#mail_form dl dt label {
	float: left;
	font: 0.83em/1.26em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	clear: left;
	display: inline-block;
}

#Home_LEFTFRAME input.in_medium {
	float: left;
	clear: left;
	display: inline-block;
	margin-top: 0.315em;
	margin-bottom: 0.315em;
	width: 300px;
	background: url(../img/in_medium.png) left top;
	font: 0.83em/1.95em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

#Home_LEFTFRAME input.in_medium:focus {
	background: url(../img/in_medium.png) left bottom;
}

#Home_LEFTFRAME textarea.in_textarea {
	width: 300px;
	float: left;
	display: inline-block;
	clear: left;
	margin-top: 0.315em;
	margin-bottom: 0.315em;
	height: 100px;
	font: 0.83em/1.95em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	background: url(../img/in_textarea.png) left top;
}

#Home_LEFTFRAME textarea.in_textarea:focus {
	background: url(../img/in_textarea.png) left bottom;
	font: 0.83em/1.95em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

#Home_LEFTFRAME input#submit {
	width: 150px;
	float: left;
	display: inline-block;
	margin-top: 0.63em;
	color: #fff;
	height: 25px;
	font: 0.83em/1.575em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	background: url(../img/B_verstuur.png) left top;
	cursor: pointer;
}

#Home_LEFTFRAME input#submit:hover {
	background: url(../img/B_verstuur.png) left bottom;
}

/***************************/
/*Algemene informatie*/
/***************************/

table.table_info {
	margin-left: 0.945em;
	margin-top: 0.945em;
}

td.con_labels {
	width: 12.6em;
	text-align: left;
	font-size: 0.83em;
}

td.con_gegevens {
	width: 15em;
	text-align: left;
	font-size: 0.83em;
}

/***************************/
/*Menukaarten*/
/***************************/

table.table_menu {
	float: left;
	display: inline-block;
	margin-bottom: 30px;
}

td.menu_item {
	padding-left: 0.63em;
	font-size: 0.83em;
	text-align: left;
	width: 35em;
	padding-bottom: 0.63em;
}

td.menu_curr {
	font-size: 0.83em;
	text-align: left;
	width: 1.575em;
}

td.menu_prijs {
	font-size: 0.83em;
	text-align: left;
	width: 5em;
}

/***************************/
/*Video pages*/
/***************************/

p.video_pres {
	text-align: center;
}