@import "header.css";
@import "producten.css";
@import "zoeken.css";
@import "forms.css";

a {
	outline-style:none;	
}
/* # arena */
div#page div#content div#content-center div#arena {
	float: left;
	width: 100%;
	height: 1%;
	line-height: 150%;
	color: #666666;
}

div#arena div#path {
	height: 24px;
	padding-top: 3px;
	padding-left: 30px;
}
.pagination { 
    width:490px; 
    text-align:center; 
}

div#arena div#path a,
.paginationLink{
	text-decoration: none;
	color: #666;
}

div#arena div#path a:hover,
.paginationLink:hover { 
	text-decoration: underline;
	color: #666;
}
body.home div#arena div#path {
	display: none;
}

div#arena h2 {
	height: 20px;
	margin: 0;
	padding: 0;
	margin-left: 30px;
	padding-top: 6px;
	padding-left: 10px;
	color: #fff;
	background: #0094d6;
	font-size: 11pt;
}

body.home div#arena h2 {
	display: none;
}

div#content.wideblock div#content-center div#arena h2 {
	width: 490px;
}

div#page div#content div#content-center div#arena div#arena-tekst {
	height: 1%;
	padding: 5px 30px 2em 30px;
}
.producten div#page div#content div#content-center div#arena div#arena-tekst {
    padding-left:0 !important;
}
div#page div#content div#content-center div#arena div#arena-tekst .justify p{
	text-align: justify;
	display: block;
	width: 290px;
}
div#page div#content div#content-center div#arena div#arena-tekst  p a .popup{
	float: right;
	display: block;
	width: 590px;

}
/*div#page div#content div#content-center div#arena div#arena-flash {
	margin: 5px 30px 2em 60px;
} */
div#page div#content div#content-center div#arena div#flash1,
div#page div#content div#content-center div#arena div#flash2,
div#page div#content div#content-center div#arena div#flash3,
div#page div#content div#content-center div#arena div#flash4 {
	float: right;
	margin: 0 0 0 10px;
	display: block;
}


body.home div#page div#content div#content-center div#arena div#arena-tekst {
/*	padding-left: 0;
	padding-right: 0;*/
}

div#page div#content.wideblock div#content-center div#arena div#arena-tekst {
	border: 1px solid #0094d6;
	margin-top: -26px;
	margin-right: 16px;
	margin-left: 30px;
	padding-top: 26px;
}

div#arena h3, div#arena h4, div#arena p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div#arena h3 {
	color: #0094d6;
	font-size: 17pt;
	font-weight: normal;
	line-height: 100%;
}

div#arena h4 {
	color: #fe000c;
	font-family: "Arial", sans-serif;
	font-size: 1em;
}

div#content.wideblock div#arena h3 {
	font-size: 12pt;
}

div#arena p {

}

div#arena p.outline {
	color: #000;
	font-weight: bold;
}

div#arena ul {
    margin:0;
}

div#arena ul li {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	padding-left: 20px;
	background: url('../gfx/site/layout/bullet-squarered.gif') no-repeat left 8px;
}
div#arena .jcarousel-skin-ie7 ul li {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	background: none;
}

div#arena ul li em {
	font-style: normal;
	color: #0094d6;
}

div#arena ul.features {
	height: 130px;
	margin: 0;
	padding: 0;
}

div#arena ul.features li {
	float: left;
	width: 33%;
	height: 196px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: none;
}

div#arena ul.features li img {
	border: 0 none;
	width:120px;
	height:104px;
}
div#arena ul.inspiratie {
	height: 61px;
	margin: 0;
	padding: 0;
}

div#arena ul.inspiratie li {
	float: left;
	width: auto;
	height: 61px;
	overflow: hidden;
	margin: 0 1px 0 0;
	padding: 0;
	background: none;
}
div#arena ul.inspiratie li img {
	border: 0 none;
}
div#arena ul.inspiratie img {
	border: 0 none;
	float: left;
	margin: 0 1px 0 0;
}
div#arena ul.features li h3, div#arena ul.features li p {
	margin: 6px 0;
	padding: 0 4px;
}

