/* Start of CMSMS style sheet 'style' */
/*	-------------------------------------------------------------
	Gideon 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor        	Jesudas Nadar, Moona consulting
	.version       	1.0
	.url       		moonaconsulting.com
	.timestamp      15/07/2009 .. 
	-------------------------------------------------------------	

	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	 1. Global Browser Resetting & Global properties
	 2. layout
	 3. top navigation
	 4. main menu
	 5. option menu 
	 6. new item
	 7. banner
	 8. right side  components
	 9. gallery
	10.footer
*/

/* Globlal Browser Resetting  start here */
html {
	color:#000;
	font-family:"verdana","arial";
	font-size:11px;
	
	}
body, div, dl, dt, dd, ul,  li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img {
	border:none;
	}
address,caption,code,th,var {
	font-style:normal;
	font-weight:normal;
	}
a, a:hover {
	outline:none;
	}
caption,th {
	text-align:left;
	}
h1, h2,h3 {
	font-size:100%;
	font-weight:normal;
	display:block;
	}
h1 {
	font-size:24px;
	padding:8px 0px 8px 0px;
	}
h2 {
	/* font-weight:bold; */
	/* margin:9px 0px 0px 0px;
	width:auto; */
	}
h3 {
	display:block;
	color:#ed134e;
	margin-bottom:5px;
	}
p 	{
	padding-bottom:10px;
	}
sup {
	vertical-align:text-top;
	}
sub  {
	vertical-align:text-bottom;
	}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	}
input,textarea,select {
	font-size:100%;
	}
/* page layout starts here */
#pagewrapper {
	width:893px;
	margin:0 auto;
	}
#header {
	height:89px;
	border-bottom: solid #717171 1px;
	}
.logo {
	float:left;
	width:810px;
	margin-top:44px;
	
	}
.logo img{
       margin-right:0px;
}
* html .logo img{
margin-right:4px;
}
*:first-child+html .logo img{
margin-right:4px;
}
#nav-container {
	margin-top:13px;
	margin-bottom:30px;
	height:12px;
	}
ul#nav {
	list-style-type:none;
	
	}
#nav li {
	display:block;
	float:left;
	
	}
#nav li a {
	display:block;
	float:left;
	height:12px;
	text-decoration:none;
	padding:0;
	overflow:hidden;
	}
#nav li a.home {
	background:url(images/home.jpg);
	width:33px;
	}
#nav li a.producties {
	background:url(images/producties.jpg);
	width:73px;
	}
#nav li a.workshops {
	background:url(images/workshops.jpg);
	width:75px;
	}
#nav li a.persoonlijk {
	background:url(images/persoonlijk.jpg);
	width:81px;
	}
#nav li a.cv {
	background:url(images/cv.jpg);
	width:14px;
	}
#nav li a.contact {
	background:url(images/contact.jpg);
	width:53px;
	}
#nav li a.links {
	background:url(images/links.jpg);
	width:35px;
	}
#nav li  img {
	margin:0px 43px 0px 43px;
	}
#nav li:hover a, #nav a:hover {
	background-position: 0 12px;
	}
#nav li #selected {
	background-position: 0 12px;
	}

#nav li #menuselected {
	background-position: 0 12px;
	}
	
#slide-wrapper{
	
	height:371px;
	border-bottom:1px solid #717171;
	padding-bottom:13px;
	
	}

ul#news {
	float:left;
	margin-left:-19px;
	margin-top:13px;
	}
* html ul#news {
	margin-left:-20px;
	}
ul#news li {	
	float:left;
	width:209px;
	height:313px;
	display:inline;
	
	background:#ebecec;
	margin:0px 0px 0px 19px;
	}
ul#news li h2, ul#news li p, ul#slider li h2, ul#slider li p {
	padding:0px 0px 0px 7px;
	line-height:13px;        
        width:90%;
	}
ul#news li span.morelink a, ul#slider li span.morelink a, #pagination span a{
	color:#000;
	text-decoration:none;
	}
ul#news li span.morelink, ul#slider li span.morelink {
	font-weight:bold;
	float:left;
	display:inline;
	padding-top:10px;
	width:92%;
	text-align:right;
	}
ul#slider li span.morelink {
	width:95%;
	}

#content {
	float:left;
	/* margin-top:13px; */
	padding-bottom:13px;
	}
* html #content {	
	margin-bottom:13px;

	}
#content-container {
	float:left;
	width:656px;
	height:307px;
	background:#ebecec;
	padding:5px 0px 0px 10px;
	margin-top:13px;
        margin-right:15px;
	}
#thumpnails {
	float:right;
	width:210px;
	/* height:315px; */
	}

#rightbar {
	float:left;
	background:#ebecec;
	height:739px;
	width:187px;
	margin-left:20px;
	padding:10px 10px 0px 10px;
	}
#rightbar p {
	padding-bottom:10px;
	}
#thumpnails ul {
	float:left;
	list-style-type:none;
	margin-left:-9px;
	margin-top:3px;
	}
