/*
 * Ravenhorst Carosseriebouw 
 * Grijs			: #f0f0f0
 * Blauw			: #009bdb
 * Blauw tint (donkerder)	: #0066cc;
 * Rood 			: #db240b
 */

*{margin:0; padding:0;}

a img {border:none;}

html{background:#f0f0f0;height:100% !important;} 

body {background:#f0f0f0;font-family: Arial, Helvetica, sans-serif;font-size:11px;line-height:1.5;overflow-x:hidden;height:100%;text-align:center;}

h1{font-size:130%; font-weight:bold;}
h2{font-size:115%; font-weight:bold;}
h3{font-size:105%; font-weight:bold;}
h4{color:#db240b; font-size:100%; font-weight:bold;}
h5,h6{color: #db240b; font-size:120%; font-weight:bold; text-align:left;}

p{color:#000;font-size:11px; line-height:1.5; margin:6px 0;}
a{color:#009bdb; text-decoration:none;}
a:hover{color:#0066cc;}
table{font-size:11px;}
hr {height:0;border: 0;border-top: 1px solid #ccc; margin:8px 0;}
.box{padding:32px; width:auto; margin:0 auto;}
.box1{padding:20px 12px 12px 12px; width:auto; margin:12px auto 6px auto;}

#language{background:transparent; width:910px; height:24px; line-height:24px; margin:0 auto; text-align:right;}
#language a{color:#939393; text-decoration:none; padding-right:5px;}
#language a:hover{color:#666;}
	
#pagecontainer{background: url(/cmsfile/9) no-repeat center top; width:915px; /*height:590px;*/ height:auto; display:block; margin:0 auto; text-align:center;} /* ie6 */

#header{background:transparent; width:901px; height:105px; margin: 0 auto; overflow:hidden; text-align:left;}
#header a img{margin:12px 0 0 1px;}
	
#ravenhorst{width:263px; height:100px; float:left; display:inline; overflow:hidden; text-align:left !important;}	
#ravenhorst a img {outline:none !important;}
		
#nav{background: url(/cmsfile/13) no-repeat left 24px !important; float:left; width:638px; height:105px; /* ie 6 */display:inline; }	
#nav a{color:#fff;}

#nav ul{list-style-type:none; display:block; margin-top:68px;}
#nav ul li{float:left; display:inline; height:1%;}
#nav ul li a{float:left; padding:0 3px; text-transform:uppercase;}
#nav ul li a:hover{color:#f4f4f4;}
#nav ul li.current{font-weight:bold;}

ul#submenu {background:transparent; width:680px; height:20px; margin-top:88px; display:block;}	
ul#submenu li{ width:auto; background: transparent; padding:0 6px; border: 1px solid #e0e0e0; line-height:16px;}
ul#submenu li a{clear:both; float:left; display:inline; line-height:16px; color:#666;  padding: 0 2px;}
ul#submenu li a:hover{color:#999;}
ul#submenu li.currentsub{font-weight:bold;}	
			
#contentcontainer{background: url(/cmsfile/862) no-repeat center bottom;  width:100%; height:486px; height:auto; float:left; display:block; /*overflow:hidden !important;*/ text-align:left;} /*for ie6 */

#sidebar{float:left; width:270px; height:552px; height: auto; text-align:center;}
#intro{width:220px; height:174px; text-align:left; padding:12px;}
#intro h1{line-height:1.3;}
#intro p{padding-right:12px;}
	
#zoekbox{width:260px; height:30px; margin:0 auto 16px 0;}
#zoekbox fieldset{border:none; padding:0;} /* 12px 0 */ 
#zoekbox #zoekwoord{background: url(/cmsfile/17) no-repeat center left; border:none !important; padding:3px 3px 3px 6px; margin-left:-20px; width:172px;}
#zoekbox .zoekbtn{background:transparent url(/cmsfile/41) no-repeat center center; border:none; color:transparent; width:20px; height:20px; padding:3px; text-indent:-999em !important; overflow:hidden;} 
#zoekbox .zoekbtn:hover{cursor:pointer;}
	
ul#nieuws{list-style-type:none; margin:12px 0 12px 24px; width:220px; height:auto; margin:0 auto; text-align:left;}
ul#nieuws li a{color:#009bdb; padding:2px 0; display:block; background: url(../gfx/btn-arrow-blue.png) no-repeat right center !important;}
ul#nieuws li a:hover{color:#0066cc !important;}
		
#nieuwscontainer{width:200px; height:auto;  float:left; display:inline;  margin-left:25px; margin-bottom:12px; /*margin:0 auto;*/ text-align:left;}
#nieuwscontainer h5{font-size:12px; font-weight:bold; text-transform:uppercase; padding:0!important;}
#nieuwscontainer h3{padding:0 !important; display:block;}
#nieuwsitem h5{font-size:12px; font-weight:bold; text-transform:uppercase;}
.nieuwsitem{width:193px; height:auto; display:block; margin-bottom:6px;}		
.nieuwsitem p{margin:2px 0; padding-left:2px;}
.nieuwsitem a img{float:right; margin-top:-24px;}
.leesverder a{color:#009bdb; text-decoration:none; margin:2px 0;}
.nieuwsitem a:hover{color:#0066cc;}

/* Content */
#main{float:left; width:618px; height:452px; height:auto; background:transparent; padding:0; /*overflow:hidden;*/}
#main h2{font-size:11px; font-weight:bold;}
#main ul{margin-left:0;}
#main ol{margin-left:10px;}

ul.special{list-style-type:none; }
ul.special li{background: url(/cmsfile/153) no-repeat left 4px; margin:4px 0; text-indent:24px;}
ul.special li em{margin-left:18px;}
/* vaste breedte en hoogte in de maindiv, maar wel laten scrollen */
.contentbox{width:618px; height:402px; background:transparent; overflow-x:hidden; overflow-y:auto;}
.contentbox h1 {display:block;}
.scroll{width:618px; height:452px; overflow-x:hidden; overflow-y:auto;}
	
#media{width:618px; height:368px; background: url(../gfx/divider.png) no-repeat center bottom;}
#path{color:#db240b; width:618px; height:auto; font-size:11px; text-align:right; padding:4px 42px 4px 0;}
#path a{color:#666;}
#path a:hover{color:#333;}
#feature-container{background: url(/cmsfile/45) no-repeat right 16px; margin-bottom:6px; overflow:auto;}
.feature{background:transparent url(/cmsfile/45) no-repeat left 10px; width:33%; height:200px; display:block; float:left; margin:6px 2px 2px 0; overflow:hidden !important;}
.feature h3{display:block; padding:6px 3px 0 6px;}
.feature p{margin:0; padding:4px 6px;}
.feature p{width:86%; height:100%; float:left; z-index:3 !important; left:0; top:0; overflow:visible;}
.feature span.meerinfo{width:8%; height:100%; float:right;}
.feature span.meerinfo img{margin-top:130px;}
.last{margin:0 !important;}
.feature-img{width:100%; height:146px;}

/* Occassions */	
#occassions{background:url(/cmsfile/145) repeat left top;} /* 65 */
#occassions h1{padding:6px 6px 6px 12px;}
#occassions p{padding:12px;}
ul.grid{list-style-type:none; width:98%; height:auto; margin:0 auto; overflow:auto;}
ul.grid li{float:left; margin:12px; width:170px; height:auto;}
ul.grid li span{display:block; float:left; padding:2px 0; width:100%; height:auto;}
ul.grid li a{clear:both; float:left; display:block !important; padding:2px 0; white-space:nowrap !important;}	
ul.grid h4{color:#000; padding:0 !important;}
			
/* Occassion details */
#occassion-gallery-container{background:transparent; width:222px; height:450px; clear:both; float:left; margin-right:12px !important;}
#mycarousel{margin-left:0;}
#mycarousel ul{margin-left:0 !important;}
#occassion-thumbs{background:#fff; width:220px !important; height:112px; margin:0; padding:0;}
#occassion-detail{width:100%; height:270px;}
#occassion-detail img{border:1px solid #000;}
#ocassion-detailphoto{margin-top:12px;}
#ocassion-detail img {border:1px solid #000;}
#occassion-details{background: #ccc; width:381px; height:414px; overflow:hidden; margin-left:12px !important; /*_margin-left:24px !important;*/ /*zoom:1;*/}
#occassion-details h1{background:#c4c2c2; color:#000; padding:2px 0; width:97%; margin:6px; text-indent:6px;}
#occassion-details h2,h3,h4,h4,h6{padding:6px;}
/*#occassion-details div {padding:6px 0; width:99%; height:400px; overflow-x:hidden; overflow-y:auto;}	*/
#occassion-details .detailbox{/*_border-left:12px solid #fff;*/ width:370px; height:402px; background:transparent; padding:6px !important; overflow-x:hidden; overflow-y:auto !important;}
#occassion-details p{padding:0 6px;}
/* Occassions caroussel en glider */
ul.occassions-gallery{width:320px; height:120px; background:#ff99cc; overflow: hidden;}
ul.occassions-gallery li a img{float:left !important;}
	
.galleria{list-style:none;width:220px; height:120px; background:transparent;}
/*.galleria li{display:block;width:80px; height:100px;overflow:hidden;float:left !important; margin:0 10px 10px 0;}*/
.galleria li{display:block;width:110px; height:100px;overflow:hidden;float:left !important; margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:inline;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px;} /* MSIE bug */
.replaced{width:221px;}		
	
#footer{color:#fff; clear:both; float:left; display:block; width:915px; height:24px; line-height:24px; margin:0 auto 8px auto; text-align:center;}
#footer a{color:#fff; text-decoration:none; text-transform:lowercase; padding: 0 6px;}
#extra_search_options{display:none;}

#formident{font-family:Arial, Helvetica, sans-serif !important; font-size:11px;} 
.inputtext{border:1px solid #e2e2e2; margin: 3px 0; padding:2px;}
.inputtextarea{border: 1px solid #e2e2e2; font-family:Arial, Helvetica, sans-serif !important; font-size:12px; width:230px; min-height:120px; margin:3px 0; padding:2px;} 
.inputselect{border: 1px solid #e2e2e2;  margin: 3px 0; padding: 2px 0 2px 2px;}

#cms_textfooter{display:none;} 

/*
#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; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#fff;}

#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url(/cmsfile/625) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(/cmsfile/625) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(/cmsfile/625) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(/cmsfile/625) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(/cmsfile/625) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(/cmsfile/625) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(/cmsfile/629) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(/cmsfile/629) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/cmsfile/617, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/cmsfile/613, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/cmsfile/621, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/cmsfile/597, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/cmsfile/593, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/cmsfile/601, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/cmsfile/605, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/cmsfile/609, sizingMethod='scale');}
*/