#breadcrumbs {
float: left;
width: 100%;
border: solid 0px #000;
background: #ececec;
margin-bottom: 10px;
}

p {
margin-bottom: 0px;
}

table {
margin-bottom: 0px;
}


#right {
margin: 0px 0px 0px 0px;
float: right;
width: 205px;
color: #000;
background: #ececec;
padding-bottom: 40px;
padding-left: 10px;
border: solid 0px #000;
}

#right .bold {
font-weight: bold;
}

#right .left {
float: left;
}

#right .right {
text-align: right;
margin-right: 15px;
}

#right .red {
color: #cc3333;
}

#content .order {
background-image: url(../links/workfloor/hr.gif);
background-position: bottom right;
margin-right: 15px;
background-repeat: no-repeat;
padding-bottom: 5px;
padding-top: 5px;
}

#content {
float: left;
border: solid 0px #000;
text-align: left;
width: 100%;
}

#content #container {
width: 940px;
text-align: left; /*voor IE */
background: #fff;
margin: 0 auto;
border: solid 0px #000;
}


#content #search {
float: left;
margin-left: 5px;
padding-top: 9px;
width: 200px;
}

#content #headercontent {
float: left;
margin-top: 15px;
width: 940px;
border: solid 1px #000;
}


#content #main {
float: left;
margin: 0px 0px 0px 0px;
width: 670px;
border: solid 0px #000;
}

#content #center {
float: left;
text-align: center;
width: 670px;
margin: 0px auto;
padding: 0px;
border: solid 1px #000;
}


#content #winkelmand {
height: 38px;
background: #666 url("interface/figuren/winkelmand.png") no-repeat;
background-position: 100px 10px;
margin-bottom: 10px;
margin-left: -10px;
padding-left: 10px;
}

#content #mainleft {
float: left;
margin-top: 40px;
width: 343px;
height: 260px;
border-right: 1px dotted #333;
}

#content #contactleft {
padding: 8px;
float: left;
margin-top: 0px;
width: 250px;
}
#content #contactcenter {
padding: 8px;
float: left;
margin-top: 0px;
width: 250px;
border-left: 1px dotted #333;
border-right: 0px dotted #333;
}

#content #mainright {
margin-left: 370px;
margin-top: 40px;
width: 345px;
}

#content #contactright {
display: none;
padding: 8px;
float: left;
margin-top: 0px;
width: 200px;
}


#content #footer {
padding-top: 10px;
width: 940px;
background: #333;
text-align: right;
}

#content #mainnav {
position: relative;
float: left;
top: -33px;
width: 720px;
font-size: 93%;
line-height: normal;
height: 51px;
background: url(../links/workfloor/navigationbar.png) no-repeat;
}


#content #mainnav ul {
margin: 0;
list-style: none;
padding-left: 15px;
}

#content #mainnav li {
display: inline;
}

#content #mainnav a {
float: left;
text-decoration: none;
display: block;
padding: 5px 15px 4px 15px;
color: #FFF;
line-height: 22px;
}

#content #mainnav a:hover {
background-position: 0% -42px;
background: url("../links/workfloor/active.png");
background-repeat: repeat-x;
line-height: 22px;
}

#content .active {
background: url(../links/workfloor/navigationbar.png) no-repeat;
}

#content #clear {
clear: both;
background: url("../links/workfloor/clear.gif");
height: 64px;
}

/*- elements */

#content #header label {
color: #999;
font-size: 80%;
line-height: 30px;
}

#content input.submit {
cursor: default;
font-weight: bold;
height: 18px;
padding-bottom: 1px;
color: #fff;
background: #cc0000;
border: 0px solid;
}

#content input.submit:hover {
font-weight: bold;
height: 18px;
padding-bottom: 1px;
color: #fff;
background: #333;
border: 0px solid;
}

#content #header img {
margin-right: -4px;
}

#content #main h1 {
display: block;
color: #cc3333;
font-size: 180%;
margin-bottom: 15px;
}

