body {
	background-color: #484848;
	background-image: url('../img/bg.gif');
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 13px;
	line-height: 21.83px;
}
html {
	overflow-y: scroll;
	overflow-x: auto;
}
img {
	border:0;
}

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

a:hover {
	text-decoration: underline;
}

h1 {
	color: #efc426;
	font-size: 19px;
	margin-top: 0;
}
s
th {
	text-align:left;
}

div.error {
	background-color: #ffcccc;
	border: 1px solid #cc0000;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/** Voor als een veld verkeerd is ingevuld **/
input.error {
	background-color: #ffcccc;
	border: 1px solid #cc0000;
}

/** Voor text velden **/
.text {
	border: 1px solid #d9d9d9;
	background-color: #f8f8f8;
	height: 20px;
	width:100%;
	font-size: 15px;
}

label {
	font-weight:bold;
	font-size: 15px;
}

	#logo {
			width:960px;
         height: 62px;
			display:block;
			text-align:right;
         margin-left: auto;
         margin-right: auto;         
		}

   /** Voor de schaduw aan de bovenkant **/
   #container-top {
      width: 976px;
      height: 8px;
      background-image: url('../img/container-bg-top.png');
      padding:0;
      margin-left: auto;
      margin-right: auto;
   }
   
   #container {
		width: 960px;			
		margin-top: 0;
      background-image: url('../img/container-bg.png');
      padding-left: 8px;
      padding-right: 8px;
      margin-left: auto;
      margin-right: auto;
	  background-repeat: repeat-y;
	}

   /** Voor de schaduw aan de onderkant **/
   #container-bottom {
      width: 976px;
      height: 8px;
      background-image: url('../img/container-bg-bottom.png');
      padding:0;
      margin-left: auto;
      margin-right: auto;
   }
   		
      /** Top banner voor sub pagina's **/
      #top-banner {
         display:block;
         height: 152px;
		 width: 960px;
      }     
      
      #titles {
         background-color: #fec500;
         height:89px;
      }
      
         #menuTitle {
            width: 251px;
            height: 37px;
            background-image: url('../img/banner-left.jpg');
            float:left;
            padding-left: 24px;
            padding-top:52px;
         }
         
            #menuTitle h1 {
               color: #dedede;
               font-size: 30px;
               font-weight: normal;
            }
         
         #pageTitle {    
            width: 661px;
            height: 39px;
            background-image: url('../img/banner-right.gif');
            background-repeat: no-repeat;
            float:left;            
            padding-top: 50px;
            padding-left: 24px;
         }
         
            #pageTitle h1 {
               color: #000000;
               font-size: 30px;
               font-weight: normal;
            }

      /** Content vlak **/
      #content {
         width:960px;
         background-image: url('../img/content-bg.gif');         
      }
      
         /** Linkerkant waar filter en submenu in worden geladen **/
	     #left {
            width: 239px;            
            float:left;
            color: #e9e9e9;
            padding-left: 18px;
            padding-right: 18px;
            padding-top: 22px;
            padding-bottom: 22px;
         }

			 #left span {
				color: #7d7d7d;
			 }

			.selectAll {
				color: #7d7d7d;
				font-size: 11px;
			 }

			 .uitklapButton {
				 margin-top: 16px;
				 margin-bottom: 16px;
				 display:block;
				 background-image: url('../img/ingeklapt.gif');
				 color: #efc426;
				 width:228px;
				 height:22px;				 
				 padding-left: 7px;
				 padding-right: 7px;
				 font-size: 14px;
             font-weight: bold;
			 }

			 .uitklapButton:hover {
				 text-decoration: none;
			 }

			 .uitgeklapt {
				 background-image: url('../img/uitgeklapt.gif');				 
			 }

			.uitklappen {
				display: none;				
			}

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

				#submenu a {
					 margin-top: 16px;
					 margin-bottom: 16px;
					 display:block;
					 background-image: url('../img/button-submenu.gif');
					 color: #efc426;
					 width:228px;
					 height:22px;
					 padding-left: 7px;
					 padding-right: 7px;
					 font-size: 14px;
                font-weight: bold;
				}

				#submenu a:hover {
					text-decoration: none;
				}

				#left fieldset {
					border:0;
					margin:0;
					padding:0;
				}

		 /** De rechterkant waar de daadwerkelijke content wordt geladen **/
         #right {            
            float:right;
            width: 633px;
            padding-left: 26px;
            padding-right: 26px;
            padding-top: 24px;
            padding-bottom: 24px;
         }

		 #right a {
			 text-decoration: underline;
		 }

		 .voorraadlijst {
			 width:100%;
		 }

			 .voorraadlijst tr {
				cursor: pointer;				
			 }
			 .voorraadlijst th {
				text-align:left;
				padding-bottom: 20px;
			 }

			.voorraadlijst td {
				border-bottom: 1px solid #c3c3c3;
				padding-top: 5px;
				padding-bottom: 5px;
			}

			th.first,td.first {
				padding-left: 4px;
			}

			/** Tekstballon waar afbeelding van keerkoppeling in wordt geladen **/
			.text-balloon {
				width: 110px;
				height: 106px;
				background-image: url('../img/text-balloon.png');
				position:absolute;
				margin-top: -100px;
				margin-left: -8px;
				display: none;
				padding-left: 8px;
				padding-top: 8px;
			}

			#amountDiv {
				float:left;
				margin-top:43px;
			}

			.pagination {
				float:right;
				margin-top:43px;
			}
				.pagination a {
					padding-top: 4px;
					padding-bottom: 4px;
					padding-left: 7px;
					padding-right: 7px;
				}
				.pagination a:hover {
					background-color: #fec500;
				}

				.selectedPage {
					padding-top: 4px;
					padding-bottom: 4px;
					padding-left: 7px;
					padding-right: 7px;
					background-color: #fec500;
				}

		/** Voor de keerkoppeling op de startpagina **/
		#keerkoppeling-home {
			width: 558px;
			height: 254px;
			float:left;
		}
			#nieuwe-keerkoppeling {				
				background-color: #efc426;
				width: 535px;
				height:34px;
				padding-top: 14px;
				padding-left: 23px;
			}

			#nieuwe-keerkoppeling h1 {
               color: #000000;
               font-size: 30px;
               font-weight: normal;
            }
			
			#keerkoppeling-info-home {
				height: 142px;
				background-color: #e9e9e9;
				padding-top: 32px;
				padding-bottom: 32px;
				padding-left:23px;
				padding-right: 23px;
            overflow: hidden;
			}
				#keerkoppeling-info-home h3 {
					font-size: 13px;
					color: #a2a2a2;
					margin-top:0;
					padding-top:0;
					margin-bottom: 10px;
					border-bottom: 1px solid #a2a2a2;
					width: 200px;
				}
				
				#keerkoppeling-info-home p {
					color: #4f5457;
					font-size: 15px;
					font-weight: bold;
					margin-top: 0;
					padding-top:0;
					line-height: 19.2px;
					width: 230px;
				}
				#keerkoppeling-info-home a {
					color: #4f5457;
				}
				#keerkoppeling-info-home img {
					float:right;
					margin-top: -17px;
				}
			
			.dolderman-logo {
				display:block;
				float:right;
				width: 960px;
				height: 193px;
				/* oude versie incl. blok voor nieuwe keerkoppelingen 
				width: 402px; 
				height: 254px; */
			}

			/** Het menu **/
			#menu-top {
				width:100%;
				height: 50px;
				background-color: #ffffff;
				background-image: url('../img/menu-top-bg.gif');
				background-repeat: repeat-x;	
			}
				ul#mainnavigation {
					list-style: none;
					margin:0;
					padding:0;
					position:absolute;
				}

				ul#mainnavigation li {
					float: left;
					list-style: none;
					height: 50px;									
					text-align: center;
					background: url(../img/nav-inactive.gif) top left no-repeat;
					text-decoration: none;
					position: relative;
				}

				ul#mainnavigation li ul {
					position: absolute;
					margin-top: 50px;
					margin-left: 0;
					margin-right:0;
					width: 170px;										
					padding-left: 0px;
					padding-right: 0px;						
					display: none;
				}

				ul#mainnavigation li ul a {
					width:124px;
					padding-top: 14px;
					border-bottom: 1px solid #efc426;
				}

				ul#mainnavigation li ul li {
					background-color: #e9e9e9;					
					background-repeat: repeat-x;
					height: 25px;
				}

				ul#mainnavigation li ul li a {
					padding-top:0;
					padding-bottom:0;					
				}

				ul#mainnavigation li ul li a:hover {
					background-image: none;
				}

				#menu-top a {
					padding-left: 23px;
					padding-right: 23px;
					padding-top: 15px;
					padding-bottom: 14px;
					display:block;
					float:left;
					font-weight:bold;
					font-size: 15px;
				}
					#menu-top a:hover {
						color: #747474;						
						background-image: url('../img/menu-button-selected.gif');
						background-repeat: repeat-x;
						text-decoration: none;
					}

				#menu-top a.miso-bold {
					padding:0;
					margin:0;
					background-image: none;
					background-color: none;
					float:right;display:block;margin-right: 20px;font-size: 23px;margin-top: 17px;
				}

				#menu-top a.miso-bold:hover {
					background-image: none;
					background-color: none;
				}				

				.menu-button-right-border {
					background-image: url('../img/menu-button-right.gif');
					width: 1px;
					height: 50px;
					float:left;
				}

			/** Het tekstblok op de startpagina **/
			#home-block-left {
				width: 512px;
				/*height: 357px;*/
				/*height: 435px;*/
				height: 515px;
				background-color: #1f1f1f;
				float:left;
				padding-left: 23px;
				padding-right: 23px;
				padding-top: 30px;
				padding-bottom: 30px;   
            overflow: hidden;         
			}			
				
				#home-block-left p {
					color: #ffffff;
               margin-bottom: 0px;
               padding-bottom: 0px;					
				}

				#home-block-left a {
					color: #ffffff;
					text-decoration: underline;
				}

			/** De keerkoppelingen lijst op de startpagina **/
			#voorraad-keerkoppelingen {
				background-image: url('../img/voorraad-keerkoppelingen-bg.gif');
				background-color: #e9e9e9;
				background-repeat: no-repeat;
				background-position: bottom;
				width: 350px;
				/*height: 452px;*/
				/*height:530px;*/
				height: 610px;
				float:right;
				padding-left: 26px;
				padding-right: 26px;
				padding-top: 27px;
				padding-bottom: 27px;
			}		
            .voorraad-keerkoppeling {
               border-bottom: 1px solid #c2c2c2;
               height: 67px;
               margin-top: 16px;               
            }
            
            .first {
               margin-top: 0;
            }
            
   				.voorraad-keerkoppeling h3 {
   					font-size: 15px;    
                  margin-top:0;
                  margin-bottom: 2px;              
   				}
               
               .voorraad-keerkoppeling img {
                  display:block;
                  float:right;
               }
               
               .voorraad-keerkoppeling table {
                  font-size: 12px;
                  color: #575757;
                  line-height: 15.2px;
               }
               
               .voorraad-keerkoppeling th {
                  width: 71px;
                  text-align: left;
                  font-weight: normal;
               }
               .voorraad-keerkoppeling td {
                  width: 190px;
               }

			   .bekijk-voorraadlijst {
				   width:158px;
				   height:22px;
				   background-image: url('../img/button.gif');
				   display:block;
				   color: #ffffff;
				   text-transform: uppercase;
				   font-size: 12px;
				   padding-left: 14px;
				   margin-top: 26px;
				   float:right;
               font-weight:bold;
			   }
			   .bekijk-voorraadlijst:hover {
				   text-decoration:none;
			   }

			#logos {
				width: 558px;
				height: 89px;
				background-color: #ffffff;
				float:left;
			}

			/** Detail pagina **/
			/** keerkoppeling afbeeldingen **/
			#images {
				width:300px;
				float:left;
			}

				.imagesTable {
				
			}

				.imagesTable td {
				width: 80px;
				height: 80px;
				vertical-align:middle;
				text-align:center;
				padding-top: 6px;
				padding-left: 6px;
				padding-right: 6px;
				padding-bottom: 0px;
				background-color: #F2F2F2;
			}

			#details {
				float:right;
				width:300px;				
			}

				#details th {
					text-align:left;
					width: 120px;
				}

				.goBack {
					display:block;
					margin-top:20px;
				}

	/** clear:both snelkoppeling **/
	.clear {
		clear:both;
	}

	/** Footer van de pagina **/
	.footer {
		color: #a4a4a4;
		margin-top:14px;
      width: 960px;
      margin-left: auto;
      margin-right: auto;
	}
	
#languages {
	float:right;
}
	#languages a {
		display:block;
		padding:0;
		padding-top:10px;
		float:none;
		padding-right: 10px;
	}