/**
 * CSS Template.
 */

/* Debug * /
table, td, th
{
	border: 1px solid red;
	border-collapse: collapse;
}
div
{
	border: 1px solid yellow;
}
/*********/

html, body
{ margin: 0; background: #FFFFFF;font-family: Arial, Helvetica, sans-serif; }

.content
{
	color: #313131;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
}
.content .warning
{
	color: #EDAA09;
	font-style: italic;
}
.content .error
{
	color: #AA0000;
	font-weight: bold;
}
.content a {
	margin: 0px; color: #d01e01; text-decoration: none;
}
.content a:hover, .content a:active {
	color: #888888;
}
.content h1 {
	font-size:14px; color: #d01e01; margin-bottom:2px;
}
.content h2 {
	font-size:14px; color: #d01e01; margin-bottom:10px; margin-top:0px;
}
.right
{
	text-align: right;
	float: right;
}
.head_red
{
	color: #D01E01;
	font-size: 14px;
	font-weight: bold;
}

.afbeelding
{
   /*	float: left;*/
	margin-right: 15px;
}

#container
{
	background: url( '../images/img/back.jpg' ) #FFFFFF repeat-x top;
	margin: 0;
	width: 100%;
	height: 100%;
}
#bodypane
{
	margin: 0 auto 0 auto;
	width: 960px;
}
#datapane
{
	padding: 0px 0px 20px 0px;
	margin: 0;
	min-height: 100px;
}
#footer
{
	padding:15px 10px 20px 10px; border-top:1px solid #e7e7e7;
}
#footer a {
	color: #5d5d5d; text-decoration: none; line-height:22px;
}
#footer a:hover, #footer a:active {
	color: #999999; text-decoration: none;
}


/* Menu: */
#menu
{
	vertical-align: bottom;
	xpadding-bottom: 4px;
}
#menu table
{
	width: 100%;
}
.tabs
{
	font:bold 14px Arial, Helvetica, sans-serif;
	line-height:normal;
	white-space: nowrap;
	text-align: left;
}
.tabs ul
{
	margin:0px;
	padding:10px 10px 0 0px;
	list-style:none;
}
.tabs li {
	display:inline;
	width: 150px;
	margin:0px;
	padding:0px 5px 0px 5px;
}
.tabs li.spacer {
	width: 0;
}
.tabs a {
	float:left;
	background:url("../images/img/tableft11.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	text-decoration:none;
}
.tabs a span {
	float:left;
	display:block;
	background:url("../images/img/tabright11.gif") no-repeat right top;
	padding:5px 15px 9px 6px;
	color:#000;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
    /* End IE5-Mac hack */
.tabs a:hover span {
	color:#888;
}
.tabs a:hover {
	background-position:0% -42px;
}
.tabs a:hover span {
	background-position:100% -42px;
}

.tabs_current a {
	background-position:0% -84px;
	color:#888;
}
.tabs_current a span {
	background-position:100% -84px;
	color:#888;
}
/*********/



/*** kruimel ***/
.kruimel{
	margin: 0px; padding: 10px 0px 0px 0px; color: #d01e01;
}
a.kruimelniet{
	margin: 0px; color: #888888; text-decoration: none;
}
a.kruimelniet:hover, a.kruimelniet:active {
	color: #d01e01;
}
/***************/


/*** Zijkant ***/
/*#subColumnSide {
	background:url(../images/img/sidebar_middle.jpg) repeat-y top;
	margin:0;
	padding: 0;
	width:15px;
	height: 220px;
}
#subColumnSide .top
{
	background:url(../images/img/sidebar_top.jpg) repeat-y top;
	margin:0;
	padding: 0;
	width:15px;
	height: 100px;
}
#subColumnSide .bottom
{
	background:url(../images/img/sidebar_bottom.jpg) repeat-y top;
	margin:0;
	padding: 0;
	width: 15px;
	height: 30px;
}*/
#subColumnSide
{
	margin: 0px;
	padding: 0px;
}
#subColumnSide img
{
	margin: 0px;
	padding: 0px;
}
#subColumnSide .scs_main
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 420px;

	margin: 0px;
	padding: 0px;

	background: blue url(../images/img/sidebar_middle.jpg) repeat-y top;
}
#subColumnSide .scs_top
{
	position: absolute;
	top: 0px;
	left: 0px;
}
#subColumnSide .scs_bottom
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#subColumn {
	width: 190px;
	margin-top:30px;
	background:url(../images/img/back_navzij.gif) no-repeat top ;
}
#subColumn ul {
	width: 190px; list-style-type: none; font-family: Arial; font-weight: normal; font-size: 11px;  padding: 10px 0px 30px 10px; margin:0px;
}
#subColumn li a {
	font-family: Arial;
	font-size: 11px;
	width: 152px;
	margin: 0px;
	padding: 4px 0px 2px 5px;
	display: block;
	color: #5d5d5d;
	text-decoration: none;
	background:url(../images/img/grijs_stippel.gif) repeat-x bottom;
}
#subColumn li a:hover, #subColumn li a:active {
	color: #d01e01;
}
#subColumn li a.gekozen{
	padding: 3px 0px 2px 8px;
	display: block;
	color: #d01e01;
	text-decoration: none;
	background:url(../images/img/gekozen.gif) no-repeat left;
}
#subColumn li a.cat{
	font-family: Arial;
	font-size: 12px;
	width: 152px;
	margin: 0px;
	padding: 3px 0px 2px 0px;
	display: block; color: #d01e01;
	text-decoration: none;
}
#subColumn li a.cat:hover, #subcolumn li a.cat:active {
	color: #5d5d5d;
	font-family: Arial;
	font-size: 12px;
}
/***************/



