* **************************************************************
*****************************************************************

		DCS IT
									
		Web realisatie door PM IT Solutions
			http://www.pm-it.nl
			
*****************************************************************
************************************************************** */

/* ===============================================================================================
			WEBSITE ONTWERP OPMAAK
=============================================================================================== */


/* ---------------------------------------------------------------------
			ALGEMEEN
--------------------------------------------------------------------- */



html {

	height: 100%;
	width: 100%;
	
	margin: 0;
	padding: 0;

}

body {

	height: 100%;
	width: 100%;
	
	margin: 0;
	padding: 0;
	background-position:center;
	background-repeat:repeat-y;
	
	background-image:url('../img/body/bg.jpg');
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	text-align: center;
}


table {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ---------------------------------------------------------------------
			TOP LINES
--------------------------------------------------------------------- */


div#top-lines {

	width: 100%;
	height: 12px;
	
	background-image: url(../img/bg_top-lines.jpg);
	background-repeat: repeat-x;


}

/* ---------------------------------------------------------------------
			CONTAINER
--------------------------------------------------------------------- */


div#container {

	width: 1003px;
	height: auto;
	
	background-color: #ffffff;
	
	margin-left: auto;
	margin-right: auto;

	text-align: left;
}

/* ---------------------------------------------------------------------
			HEADER
--------------------------------------------------------------------- */

div#header {

	width: 100%;
	height: 106px;
	
	background-image: url(../img/bg_header.jpg);
	background-repeat: repeat-x;
}

	div#header div.icons {
	
		position:absolute;
		
		margin-left: 155px;
		margin-top: 3px;
	
	}
	
	
	div#header div.left-logo {
	
		width: 192px;
		height: 106px;
		
		float: left;
	}
	
		div#header div.left-logo img.logo {
		
			margin-left: 13px;
		}	
	
	div#header div.right-menus {
	
		width: 811px;
		height: 106px;
		
		float: right;

	}
	
	
		div#header div.right-menus div.top-menu {
		
			width: auto;
			height: 43px;
			
			float: right;

			margin: 0;
			padding:0;

			
		}
		
		div#header div.right-menus div.top-menu2 {
		
			width: auto;
			height: 43px;
			
			float: right;

			margin: 0;
			padding:0;

			
		}	
		
			div#header div.right-menus div.top-menu ul {
			
				margin: 0;
				padding: 0;
				
				list-style-type: none;
			}

			
			div#header div.right-menus div.top-menu2 ul {
			
				margin: 0;
				padding: 0;
				
				list-style-type: none;
			}			
			
				div#header div.right-menus div.top-menu ul li.first {
				
					float: left;
					
					width: 136px;
					height: 43px;

					border-bottom: 0;
									
				}
								div#header div.right-menus div.top-menu2 ul li.first {
				
					float: left;
					
					width: 136px;
					height: 43px;

					border-bottom: 0;
									
				}		
				
					div#header div.right-menus div.top-menu ul li.first a {
					
						float: left;
						
						width: 136px;
						height: 43px;
						
						display: block;
						
						color: #ffffff;
						font-weight: bold;
						text-align: center;
						text-decoration: none;
						
						line-height: 36px;	
						
						background-image: url(../img/bg_menu-top_li-first.jpg);

										
					}
					
					div#header div.right-menus div.top-menu2 ul li.first a {
					
						float: left;
						
						width: 136px;
						height: 43px;
						
						display: block;
						
						color: #ffffff;
						font-weight: bold;
						text-align: center;
						text-decoration: none;
						
						line-height: 36px;	
						
						background-image: url(../img/bg_menu-top_li-first.jpg);

										
					}					
				
				div#header div.right-menus div.top-menu ul li.normal {
				
					float: left;
					
					width: 121px;
					height: 43px;

					border-bottom: 0;
									
				}
								div#header div.right-menus div.top-menu2 ul li.normal {
				
					float: left;
					
					width: 121px;
					height: 43px;

					border-bottom: 0;
									
				}	
				
					div#header div.right-menus div.top-menu ul li.normal a {
					
						float: left;
						
						width: 121px;
						height: 43px;
										
						display: block;
						
						background-image: url(../img/bg_menu-top_li-normal.jpg);	
						
						color: #ffffff;
						font-weight: bold;
						text-align: center;
						text-decoration: none;
						
						line-height: 36px;			

					}
										div#header div.right-menus div.top-menu2 ul li.normal a {
					
						float: left;
						
						width: 121px;
						height: 43px;
										
						display: block;
						
						background-image: url(../img/bg_menu-top_li-normal.jpg);	
						
						color: #ffffff;
						font-weight: bold;
						text-align: center;
						text-decoration: none;
						
						line-height: 36px;			

					}		

				
				div#header div.right-menus div.top-menu ul li.last {
				
					float: left;
					
					width: 152px;
					height: 43px;
				
					border-bottom: 0;
									
				}
								div#header div.right-menus div.top-menu2 ul li.last {
				
					float: left;
					
					width: 152px;
					height: 43px;
				
					border-bottom: 0;
									
				}					
				
					div#header div.right-menus div.top-menu ul li.last a {
					
						float: left;
						
						width: 152px;
						height: 43px;
						
						display: block;
						
						color: #ffffff;
						font-weight: bold;
						text-align: center;
						text-decoration: none;
						
						line-height: 36px;							
						
						background-image: url(../img/bg_menu-top_li-last.jpg);
										
					}
					div#header div.right-menus div.top-menu2 ul li.last a {
					
						float: left;
						
						width: 152px;
						height: 43px;
						
						display: block;
						
						color: #ffffff;
						font-weight: bold;
						text-align: center;
						text-decoration: none;
						
						line-height: 36px;							
						
						background-image: url(../img/bg_menu-top_li-last.jpg);
										
					}										
		
		div#header div.right-menus div.bottom-menu {
		
			width: 809px;
			height: 28px;
			
			margin-top: 39px;
			margin-left: 1px;
			
			float: left;

		}

		
		
		* html div#header div.right-menus div.bottom-menu {
		
			width: 809px;
			height: 24px;
			
			margin-top: 43px;
			margin-left: 1px;
			
			float: left;

		}		
		
		

