/* BROWSER RESET ################################################### */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;	border: 0; font-size: 100%;	font: inherit; }

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: '';	content: none; } table { border-collapse: collapse;	border-spacing: 0; }



/* BODY ############################################################# */
	body{
		color: #666;
		font-weight: normal;
		font-style: normal;
		font: normal 75% verdana, helvetica, sans-serif;
        line-height:1.7;
		background:#ffffff url('/layout/tenboekelvis/images/design/bg.gif') repeat left top;
	}



/* LAYOUT ############################################################# */
	#layout{
		margin: 10px auto;
		width: 960px;
		border: 1px solid #999;
		background:#ffffff;
	}

/* HEADER ############################################################# */
	#header{
		min-height: 120px;
		background:#ffffff url('/layout/tenboekelvis/images/design/header1.jpg') no-repeat left top;
	}
	
	#header h1{
		padding: 20px 0 0 50px;
		width: 300px;	
		font-size: 35px;
	}

/* SIDE NAV ########################################################### */
	#site_nav {
		background: url("/layout/tenboekelvis/images/design/ul_sitenav.png") no-repeat bottom right;
		list-style: none;	
		font-style: normal;
		
		width: 194px;
		height: 24px;
		top: 0px;
		margin-right: 70px;	
	}
	
	#site_nav li, #site_nav li a {
		display:block;
		float:left;
		margin:0;
		
	}
		
	#site_nav li a {
		font-size: 11px;
		font-weight: normal;
		color: #fff;
		text-decoration: None;
		margin: 5px 5px 0 20px;
	}
	
	#site_nav li a:hover {
		text-decoration: underline;
	}
	
	#site_nav #selected {
		font-weight: bold;
		font-style: normal;	
	}
	
	
/* MENU ############################################################### */

	#menu_h{
		position:relative;
		display:block;
		height:38px;
		font-size:11px;
		font-weight:bold;
		background:transparent url("/layout/tenboekelvis/images/design/bg-menu.png") repeat-x top left;
		font-family:Arial,Verdana,Helvitica,sans-serif;
		border-bottom:4px solid #a79c85;
		}
	
	#menu_h ul{
		margin:0px;
		padding:0;
		list-style-type:none;
		width:auto;
		}
	
	#menu_h ul li{
		display:block;
		float:left;
		margin:0;
		}
	
	#menu_h ul li a{
		display:block;
		float:left;
		color:#a79c85;
		text-decoration:none;
		padding:13px 20px 0 20px;
		height:25px;
		border-right: 1px solid #CCC;
	
		}
	
	#menu_h ul li a:hover{
		color:#a79c85;
		background: #e7e7e7;
		}
	
	#menu_h ul li a.current{
		color:#fff;
		background: #a79c85;
		}
		
/* CONTENT ############################################################# */
	#content{
		margin: 10px;
		border: 0px solid #F0F;
	}

	
	#main_content{
		float:left;
		width:660px;
		padding: 10px;
		min-height:560px;
		border-right: 1px solid #ccc;
	}
	
	#sidebar{
		float:right;
		width:240px; 
		padding-top: 10px;
	}
	

/* FOOTER ############################################################# */
	#footer{
		padding: 5px; 0 0 0;
		text-align: center;
		font-size: 10px;
	}