/*** Home ***/
#home
{
	margin-top: 20px;
}
#home .home_block
{
	vertical-align: top;
}
#home img.afbeelding
{
	float: none;
	margin: 0px 15px 5px 0px;
}
#home ul {
	width: 320px;
	list-style-type: none;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	margin:0px;
	padding:0px;
}

#home li a {
	font-family: Arial;
	font-size: 11px;
	width: 300px;
	margin: 0px;
	display: block;
	color: #5d5d5d;
	text-decoration: none;
	background:url(../images/img/grijs_stippel.gif) repeat-x bottom;
	line-height:22px;
	padding:0px;
}

#home li a:hover, #home li a:active {
	font-family: Arial;
	font-size: 11px;
	width: 310px;
	margin: 0px;
	display: block;
	color: #d01e01;
	text-decoration:
	none; background:url(../images/img/grijs_stippel.gif) repeat-x bottom;
	padding:0px;
}

#home .home_block
{
	background: url( "../images/img/back_rondenzo.gif" ) no-repeat top left;
	padding: 10px 0px 0px 10px;
	margin-top:20px;
}
/************/

#wendbar td
{

}


/*** Nieuws ***/
.nieuws_item
{
	margin: 20px 5px 5px 5px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}
.nieuws_item h2
{
	margin: 0;
}
img.afbeelding_news
{
	margin-right: 10px;
}
/**************/



/*** Producten ***/
#producten table
{
	width: 100%;
}
#producten .line
{
	margin: 20px 0 20px 0;
	border-top: 1px solid #DDDDDD;
}
#producten_head {
}
#producten_intro {
	font-weight: bold;
	padding-bottom:20px;
}
#producten_list ul {
	padding-left: 20px;
	margin: 0px 0px 20px 0px;
	list-style-image: url('../images/img/arrow.jpg');
	list-style-type: circle
}
#producten_left {
	width: 405px;
	padding: 0;
	margin: 0px 0px 0px 10px;
}
#producten_left table
{
	padding: 10px;
	width: 100%;
}
.producten_item
{
	xclear: both;
	float: left;
	width: 125px;
	height: 150px;
	padding: 5px 0 0 10px;
	margin-bottom: 20px;
}