/* ---------------------------------------------------------------------
			IMAGE
--------------------------------------------------------------------- */

div#image {

	width: 996px;
	height: 199px;
	
	background-color: #000000;
	
	margin-left: 4px;
}

	div#image div.left-menu {
	
		width: 190px;
		height: 199px;
		
		background-image: url(../img/bg_left-menu.jpg);
		background-repeat: no-repeat;
		
		float: left;
	}
	
	
		div#image div.left-menu ul {
		
			margin: 0;
			padding: 0;
			
			margin-left: 30px;
			margin-top: 28px;
			
		}
		
			div#image div.left-menu li {
			
				margin: 0;
				padding: 0;
				
				height: 30px;
				width: 136px;	
				
				line-height: 30px;	
			
				list-style-type: none;	
				list-style-image: url(../img/bg_menu-left_li_listtype.jpg);
				list-style-position: outside;	
			
			}		
			
				div#image div.left-menu li a {
				
					color: #ffffff;
					text-transform: uppercase;
					font-weight: bold;
					text-decoration: none;
					
					height: 30px;
					width: 136px;
					
					line-height: 30px;
					
					background-image: url(http://www.dcs-webwinkel.nl/templates/templatedcs/images/header/bg_menu-left_li.jpg);
					background-position: bottom;
					
				}				
	
	div#image div.right-image {
	
		width: 806px;
		height: 199px;
		
		background-image: url(../img/bg_right-image.jpg);
		background-repeat: no-repeat;
		
		float: right;
	}	



	div#image div.right-image-helpdesk {
	
		width: 806px;
		height: 199px;
		
		background-image: url(../img/bg_right-image-helpdesk.jpg);
		background-repeat: no-repeat;
		
		float: right;
	}	


	div#image div.right-image-hosting {
	
		width: 806px;
		height: 199px;
		
		background-image: url(../img/bg_right-image-hosting.jpg);
		background-repeat: no-repeat;
		
		float: right;
	}	



		div#image div.right-image div.naw-gegevens,
		div#image div.right-image-hosting div.naw-gegevens,
		div#image div.right-image-helpdesk div.naw-gegevens {
		
			width: 500px;
			height: 20px;

			color: #ffffff;

			position: absolute;

			margin-top: 155px;
			margin-left: 30px;

			

		}


/* ---------------------------------------------------------------------
			BREADCRUMB
--------------------------------------------------------------------- */

div#breadcrumb {

	width: 100%;
	height: 16px;
	
	padding-left: 30px;
	
	color: #000000;
		font-size: 9px;

}

	div#breadcrumb a {
	
		font-weight: none;
		color: #000000;
		text-decoration: none;
	
		
	
	}
		div#breadcrumb a:hover {
	
		font-weight: none;
		color: #000000;
		text-decoration: underline;
	
		
	
	}

/* ---------------------------------------------------------------------
			CONTENT-CONTAINER
--------------------------------------------------------------------- */

div#content-container {

	width: 1003px;
	height: auto;
	
	display: inline;
	
}


/* ---------------------------------------------------------------------
			LEFT-SIDEBAR
--------------------------------------------------------------------- */

