html,body{
	padding:			0;
	margin:				0;
	border:				0 none;
    font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	background:			#FFF;


}

#boven{
	width: 				758px;
	background:  			url(/layout/iframe_banden/images/design/boven.jpg) top no-repeat; 
	height: 			185px;
	margin: 			0 auto;
	padding:			0;
}

#middencontainer{
	width: 				758px;
	background: 			url(/layout/iframe_banden/images/design/midden.gif) repeat-y;
	margin: 			0 auto;
	padding:			0;
}

#midden{
	width: 				758px;
	background:			url(/layout/iframe_banden/images/design/middenond.gif) bottom no-repeat;
	margin: 			0 auto;
	padding:			0;
}

#menu{
	width:				180px;
	float:				left;
	margin:				0 0 100px 35px;
	padding: 			0;
	display: 			inline;
}

#content{
	margin:				0 0 0 15px;
	padding:			0;
	float:				left;
	width:				500px;
	color: 				#333333;
	font-size:			11px;
}

#content h1{
	font-size: 			23px;
    	font-weight: 			normal; 
	margin: 			8px 0 15px -1px;
	padding: 			0;	
	color:				#f18e33;
}

#content p{
	margin: 			0;
	padding:			0;
	line-height: 			180%;
}

#content a:link, #content a:visited, #content a:active{
	color: 				#f18e33;
}

#content a:hover {
	color:				#3162AF;
}

#content ul{
	margin:	 			20px 0 20px 16px;
	padding: 			0;
}

#content li{
	margin:	 			0;
	padding: 			0;
	list-style-type:		square;
	text-align: 			justify;
	line-height: 			150%;
}

#clear {
	clear:				both;
}

#onderrep{
	background:			url(/layout/iframe_banden/images/design/onderrep.gif) bottom repeat-x;
	margin: 			0;
	padding: 			0;
}

#onder{
	margin: 			0 auto;
	padding:			0;
	width: 				758px;
	background:  			url(/layout/iframe_banden/images/design/onder.gif) top no-repeat;
	height: 			136px;
}

#onder p{
	margin: 			0;
	padding:			75px 0 0 305px;
	color: 				#ADAEAE;
	font-size:			10px;
}

#onder p a:link, #onder p a:visited, #onder p a:active {
	color: 				#A3A3A3;
	text-decoration: 		none;
}

#onder p a:hover {
	color:				#757575;
}

/* BEGIN MENU INHOUD */

#menum dl, dt, dd, ul, li{
	margin: 			0;
	padding: 			0;
	list-style-type: 		none;
}

#menum{
	margin:				0;
	padding:			0;
	font-size:			11px;
	font-weight: 			normal;
	color:				#777175;
	z-index:			100;
}

#menum dt a{
	cursor: 			pointer;
	margin: 			0;
	text-decoration:		none;
	padding:			15px 0px 0px 15px;

	background-image: 		url(/layout/iframe_banden/images/design/menu.gif);
	background-repeat: 		no-repeat;
	background-position: 		0px 15px;

	display: 			block;
	font-weight:			bold;
	width:				165px;
}

#menum dt a:link, #menum a:visited, #menum a:active {
	color: 				#777175;
}

#menum dt a:hover{
	color:				#777175;
	background-image: 		url(/layout/iframe_banden/images/design/menuhov.gif);
	background-repeat: 		no-repeat;
	background-position: 		0px 15px;
}

#menum dt a.current{
	color:				#eb8110;
	background-image: 		url(/layout/iframe_banden/images/design/menuhov.gif);
	background-repeat: 		no-repeat;
	background-position: 		0px 15px;
}



#menum dd{
	position: 			absolute;
	z-index: 			100;
	margin-left: 			130px;
	margin-top: 			-13px;
	width: 				180px;
	background: 			#FBFBFB;

	border-top: 			1px solid #f18e33; 
	border-right: 			1px solid #f18e33;
	border-bottom: 			1px solid #f18e33;
	border-left: 			1px solid #f18e33;
}

#menum ul {
	padding:			0;
	margin: 			0;
}

#menum li{
	padding:			0;
	margin: 			0;
	list-style-type: 		none;
	display: 			inline;
}

#menum li a{
	width: 				160px;
	margin: 			0;
	border-bottom: 			1px solid #DAD7D7;
	font-weight:			bold;
	padding:			10px 5px 10px 15px;
	display: 			block;
	text-decoration: 		none;

	background-image: 		url(/layout/iframe_banden/images/design/menuhov.gif);
	background-repeat: 		no-repeat;
	background-position: 		0px 10px;
}

#menum li a:link, #menum li a:visited, #menum li a:active {
	color:				#737474;
}

#menum li a:hover {
	color: 				#393939;
	background: 			#ffffff;

	background-image: 		url(/layout/iframe_banden/images/design/menuhov.gif);
	background-repeat: 		no-repeat;
	background-position: 		0px 10px;
}
/* EIND MENU INHOUD */





/* FORMULIER */

