@charset "UTF-8";
/* CSS Document */

body 		{  
   				background-color: #FFF;  
     			margin: auto;  
    			width: 100%;  
 			} 

ul#sitemap{ 
list-style-image: url(../images/spacer.gif);
 }
 
ul#sitemap2{ 
list-style-image: url(../images/spacer.gif);
 }			

div#headertop {
				background:url(../images/bg.png) #000 repeat;
				width:100%;
				height:200px;
				
}
div#headerbottom {
				background:url(../images/bg-bottoms.png) #000 repeat-x center;
				width:100%;
				height:18px;
				
}
div#headerbottommain{
				background:url(../images/bg-bottom.png) #000 center;
				margin: 0px auto 0px auto;  
				width: 910px;
				height:18px;
}
div#footerbottom {
				background:url(../images/bg-footers.png) #000 repeat-x center;
				width:100%;
				height:18px;
				
}
div#footerbottommain{
				background:url(../images/bg-footer.png) #000 center no-repeat;
				margin: 0px auto 0px auto;  
				width: 910px;
				height:18px;
}

div#headercontent	{
				background:url(../images/bg-header.png) #000 repeat;
				margin: 0px auto 0px auto;  
				width: 902px;
				height:200px;
}
#logo	{
			background:url(../images/logo_jcsl.jpg) no-repeat;
			float:left;
			width:150px;
			height:125px;
			text-indent:-9999px;
			margin-left:50px;
			margin-top:32px;
			display:block;
			}
div#menu	{
			float: left;
			height:200px;
			list-style-type:none; 
			width: 650px;
}
ul#menu li 
{ 
    float:left; 
    padding-top: 123px; 
} 
ul#menu a 
{ 
		color: #FFF; 
		display: block; 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 14px; 
        font-weight: normal; 
        padding: 15px; 
        text-decoration: none; 
} 
ul#menu
{
margin: 0; padding: 0; border: 0; outline: none;
list-style: none;
}

div#contentmiddle
			{
				background:#FFF;
				width:100%;
				height:100%;
				min-height:450px;
			}
div#contentmain
			{
				background:url(../images/bg-content.png) repeat-y center #FFF;
				margin: 0px auto 0px auto; 
				width:910px;
				
				height:100%;

			}
.main	{
				float:left;
				text-align:left;
				width:500px;
				padding:50px;
				line-height:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#000;
			}
div#sidebar	{
			float:left;
			padding-top:50px;
			width:250px;
			}
div#nieuws	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:20px;
			padding-bottom:25px;
			}
div#nieuws a	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:15px;
			color:#000;
			}
div#nieuws a:hover	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:15px;
			color:#000;
			text-decoration:underline;
			}
div#nieuws a:visited	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:15px;
			color:#000;
			text-decoration:none;
			}
div#nieuws p	{
			padding-bottom:0px;
			}
div#nieuws img	{
			border:solid 10px #CCC; 
}

div#nieuwsbericht img	{
			border:solid 10px #CCC; 
}

div#fotoalbum img	{
			border:solid 10px #CCC; 
}

div#rdmfoto	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:20px;
			padding-bottom:25px;
			}
div#rdmfoto a	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:15px;
			color:#000;
			}
div#rdmfoto a:hover	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:15px;
			color:#000;
			text-decoration:underline;
			}
div#rdmfoto a:visited	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:15px;
			color:#000;
			text-decoration:none;
			}
div#rdmfoto p	{
			padding-bottom:10px;
			}
div#rdmfoto img	{
			border:solid 10px #CCC; 
}
div#foto img	{
			border:solid 10px #CCC; 
}

div#prod img	{
			border:solid 5px #CCC; 
}

div#footer
			{
				float:left;
				background:url(../images/bg.png) #FFF repeat;
				width:100%;
				height:134px;
			}
div#footerinfo
			{
				background:url(../images/bg-header.png) #000 repeat;
				margin: 0px auto 0px auto; 
				width:902px;
				height:116px;
			}

h1 	{
		background:url(../images/bg-h2.png) no-repeat center top;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:normal;
		text-align:left;
		height:53px;
		width:500px;
		margin:0px;
		line-height:0px;
}

h2	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		font-weight:bold;
}

h3 	{
		background:url(../images/bg-h2.png) no-repeat right top;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:normal;
		text-align:left;
		height:30px;
		width:250px;
		margin:0px;
		line-height:0px;
}

h4	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		font-weight:bold;
		padding: 20px 0 0px; 
}

h5 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000;
		font-weight:bold;
}
h6	{
		background:url(../images/bg-h2.png) no-repeat center top;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		text-align:left;
		font-weight:bold;
		height:53px;
		width:500px;
		margin:0px;
		line-height:0px;
}


div#footer 
{ 
    color: #FFF; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    text-align: center; 
    word-spacing: 3px; 
} 
div#footer a 
{ 
    color: #FFF; 
    font-family: Arial, Helvetica, sans-serif; 
} 

table.main{
width: 200px;
margin-left: auto;
margin-right: auto; 
}

 tr.main, td.main {
border-color: #FFFFFF;
vertical-align: middle; 
margin-left: auto;
margin-right: auto; 
padding: 5px; 
border-style: solid;
 }
 
 table.producties{ 
width: 500px; 
margin-left: auto; 
margin-right: auto; 
} 

 tr.producties { 
border-color: #FFFFFF; 
margin-left: auto; 
margin-right: auto; 
padding: 5px; 
 } 
 
 td.producties { 
border-color: #FFFFFF; 
vertical-align: top;
text-align: center;
height: 130px; width: 80px;
margin-left: auto; 
margin-right: auto; 
padding: 5px; 
 } 

 
td.prodflyer {
vertical-align: middle; 
width:80px;
border-color: #FFFFFF;
margin:1px;
 }
 
 div#prod img	{
			border:solid 5px #CCC; 
}
 
.main input {
	border: 1px solid #CCC;
}

.main textarea {
	border: 1px solid #CCC;
}
 
.clearer {  
clear: both;  
 }