/* SYSTEM ############################################################### */
	.right{
		float:right;
	}
	
	.left{
		float:left;
	}
	
	.clear-left{
		clear:left;
	}
	
	.clear-right{
		clear:right;
	}
	
	.clear{
		clear:both;
	}

	* html .separator-vertical, * html .content {height: 0.01%; min-height: 0.01%;}
  
  
  
  
	/* Headings */
	
	h1,h2,h3,h4,h5,h6 {
		color: #444;
		font-weight: normal;
		line-height: 1;
		margin-bottom: 1em;
	}
	h4,h5,h6 {font-weight: bold;}
	
	h1 {font-size: 2.6em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.5em;}
	h4 {font-size: 1.25em;}
	h5 {font-size: 1.1em;}
	h6 {font-size: 1em;}
	
	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
	
	
	/* Text elements */
	
	p {margin-bottom: 1em;}
	
	a:focus,a:hover {color: #002;}
	a {
		color: #246;
		text-decoration: underline;
	}
	
	abbr, acronym {border-bottom: 1px dotted #666;}
	address {margin-bottom: 1.5em;}
	blockquote {margin: 1.2em; line-height: 1.4em;}
	blockquote span {font-size: 1.4em; color: #000;}
	del {color:#666;}
	em, dfn, blockquote, address {font-style: italic;}
	strong, dfn {font-weight: bold;}
	sup, sub {line-height: 0;}
	cite {color: #666;}
	
	pre {
		margin: 1.5em 0;
		white-space: pre;
	}
	pre,code,tt {
		font: 1em monospace;
		line-height: 1.5;
	}
	
	
	/* Lists */
	
	li ul, li ol {margin-left: 1.5em;}
	ul, ol {margin: 0 1.5em 1.5em 1.5em;}
	
	ul {list-style-type: disc;}
	ol {list-style-type: decimal;}
	
	dl {margin: 0 0 1.5em 0;}
	dl dt {font-weight: bold;}
	dd {margin-left: 1.5em;}
	
	
	
	
	/* Forms*/
	input, textarea { border:1px solid #ccc; padding: 4px; width:300px;}
	select { border:1px solid #ccc; padding: 4px; width:310px;}
	input.failed, textarea.failed { border:1px solid #FBC2C4; background: #FBE3E4;}
	input.passed, textarea.passes { border:1px solid #C6D880; background: #E6EFC2;}
}	
	
	/* Tables */
	
	table {margin-bottom: 1.4em;}
	th {font-weight: bold;}
	thead th {background: #C3D9FF;}
	th,td,caption {padding: 4px 5px 4px 5px;}
	tr.even td {background: #F2F6FA;}
	tfoot {font-style: italic;}
	caption {background: #EEE;}

	
	table.data-table {
		border: 1px solid #EEE;
		margin-bottom: 2em;
		
	}
	table.data-table th {
		background: #EEE;
		border: 1px solid #DDD;
		color: #555;
		text-align: left;
	}
	table.data-table th.center {
		text-align: center;
	}
	table.data-table tr {border-bottom: 1px solid #EEE;}
	table.data-table td, table th {padding: 8px 10px;}
	table.data-table td {
		background: #F6F6F6;
		border: 1px solid #E6E6E6;
		vertical-align:top;
	}
	table.data-table td.center {
		text-align: center;
	}
	table.data-table tr.even td {background: #FCFCFC;}
	table.data-table tr:hover td {background: #ccc; color: #fff;}

	
	/* 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;}
	
	
	/* Images */
	
	img.bordered,img.alignleft,img.alignright,img.aligncenter {
		background-color: #FFF;
		border: 1px solid #DDD;
		padding: 3px;
	}
	img.alignleft, img.left {margin: 0 1.5em 1em 0;}
	img.alignright, img.right {margin: 0 0 1em 1.5em;}

	
	/* Floats */   
	
	.left,.alignleft {float: left;}
	.right,.alignright {float: right;}
	
	.clear,.clearer {clear: both;}
	.clearer {
		display: block;
		font-size: 0;
		line-height: 0;	
	}

	/* Separators */

	.content_separator {
		background: #EEE;
		clear: both;
		color: #FFE;
		display: block;
		font-size: 0;
		height: 1px;
		line-height: 0;
		margin: 12px 0 24px;
	}
  
    
	/* Occasions */
	div.occasion_container
	{
		border:                     0px;
		width:                      650px;
		margin-left:                12px;
	}
	
	div.occasion_specificaties
	{
		float:                      left;
		width:                      300px;
	}
	
	div.occasion_fotos
	{
		float:                      left;
		width:                      340px;
	}

	
	.occasion_plaatje {
		position: relative;
		width: 85px;
		height: 60px;	
	}

	.occasion_plaatje span.verkocht{
		width:	95px;
		height: 78px;
		display: block;
		position: absolute;
		top: 	-10px;
		left: 	0px;
		background: url('/layout/tenboekelvis/images/content/occasion_verkocht.gif') no-repeat;
	}


	/* APK */
	
	input.zoek_kentekenplaat{
		font-size: 50px;
		font-weight: bold;
		width: 400px;
		line-height: 60px;
		background-color: #f4be04;
		border: 1px solid #ffcc00;
		text-transform: uppercase;
		margin-left: 140px;
		margin-top: 21px;
		margin-bottom: 21px;
	}

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

	
	.contactformulier .inputtext{
		
		width: 300px;

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

	}       
    
    /*
        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:#000;}
    #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/tenboekelvis/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/tenboekelvis/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/tenboekelvis/images/system/colorbox/loading.gif) no-repeat center center;}
            #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/layout/tenboekelvis/images/system/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
            #cboxClose.hover{background-position:bottom center;}
  
  
            
    .uploadifyQueueItem {
        background-color: #F5F5F5;
        border: 2px solid #E5E5E5;
        font: 11px Verdana, Geneva, sans-serif;
        margin-top: 5px;
        padding: 10px;
        width: 350px;
    }
    .uploadifyError {
        background-color: #FDE5DD !important;
        border: 2px solid #FBCBBC !important;
    }
    .uploadifyQueueItem .cancel {
        float: right;
    }
    .uploadifyQueue .completed {
        background-color: #E5E5E5;
    }
    .uploadifyProgress {
        background-color: #E5E5E5;
        margin-top: 10px;
        width: 100%;
    }
    .uploadifyProgressBar {
        background-color: #0099FF;
        height: 3px;
        width: 1px;
    }