div#arena ul.features li h3 {
	margin-top: 0;
	color: #333333;
	font-size: 1.1em;
	font-weight: bold;
	height:48px;
}

div#arena ul.features li h3 a {
	color: #333333;
	text-decoration: none;
}

div#arena ul.features li p {
}

/* # indeling pagina elementen rechts */
div#content-right {
	padding-top: 16px;
	line-height: 150%;
}

/* algemeen itemcontainer */
div.itemcontainer {
	padding-left: 16px;
}

div.itemcontainer h2 {
	margin-top: 16px;
	margin-bottom: 16px;
	color: #fe000c;
	text-transform: uppercase;
	font-size: 1.1em;
}

div.itemcontainer p {
	margin-top: 10px;
	/* was: margin-top: 16px; */
	margin-bottom: 16px;
}

div.itemcontainer p.img {
	padding-right: 16px;
	text-align: center;
}

div.itemcontainer ul {
	margin: 0;
	padding: 0;
}

div.itemcontainer ul li {
	list-style-type: none;
	margin: 16px 0;
	padding: 0;
}

div.itemcontainer ul li h3 {
	margin: 0;
	padding: 0;
	color: #0094d6;
	font-size: 1em;
}

div.itemcontainer ul li p {
	margin: 0;
	padding: 0;
}

div.itemcontainer ul li p a {
	color: #fe000c;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}

/* # linker menu */
div.itemcontainer.submenu {
	width: 158px;
	height: 1%;
	padding-left: 52px;
	background: #ededed;
}

div.itemcontainer.submenu h2 {
	height: 20px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	font-size: 1em;
	color: #fe000c;
	border-top: 1px solid #d2cfcf;
	border-bottom: 1px solid #d2cfcf;
	text-transform: none;
}

div.itemcontainer.submenu ul {
	margin: 0;
	padding: 0;
}

div.itemcontainer.submenu ul li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 6px 0;
	border-bottom: 1px solid #d2cfcf;
}

div.itemcontainer.submenu ul li.active {
	background: url('../gfx/site/layout/bullet-arrow.gif') no-repeat 2px 8px;
}

div.itemcontainer.submenu ul li a {
	color: #999999;
	text-decoration: none;
}
div.itemcontainer.submenu ul li.active a {
	padding-left: 20px;
	color: #000000;
	font-weight: bold;
}

div.itemcontainer.submenu ul li.active.path {
	background: none;
}

div.itemcontainer.submenu ul li.active.path a {
	color: #0090dd;
	padding-left: 0;
}

div.itemcontainer.submenu ul li.active.path ul a {
	color: inherit;
}

/* sub sub */
div.itemcontainer.submenu ul li ul {
}

div.itemcontainer.submenu ul li ul li {
	background: url('../gfx/site/layout/bullet-line.gif') no-repeat 2px 8px;
	border-bottom: 0 none;
	padding-bottom: 0;
	padding-left: 20px;
}

div.itemcontainer.submenu ul li.active ul li a {
	padding-left: 0;
	color: #999999 !important;
	font-weight: normal;
}

div.itemcontainer.submenu ul li ul li.active a {
	color: #000000 !important;
	font-weight: bold;
}

/* # linker thema's */
div.itemcontainer.themas {
	width: 158px;
	height: 1%;
	padding-top: 16px;
	padding-left: 52px;
}

div.itemcontainer.themas h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #d2cfcf;
}

div.itemcontainer.themas ul {
	margin: 0;
	padding: 0;
}

div.itemcontainer.themas ul li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 6px 20px;
	background: url('../gfx/site/layout/bullet-arrow.gif') no-repeat 2px 8px;
	border-bottom: 1px solid #d2cfcf;
}

div.itemcontainer.themas ul li a {
	color: #363737;
	text-decoration: none;
}

