/* CSS Document behorende bij de template met de Kok 
   Author: Walraven WebWerk
   Copyright: Walraven WebWerk
   Url: www.walravenwebwerk.nl   */

body{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: #412400;
text-align: center;
background: #transparent;

scrollbar-face-color: #f5f0ec;
scrollbar-shadow-color: #f5f0ec;
scrollbar-highlight-color: #f5f0ec;
scrollbar-3dlight-color: #ebd8b7;
scrollbar-darkshadow-color: #ebd8b7;
scrollbar-track-color: #f5f0ec;
scrollbar-arrow-color: #934700;
}

#container {
width: 806px;
height: 589px;
margin: auto;
text-align: left;
}

#menu{
width: 128px;
height: 484px;
float: right;
background: #d6b897 url(../images/menu-bg.jpg) no-repeat;
padding: 45px 2px 50px 10px;
}

#login {
position: relative;
top: -45px;
text-align:right;
height: 10px;}

#login a:link, #login a:visited {
color: #ebd8b7; 
text-decoration: none;}
#login a:hover{
text-decoration: underline;}

#header{
width: 666px;
height: 107px;
background: url(../images/logo.jpg) no-repeat;
float: left;
text-align: right;
}

#pathway{ margin-top: 35px; margin-right: 85px; height: 15px; line-height:15px; font-size: 0.9em;}

#bg-foto{
width: 666px;
height: 351px;
background: url(../images/main-bg.jpg);
float: left;
}

	#content{
	width: 505px;
	height: 340px;
	margin-left: 50px;
	overflow:auto;
	padding-right: 30px;}
	
#fotos{
width: 666px;
height: 131px;
background: url(../images/foto-bg.jpg);
float: left;
}

	#foto1, #foto2, #foto3, #foto4, #foto5{
	width: 86px;
	height: 124px;
	float: left;
	}
	
	#foto1 {margin-left: 51px;}
	#foto2{	margin-left: 34px;}
	#foto3{	margin-left: 33px;}
	#foto4{	margin-left: 33px;}
	#foto5{	margin-left: 33px;}
	
H1{ font-size: 1.1em; font-weight:bold; color: #004098; width: 100%; border-bottom: 1px solid #98008b;}
h2{font-size: 1.0em; font-weight: bold; color: #98008b;}

#content a:link, #content a:visited {
text-decoration: none;
color: #004098;}
#content a:hover{
border-bottom: none;
color: #98008b;}
	
	
/* CMS default stylen */

/* navigatie in menu's */
a.mainlevel, a.sublevel{
 color: #fffbff; 
 text-decoration:none; 
 font-size: 1.1em; 
 font-weight:bold; 
 line-height: 20px; 
 display:block; 
 text-align:right; 
 padding-right: 10px;
 margin-right: 10px;
 background:url(../images/mainlevel-bg.png) no-repeat;
 background-position: 9px right;}
 
a.mainlevel:hover, a.sublevel:hover{
text-decoration: none;
background-position: -11px right;
line-height: 20px;
color: #004098;}

#active_menu{
background:url(../images/mainlevel-bg.png) no-repeat -11px right;
text-decoration: underline;
line-height: 20px;	}
hr {}
hr.separator {}
.pagenavbar {} 
.pagenav {}
.small {}


/**
 * CMS Form Styles
 * -----------------
 * Here are 2 styles that CMS uses to let users control
 * how their forms and buttons may look.
 */
 
.button {}
.inputbox {}


/**
 * CMS Tabbed Frontend Admin Interface
 * -------------------------------------
 * The CSS styles here defines how the frontend admin interface
 * will look like when editing and adding news through frontend.
 */
 
.ontab {}
.offtab {}
.tabpadding {} 
.tabheading {}
.pagetext {}



/**
 * CMS General styling for Sections/Categories/Contents
 * ------------------------------------------------------
 * These stylings are either sometimes or often used across
 * Sections, categories and contents. They, therefore, deserves
 * to be mentioned and separated from others.
 */
 
.createdate, .modifydate {font-size: 0.9em; color: #ebd8b7;} 
.readon{color: #9a540b;}


/** 
 * CMS Styling for Contents
 * --------------------------
 * All the styling for contents are listed
 * below.
 */
 
.contentpane {}
.contentpaneopen {}
.contentheading {font-size: 1.2em; color: #9a540b; font-weight:bold;}
.contentpagetitle {}
.contentdescription {}
table.contenttoc {}
table.contenttoc td {}
.content_rating {}
.content_vote {}

. {
border: 1px solid #9a540b;}

/**
 * CMS Sections Styles
 * ---------------------
 * Styling of sections tables 
 */

.sectiontableheader {color: fffbff; background-color: #9a540b; font-weight:bold;}
.sectiontableentry1, {}	
.sectiontableentry2 {background-color: #ebd8b7;}



/**
 * CMS Styles for Categories
 * ---------------------------
 * The following are the styling for "Category" items
 * generated from the Sections area
 */

.category {font-size: 1.1em; color: #9a540b; font-weight:bold;}
a.category:link, a.category:visited {color: #9a540b; text-decoration: none;}
a.category:hover {text-decoration: underline;}



/**
 * CMS Blog styling
 * ------------------
 * Not too sure where this is used yet. I tried the blog section
 * but it doesn't seem to use it. If you have info on this,
 * email me. I'll update this part.
 */
 
.blogsection{}



/**
 * CMS Components Styles
 * -----------------------
 * These stylings are to format the way components title
 * is displayed
 */


.componentheading {font-size: 1.2em; color: #9a540b; font-weight:bold;} 



/**
 * CMS Modules formatting
 * ------------------------
 * These stylings are to format the way modules are
 * displayed. It mainly deals with the format of its
 * table. I think this doesn't need too much explaining
 */

table.moduletable {width: 100%;}
table.moduletable th {font-size: 1.1em; font-weight:bold; color: #9a540b;}
table.moduletable td {}
	


/**
 * CMS's Built-in Component's Syling
 * -----------------------------------
 * These stylings are used for CMS's built-in components
 * such as newsfeeds, weblinks, contact, search and polls.
 * A commented subtitle will guide you which is for which
 */
 
 
 /*  Polls  */
 
.poll {} 
.pollstableborder {border: 1px solid #9a540b;} 


/*  Weblinks */
.weblinks{} 


/*  Newsfeeds */
.newsfeedheading {} 
.newsfeeddate {} 
.fase4rdf {} 


/* Search page */
table.searchintro {} 


/*  Contact's table settings  */
table.contact {} 
table.contact td.icons {} 
table.contact td.details {}