/*
Pagina Layout Stijl
*/
body {
	background-color: #57534f;
	font: 100% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	
}
#contentTable {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #57534f;
	border-bottom-color: #f1873e;
}
#contentTable td {
	vertical-align: top;
}
/*
Sets the large masthead background image, sets the height of the table cell
to match the height of the background image. Sets the table cell contents
to align in the middle. */
#masthead {
	background-image: url(../afbeeldingen/ks_mastbg.gif);
	background-repeat: repeat-x;
	background-color: #91928e;
	border-bottom: 1px solid #57534f;
}
/*
This rule sets the masthead kachelshop graphic as a background on the DIV
that contains the embedded logo image. The embedded image appears naturally
at the left edge of the parent masthead cell, while the 'titel' background
is displayed at the right edge.*/
#logodiv {
	margin: 0;
	font-size: 0.7em;
}
/*
Sets the menu container cell and the top-level menu UL to have a
textured gray backgrouind.*/
#menubar, #p7PMnav {
	background: url(../afbeeldingen/ks_menubarbg.jpg) repeat-x;
}
/*
Sets the menu font size*/
#menubar {
	font-size: 0.8em;
	padding-left: 54px;
}
/*
Sets the left sidebar width to a flexible 15%.*/
#sidebar1 {
	font-size: 0.7em;
	background-color: #91928e;
	padding: 10px 10px 25px;
	color: #333333;
	width: 15%;
	border-top: 1px solid #57534F;
}
/*
Sets styles for the main content table cell. Note that the
verticalRule background image is the dashed border between the
main content cell and the sidebar. Also sets the main content cell
to a flexible width of 65%.*/
#maincontent {
	padding: 10px 20px 20px;
	font-size: 0.8em;
	line-height: 1.5em;
	width: 65%;
	background: url(../afbeeldingen/ks_verticalRule.gif) repeat-y right top;
}
.img {
	border: 1px solid #333333;
	background: #91928E;
}

/*
Sets the right sidebar width to a flexible 20%.*/
#sidebar2 {
	width: 20%;
	font-size: .70em;
	padding: 10px;
	color: #333333;
	
}
#footer {
	font-size: 0.7em;
	color: #CCCCCC;
	padding-top: 16px;
	padding-bottom: 16px;
}
h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
}
h1 {
	font-size: 1.20em;
}
h2 {font-size: 1em;}
h3 {font-size: 1.3em;}
/*
Sets link styles for all links on the page except the Pop Menu Magic Menu.*/
a:link {
	color: #FFFFFF;
}
a:visited {
	color:#D2C99B;
}
a:hover, a:active, a:focus {
	color: #EAE6D0;
}

#sidebar2 a:link {
	color: #FFFFFF;
}
#sidebar2 a:visited {
	color: #CCCCCC;
}
#sidebar2 a:hover {
	color: #CC0000;
}
#sidebar2 a:active, #sidebar a:focus {
	color: #FFFFFF;
	text-decoration: none;
}

#sidebar1 a:link {
	color: #FFFFFF;
}
#sidebar1 a:visited {
	color: #CCCCCC;
}
#sidebar1 a:hover {
	color: #CC0000;
}
#sidebar1 a:active, #sidebar a:focus {
	color: #FFFFFF;
	text-decoration: none;
}
/*
-----------------------------------------------------
PMM MENU STYLE MODIFICATION*/
/*
Sets the width of the top-level menu bar to a scalable 46em. The menu
can then scale as the user resizes text preventing menu items from
breaking to a new line.*/
#p7PMnav {
	width: 100%;
}

#contentTable #sidebar2 {
	color: #FFFFFF;
}