div#left-sidebar {

	height: auto;
	width: 190px;
	
	float: left;

	margin-left: 2px;
	
	display: inline;

}

div#left-sidebar  table {
	
	margin: 0;
	padding: 0;
	
	width: 170px;
	
}


div#left-sidebar div.block-offers {
	
		height: auto;
		width: 189px;
		
		background-image: url(../img/bg_block.jpg);
		background-repeat: repeat-y;
		
		margin-bottom: 10px;
	
	}
	
		div#left-sidebar div.block-offers div.block-offers-content {
		
			height: auto;
			min-height: 107px;
			width: 189px;
			
			background-image: url(../img/bg_block-newsletter-content.jpg);
			background-repeat: no-repeat;
		
		}	

		div#left-sidebar div.block-offers div.block-offers-foot {
		
			height: 18px;
			width: 189px;
			
			background-image: url(../img/bg_block-foot.jpg);
		
		}						

		
		
	div#left-sidebar div.block-news {
	
		height: auto;
		width: 189px;
		
		background-image: url(../img/bg_block.jpg);
		background-repeat: repeat-y;
		
		margin-bottom: 10px;
	
	}
	
		div#left-sidebar div.block-news div.block-news-content {
		
			height: auto;
			min-height: 287px;
			width: 189px;
			
			background-image: url(../img/bg_block-news-content.jpg);
			background-repeat: no-repeat;
		
		}	

		div#left-sidebar div.block-news div.block-news-foot {
		
			height: 18px;
			width: 189px;
			
			background-image: url(../img/bg_block-foot.jpg);
		
		}		
		
		



	div#left-sidebar div.block-newsletter {
	
		height: auto;
		width: 189px;
		
		background-image: url(../img/bg_block.jpg);
		background-repeat: repeat-y;
		
		margin-bottom: 10px;
	
	}
	
		div#left-sidebar div.block-newsletter div.block-newsletter-content {
		
			height: auto;
			min-height: 107px;
			width: 189px;
			
			background-image: url(../img/bg_block-newsletter-content.jpg);
			background-repeat: no-repeat;
		
		}	

		div#left-sidebar div.block-newsletter div.block-newsletter-foot {
		
			height: 18px;
			width: 189px;
			
			background-image: url(../img/bg_block-foot.jpg);
		
		}						

		



	div#left-sidebar div.image-webwinkel {
	
		width: 186px;
		height: 107px;
		
		margin-left: 2px;
		
		margin-bottom: 10px;
		
	
	}
		div#right-sidebar div.image-webhosting {
	
		width: 186px;
		height: 107px;
	
		
		margin-bottom: 10px;
		
		
	
	}
		div#right-sidebar div.image-sitebuilder {
	
		width: 186px;
		height: 107px;
		

		
		margin-bottom: 10px;
		
	
	}

	div#left-sidebar div.image-hulp {
	
		width: 186px;
		height: 107px;
		
		margin-left: 2px;

		
		margin-bottom: 10px;
		
	
	}
/* ---------------------------------------------------------------------
			MIDDLE-CONTENT
--------------------------------------------------------------------- */

div#middle-content {

	height: auto;
	width: 610px;
	
	float: left;
	
	color: #464646;

}


	div#middle-content div.middle-content-spacing {
	
		padding: 5px;
		
		display: inline;
		
		width: auto;
	
	}

/* ---------------------------------------------------------------------
			RIGHT-SIDEBAR
--------------------------------------------------------------------- */

div#right-sidebar {

	height: auto;
	width: 190px;
	
	float: right;
	
	display: inline;
	
	margin: 0;
	padding: 0;
	
}

div#right-sidebar  form {

	margin: 0;
	padding: 0;
	
}

div#right-sidebar  table {
	
	margin: 0;
	padding: 0;
	
	width: 170px;
	
}

	div#right-sidebar div.block-login {
	
		height: auto;
		width: 189px;
		
		background-image: url(../img/bg_block.jpg);
		background-repeat: repeat-y;
		
		margin-bottom: 10px;
	
	}
	
		div#right-sidebar div.block-login div.block-login-content {
		
			height: auto;
			min-height: 162px;
			width: 189px;
			
			background-image: url(../img/bg_block-login-content.jpg);
			background-repeat: no-repeat;
		
		}	

		div#right-sidebar div.block-login div.block-login-foot {
		
			height: 18px;
			width: 189px;
			
			background-image: url(../img/bg_block-foot.jpg);
		
		}		
		



	div#right-sidebar div.block-menu {
	
		height: auto;
		width: 189px;
		
		background-image: url(../img/bg_block.jpg);
		background-repeat: repeat-y;
		
		margin-bottom: 10px;
					
	}
	


		div#right-sidebar div.block-menu div.block-menu-content {
		
			min-height: 287px;
			height: auto;
			width: 189px;
			
			background-image: url(../img/bg_block-menu-content.jpg);
			background-repeat: no-repeat;
				
		}

		div#right-sidebar div.block-menu div.block-menu-foot {
		
			height: 18px;
			width: 189px;
			
			background-image: url(../img/bg_block-foot.jpg);
			background-repeat: no-repeat;
				
		}
		

		