#content #main h2 {
display: block;
font-size: 130%;
color: #666;
text-align: left;
}

#content #main h3 {
width: 95%;
line-height: 22px;
color: #999;
font-size: 105%;
text-align: left;
background-image: url(../links/workfloor/hr.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 15px;
margin-bottom: 10px;
}

#content #main h4 {
margin-top: 20px;
color: #666;
}

#content #center h2 {
font-size: 80%;
color: #999;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}

#content p {
color: #666;
line-height: 20px;
}

#content #winkelmand h1 {
font-size: 80%;
color: #fff;
line-height: 33px;
}

#content #mainright img {
margin: 10px 0px 10px;
}

#content #mainleft h2, #mainright h2 {
color: #cc3333;
font-weight: bold;
font-size: 90%;
margin-bottom: 10px;
}

#content #producten h2 {
text-align: center;
}

#content #mainright p {
line-height: 15px;
}

#content #footer a {
color: #666;
text-decoration: none;
}

#content #footer a:hover {
color: #fff;
}

#content .box, #content .box p {
display: inline;
}

#content a.button {
border: 1px solid #999;
background-color: #f4f4f4;
margin-top: 10px;
padding: 4px;
font-size: 75%;
float: right;
margin-right: 30px;
}

#content a.button:hover {
background-color: #e3e2e2;
}

#content #breadcrumbs p {
font-size: 60%;
margin: 0px 0px 0px 5px;
padding: 0px;
line-height: 20px;
float: left;
}

#breadcrumbs a {
text-decoration: none;
margin: 0px 0px 0px 5px;
padding: 0px;
float: left;
background: none;
line-height: 20px;
color: #333;
font-size: 12px;
font-weight: normal;
}
#breadcrumbs a:hover {
text-decoration: none;
margin: 0px 0px 0px 5px;
padding: 0px;
float: left;
background: none;
line-height: 20px;
color: #333;
font-size: 12px;
font-weight: normal;
color: #bb0000;
}

#content .box {
width: 205px;
height: 230px;
padding: 0px;
margin: 5px 20px 50px 0px;
float: left;
}

#content .border {
padding: 6px;
background-color: #EDEDED;
border: 1px solid #ccc;
}

#content .thumb {
width: 127px;
margin: 15px;
float: left;
text-align: center;
}

#content ul.alignment {
width: 100%;
float: left;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
}

#content ul.alignment li {
margin: 0;
margin-top: 15px;
margin-right: 15px;
padding: 0;
}


#content ul.alignment li a {
overflow: hidden;
height: 166px;
width: 196px;
text-align: left;
font-size: 70%;
color: #666;
padding: 6px;
margin: 0px;
background-color: #EDEDED;
border: 1px solid #ccc;
display: block;
}

#content ul.alignment a:hover {
background-color: #cc3333;
border: 1px solid #cc3333;
}




#content ul.small_thumbs {
width: 100%;
float: left;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
}

#content ul.small_thumbs li {
margin: 0;
margin-top: 15px;
margin-right: 25px;
padding: 0;
}


#content ul.small_thumbs li a {
overflow: hidden;
width: 127px;
text-align: left;
font-size: 70%;
color: #666;
padding: 6px;
margin: 0px;
background-color: #EDEDED;
border: 1px solid #ccc;
display: block;
}

#content ul.small_thumbs a:hover {
background-color: #cc3333;
border: 1px solid #cc3333;
}


#content #center h2 {
text-align: center;
}

#content #center a {
text-align: left;
font-size: 70%;
color: #666;
}

#content .thumb h4 {
margin-top: 0px;
width: 140px;
font-size: 10px;
}

#content .smaller {
font-size: 70%;
}

/*- tables */
#content .fillinform {
position:relative;
border: 1px solid #666;
margin: 20px 0px 0px;
}

#content .fillinform th {
height: 25px;
width: 662px;
text-align: left;
font-weight: bold;
background-color: #CDF3FE;
}

