/*
Title:      	lirio master styles for screen media
Author:     	© 2009 anaXis nv.
Updated:        February 2008
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* stupid hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* stupid hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.5em Arial, Verdana, sans-serif;}

/* ---- [ typography ] ------------ */
a { color: #ffffff; text-decoration: none; }
h1 { font-size: 1.5em; margin: 20px 0 20px 50px; padding-bottom: 6px; border-bottom: solid 1px #B7B6B6; color: #DF2823; text-transform: uppercase; font-weight: bold; }
h2 { font-size: 1.2em; margin: 0 0 10px 120px; padding: 20px 0 0 0; color: #231F20; text-transform: uppercase; }
p { font-size: 1.15em; margin-left: 120px; margin-bottom: 10px; margin-right: 120px; color: #231F20; }

.error{ color: #DF2823; }

/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu *, 
#eyeEditMenu #table { width: auto; }
#eyeEditMenu a { cursor: pointer; }
#eyeEditMenu img{ margin: 0px; }
.editmenu{ margin-top: 20px !important;}
.editmenu img{ margin: 0px; }
table.mceEditor { margin-left: 120px !important; }
table.mceEditor iframe { margin: 0 !important; }

/*	wrapper
--------------------------------*/
#wrapper { margin: 0 auto; padding: 0 auto; width: 970px;}

/*	header
--------------------------------*/
#header { width: 970px; margin-top: 10px; height:90px;} 
#header a { float: left; padding-bottom: 10px; margin-left:450px;}

#slogan { width:260px; float:left; margin-left:10px;}


/*	top
--------------------------------*/
#top { width: 970px; clear: both; }

/*	menu (tree)
--------------------------------*/
#menuTree { float: left; width: 721px; height:auto; /*background-color: #000000;*/ }
#menu { float:left; width: 721px; background-color: #000000; }
#menu ul { padding: 0;  text-decoration:none; list-style:none; }
#menu li { float: left; text-transform: uppercase; font-size: 1.0em; padding: 5px 25px; }
#menu li a { display: block; font-size: 1.0em; }
#menu li a:hover { color: #DF2823; }

#menuTree li.clicked a { color: #DF2823; }

#leftb { background: #ffffff url(images/menu_left.png) no-repeat scroll left top; height:15px; width:12px; float:left;}
#rightb { background: #ffffff url(images/menu_right.png) no-repeat scroll left top; height:15px; width:12px; float: left; }

/*	language
--------------------------------*/
#language { width: 110px; float: right; background-color: #000000; display: block; margin-top:-25px; margin-right: -1px;}
#language ul.lang { padding-top: 5px; padding-bottom: 5px;  }
#language ul.lang li { display: inline; margin-left: 6px;}
#language ul.lang li a:hover { color: #DF2823; }

/*	container
--------------------------------*/
#container { width: 970px; z-index: 100; clear:both; height:660px; }

#content { clear: both; overflow: hidden; }
#content a { color: #DF2823; }

#content #anchors a { color:#231F20; text-decoration: underline; } 
#content #anchors ul { list-style: none; } 
#content #anchors li { margin-left: 50px; } 
#content #newsitems { padding-top: 10px; }
#content #newsitems div h2 { border-top: solid 1px #B7B6B6; margin-right: 120px; }
#content #newsitems div { padding-bottom: 10px; }

#inhoud { width:650px; float:left; margin: 25px; }
#inhoud p { margin-left:50px;}
#inhoud_base ul { margin: 0 0 10px 120px; }
#inhoud_base ol { margin: 0 0 10px 120px; }
#inhoud_base li { margin-left: 30px; color: #231F20; }
#inhoud_base li ul { margin-left: 20px; }
#inhoud_base li ol { margin-left: 20px; }

#inhoud a { color:#DF2823; }

#inhoud h1 { border-bottom:1px;  }

#containerBase { width: 970px;  z-index: 100; clear:both; height:660px; border-right: solid 1px #B7B6B6; }
#inhoud_base { background-color: #ffffff; height: 660px; clear: both; overflow: hidden; width: 970px; border-bottom: solid 1px #B7B6B6; }
#sidebar { width:200px; height: 660px; float: left;}
#viewcontent { float: left; width: 770px; height: 660px; border-top: solid 1px #B7B6B6; overflow-y: auto;  }

#bookmarking { width: 100px; float: right; margin-top: -15px; #margin-top: 5px; }

/*	images
--------------------------------*/
.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

/*	Meaning tags
--------------------------------*/
acronym, abbr, q, dfn { font-style: italic; font-weight: bold; }

/*	Tables
--------------------------------*/
#content #inhoud_base #viewcontent table { margin: 0 0 10px 120px; text-align: left; vertical-align: top; }
#content #inhoud_base #viewcontent table table { margin-left: 0; }
#content #inhoud_base #viewcontent table th { text-align: left; vertical-align: top; }
#content #inhoud_base #viewcontent table td { vertical-align: top; }
#content #inhoud_base #viewcontent table p { margin-left: 0; margin-right: 0; }
#content #inhoud_base #viewcontent table ul { margin-left: 0; margin-right: 0; }

/*	Rss
--------------------------------*/
#content #inhoud_base #viewcontent table.eyeRssFeed { border: solid 1px #b7b6b6; margin: 0 0 10px 120px; }
#content #inhoud_base #viewcontent table.eyeRssFeed tr.rssHeader td { border-bottom: solid 1px #b7b6b6; font-weight: bold; }
#content #inhoud_base #viewcontent table.eyeRssFeed td { border-left: solid 1px #b7b6b6;  padding: 3px 5px; vertical-align: top; }

/*	Iframe
--------------------------------*/
#content #inhoud_base #viewcontent iframe { margin: 0 0 10px 120px; }

/*	login
--------------------------------*/
#aanmelden { float: left; padding-left: 25px; width: 745px; }
#aanmelden div.form-container {  }
#aanmelden fieldset { margin: 10px 0; padding: 10px; border: solid 1px #F1EEE5; display: block; width: 300px; margin: 50px 150px;  }
#aanmelden legend { color: #231F20; font-size: 1.1em; font-weight: bold;  }

/*	tooltip
--------------------------------*/
div.imgTip { width: 216px; height: 350px; }

/*	family
--------------------------------*/
#cat_fotos { float: left; width: 770px; border-top: solid 1px #B7B6B6; }
#content_fotos { height: 640px; }
#buttons { float: right; margin-right: 10px; }

/*	sitemap
--------------------------------*/
#sitemap { float: left; width: 720px; height: 660px; border-top: solid 1px #B7B6B6; overflow-y: auto; padding-left: 50px; font-size: 1.15em; text-transform: uppercase; }
#sitemap li { margin: 5px 0 5px 50px; }
#sitemap a { color: #231F20; }
/*	created
--------------------------------*/
#created { width: 970px; margin: 0 auto; }
#created a { color: #000000; }
#created div.foo { text-align: center; padding-top: 5px; }
#created div.foo span.welcome { margin-right: 5px; }