.formulier{
	margin: 			20px 0 0 0;
	padding: 			0;
	font-size:			11px;
	color:				#333333;
}

.formulier .veld{
	float: 				left;
	width: 				100%; 
	clear: 				both;
	margin: 			0 0 5px 0;
	padding: 			0;
}

.formulier .veld label {
	display: 			block;
	float: 				left;
	margin: 			0;
	padding: 			0 0 2px 0px;
}

.formulier .veld span {
	float: 				right;
	display: 			block;
	margin: 			0;
	padding: 			0;
}


.formulier .veld input,
.formulier .veld select {
	margin: 			0;
	padding: 			1px;
	border: 			1px solid #C8C7C7;
	font-size: 			12px;
	color: 				#333333;
	background: 			#ffffff;
}

.formulier .veld .checkbox {
	margin: 			0;
	padding: 			0;
	border: 			0px;
}

.formulier .veld .radio {
	border: 			0px;
	margin: 			0 5px 0 10px;
	padding: 			0;
}

.formulier .veld textarea {
	background: 			#ffffff;
	border: 			1px solid #C8C7C7;
	margin: 			0 0 15px 0;
	padding: 			1px;
	font-size: 			12px;
	color: 				#333333;
}

.formulier .veld .submit {
	border: 			1px solid #C8C7C7;
	font-weight: 			bold;
	font-size: 			12px;
	margin: 			0;
	color: 				#333333;
}

.formulier .veld .optioneel {
	float: 				left;
	display: 			inline;
	margin: 			0;
	padding: 			0 0 0 13px;
}



.floatright{
	float: 				right;
	margin: 			0 0 0px 10px;
	padding: 			0;
}

.floatleft{
	float: 				left;
	margin: 			0 10px 0px 0;
	padding: 			0;
}





    /* CONTACT */
	.contactformulier table{ 		width:480px; 	}
	
	.contactformulier .col1{		width: 200px; 	}
	
	.contactformulier .col2{		width: 455px;	}

	
	.contactformulier .inputtext{
		
		width: 300px;

			
	}
	.contactformulier .inputtextcaptcha{
		
		width:225px; 
		position:relative; 
		top: -12px;		
	
	}
	.contactformulier .textareatext{
		
		width: 300px;

	}    
    
    
	/* Error */
	
	.error, .notice, .success {
		border: 1px solid #DDD;
		margin-bottom: 1em;
		padding: 0.6em 0.8em;
	}
	
	.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
	.error a {color: #8A1F11;}
	
	.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
	.notice a {color: #514721;}
	
	.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
	.success a {color: #264409;}
	
/* ==============================================================================================
									PLUGIN VELGEN
   ============================================================================================== */	
  	
        .webshop_velgen_lichtmetaal{
            background:url('/layout/iframe_banden/images/content/velgen_lichtmetaal.png') no-repeat 0 0; width:230px; height:255px; float:left; margin-left:3px;
        }
        .webshop_velgen_lichtmetaal:hover{
            background:url('/layout/iframe_banden/images/content/velgen_lichtmetaal.png') no-repeat 0 -255px; width:230px; height:255px; float:left;
        }
        .webshop_velgen_staal{
            background:url('/layout/iframe_banden/images/content/velgen_staal.png') no-repeat 0 0; width:230px; height:255px; float:left; margin-left:3px;
        }
        .webshop_velgen_staal:hover{
            background:url('/layout/iframe_banden/images/content/velgen_staal.png') no-repeat 0 -255px; width:230px; height:255px; float:left;
        }


    /*
        ColorBox Core Style:
        The following CSS is consistent between example themes and should not be altered.
    */
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
    #cboxOverlay{position:fixed; width:100%; height:100%;}
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
    #cboxContent{position:relative;}
    #cboxLoadedContent{overflow:auto;}
    #cboxTitle{margin:0;}
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
    .cboxPhoto{float:left; margin:auto; border:0; display:block;}
    .cboxIframe{width:100%; height:100%; display:block; border:0;}
    
    /* 
        User Style:
        Change the following styles to modify the appearance of ColorBox.  They are
        ordered & tabbed in a way that represents the nesting of the generated HTML.
    */
    #cboxOverlay{background:#CCC;}
    #colorbox{}
        #cboxContent{margin-top:20px;}
            #cboxError{padding:50px; border:1px solid #ccc;}
            #cboxLoadedContent{border:5px solid #000; background:#fff;}
            #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
            #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
            #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
            #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/layout/iframe_banden/images/system/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
            #cboxPrevious.hover{background-position:bottom left;}
            #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/layout/iframe_banden/images/system/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
            #cboxNext.hover{background-position:bottom right;}
            #cboxLoadingOverlay{background:#000;}
            #cboxLoadingGraphic{background:url(/layout/iframe_banden/images/system/colorbox/loading.gif) no-repeat center center;}
            #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/layout/iframe_banden/images/system/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
            #cboxClose.hover{background-position:bottom center;}