#thumpnails ul li {
	float:left;
	width:65px;
	height:56px;
	display:inline;
	background:#000000;
	margin:8px 0px 0px 8px;
        overflow:hidden;
        text-align:center;
        list-item-style:none;
	}

/* * html  #thumpnails {
	border:solid red 1px;
	margin-left:-25px;
	}
* html #thumpnails ul {
	margin-left:-9px;
	}	 */

#thumpnails ul li a {
	font-size:0px;
	}
/* scroll pane starts here */
.scroll_pane{
	height: 287px;
	width: 630px;
	float:left;
	padding-right:15px;
	overflow:hidden;
	/* scrollbar-face-color:#a8a9ab;
	scrollbar-arrow-color:#58595a;
	scrollbar-track-color:#58595a;
	scrollbar-shadow-color:#a8a9ab;
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:'';
	scrollbar-darkshadow-Color:''; */
	overflow:auto;
}
.scrollbar-vert{
	height: 287px;
	width: 20px;
	float:left;
	background: url(images/bar.jpg) no-repeat;
	}
.handle-vert{
	height: 42px;
	width: 20px;
	background: url(images/scroll_button.jpg) no-repeat;
	}
				
/* scroll pane ends here */


/* thumpnails starts here */

/* slider page starts here */
ul#slider {
	float:left;
	margin-left:-20px;
	}
ul#slider li {
	float:left;
	width:436px;
	height:318px;
	display:inline;
	margin:0px 0px 20px 20px;
	background:#ebecec;
	}
#pagination {
	float:left;
	margin-top:34px;
	width:893px;
	display:inline;
	font-weight:bold;
	}

/* slider page ends here */
.old_button {
	float:left;
	width:45%;
	}
.newer_button {
	float:right;
	width:45%;
	text-align:right;
	padding-right:5px;
	}
#contact_wrapper {
	float:left;
	width:666px;
	}
#contact_slider {
	border-bottom:1px solid #717171;
	padding-bottom:15px;
	height:279px;
	
	}
#contact_form {
	float:left;
	margin-top:5px;
		}
.row {
	float:left;
	margin-bottom:1px;
	}
#contact_form label{
	float:left;
	width:122px;
	}
#contact_form input {
	float:left;
	width:529px;
	height:22px;
	background:url(images/textbox.jpg) no-repeat;
	border:0;
	display:inline;
	vertical-align:middle;
	padding:7px 0px 0px 15px;
        margin-bottom:5px;
        
	}
*:first-child+html #contact_form input{
        padding-bottom:5px;
}
#contact_form textarea {
	background:transparent url(images/textarea.jpg) no-repeat scroll left top;
	border:0 none;
	height:136px;
	padding:7px 0px 0px 15px;
	width:529px;
	height:320px;
	overflow:hidden;
	}
* html #contact_form textarea {
	margin-left:-3px;
	}
input#submit {
	background:transparent url(images/submit.jpg) no-repeat scroll left top;
	width:105px;
	height:29px;
	padding:2px 0px 0px 0px;
	cursor:pointer;
        float:right;
	}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	}
.mysubmit{
        float:left;
        width:227px;
        }
ul#news li h2{
text-transform:uppercase;
}
.pageheader{
font-size:14px;
}
.news-break{
overflow:hidden;
float:left;
height:145px;

}
.redmsg{
color:#FF0000;
font-weight:bold;
margin:1em 0 0.2em 20%;
padding:0;
width:auto;
}
.summ{
overflow:hidden;
height:145px;
}
.required{
color:#575a5c;
}
#errordisplay{float:left;
	margin-bottom:10px;
color:red;
}
#errordisplay label {
color:#fff;
width:122px;
}
.mylabel{
color:#fff;
float:left;
width:122px;
}
.news-break2{
height:65px;
float:left;
overflow:hidden;
}
.hideme{
display:none;
}
ul#slider li .news-break2 ul {
float:left;
width:95%;
margin:5px 0px;
}

ul#slider li .news-break2 ul li {

background:url('images/bullet-square.gif');
background-repeat:no-repeat;
background-position:1px 5px;
float:left;
clear:both;
margin:0 0 5px 8px;
height:auto;
width:auto;
padding-left:10px;
}
ul#news li .summ  ul {
float:left;
width:95%;
margin:5px 0px;
}

ul#news li .summ ul li {
background:url('images/bullet-square.gif');
background-repeat:no-repeat;
background-position:1px 5px;
float:left;
clear:both;
height:auto;
width:auto;
margin:0 0 5px 8px;
padding-left:10px;
}
#content-container ul{
/*float:left;
width:auto;*/
margin:0px 0px 8px 5px;
}
#content-container ul li{
list-style-type:none;
background:url('images/bullet-square.gif');
background-repeat:no-repeat;
background-position:1px 5px;
/*float:left;
clear:both;

height:auto;*/
width:95%;
padding:0 0 7px 10px;

}
.newscontent{
height:280px;
float:left;
width:100%;
}
ul#slider li .news-break2 ol li{
height:auto;
width:95%;
padding:5px  0px 0px 0px;
}
ul#slider li .news-break2 ol{
margin:5px;
padding:5px;
}

/* End of 'style' */