/* ---------------------------------------------------------------------
			FOOTER
--------------------------------------------------------------------- */


div#footer2 {

    
	clear:both;
	width: 100%;
	height: 31px;
	margin-left:auto;
	margin-right:auto;
	background-position:left;

	background-image: url(../img/bg_footer.jpg);

	text-align: center;
	
	color: #444442;
	font-weight: bold;
}
div#footer a {	color: #444442;
				font-weight: bold;
				text-decoration: none;}
div#footer a.copy {color: #444442;
				font-weight: none;
				text-decoration: none;}




	div#footer ul {
	
		margin: 0;
		padding: 0;
		
		list-style-type: none;

	}
	

		div#footer ul li {
		
			
			display: inline;
			
		}	
		
			div#footer ul li a {
			
				
				color: #444442;
				font-weight: bold;
				text-decoration: none;
				
				text-transform: uppercase;
				
			}	
		


/* ---------------------------------------------------------------------
			FOOTER
--------------------------------------------------------------------- */

div#bottom-footer1 a,
div#bottom-footer1 {

	margin-left: auto;
	margin-right: auto;
	position:absolute;

	width: 1003px;

	text-align: center;
	color: #c3c3c3;
	

	margin-bottom: 30px;
vertical-align: top;

font-size: 10px; 
font-face: verdana;
color: #ffffff;
padding-top: 10px;

}

	div#bottom-footer a,
	div#bottom-footer a:active,
	div#bottom-footer a:visited {
	
		text-decoration: none;

		color: #c3c3c3;
	}


/* ===============================================================================================
            ALGEMENE OPMAAK
=============================================================================================== */	

/* ---------------------------------------------------------------------
			SPACING OPMAAK
--------------------------------------------------------------------- */


		div#right-sidebar div.block-menu  div.block-menu-spacing,
		div#right-sidebar div.block-login  div.block-login-spacing,
		div#left-sidebar div.block-news  div.block-news-spacing,
		div#left-sidebar div.block-newsletter  div.block-newsletter-spacing,
		div#left-sidebar div.block-offers  div.block-offers-spacing  {
		
			padding: 8px;
						
		}	

/* ---------------------------------------------------------------------
			HYPERLINKS OPMAAK
--------------------------------------------------------------------- */


a,
a:visited,
a:active {

	text-decoration: none;
	color: #000000;
	
}

a:hover {

	text-decoration: none;
	color: #000000;
}


/* ---------------------------------------------------------------------
			KOPPEN OPMAAK
--------------------------------------------------------------------- */

h1.content-title,
h1.csc-firstHeader {

	margin: 0;
	padding: 0;
	
	margin-bottom: 5px;
	padding-bottom: 4px;
	padding-left: 23px;
	
	font-weight: bold;
	font-size: 110%;
	
	border-bottom: 2px groove #ffffff;
	
	background-image: url(../img/bg_h1-contenttitle.jpg);
	background-repeat: no-repeat;
	background-position: middle left ;
	
	color: #040404;
}


h1.block-title,
div.middle-content-spacing h1 {

	margin: 0;
	padding: 0;
	
	margin-bottom: 5px;
	padding-bottom: 4px;
	padding-left: 23px;
	
	font-weight: bold;
	font-size: 110%;
	
	border-bottom: 2px groove #ffffff;
	
	background-image: url(../img/bg_h1-contenttitle.jpg);
	background-repeat: no-repeat;
	background-position: middle left ;
	
	color: #040404;
}


span.productSpecialPrice {


	color: red;

}


/* ---------------------------------------------------------------------
			FORMULIEREN OPMAAK
--------------------------------------------------------------------- */



input.submit,
input.button {

	width: auto;
	background-image: url(../img/button_form.gif);
	
	color: #ffffff;
	
	border: 1px solid #dbdee7;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	padding: 2px;

	float: right;

}

a:hover img,
a:visited img,
a .img {
 border:none; 

}

/* ---------------------------------------------------------------------
			links
--------------------------------------------------------------------- */

a.internal-link{ text-decoration:none; border:none}
img {border:0px;}