/* Form elements font style */
input, textarea, button {
	font-family: 		Verdana;
	color: 				#000000;
	font-size: 			12px;
	margin-bottom: 		1px;
	margin-top: 		1px;
}

form {
	display: 		inline;
}

/* Standard width fitting for textarea and selectboxes */
textarea {	
	border: 		1px solid #888888;
	width: 			362px;
	height: 		120px;
	padding: 		2px;
}

select {
 	border: 		1px solid #888888;
	width: 			216px;
}

.select_blue {
 	border: 		1px solid #0094D6;
	width: 			216px;
}

.aanvraag input, textarea,
#contactformtable input, #contactformtable textarea {
border: 		1px solid #0094d6;
}

/* Standard width text input boxes */
.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

/* Calendar input box and file input box */
.input_calendar {
 	border: 		1px solid #888888;
	width: 			180px;
	height: 		14px;
	padding: 		2px;
}

.input_file, input[type='file'] {
	width: 			221px;	
	padding: 		2px;
}

/* Checkboxes */
input[type='checkbox'] {
	margin-left: 4px;
}

/* Buttons */
button, input[type='submit'], .input_submit {

}

/* Calendar button */
button.calendar_button {
	padding-top:		0px;
	width: 				26px;
	height:				20px;
}
#arena ul.productcolor{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: none;
	color: #999;
}

#arena ul.artikelcolor {
	list-style-type: none;
	margin: 0 0 0px 0;
	padding: 0;
	background: none;
	color: #999;
}
#arena ul.artikelcolor li{
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	padding-left: 0px;
	background: none;
	color: #999;
}

#arena ul.productcolor li{
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	padding-left: 5px;
	background: none;
	color: #999;
}

#arena ul.productcolor p{
	cursor: pointer;
	color: #999;
	font-style: strong;
	text-decoration: underline;
	background: none;
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 0;
}

#arena ul.artikelcolor p{
	cursor: pointer;
	color: #999;
	background: none;
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 0;
}
#arena ul.artikelcolor li a{
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	padding-left: 0px;
	background: none;
	color: #999;
	text-decoration: none;
}
#arena ul.productcolor li a{
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	padding-left: 5px;
	background: none;
	color: #999;
	text-decoration: none;
}
#m1{
	display: none;
}
#m2{
	display: none;
}
#m3{
	display: none;
}
#m4{
	display: none;
}
#m5{
	display: none;
}
#m6{
	display: none;
}
.productcolor img{
	border: 0px;
	margin: 0 8px 0 0;
}
.productcolor a{
	color: #999;
	text-decoration: none;
	background: none;
}
.productcolor a:hover {
	color: #333;
	text-decoration: none;
	background: none;
}
.mouseover {
	cursor: pointer;
}
.left { 
width: 325px;
height: 115px;
display: block;
}
.left p {
	margin: 0;
	padding: 0;
}

.title,
.materialNameTitle {
	cursor:help;
}

.startHeight {
	height:326px !important;
}

.error input,
.error textarea,
.error select {
    border-color:red !important;
}

#bezoekadresrow,
#bezoekadresrow td,
#bezoekadresrow tr,
#bezoekadresrow table,
#postadresrow,
#postadresrow td,
#postadresrow tr,
#postadresrow table {
    padding:0;
    margin:0;
}

#bezoekadresrow table,
#postadresrow table {
    width:100%;
}

#brochuresList {
    padding:0;
    list-style:none;
    margin:0;
}

#brochuresList li {
    background:none !important;
    padding:0 !important;
}
#brochuresList li label {
    position:relative;
    top:-2px;
}

.selectedSwitch {
    font-weight:bold;
}

img.technicalDrawing {
    max-width:240px;
    max-height:220px;
    margin-top:12px;

}

.modelLookDescription,
.productLookDescription {
    display:none;
    float:left;
    width:335px;
}
.productLineContent {
    display:none;
}