#content .fillinform tr {
background-image: url(../links/workfloor/hr_small.gif);
background-repeat: repeat-x;
background-position: top;
height:20px;
}

#content .fillinform td {
vertical-align: top;
}

#content .fillinform p {
margin-left: 5px;
}

#content .fillinform img {
vertical-align: bottom;
}



#content #commandform {
width: 660px;
}

#content #orderconfirmation {
position:relative;	
width: 660px;
border-bottom: 1px solid #666;
}

#content #commandform th {
padding: 5px 0px 0px 0px;
height: 25px;
font-weight: bold;
font-size: 70%;
line-height: 20px;
background-color: #E0E0E0;
margin-left: 10px;
}

#content #commandform img {
margin-top:-11px;
margin-left:0px;
}

#content #orderconfirmation th {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 5px 0px 0px 0px;
height: 25px;
font-weight: bold;
font-size: 70%;
line-height: 20px;
background-color: #E0E0E0;
margin-left: 10px;
}

#content .line {
border-top: 1px solid #666;
}

#content #commandform tfoot {
background-color: #E0E0E0;
}

#content #commandform tfoot p, #orderconfirmation tfoot p {
margin-left: 5px;
line-height: 18px;
text-align: right;
}

#content #commandform tfoot tr, #orderconfirmation tr {
background-image: none;
}

#content #commandform tfoot td, #orderconfirmation tfoot td {
padding: 1px 0px 1px 0px;
}

#content #commandform p {
margin: 0px 5px 0px 1px;
line-height: 18px;
}

#content #orderconfirmation p {
margin: 0px 5px 0px 1px;
line-height: 18px;
color: #333;
}

#content #commandform td, #orderconfirmation td {
padding: 8px 0px 8px 0px;
}

#content #orderconfirmation tr {
border: 1px solid #333;
}

#content #commandform tr {
background-image: url(../links/workfloor/hr_small.gif);
background-repeat: repeat-x;
background-position: bottom;
}

#content .centercol {
text-align: center;
}

#content #orderconfirmation tfoot p {
margin-left: 5px;
line-height: 18px;
text-align: left;
}

#content .ico {
vertical-align: bottom;
}

#content .floatimage {
margin: 10px;
border: 1px solid #666;
float: right;
}

/*formulier*/
#content .textinput, .textinputHovered {
height: 15px;
border: none;
vertical-align: middle;
}

#content .textinputHovered {
background-position: left bottom;
}

#content .inputCorner {
padding-bottom: 0;
vertical-align: middle;
}


#content input, textarea {
color: #666;
}

#content label {
color: #999;
font-size: 70%;
padding: 0px 0px 0px 2px;
line-height: 22px;
}

#content label img {
float: left;
right: 10px;
top: 9px;
}

#content label.date {
position: relative;
height: 30px;
margin: 8px 20px 0px 0px;
color: #333;
padding: 0px 0px 0px 10px;
font-size: 85%;
font-weight: bold;
background-color: #CDF3FE;
border: 1px solid #666;
width: 220px;
float: left;
line-height: 32px;
clear: left;
}


/* top bar */
#top-bar { margin-bottom: 20px; }
#top-bar ul { background: url('../images/nav/topbar_nav.gif') top left no-repeat; width: 600px; height: 26px; padding: 4px 0 0 5px; float: left; }
#top-bar ul  { display: inline; }
#top-bar ul li a img { vertical-align: middle; }
#top-bar ul li a { font-size: 12px; text-decoration: none; color: #779384; padding: 0 4px; border-left: 1px solid #e2dfe8; }
#top-bar ul li a:hover, #top-bar ul li a.active { background: none; color: #0b4129; }
#top-bar ul li.border-none a { border: none; }
#top-bar input { border: solid 1px #bbbbbb; padding: 3px }

