/*
Title:      	jeugddienstherentals master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        May 08 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; }


/* ---- [ typography ] ------------ */
body { font: normal 62.5%/1.5em Arial, Verdana, sans-serif; }
h1 { background: transparent url(images/titel_balk.gif) no-repeat;  height: 21px; padding: 2px 0 5px 60px; margin: 10px 0 10px 15px; font-size: 15px; color: #fff; letter-spacing: 1px; }


#wrapper { width: 730px; margin: 0 auto; clear: both; overflow: hidden; }
#container { width: 530px; float: left; background: transparent url(images/achtergrond_spiraal.jpg) no-repeat top right;overflow: hidden;}
#sidebar { width: 198px; float: left; }

/* -----[ Header ] ----------------	*/
#header { padding: 0 50px 0px 15px; color: #fff; overflow: hidden;}
#opening { float: right; padding-top: 10px; }
#opening a { color: #fff; margin: 0 6px 0 3px;}
#heading { clear: both; overflow: hidden; padding-bottom: 15px; }
#heading dl{ display:block;width:170px;padding:15px 0 0 10px; float: left; text-align:right;color:#000;}
#logo { float: left; margin-top: 10px;  }
#slogan { float: left; margin-top: 10px; padding-right: 5px; }
#slogan .lbljeugd { display: block; font-size: 2.4em; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; padding: 5px 0 15px 5px; color: #fff; text-decoration: none; }
#slogan .lblherentals { display: block; font-size: 2.0em; letter-spacing: 13px; text-transform: lowercase; padding-left: 5px; color: #fff; text-decoration: none; }
#address { font-size: 1.0em; clear: both; overflow: hidden; _margin-top: 10px; font-family: Comic Sans MS; border-top: solid 1px #000;}
#address .seperator { margin: 0 2px; color: #000; }
#address a { color: #fff; }

/* -----[ Content ] ----------------	*/
#content { padding-top: 10px; width: 498px; font-family: Comic Sans MS !important; overflow:hidden; }
#viewcontent h2 { font-size: 1.2em; font-weight: bold; text-decoration: underline; margin-bottom: 10px; padding: 0 5px 0 60px;  }
#content p { font-size: 1.1em; padding: 0 5px 10px 60px; }
#content a { color: #000; text-decoration: underline; font-weight: bold; }
#content ul { padding: 0 5px 10px 70px; }
#content ul li { list-style-type:disc; }
#content ul ul { padding: 0 5px 10px 20px; }
#content li li{ list-style-type: circle; }
#content li li li{ list-style-type:none; }
#content table { margin-left: 60px; }
#content table p{ padding:0; }
#content table td{ vertical-align:top; }
#content table ul{ padding-left: 20px; }
#verzenden {padding: 0 5px 5px 60px; font-size:1.3em;}
#breadcrumb { padding: 0 5px 5px 100px; color: #83787e;}
#breadcrumb a {color: #83787e;}

/* -----[ News ] ----------------	*/
.news_teaser h2 { background: transparent url(images/titel_balk.gif) no-repeat; height: 21px; padding: 2px 0 5px 60px; margin: 10px 0 10px 15px; font-size: 15px; color: #fff; letter-spacing: 1px; }
.news_teaser { clear: both; overflow: hidden; }
.news_teaser .date_news { color: #fff; background-color: #000; padding: 1px 3px; margin-right: 15px; font-size: 1.2em; }
.news_teaser ul.news li { border-top: solid 1px #83787E; margin: 10px 0 0 60px; padding-top: 3px; width: 420px; list-style: none; }
.news_teaser a { color: #000; font-size: 11px; font-weight: bold; }
#content .news_teaser ul.extra_links { padding: 10px 0 10px 150px; list-style: none; font-weight: bold; font-family: Comic Sans MS !important }
.news_teaser ul.extra_links a { margin-left: 5px; }
#content .news_teaser ul li{ list-style: none;margin-left:0; }

/* -----[ Events ] ----------------	*/
.events_container { clear: both; overflow: hidden; margin-left: 60px; margin-bottom: 10px; width: 470px; font-family: Comic Sans MS !important; }
.events h2 { background: transparent url(images/titel_balk.gif) no-repeat; height: 21px; padding: 2px 0 5px 60px; margin: 10px 0 10px 15px; font-size: 15px; color: #fff; letter-spacing: 1px; }
.events_info { float: left; width: 290px; }
.events_info .page_nam { font-size: 1.3em; font-family: Comic Sans MS; color: #000; font-weight: bold; text-decoration: underline; display: block; margin-bottom: 8px; }
.events_info .date { color: #fff; background-color: #000; padding: 1px 3px; margin-bottom: 5px; font-size: 1.2em; }
#content .events_info p { margin-top: 5px; font-size: 1.1em; padding-left:0; }
.events_foto { float: left; width: 130px; margin-right: 15px; }
.events ul.extra_links { font-size: 11px; font-weight: bold; margin-left: 160px; list-style: none; }
.events ul.extra_links a { margin-left: 5px; color: #000; }
#content  .events ul li { list-style: none; }

/* -----[ Sessions ] ----------------	*/
#sessions { padding-left: 60px; }
#sessions table { width: 400px;  margin: 7px 0 15px 0;}
#sessions table th{ background-color: #9cb542; color: #fff;}
#sessions table td { text-align: center; line-height: 14px; font-size: 1em; }
#sessions table tr.alt0 { background-color: #e4e2e3; font-weight:bold; }
#sessions table tr.alt1 { font-weight:bold; }
#sessions table  td.date { width: 120px;}
#sessions table td { vertical-align: top; }

/* -----[ Sidebar ] ----------------	*/
#sidebar { width: 198px; overflow: hidden; background-color: #E4E2E3; border-left: solid 2px #83787e; border-bottom: solid 8px #83787e; height: 100%; font-family: Comic Sans MS !important; min-height: 600px; height:auto !important; height: 600px; }

/* -----[ image Shifter ] ----------------	*/
#shifter {background-color: #E4E2E3; }

/* -----[ Search ] ----------------	*/
#search { padding: 5px; border-top: solid 2px #83787e ; border-bottom: solid 2px #83787e ; }
#search .button { background-color: #000; color: #fff; padding: 0 3px; border: none;  font: 1.2em/1.3em Comic Sans MS, Arial;}
#search .lblSearch { font: normal bold 1.1em/1.1em Comic Sans MS, Arial; margin-bottom: 3px; display: block;  }
#search .text { font-size: 1.1em;  margin-top: 2px; width: 115px; border-top: inset 0.2em #404040; border-left: inset 0.2em #404040; color: #83787e; }
#introsearch { clear: both; overflow: hidden; }

/* -----[ Tell-A-Friend ] ----------------	*/
#bdytellafriend { background: transparent url(images/achtergrond_spiraal.jpg) no-repeat top left; }
#bdytellafriend #heading { height:150px; }
#bdytellafriend #btnclose,  #bdytellafriend .message{ font-size:1.1em; }


/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

div.editmenu { margin-top: 0 !important; }