#contentModelsSelect {
    display:block;
}

.modelLook ul,
#modelLooksList {
    margin:0;
    padding:0;
    float:left;
    width:100px;
}

.modelLook ul li,
#modelLooksList li {
    background:none !important;
    cursor:default;
}

.modelLook ul li:hover,
#modelLooksList li:hover {
    font-weight:bold;
}


.colorListWrapper {
    float:left;
    width:210px;
    overflow:auto;
    height:170px;
	border-right: 1px solid #0094d6;
}
.productColorsList,
#modelColorsList {
    margin:0;
    padding:0;
}

.productColorsList li,
#modelColorsList li {
    background-image:url('../images/layout/plus.jpg') !important;
    background-position:0px 4px !important;
}

.productColorsList li.open,
#modelColorsList li.open {
    background-image:url('../images/layout/min.jpg') !important;
}

.productImages,
#modelImages,
.modelImages {
    float:left;
    width:260px;
    _width:250px;
    height:100px;
    text-align:right;
}

.productImages img,
#modelImages img,
.modelImages img {
    float:right;
}

.productImages img,
.modelImages img {
    max-width:260px;
}

.productColorsList,
.productColorsList ul,
#modelColorsList,
#modelColorsList ul {
    margin:0;
    padding:0;
}

.productColorsList ul li,
#modelColorsList ul li {
    cursor:default;
}

.productColorsList > li,
#modelColorsList > li {
    cursor:pointer;
}
.productColorsList ul li,
#modelColorsList ul li {
    background:none !important;
    padding-left:5px !important;
}

.productColorsList ul,
#modelColorsList ul {
    display:none;
}

.productImage,
.modelImage {
    display:none;
}

.modelscontent {
    display:none;
}
.modelUiterlijkName {
    margin:0;
    padding:0;
    float:left;
    width:100px;
}

/*.modelscontent .modelLookDescription {
    display:block;
}*/

.materialInfo {
    display:none;
}

.qualityTexts,
.productsDrawings {
    display:none;
}


.inspiratie .select select {
    width:180px !important;
}

.producten .select select {
    width:155px !important;
}

.producten #content-center {
    overflow:visible !important;
}

h3.ui-state-default {
    font-size: 90% !important;
    font-weight: bold !important;
    margin: 0 0 10px 0 !important;
    
    height: 32px;
}

h3.ui-state-active {
    font-size: 90% !important;
    font-weight: bold !important;
    margin: 0 !important;
    height: 32px;
}

#accordion div {
    margin-bottom: 10px;
}

#accordion div p {
    font-size: 90% !important;
}

.modelLook ul li.modelLookActive,
#modelLooksList li.modelLookActive {
    font-weight:bold;
    background-attachment:fixed;
    background-image:url(../gfx/site/layout/bullet-arrow.gif) !important;
    background-repeat:no-repeat !important; 
    background-position:80px 5px !important;
}

.pdflink {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background-image:url(../images/pdf-icon.jpg) !important;
    height:16px;
    padding-left:24px;
    line-height:18px;
    background-repeat:no-repeat;
}

.teruglink {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background-image:url(../images/arrow-left.jpg) !important;
    height:12px;
    padding-left:12px;
    line-height:12px;
    background-repeat:no-repeat;
}

#contactformtable td {
    width:150px\9;/*ie hack for all versions of IE*/
}
#contactformtable td.large {
    *width:400px;
}
#contactformtable td input.checkbox {
    border:none;
}

#contactformtable textarea {
    _width:365px;
}

.twoInputs table {
    *width:220px !important;
}

#accordion div p {
    margin:0;
    padding:0;
}
#accordion div table th {
    font-weight:normal;
}
#accordion div table td {
    padding: 0 10px;
}

body div#arena .vacatures p {
    margin:0;
}

body div#arena .vacatures h4 {
    color:#0094D6;
    font-size:13px;
}

.item_date {
    font-weight:bold;
}