#top-bar .right { float: right; background: url('../images/layout/topbar_p.gif') top no-repeat; display: block; width: 630px; height: 24px; font-size: 13px; color: #0c422a;  padding: 6px 15px 0 15px; }
.top-bar-form { float: right; margin: -17px 10px 0 0; }
.top-bar-form .input-text { border: medium none; background: url('../images/form/topbar_input_text.gif') no-repeat;  width: 105px; height: 20px; padding: 1px 5px 0 5px;}
.top-bar-form .input-button { border: medium none; cursor: pointer;  font-size: 12px; font-weight: bold; padding: 2px; background: #0c422a; color: #fff; vertical-align: middle; margin-top: -2px;}
	
	
	
	
#content #popup {
	position:		absolute;
	width: 			400px; 
	left:			50%;
	margin-left: 	-200px; 
	visibility:		hidden;
	top: 			300px;
	border: 		solid 2px #aaaaaa;
	background: 	#ffffff;
	z-index:		120;
	font-size:		10pt;
	}
	
	
#content .popupwindow td {
	padding:		5px;
	font-size:		12px;
	}
#content .popupwindow .inputtext {
	background: 	transparent url(../images/form/topform_input_text.gif) no-repeat scroll 0 0;
	border:			medium none;
	color:			#48715F;
	height:			19px;
	padding: 		1px 4px 0;
	width:			152px;
	}
#content .popupwindow select {
	background: 	transparent url(../images/form/topform_input_text.gif) no-repeat scroll 0 0;
	border:			medium none;
	color:			#48715F;
	height:			20px;
	padding: 		1px 4px 0;
	width:			165px;
	}

#content #login .window {
	border: 		solid 0px #000000;
	background: 	#FEFEFE;
	}
#content #login .windowtitle {
	background: 	#1B5139;
	color: 			#BDD72E;
	font-weight: 	bold;
	}
#content #login .windowtitle2 {
	background: 	#E1DDDE;
	color: 			#222222;
	font-weight: 	bold;
	}
#content #login .windowtitle3 {
	color: 			#222222;
	font-weight: 	bold;
	}
#content #register .window {
	border: 		solid 0px #000000;
	background: 	#FEFEFE;
	}
#content #register .windowtitle {
	background: 	#ffffff;
	color: 			#BDD72E;
	font-weight: 	bold;
	height:			30px;
	padding-left:	8px;
	padding-bottom:	8px;
	}
#content #register .windowtitle2 {
	background: #E1DDDE;
	color: #222222;
	font-weight: bold;
	}
#content #register .windowtitle3 {
	background: #E1E6FF;
	border-top: solid 1px #C1C6FF;
	border-bottom: solid 1px #C1C6FF;
	color: #222222;
	font-weight: bold;
	}
#content #register .check{
	font-weight: bold;
	 text-indent: 16px;
	font-size:11px;
	color: #1b4c37; !important;
	}

	
#content #left-col { width: 300px; float: left;  }
#content #left-col .input-text { border: medium none; background: url('../images/form/subscribe_input_text.gif') no-repeat; width: 261px; height: 18px;  padding: 1px 4px 0 4px; color: #759485; }
#content #left-col .input-button { border: medium none; background: url('../images/form/subscribe_input_button.gif') center no-repeat; width: 61px;  cursor: pointer; text-align: center; color: #fff; font-size: 14px; font-weight: bold;   }
#content #left-col .input-button.go { border: medium none; background: url('../images/form/button_go.gif') no-repeat; }
#content #left-col .input-button.login { border: medium none; background: url('../images/form/button_login.gif') no-repeat; }
#content #left-col .input-button.custom { border: medium none; float: right; }
#content #left-col label { display: block; float: left; margin: 15px 0 3px 0; text-indent: 10px; font-size: 13px; color: #1b4c37; }
#content #left-col label.inline { margin: 0 15px 0 0; }
#content #left-col li { margin-bottom: 6px; }
	
#content #right-col { float: right; width: 300px; margin-bottom: 25px; padding: 3px; }
#content #right-col p { margin-bottom: 15px; }
#content #right-col ul li { padding: 3px; padding-left: 40px; border-left: 1px dotted #333; font-size: 13px; color: #194d37; }