.producten_item h1
{
    font-size:11px;
}
/*****************/



/* artikel */
#artikelinfo {
	padding-bottom:20px;
}

#artikelinfo p{
	padding-bottom:18px;
}
/* specificaties */
#specificaties td{
	padding: 3px 0px 3px 0px; border-bottom:#e7e7e7 1px solid;
}
#specificaties .koprood {
	color:#d01e01; font-size:14px; line-height:18px; font-weight:bold; padding: 4px 0px 4px 0px;
}
#specificaties .kopzwart {
	color:#313131; font-size:14px; line-height:18px; font-weight:bold;
}
/* extra info */
#extrainfo
{
	/*width: 240px;*/
    width:92%;
    margin-top: 35px;
}
#extrainfo table{
	margin: 10px 0px 3px 10px; /*border-bottom:#e7e7e7 1px solid;*/
	vertical-align:top;
}
#extrainfo td{
	padding: 3px 0px 3px 0px; border-bottom:#e7e7e7 1px solid;
	vertical-align:top;
}
#extrainfo .koprood {
	color:#d01e01; font-size:14px; line-height:18px; font-weight:bold;
}

#extrainfo a {
	color:#d01e01; text-decoration:none;
}

#extrainfo a:hover, #extrainfo a:active {
	color:#888888;
}


/*** Contact ***/
#contact
{
	margin-top: 20px;
}
#contact td
{
	vertical-align: top;
}
#contact .input
{
	border:solid 1px #999999;
	line-height:18px;
	width:222px;
	margin-bottom: 4px;
}
#contact textarea
{
	height: 140px;
	overflow: auto;
}
#contact input.error, #contact textarea.error
{
	border: 1px solid #AA0000;
	background: #FFDDDD;
}
/***************/

#henk{

    margin-top: 35px;
	padding: 0px 0px 10px 0px; 
    border:#e7e7e7 1px solid; 
    background:url(../images/img/greyverloop.jpg) 0px 0px no-repeat;
    
}

/* specificaties */

#specificaties td{
	padding: 3px 0px 3px 0px; border-bottom:#e7e7e7 1px solid;
}

#specificaties .koprood {
	color:#d01e01; font-size:14px; line-height:18px; font-weight:bold; padding: 4px 0px 4px 0px;
}

#specificaties .kopzwart {
	color:#313131; font-size:14px; line-height:18px; font-weight:bold;
}

/* extra info */

#extrainfo{
	margin: 10px 0px 3px 10px; /*border-bottom:#e7e7e7 1px solid;*/
}

#extrainfo td{
	padding: 3px 0px 3px 0px; border-bottom:#e7e7e7 1px solid;
}

#extrainfo .koprood {
	color:#d01e01; font-size:14px; line-height:18px; font-weight:bold;
}

#extrainfo a {
	color:#d01e01; text-decoration:none;
}

#extrainfo a:hover, #extrainfo a:active {
	color:#888888;
}

/* LOGIN */

div.loginwrapper
{
    font-family:arial;
    padding-top: 12%; 
    width: 100%;  
    text-align:center;  
}
	div.loginwrapper div.pane
	{
		background-image: url(../images/cms/login_background.gif);
		height: 235px; 
		width: 312px;
		margin: 0px auto;
	}
	div.loginwrapper div.form
	{
		width: 264px;
		text-align:left;
	}
	div.loginwrapper h1.form
	{   
		width: 150px;
		margin:0px;
		padding: 36px 0px 24px 0px;
		text-align:left;
		font-size:20px;
	}
	div.loginwrapper p.label
	{
		font-size:12px;
		margin: 2px 0px 0px; 
		padding:0px; 
		width: 150px;
	}
	div.loginwrapper input.field
	{
		width: 260px;
		margin: 0px 0px 4px;  
		padding:0px; 
	}
	div.loginwrapper input.button
	{
		margin: 8px 0px 4px;  
		padding:0px;
		float:right;
	}