/* 
Theme Name: Reiger Theme - Patrick Garritsen
Description: Designed by Reiger Suspension 
Author: Reiger Suspension
*/

/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/
/*-------------------------------------------------------------------------------------------
l
INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
  -2.2.1 Drop-down menus
  -2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs
-2.8 Homepage

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi / Woo-Pagination
-3.4 Single Post Author
-3.5 Entry Tables

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
-6.2 Contact Form 
-6.3 Gravity forms
-6.4 Timeline page template
-6.5 IE specific styling 
-6.6 Subscribe & Connect
-6.7 Slider
-6.8 Portfolio
  -6.8.1 Single Portfolio

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/

@media screen and (max-width: 800px) {	
	p.marked{
	display:none;
	}
	
	#home-auto{
	height:auto !important;
	}
	
	#home-rallyraid{
	height:auto !important;	
	}
	
	#home-motor{
	height:auto !important;	
	}
	
	#home-quad{
	height:auto !important;	
	}
	
	#home-sidecar{
	height:auto !important;	
	}
	
	#blok-home-widget{
	display:none;
	}
		
	.default_product_display {
    width: 30% !important;
}
	
	#default_products_page_container .wpsc_page_numbers_bottom{
	margin-top:40px !important;
	}
	
	.default_product_display div.wpsc_loading_animation{
	display:none;
	}
	
}

@media screen and (max-device-width: 800px) {
	#parallax-auto{
	display:none;	
	}
	
	#parallax-rallyraid{
	display:none;	
	}
	
	#parallax-motor{
	display:none;
	}
	
	#parallax-quad{
	display:none;	
	}
	
	#parallax-sidecar{
	display:none;		
	}
	
	#blok-home-widget{
	display:block;
	}
	.default_product_display {
    width: 30% !important;
}
}

@media screen and (max-device-width: 1000px) {		
	body{
	font-size:12px !important;
	}
	
	#blok-home-boxen{
	font-size:20px !important;
	line-height:30px !important;	
	}
	
	#content{
	min-height:700px !important;
	}
    
	#main{
	width:100% !important;
	}
	
	p.marked{

	}
	
	#home-auto{
	height:auto !important;
	}
	
	#home-rallyraid{
	height:auto !important;	
	}
	
	#home-motor{
	height:auto !important;	
	}
	
	#home-quad{
	height:auto !important;	
	}
	
	#home-sidecar{
	height:auto !important;	
	}
	
	.default_product_display{
	height:200px !important;	
	}
	
	#default_products_page_container .wpsc_page_numbers_bottom{
	margin-top:40px !important;
	}
	.default_product_display {
    width: 30% !important;
}
}

@media screen and (max-width: 1170px) {

	.OpenDag{
	max-width:100%;
	margin-top:0px !important;
	}	

	#links{
	width:65% !important;
	}

	#title-container{
	width:110% !important;
	}
	
	#back-to-merchandise{
	margin-top:-60px !important;	
	}
	
	#shopcart{
	top:-45px !important;	
	}
		
	#winkelwagen{
	margin-right:-310px;	
	}

	#breadcrumbs{
	display:none;
	}
	
	.nav{
	display:none;
	}

	#flags-home{
	display:none;
	}

	#menu-home{
	display:none !important;
	}
	
	#logo-home-1{
	width:50%;
	margin-top:50px;
	}
	
	#maps{
	display:none;
	}
	
	#contacttext{
	width:41% !important;
	float:none !important;
	}
	
	#functies{
	width:20% !important;
	}
	
	#signmerchandise{
	width:230px !important;	
	}
	
	p.marked{

	}
		
	#home-auto{
	height:auto !important;	
	}
				
	.default_product_display .wpsc_product_price p, #content .default_product_display .wpsc_product_price p{
	font-size:12px;	
	margin-left:0px !important;
	width:80% !important;
	margin:0 auto !important;
	margin-top: 7px !important;
	}
	
	.default_product_display .wpsc_buy_button_container{
	width:64% !important;
	margin:0 auto !important;
	margin-top:-45px !important;
	}
	
	.default_product_display form.product_form fieldset legend, #content .default_product_display form.product_form fieldset legend{
	font-size:12px !important;	
	margin-left:0px !important;
	width:63%;
	margin:0 auto !important;
	}
	
	.default_product_display .wpsc_quantity_update{
	width:52% !important;
	margin:0 auto !important;	
	}
	
	.default_product_display .wpsc_quantity_update input, #content .default_product_display .wpsc_quantity_update input{
	width:7%;
	margin-left:0px !important;
	}
	
	#content input.wpsc_buy_button{
	margin-top:45px !important;
	margin-left:0px !important;	
	}
	
	.default_product_display .wpsc_product_price{
	margin-left:0px !important;	
	margin-bottom: 0px !important;
	}
	
	#checkout_page_container .wpsc_make_purchase{
	position:static !important;
	padding-top:10px;
	}
	
	#checkout_page_container .wpsc_make_purchase{
	margin-top:-65px;
	}
	
	#checkout_page_container{
	padding-bottom:10px !important;
	}
	
	.default_product_display{
	width:33% !important;
	}
	
	#default_products_page_container .imagecol img, #list_view_products_page_container img, #grid_view_products_page_container img{
	width:64% !important;	
	}
	
	.wpsc-latest-product{
	width:33% !important;
	}
	.default_product_display {
    width: 30% !important;
}
}

#responsive-menu .responsive-menu, #responsive-menu div, #responsive-menu .responsive-menu li{
	height:auto;
}

/*------------Homepage---------*/

.OpenDag{
	max-width:100%;
	margin-top:80px;
}

#wevewon{
	    width: 100%;
    display: block;
    margin: 0 auto;
    height: 241%;
    color: black;
    z-index: 999;
    background-image: url(images/wevewon_1.png);
    background-repeat: no-repeat;
    padding-top: 8px;
}

#functies{
	float:right;
	position:fixed;
	width:12%;
	height:100px;
	right:0px;
	top:138px;
	text-align:center;
}

#login{
	width:100%;
	display:block;
	margin:0 auto;
	height:30px;
	color:black;
	z-index:999;
	background-image:url('images/balk-functies.png');
	background-repeat:no-repeat;
	padding-top:8px;
	font-weight:bold;
	font-size:14px;
}

#login:hover{
	width:100%;
	display:block;
	margin:0 auto;
	height:30px;
	color:white;
	background-image:url('images/balk-functies-hover.png');
	background-repeat:no-repeat;
	font-weight:bold;
}

#product-aanvragen{
	width:100%;
	display:block;
	margin:0 auto;
	height:30px;
	color:white;
	background-image:url('images/balk-functies-hover.png');
	background-repeat:no-repeat;
	padding-top:8px;
	padding-left:7px;
	font-weight:bold;
	font-size:14px;
}

#product-aanvragen:hover{
	width:100%;
	display:block;
	margin:0 auto;
	height:30px;
	color:white;
	background-image:url('images/balk-functies-hover.png');
	background-repeat:no-repeat;
	font-weight:bold;
}

#blok-sidebar-nav{
	float:right;
	position:fixed;
	width:0.5%;
	height:auto;
	right:-31px;
	top:540px;
	margin-top:-10px;
	border-radius: 10px 0px 10px 10px;
	z-index:1000;
}

#blok-sidebar-nav1{
	float:right;
	position:fixed;
	width:4%;
	height:280px;
	right:0;
	margin-top:-300px;
	border-radius: 10px 0px 10px 10px;
	z-index:1000;
}

ul.sidebar-nav{
	margin-top:9px;
	padding-left:0px;
	right:75px;
	width:50px;
}

#parallax-auto{
	float:left;
	width:100%;
	height:auto;
}

#blok-home-boxen
{
	float:left;
	height:auto;
	width:100%;
	background-color:#f1f1f1;
	font-family:ccregular;
	line-height:20px;
}

#home-boxen
{
	max-width:950px;
	height:auto;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	padding-top:20px;
	width:57%;
}

#home-calender{
	float:left;
	margin-top:-14px;
}

#blok-home-algemeen
{
	float:left;
	height:auto;
	width:100%;
	background-color:#f1f1f1;
	padding-top: 20px;
    padding-bottom: 15px;
	font-family: ccregular;
	line-height:20px;
}

#home-algemeen
{
	width:60%;
	max-width:1905px;
	height:auto;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
}

#blok-home-vlak
{
	float:left;
	height:auto;
	width:100%;
	background-color:#f1f1f1;
	padding-top:15px;
	font-family: ccregular;
	line-height:20px;
}

#responsive-blok{
	width:60%;
}

#blok-home-auto
{
	float:left;
	height:auto;
	width:100%;
	background-color:#f1f1f1;
}

#home-auto
{
	width:60%;
	max-width:1905px;
	height:580px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	padding-top:30px;
	line-height:20px;
	font-family: ccregular;
}

#parallax-rallyraid{
	float:left;
	width:100%;
	height:auto;
}

#blok-home-rallyraid
{
	float:left;
	height:auto;
	width:100%;
	background-color:#f1f1f1;
}

#home-rallyraid
{
	width:60%;
	max-width:1905px;
	height:580px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	padding-top:30px;
	line-height:20px;
	font-family: ccregular;
}

#parallax-motor
{
	float:left;
	width:100%;
	height:auto;
}

#blok-home-motor
{
	float:left;
	height:auto;
	width:100%;
	background-color:#f1f1f1;
}

#home-motor
{
	width:60%;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	padding-top:30px;
	line-height:20px;
	font-family: ccregular;
}

#parallax-quad
{
	float:left;
	width:100%;
	height:auto;
}

#blok-home-quad
{
	float:left;
	height:auto;
	width:100%;
	background-color:#f1f1f1;
}

#home-quad
{
	width:60%;
	max-width:1905px;
	height:580px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	padding-top:30px;
	line-height:20px;
	font-family: ccregular;
}

#blok-home-sidecar
{
	float:left;
	height:auto;
	width:100%;
	background-color:#f1f1f1;
}

#home-sidecar
{
	width:60%;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	padding-top:30px;
	line-height:20px;
	font-family: ccregular;
}

#parallax-sidecar{
	float:left;
	width:100%;
	height:auto;
}

#parallax-pandonder{
    float: left;
    width: 100%;
    height: auto;	
}

#parallax-pand{
    float: left;
    width: 100%;
    height: auto;	
}


#blok-home-maps{
	float:left;
	width:100%;
	height:380px;
	font-size:12px;
}

#blok-home-widget{
	float:left;
	width:100%;
	height:auto;
	padding-bottom:15px;
	background-color:#f1f1f1;
	font-family: ccregular;
}

#home-widget
{
	width:100%;
	max-width:1905px;
	height:auto;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	text-align:center;
}

#blok-home-footer{
	float:left;
	width:100%;
	height:40px;
	background-color:#A2007E;
}

#home-footer
{
	width:100%;
	max-width:1905px;
	height:40px;;
	background-color:#A2007E;
	margin: 0 auto;
	display:block;
	text-align:center;
	color:#FFF;
	margin-top:20px;
	font-family: ccbold;
}

/*------------End Homepage---------*/

/*------------Content Pages---------*/

#content-auto{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#content-rallyraid{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#content-motor{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#content-quad{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#content-zijspan{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}	

#content-merchandise{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#content-winkelwagen{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#content-specials{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#content-overons{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#content-contact{
	width:60%;
	height:auto;
	max-width:1905px;
	background-color:#f1f1f1;
	margin: 0 auto;
	display:block;
	margin-top:10px;
}

#footer-onderliggend{
	float:left;
	width:100%;
	height:40px;
	background-color:#A2007E;
}

#footer-content-onderliggend{
	width:100%;
	height:40px;
	background-color:#A2007E;
	margin: 0 auto;
	display:block;
	text-align:center;
	color:#FFF;
	margin-top:20px;
	font-family: ccbold;	
}

#image-content-auto{
	display:none;
}

#image-content-rallyraid{
	display:none;
}

#image-content-motor{
	display:none;
}

#image-content-quad{
	display:none;
}

#image-content-zijspan{
	display:none;
}

#link-content{
	float:left;
	padding-left:10px;
}

a.wpmenucart-contents{
	height:auto;
}

a.wpmenucart-contents:hover{
	color:black !important;
}

#shopcart{
	float:right;	
	position:relative;
	top:-40px;
}

#none{
	display:none;
}
	
/*------------End Content Pages---------*/

/*-------------------------Menu-Home--------------------*/

.nav-home li.current-menu-item a{
		
}

/*------------Home---------*/

.menu-item-3548{
	width: 44px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-3548:hover{
	width: 44px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------OpenDag---------*/

.menu-item-5141{
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-5141:hover{
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Auto---------*/

.menu-item-3549:hover{
	width: 36px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-3549{
	width: 36px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Rallyraid---------*/

.menu-item-3559:hover{
	width: 70px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-3559{
	width: 70px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Motor---------*/

.menu-item-3560:hover{
	width: 45px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-3560{
	width: 45px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Quad---------*/

.menu-item-3561:hover{
	width: 44px;
	height: 80px;
	color: #FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-3561{
	width: 44px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Zijspan---------*/

.menu-item-3646:hover{
	width: 58px;
	height: 80px;
	color: #FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-3646{
	width: 58px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Merchandise---------*/

.menu-item-3554:hover{
	width: 100px;
	height: 80px;
	color: #FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-3554{
	width: 100px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Specials---------*/

.menu-item-3562:hover{
	width: 64px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-3562{
	width: 64px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Open Dag---------*/

.menu-item-5294:hover{
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-5294{
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

/*----*/

/*------------Over ons---------*/

.menu-item-3556:hover{
	width: 68px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
}

.menu-item-3556{
	width: 68px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
}

/*----*/

/*------------Contact---------*/

.menu-item-4469:hover{
	width: 78px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

.menu-item-4469{
	width: 78px;
	height: 80px;
	color:#FFF !important;
	font-size:16px;
	text-align:left;
	margin-left:25px;
}

#contactblok{
	background-color: #f1f1f1;
    color: #000;
	float:left;
    font-family: ccregular;
    width: 100%;
    height: 80px;
}

#innercontact{
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    margin-top: 1%;
}

/*----*/

/*---------*/

/*Scrolling Sidebar Home*/

#sidebar-img-home{
	position:absolute;
	top:8px;
}

#sidebar-img-auto{
	position:absolute;
	top:43px;
}

#sidebar-img-rallyraid{
	position:absolute;
	top:77px;
}

#sidebar-img-motor{
	position:absolute;
	top:113px;
}

#sidebar-img-quad{
	position:absolute;	
	top:148px;
}

#sidebar-img-sidecar{
	position:absolute;	
	top:183px;
}

#sidebar-img-footer{
	position:absolute;
	top:218px;
}

.sidebar-img-auto:hover{
	background: url('images/sidebar-auto-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.sidebar-img-rallyraid{
	background: url('images/sidebar-rallyraid.png');
	z-index:1000;
	background-repeat:no-repeat;
}
.sidebar-img-rallyraid:hover{
	background: url('images/sidebar-rallyraid-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

#photo {
	 position: fixed;
	 right: 110px;
	 z-index:999;
	 top:440px;
	 width:4%;
	 float:right;
}

#photo1 {
	 position: fixed;
	 right: 110px;
	 z-index:999;
	 top:365px;
	 width:4%;
	 float:right;
}

#photo2 {
	 position: fixed;
	 right: 25px;
	 z-index:999;
	 top:401px;
	 width:4%;
	 float:right;
}

#photo3 {
	 position: fixed;
	 right: 25px;
	 z-index:999;
	 top:435px;
	 width:4%;
	 float:right;
}

#photo4 {
	 position: fixed;
	 right: 25px;
	 z-index:999;
	 top:470px;
	 width:4%;
	 float:right;
}

nav{
  width:4%;
} 

nav.stickydiv {
	position: relative; top: 0; z-index: 10000;margin-top: 12px;
}

nav ul {
list-style-type:none;margin:0;padding:0;
}

nav li {
padding:5px 10px;
}

nav li a {
color:#fff;font-weight:700;line-height: 25px;
}

#title {
   width: 900px; height: 60px;float: right;
}

#title h1 {
     text-align: right;font-weight: bold;font-size: 25px;margin: 0;color:#fff;
}

.active {
color:black; text-decoration:none;
}

.active-sidecar {
	background: url(wp-content/themes/kaboodle/images/sidebar-sidecar.png);
}

.clear:after {
   visibility: hidden;display: block;content: "";clear: both;height: 0;
}

/*End-Scrolling Sidebar Home*/

/*Widget Footer Home*/

.wpsc-latest-products{
	float:left;	
}

.wpsc-latest-product{
	float:left;
	width:25%;
	padding-top:5px;	
}

/*End Widget Footer Home*/

/*Merchandise*/

#winkelwagen{
	width:150px;
	height:50px;
	background: url('images/winkelwagen.png');
	float:right;
	margin-top:-35px;
}

#winkelwagen:hover{
	width:150px;
	height:50px;
	background: url('images/winkelwagen-hover.png');
	float:right;
	margin-top:-35px;	
}

#back-to-merchandise{
	width:150px;
	height:50px;
	background: url('images/merchandise-hover.png');
	float:right;
	margin-top:-55px;
}

#back-to-merchandise:hover{
	width:150px;
	height:50px;
	background: url('images/merchandise.png');
	float:right;
	margin-top:-55px;	
}

/*End Merchandise*/

/*Sidebar*/

#knop-sidebar-boven{
	float:right;
	position:fixed;
	width:40px;
	background: url('images/knop-sidebar-boven.png');
	background-repeat:no-repeat;
	right:0;
	height:25px;
	top: 290px;
	z-index:999;
}

#knop-sidebar-onder{
	float:right;
	position:fixed;
	width:40px;
	background: url('images/knop-sidebar-onder.png');
	background-repeat:no-repeat;
	right:0;
	height:25px;
	top: 572px;
	z-index:999;
}

.image-home{
	background: url('images/sidebar-home.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-home:hover{
	background: url('images/sidebar-home-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-home:focus{
	background: url('images/sidebar-home-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-home:active{
	background: url('images/sidebar-home-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-auto{
	background: url('images/sidebar-auto.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-auto2{
	background: url('images/sidebar-auto-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}


.image-auto:hover{
	background: url('images/sidebar-auto-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-auto:focus{
	background: url('images/sidebar-auto-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-auto:active{
	background: url('images/sidebar-auto-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-rallyraid{
	background: url('images/sidebar-rallyraid.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-rallyraid2{
	background: url('images/sidebar-rallyraid-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-rallyraid:hover{
	background: url('images/sidebar-rallyraid-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-rallyraid:focus{
	background: url('images/sidebar-rallyraid-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-rallyraid:active{
	background: url('images/sidebar-rallyraid-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-motor{
	background: url('images/sidebar-motor.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-motor2{
	background: url('images/sidebar-motor-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-motor:hover{
	background: url('images/sidebar-motor-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-motor:focus{
	background: url('images/sidebar-motor-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}

.image-motor:active{
	background: url('images/sidebar-motor-black.png');
	z-index:1000;	
	background-repeat:no-repeat;
}


.image-quad{
	background: url('images/sidebar-quad.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-quad2{
	background: url('images/sidebar-quad-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-quad:hover{
	background: url('images/sidebar-quad-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-quad:focus{
	background: url('images/sidebar-quad-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-quad:active{
	background: url('images/sidebar-quad-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-sidecar{
	background: url('images/sidebar-sidecar.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-sidecar2{
	background: url('images/sidebar-sidecar-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-sidecar:hover{
	background: url('images/sidebar-sidecar-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-sidecar:focus{
	background: url('images/sidebar-sidecar-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-sidecar:active{
	background: url('images/sidebar-sidecar-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-footer{
	background: url('images/sidebar-footer.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-footer2{
	background: url('images/sidebar-footer-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-footer:hover{
	background: url('images/sidebar-footer-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-footer:focus{
	background: url('images/sidebar-footer-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

.image-footer:active{
	background: url('images/sidebar-footer-black.png');
	z-index:1000;
	background-repeat:no-repeat;
}

/*End Sidebar*/

body,html{height:auto;}
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{line-height:1;overflow-x: hidden;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* Floating & Alignment  */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}

/* Clear Floats  */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}

@charset "utf-8";
/* CSS Document */

#menu-home{
	position:fixed;
	width:100%;
	z-index:999;
	display:block;
	top:0px;
	height:80px;
}

#menu-home:after{
	content: "";
	background-color:#e5e5e5;
  	opacity: 1.0;
  	z-index: -1; 
	position:fixed;
	width:100%;
	height:80px;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}
	
	nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	
	nav ul li {
	
}
	nav ul li:hover {
	
	}
		nav ul li:hover a {
			color: black;
		}
	
	nav ul li a {
		color: #757575; text-decoration: none;
	}
	
	nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

@font-face
{
	font-family: ccregular;
	src: url('images/CCregular.ttf'),
		url('images/CCregular.eot'); /* IE9+ */
}
@font-face
{
	font-family: ccitalic;
	src: url('images/CCitalic.ttf'),
		url('images/CCitalic.eot'); /* IE9+ */
}
@font-face
{
	font-family: ccbold;
	src: url('images/CCbold.ttf'),
		url('images/CCbold.eot'); /* IE9+ */
}
@font-face
{
	font-family: ccbolditalic;
	src: url('images/CCbolditalic.ttf'),
		url('images/CCbolditalic.eot'); /* IE9+ */
}

@font-face
{
	font-family: facebookfont;
	src: url('images/facebook.ttf'),
		url('images/facebook.otf'),
		url('images/facebook.eot?#iefix') format('images/facebook.otf');

		
}

.fbfont{
	font-family: facebookfont;
	font-size: 25px;
	color: #FFF;
	margin-top: 13px;
	text-align: center;
}

.fbtag{
	color: #FFF;
	font-family: ccbold;
	font-size: 15px;
	margin-top: 4px;
	text-align: center;	
}

body  { 
	font-family:ccregular;
}

h2{	
	color:#a2007e;
	font-family:ccbold !important;
	font-size:22px !important;
	font-weight: 500;
}

h3{
	color:#a2007e;
	font-family:ccbold !important;
	font-size: 16px !important;	
	font-weight: 500;
}

h1, h4, h5, h6  { margin: 0; font-family:ccregular; color: #FFFFFF; font-weight:normal; }
h1  {font-size: 2em }  h3  {font-size: 1.6em;} 

h4  {
	color: #a2007e;
	font-family: ccbold !important;
	font-size: 16px !important;
} 

h5  {font-size: 1em;} h6  {font-size: 0.8em;}

/*-------------------------------------------------------------------------PMARKED LINKJES-------------------------------------------------*/

p.markedauto{
	color:#FFF !important;
	background-image:url('images/link_auto.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	float:left;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedauto:hover{
	color:#a2007e !important;
	background-image:url('images/linkhover_auto.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedmotor{
	color:#FFF !important;
	background-image:url('images/link_motor.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	float:left;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedmotor:hover{
	color:#a2007e !important;
	background-image:url('images/linkhover_motor.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedtrial{
	color:#FFF !important;
	background-image:url('images/link_trial.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	float:left;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedtrial:hover{
	color:#a2007e !important;
	background-image:url('images/linkhover_trial.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedrallyraid{
	color:#FFF !important;
	background-image:url('images/link_rallyraid.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	float:left;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedrallyraid:hover{
	color:#a2007e !important;
	background-image:url('images/linkhover_rallyraid.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedquad{
	color:#FFF !important;
	background-image:url('images/link_quad.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	float:left;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedquad:hover{
	color:#a2007e !important;
	background-image:url('images/linkhover_quad.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedzijspan{
	color:#FFF !important;
	background-image:url('images/link_zijspan.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	float:left;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedzijspan:hover{
	color:#a2007e !important;
	background-image:url('images/linkhover_zijspan.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedspecials{
	color:#FFF !important;
	background-image:url('images/link_specials.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	float:left;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedspecials:hover{
	color:#a2007e !important;
	background-image:url('images/linkhover_specials.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedoverons{
	color:#FFF !important;
	background-image:url('images/link_overons.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	float:left;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p.markedoverons:hover{
	color:#a2007e !important;
	background-image:url('images/linkhover_overons.png');
	background-repeat:no-repeat;
	width: 152px;
	height: 36px;
	font-weight:bold;
	font-size:12px;
	padding: 7px 0px 0px 50px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
}

p {margin: 0;}

hr {background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px;}

input, textarea { 
	padding: 4px;
	margin-top: -4px;
	border-width:1px; 
	border-style:solid;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; 
	color: #777; 
	font-weight:600;
}

#wpcf7-f887-p194-o1{
	margin: -13px 0px 0px 0px !important;
	float:left;
	width:395px;
	height:600px;
}

.wpcf7-form-control.wpcf7-submit{
	border-color: #c9c9c9;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	width: 101px;
	height: 30px;
	background-color: #a2007e;
	box-shadow: 2px 2px 1px #939393;
	font-family: ccbold;
	font-size: 15px;
	margin-top: 3px;
	margin-left:5px;
	padding-left: 5px;
	margin-bottom:15px;
}

.wpcf7-form-control.wpcf7-submit:hover{
	border-color: #c9c9c9;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #a2007e;
	width: 101px;
	height: 30px;
	background-color: #FFF;
	box-shadow: 2px 2px 1px #939393;
	font-family: ccbold;
	font-size: 15px;
	margin-top: 3px;
	margin-left:5px;
	padding-left: 5px !important;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #a2007e !important;
	margin-top: -36px !important;
	margin-left: 115px !important;
}

.wpcf7-form-control wpcf7-text{
	margin-left:20px !important;
}

.wpcf7-form-control.wpcf7-submit{
	border-color:white !important;
	border-width:3px !important;
	border-radius:15px !important;
	box-shadow:none !important;
	height:32px !important;
	margin-bottom:0px !important;
	width:125px !important;
}
/*----------------Contact pagina-----------------------*/

.contactentry{
	
}

#side1{
	width: 50%;
	height: auto;
	float: left;
	padding-right: 15px;
	padding-top: 10px;
	color: #a2007e;
	font-size: 13px;
	font-family: ccbold !important;
	line-height: 25px;
}

div.wpcf7 {
	margin: 4px 0px 0px 0px !important;
	width: 400px;
	float: left;
	line-height: 28px;
	background-color:#a2007e !important;
	border-radius:40px;
	text-align:center;
	color:white;
}

#maps{
	width: 425px;
	float: right;	
	margin-right:40px;
}

#contacttext{
	width:41%;
	height:auto;
	float:left;
	margin-top:15px;
	line-height:23px;
}

.ctitel{
	color: #a2007e;
	font-family: ccbold;
	font-size: 20px;
	float:left;	
}

.cline{
	background-image:url('images/cline.jpg');
	background-repeat:no-repeat;
	width:282px;
	height:3px;
	margin-top:1px;
	float:left;	
}

.cnames{
	color: #a2007e;
	font-family: ccbold;
	font-size: 15px;
	float: left;
	margin-top:10px;
	width:136px;
}

.ctext{
	font-size: 15px;
	float: left;
	width:270px;
	margin-top:10px;
}

div.wpcf7-response-output {
	margin: -4em -0.5em 1em 9em !important;
	width: 300px !important;
	padding: 0.2em 1em !important;
}

div.wpcf7-validation-errors{
	display:none !important;
}

div.wpcf7-mail-sent-ok{
	display:none !important;
}

span.wpcf7-not-valid-tip{
	color:black !important;
	font-weight:bold !important;
}

/*----------------------------------------*/

/* 1.2 Hyperlinks */

a { 
	text-decoration:none;
	color: #a2007e;
	height:68px;
}

a:hover{
	color: #a2007e;
}

.post-meta a:hover,
.post-more a:hover { color: #FFFFFF; text-decoration:none; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: none;}

h2 a:hover{
	color:#A2007e !important;
}

h3 a:hover{
	color:#A2007e !important;
}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */

#wrapper{
	width: 100%;
	height: 1105px;
	background-color:#f1f1f1;
}

.testtest{
	background-image: url('images/bg.jpg') !important;
	background-repeat:repeat-x;
}

#wrapper-home{
	width: 100%;
	height: auto;
	background-image:none; !important;
}

#container{
	margin: 0 auto;
	height: auto;
	width: 100%;	
}

#container-home{
	margin: 0 auto;
	height: auto;
	width: 100%;
}

#contain{
	height:auto;
	width:100%;	
	background-color:#FFF;
	margin: 0 auto;
}

#contain-home{
	height:auto;
	width:100%;	
	background-color:#FFF;
	margin: 0 auto;
}

#header-container{
	float:left;	
	width: 1050px;
	height: 351px;
	margin-top:-350px;
}

#header-container-home{
	float:left;	
	width: 100%;
	height: auto;
}

#frame{
	background-image:url("images/frame.jpg");
	background-repeat:no-repeat;
	width:150px;
	height:1105px;
	float:left;	
	display: none;
}

#content-header{
	display:none;
}

#volledig-home{
	float:left;
	width:1050px;
	height:auto;	
}

	/* Slider */
	
	.flexslider {
		width:1050px;
		margin-left:20px;
		height:350px;
		margin: 0 0 0px;
		background: none;
		border: 0px solid #fff;
		z-index: 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
		box-shadow: 0 0px 0px rgba(0,0,0,0);
		-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
		-moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
		-o-box-shadow: 0 0px 0px rgba(0,0,0,.2);
		zoom: 1;
	}

	/*---*/


	.fslider {
background: rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 5px;
width: 1050px;
height:350px;
}

/*Merchandise form*/
label {display: block;}
/*----------------*/

.breadcrumb-title{
	display:none;
}

/* 2.2 Navigation */

#home{
	padding-top: 50px;
	font-family: ccbold;
	font-size: 12px;
	color: #FFF !important;
	width: 10%;
	height: 30px;
	float: left;
	background-image: url('images/home.jpg');
	background-repeat: no-repeat;
	display:none;
}

#home:hover{
	padding-top: 50px;
	width: 10%;
	height: 30px;
	font-family:ccbold;
	font-size:12px;
	color:#FFF;
	float: left;
	background-image: url('images/homeh.jpg');
	background-repeat: no-repeat;
	display:none;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
#hometext{
	height: 13px;
	width: 40px;
	margin-left: 95px;
	margin-top: 5px;	
	display: none;
}

a.sf-with-ul{
	height:68px;
	width:77px;	
}

#navigation .nav li ul li a {
	border: 0;
	padding-left: 10px;
	height:20px !important;
	width:180px !important;
}

/*------------Home---------*/

.menu-item-3533{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/home.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3533:hover{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/homeh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Auto---------*/


.menu-item-3359:hover{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/autoh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3359{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/auto.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Rallyraid---------*/

.menu-item-3378:hover{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/rallyraidh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3378{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/rallyraid.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Motor---------*/

.menu-item-3383:hover{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/motorh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3383{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/motor.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Quad---------*/

.menu-item-3399:hover{
	width: 105px;
	height: 80px;
	color: #FFF !important;
	background-image: url('images/quadh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3399{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/quad.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Zijspan---------*/

.menu-item-3408:hover{
	width: 105px;
	height: 80px;
	color: #FFF !important;
	background-image: url('images/zijspanh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3408{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/zijspan.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Merchandise---------*/

.menu-item-3452:hover{
	width: 105px;
	height: 80px;
	color: #FFF !important;
	background-image: url('images/merchandiseh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3452{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/merchandise.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Specials---------*/

.menu-item-3411:hover{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/specialsh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3411{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/specials.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Over ons---------*/

.menu-item-3416:hover{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/overonsh.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3416{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/overons.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*------------Contact---------*/

.menu-item-3433:hover{
	width: 105px;
	height: 80px;
	color:#FFF !important; 
	background-image: url('images/contacth.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

.menu-item-3433{
	width: 105px;
	height: 80px;
	color:#FFF !important;
	background-image: url('images/contact.jpg');
	background-repeat:no-repeat;
	font-size:0px;
}

/*----*/

/*Footer-Home*/

#wpgyan-widget{
	margin: 0 auto;
	width:40%;
	padding-top:15px;
}

h2.rounded{
	color: #a2007e;
    font-family: ccbold !important;
    font-size: 20px !important;
    font-weight: 500;
	padding-bottom: 10px;
	text-align:center;
	padding-left:5px;
}

/*----*/

#navigation { 
	font-family:ccbold; 
	font-size:12px; 
	width:100%; 
	margin-top:-370px;
}

#navigation-home {
	font-family:ccbold; 
	font-size:12px; 
	margin-top:-290px;
	width:100%; 
	margin-top:-50px;
}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; width:100%; margin-left:-10px;}
.nav-home { z-index:99; width:1070px; position:fixed; right:25px; top:30px;}
.nav a  { 
	position:relative; 
	color:#A2007E !important;
	display:block; 
	z-index:100; 
	padding:2px 15px 15px; 
	line-height:18px; 
	text-decoration:none;
}

.nav-home a  { 
	position:relative; 
	color:#000000 !important;
	display:block; 
	z-index:100; 	
	line-height:18px; 
	text-decoration:none; 
	height:auto;
}
.nav-home a:hover  { 
	position:relative; 
	color:#FFF !important;
	display:block; 
	z-index:100; 	
	line-height:18px; 
	text-decoration:none; 
	height:auto;
} 

	.nav li  { 
		float: left;
	}

	.nav li:hover{
		color:#FFF;
	}
	
	.nav-home li  { 
		float: left;
	}

	.nav-home li:hover{
		color:#FFF;
	}

.nav li a.sf-with-ul { 
	padding-right:0px; 
}

.sf-sub-indicator {
	display:none;	
}

.nav a:hover,
.nav li.current_page_item a{	
}
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,

.nav li.current-menu-item a{
	
}

.nav li.current-menu-item a:hover{
	color:#FFF;
}

.nav li.sfHover { color:#FFF; }

/* Optional Styling */
#navigation {}
#navigation .nav li ul li { background: none; }
#navigation .nav li a { }

#navigation .nav li:first-child a { 
	border-left:none; 
}

	/* 2.2.1 Drop-down menus */
	
	/* Changes the default background color of the drop down menus */
	.nav li a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-menu-item a, .nav li.current_page_item li a, .nav li.current_page_parent li a, .nav 					    li.current-menu-ancestor li a, .nav li.current-menu-item li a, .nav li.sfHover a {}
	
	/* Changes the hover background, text and text shadow color  */
	.nav li ul li a:hover, .nav li.sfHover ul li a.sf-with-ul:hover {}
	
	/* Changes the default background color of a drop down menu with a child */
	.nav li ul li, .nav li.sfHover ul li a.sf-with-ul {}
	

	/*achtergrond kleur 1e submenu*/
	.nav li ul  { 
		background: url("images/shadow.png") repeat-x scroll 0 0 #8dcaed; 
		margin:0; 
		padding:0px -10px; 
		position: absolute; 
		left: -999em; 
		width: 180px; 
		border: 0px solid #a2007e;
		z-index:9999; 
		}
		
	/*---*/
		.nav li ul li a  { 
			padding:5px 0px; 
			width:180px; 
			font-size:0.9em;
			}
			
		.nav li ul li a:hover { 
			padding:5px 0px; 
			width:180px; 
			font-size:0.9em;
			}
			
	.nav li ul li a:hover  { text-decoration: underline; }
	.nav li ul li a.sf-with-ul { padding-right:0; }
	
	.nav li ul ul  { 
		margin: -30px 0px 0px 105px !important;
		background-color: #8dcaed !important;
	}
	
	.nav li ul li a:hover, 
	.nav li.current_page_item ul li a, 
	.nav li.current_page_parent ul li a,
	.nav li.current-menu-ancestor ul li a,
	.nav li.current-cat a ul li,
	.nav li.current-menu-item ul li a,
	.nav li.sfHover ul li { background:none;}
	
	.nav li:hover,.nav li.hover  { position:static; }
	.nav li:hover ul ul, .nav li.sfhover ul ul,
	.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
	.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
	.nav li:hover ul, .nav li.sfhover ul,
	.nav li li:hover ul, .nav li li.sfhover ul,
	.nav li li li:hover ul, .nav li li li.sfhover ul,
	.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }
	
	/* Optional Styling */
	#navigation .nav li ul  { 
		width:190px;
		padding-left:0px;
		margin: -5px 0px 0px -55px;
		/* Box Shadow */
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03);
		box-shadow: 0 2px 2px rgba(0,0,0,.03);
		font-size:12px;
	}
	
	#navigation-home .nav-home li ul  { 
		width:100px;
		padding-left:0px;
		margin: -5px 0px 0px -55px;
		/* Box Shadow */
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03);
		box-shadow: 0 2px 2px rgba(0,0,0,.03);
		font-size:12px;
	}
	
	#navigation .nav li ul ul {  }
	
	#navigation-home .nav li ul ul {  }
	
		#navigation .nav li ul li a { 
			border:0;  
			padding-left:10px;
			}
			
		#navigation-home .nav li ul li a { 
			border:0;  
			padding-left:10px;
			
			}
	
		#navigation .nav li ul li a:hover { 
			color:#FFF; 
			background-color:#a2007e;			
			width:180px;
			height:auto;
			text-decoration:none; 
			}
			
		#navigation-home .nav li ul li a:hover { 
			color:#FFF; 
			background-color:#a2007e;			
			width:180px;
			height:auto;
			text-decoration:none; 
			}
			
		#navigation .nav-home li ul li a { 
			border:0;  
			padding-left:10px;
			}
			
		#navigation-home .nav-home li ul li a { 
			border:0;  
			padding-left:10px;
			background-color:#e5e5e5;	
			text-decoration:none;
			}
	
		#navigation .nav-home li ul li a:hover { 
			color:#FFF; 
			background-color:#a2007e;			
			width:180px;
			height:auto;
			text-decoration:none; 
			}
	
		#navigation-home .nav-home li ul li a:hover { 
			color:#FFF; 
			background-color:#ccc;			
			width:180px;
			height:auto;
			text-decoration:none; 
			}
			
	#navigation .nav li ul li:first-child a { border-top:none; }
	#navigation-home .nav li ul li:first-child a { border-top:none; height:auto;}
	#navigation .nav li ul li:last-child a { border-bottom:none; }
	#navigation-home .nav li ul li:last-child a { border-bottom:none; }
	/* 2.2.2 Top Navigation (optional) */
	#top .nav { }
	#top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; font-family: sans-serif; }
	#top .nav li:first-child  {  }
	#top .nav li a.sf-with-ul { padding-right:20px; }
	
	#top .nav a:hover, 
	#top .nav li.current_page_item a, 
	#top .nav li.current_page_parent a,
	#top .nav li.current-menu-ancestor a,
	#top .nav li.current-cat a,
	#top .nav li.current-menu-item a,
	#top .nav li.sfHover { background: #222; }
	
	#top .nav li ul  { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999;
		/* Box Shadow */
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
		box-shadow: 0 2px 2px rgba(0,0,0,.1);
	}
	#top .nav li ul, #top .nav li ul li:last-child a {
		/* Border Radius */
		border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; 
	}
	#top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
	#top .nav li ul li a  { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;}
	#top .nav li ul li a:hover  { background: #000; }
	#top .nav li ul li a.sf-with-ul { padding-right:10px; }
	#top .nav li ul ul  { margin: -34px 0 0 180px; }
	
	#top .nav li:hover, #top .nav li.hover  { position:static; }
	#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
	#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
	#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
	#top .nav li:hover ul, #top .nav li.sfhover ul,
	#top .nav li li:hover ul, #top .nav li li.sfhover ul,
	#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
	#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul  { left:auto; }





/* 2.3 Header */

#header{
	width:1050px;
	padding:0px 0 0;
	clear:both;
	position:relative;
}

#header-home{
	width:100%;
	padding:0px 0 0;
	clear:both;
	position:relative;
}

#shadow { background: url("images/shadow.png") repeat scroll 0 0 transparent; height: 15px; margin-top: -5px; }

#logo  { 
	float:left; 
	padding-bottom: 18px;
	margin-left:10px; 
	margin-top: 80px;
}

#logo-home  { 
	float:left; 
	position:fixed;
	z-index:999;
	width:225px;
	margin-left:20px;
	top:0;
}

#logo img  { }
#logo .site-title, #logo .site-description  { font-family:Georgia, serif; color: #000; display:none;  }
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; }

#topad {float:right;}


/* 2.4 Content */

#top{
	height: 79px;
	width:100%;
	float:left;
	z-index:999;
	margin-top: -40px;
}

#middle{
	width:1050px;
	height:33px;	
	background-color:#a2007e;	
	opacity: 0.7;
	filter: alpha(opacity=40);
	float:left;
	z-index:999;
	margin-top: -4px;
}

#middle-home{
	width:100%;
	height:33px;	
	background-color:#a2007e;	
	opacity: 1.0;
	filter: alpha(opacity=40);
	float:left;
	z-index:999;
	margin-top: -1px;
}


#twittericon{
	background-image: url('images/twitterbird.png');
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 10;
	float: left;
	margin-top: -6px;
	margin-left: 10px;
}

#twittericon-home{
	background-image: url('images/twitterbird.png');
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 10;
	float: left;
	margin-top: -4px;
	margin-left: 10px;
}

#flags{
	width: 95px;
	height: 35px;
	float: right;
	margin-right: 3px;
	margin-top: -275px;
}

#flags-home{
	width: 95px;
	height: 35px;
	float: right; !important;
	margin-right: 20px;
	margin-top: 115px;
	position:fixed;
	top:-90px;
	right:0;
	z-index:999;
}

.NL{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;		
	width:45px;
	height:33px;
	float:left;
}

.NL:hover{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;	
	-webkit-filter: drop-shadow(0px 0px 4px #fff);
    filter: drop-shadow(0px 0px 4px #fff);
}

.dutch:hover{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;	
	-webkit-filter: drop-shadow(0px 0px 4px #fff);
    filter: drop-shadow(0px 0px 4px #fff);
}

.EN{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;	
	width:45px;
	height:33px;
	float:left;
}

.EN:hover{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;	
	-webkit-filter: drop-shadow(0px 0px 4px #fff);
    filter: drop-shadow(0px 0px 4px #fff);
}

.english:hover{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;	
	-webkit-filter: drop-shadow(0px 0px 4px #fff);
    filter: drop-shadow(0px 0px 4px #fff);
}

/*TWITTER FEED*/

/*END TWITTER FEED*/

#bottom{
	height:50px;
	width:100%;
	float:left;
	z-index:999;
	margin-top: -50px;
}

#content{
	font-family:ccregular;
	font-size:11px;
	float:left;
	height:auto;
	margin-left:20px;
	margin-top:10px;
	min-height:395px;
}

td{
	background-color: #FFF;
	border: 1px solid #e2e2e2;
	color: black;
	font-size: 15px;
	text-align:left;
}

.beforeClick {
    
}

#th{
	padding: 0px 3px 0px 14px;
	font-size: 14px;
	font-weight: 500;
	width:90px;
	float:left;
	height:25px;
}

#td{
	border:1px solid #e2e2e2;
	padding: 4px 10px 0px 6px;
	height: 30px;
	font-size:12px;
}

#tab1{
	background-color: #FFF;
	border: 1px solid #e2e2e2;
	color: #666666;
	font-size: 11px;	
	float:left;
}

#tab2{
	background-color: #FFF;
	border: 1px solid #e2e2e2;
	color: #666666;
	font-size: 11px;	
	float:left;
}

li#li_tab1{
	color:A2007E;	
	list-style: none;
}

li#li_tab2{
	color:A2007E;
	list-style: none;	
}


#button1{
	float: left;
	padding: 1px 10px 0px 36px;	
	color:#a2007e;
	cursor:pointer;
	font-weight:bolder;
}

#button1:hover{
	float: left;
	padding: 1px 10px 0px 36px;	
	color:#a2007e;
	cursor:pointer;
	font-weight:bolder;
}

#button2{
	color:#FFF;
	cursor:pointer;
	font-weight:bolder;
}

#button2:hover{
	color:#a2007e;
	cursor:pointer;
	font-weight:bolder;
}

tr{
	background-color:#E2E2E2;
	border: 1px solid #e2e2e2;
	font-weight: bold;
}

th{
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: 600;
}

#th{
	padding: 0px 3px 0px 14px;
	font-size: 14px;
	font-weight: 500;
	width:90px;
	float:left;
	height:25px;
}

#td{
	border:1px solid #e2e2e2;
	padding: 4px 10px 0px 6px;
	height: 30px;
	font-size:12px;
}

#tab1{
	background-color: #FFF;
	border: 1px solid #e2e2e2;
	color: #666666;
	font-size: 11px;	
	float:left;
}

#tab2{
	background-color: #FFF;
	border: 1px solid #e2e2e2;
	color: #666666;
	font-size: 11px;	
	float:left;
}

li#li_tab1{
	color:A2007E;	
}

li#li_tab1:active{
	color:#FFF;
}

li#li_tab1:hover{
	color:A2007E;	
}

li#li_tab2{
	color:A2007E;	
}

li#li_tab2:hover{
	color:A2007E;	
}

li#li_tab2:active{
	color:#FFF;
}

#contenthome { 
	font-family:ccregular;
	font-size:11px;
	clear:both; 
	margin: 4px; 
	padding: 0px 20px; 
	width: auto; 
	height:320px;
}

#inner{
	font-family:ccregular;
	font-size:11px;
	height: auto;
}

#innerhome{
	font-family:ccregular;
	font-size:11px;
	height:300px;
}

#main { 
	font-family:ccregular;
	font-size:11px;
	width:1010px;
}
	
#mainhome { 
	font-family:ccregular;
	font-size:11px;
	width: 645px;
	height:330px;
}
#main.fullwidth, #main.col-full, .layout-full #main { border: none; width:100%; }
.col-full {width:100%; margin:0 auto;}

#sidebar{width:285px;}
#sidebar .secondary { width:140px; } 

.col-left { float: left; }
.col-right { float: right; }

.layout-right-content #main { float:right; }
.layout-right-content #sidebar { float:left; }

------------------------------------------------------------------------------------------------------------------------------*/

/*Homepage innercontent*/

#innercontent{
	height:210px;
	width:1138px;
	float:left;
	margin-top: -10px;
}

#inlog{
	height: 210px;
	width: 310px;
	float:left;
	margin-top:5px;	
	margin-left:20px;
}

#inlog-home{
	float:left;
	width:261px;
}

/* INlOG BOX  */

#box1{
	background-image:url('images/box1.png');
	background-repeat:no-repeat;
	float:left;
	width: auto;
	height: 165px;
	display:block;
	background: #efefef;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
    padding: 0 0px;
    list-style: none;
    position: relative;
    display: inline-table;
}

#hoek1{
	background-image:url('images/hoek.png');
	background-repeat:no-repeat;
	float:left;
	width:9px;
	height:42px;
	display:none;
}

#lint1{
	background-color:#a2007e;
	opacity:1.0;
	float:left;
	width:250px;
	height:30px;
	margin-top:7px;
	text-align: center;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 25px;
	font-family: ccbold;
	color: #FFF;
}

#inlogtext{
	font-family: ccbold;
	font-size: 14px;
	float: left;
	width: 250px;
	margin-left: 8px;
	margin-top: 20px;
}

#knop1{
	width: 80px;
	height: 26px;
	float: left;
	color: #FFF;
	font-family: ccbold;
	font-size: 18px;
	padding: 7px 0px 0px 15px;
	border: 2px solid #ababab;
	margin-left: 5px;
	margin-top: 17px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

#knop1:hover{
	width: 80px;
	height: 26px;
	float: left;
	color: #a2007e;
	font-family: ccbold;
	font-size: 18px;
	padding: 7px 0px 0px 15px;
	border: 2px solid #a2007e;
	margin-left: 5px;
	margin-top: 17px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

#knop2{
	width: 130px;
	height: 26px;
	float: right;
	color: #FFF;
	font-family: ccbold;
	font-size: 18px;
	padding: 7px 0px 0px 15px;
	border: 2px solid #ababab;
	margin-right: 5px;
	margin-top: 17px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

#knop2:hover{
	width: 130px;
	height: 26px;
	float: right;
	color: #a2007e;
	font-family: ccbold;
	font-size: 18px;
	padding: 7px 0px 0px 15px;
	border: 2px solid #a2007e;
	margin-right: 5px;
	margin-top: 17px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

#inlogtext2{
	color: #a2007e;
	font-family: ccbold;
	font-size: 14px;
	float: left;
	width: 250px;
	margin-left: 10px;
	margin-top: -4px;
	display: none;
}

/*---*/

#toolbox{
	width: 270px;
	height: 206px;
	margin-top:5px;
	margin-left: 30px;
	float:left;
}

#toolbox-home{
	width:261px;
	margin-top:5px;
}

#normalcontent{	
}

/* TOOLBOX  */

#box2{
	background-image:url('images/box1.png');
	background-repeat:no-repeat;
	float:left;
	width: 100%;
	height: 190px;
	display:block;
	background: #efefef;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
    padding: 0 0px;
    list-style: none;
    position: relative;
}

#hoek2{
	background-image:url('images/hoek.png');
	background-repeat:no-repeat;
	float:left;
	width:9px;
	height:42px;
	display:none;
}

#lint2{
	background-color:#a2007e;
	opacity:1.0;
	float:left;
	width:250px;
	height:30px;
	margin-top:7px;
	padding-top: 5px;
	padding-left: 10px;
	text-align: center;
	font-size: 25px;
	font-family: ccbold;
	color: #FFF;
}

#tools{
	width:260px;
	height:148px;
	float:left;
	margin-top: 15px;
}

#line1{
	width: 260px;
	height: 3px;
	background-image: url('images/line1.png');
	background-repeat: no-repeat;
	float: left;
	display:none;
}

#line2{
	width: 260px;
	height: 3px;
	background-image: url('images/line1.png');
	background-repeat: no-repeat;
	float: left;
	display:none;
}

#line3{
	width: 260px;
	height: 3px;
	background-image: url('images/line1.png');
	background-repeat: no-repeat;
	float: left;
	margin-left: 9px;
	display: none;
}

#line4{
	width: 260px;
	height: 5px;
	background-image: url('images/line1.png');
	background-repeat: no-repeat;
	float: left;
	margin-top: -1px;
	display:none;
}

#second{
	width: 250px;
	height: 48px;
	float: left;
	font-family: ccbold;
	color: #FFF;
	font-size: 20px;
	padding: 11px 0px 0px 10px;
	text-align: center;
	margin-left: 0px;
	margin-top:0px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

#second:hover{
	width: 250px;
	height: 48px;
	float: left;
	font-family: ccbold;
	color: #a2007e;
	font-size: 20px;
	margin-left: 0px;
	padding: 11px 0px 0px 10px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}


#detail1{
	font-family:ccbold;
	font-size:13px;
	color:#000;
	margin-top:3px;
}

#forms{
	width: 250px;
	height: 47px;
	float: left;
	font-family: ccbold;
	color: #FFF;
	font-size: 20px;
	padding: 11px 0px 0px 10px;
	text-align: center;
	margin-left: 0px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

#forms:hover{
	width: 250px;
	height: 47px;
	float: left;
	font-family: ccbold;
	color: #a2007e;
	font-size: 20px;
	padding: 11px 0px 0px 10px;
	margin-left: 0px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}


#detail2{
	font-family:ccbold;
	font-size:13px;
	color:#000;
	margin-top:3px;
}

#merchandise{
	width: 229px;
	height: 48px;
	float: left;
	font-family: ccbold;
	color: #a2007e;
	font-size: 20px;
	padding: 11px 0px 0px 10px;
	margin-left: 9px;
	margin-top:-1px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	display: none;
}

#merchandise:hover{
	width: 229px;
	height: 48px;
	float: left;
	font-family: ccbold;
	color: #FFF;
	background-color:#a2007e;
	font-size: 20px;
	padding: 11px 0px 0px 10px;
	margin-left: 9px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	display: none;
}


#detail3{
	font-family:ccbold;
	font-size:13px;
	color:#000;
	margin-top:3px;
}

/*---*/

/* FACEBOOK BOX  */


#facebookbox{
	height: 245px;
	width: 350px;
	float: left;
	margin-top: -100px;
	margin-left: 65px;
}

#box3{
	background-image:url('images/boxfb1.png');
	background-repeat:no-repeat;
	float:left;
	width:306px;
	height:275px;
}

#timeline{
	width: 300px;
	height: 275px;
	z-index: 999;
	float: left;
	margin-top: 0px;
}

#hoek3{
	background-image:url('images/hoek.png');
	background-repeat:no-repeat;
	float:left;
	width:9px;
	height:42px;
}

#lint3{
	background-image: url('images/lint4.png');
	background-repeat: no-repeat;
	float: left;
	width: 300px;
	height: 70px;
	z-index: 10;
	padding-top: 5px;
	font-size: 25px;
	font-family: ccbold;
	color: #FFF;
	position: absolute;
}

.fb{
	margin-top:7px;	
}

#fbbutton{
	z-index: 12;
	margin-left: 160px;
	position: absolute;
	margin-top: 20px;
}
	
.fb_iframe_widget iframe {
	
}

/*---*/

/*---------------------*/

/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar 

.primary { 
	height: 22px;
	width: auto;
	margin-top: -2px;
}

#sidebar .secondary { float:left; margin-right:20px; } 
#sidebar .secondary.last { margin:0; } 

/* 2.6 Footer */
#footerbg{
	background-color:#a2007e;
	height: auto;
	width: auto;
	padding-top: 15px;	
}
#footer  { 
	position: relative; 
	font-family:ccbold;
	color:#FFF; 
	font-size: 13px; 
	text-align: center;
	background-color:#a2007e;
	margin: 0 auto;
}
#copyright{
	margin:0 auto;	
	margin-top: 10px;
	float: none;
	padding-left: 350px;
}

.allrights{
	float:left;	
	text-align:center;
	margin-top:-10px;
}

.disclaimer{
	float: left;
	color: #FFF;
	margin-left: 165px;
	font-size: 12px;
	margin-top: -10px;
}

.disclaimer:hover{
	float: left;
	color: #FFF;
	margin-left: 165px;
	font-size: 12px;
	text-decoration:underline;
}

.aansprakelijkheid{
	float: left;
	color: #FFF;
	font-size: 12px;
	margin-left: 20px;
	margin-top: -10px;
}

.aansprakelijkheid:hover{
	float: left;
	color: #FFF;
	font-size: 12px;
	margin-left: 20px;
	text-decoration:underline;
}

#footer a { color:#555b63; }
#footer #credit img  { vertical-align:middle; }
#footer #credit span{display:none;}

#footer-widgets { 
	width: 300px;
	border-top:none; 
	float:left;
}

#footer-widgets h3{
	text-align: center;	
}

#text-2{
	background-color: #E2E2E2;
	width: 300px;
	margin-left: 640px !important;
	height: 205px;
	border: 2px solid #a2007e;
	border-bottom: 2px solid #a2007e !important;
	float:left;
	position: absolute;
}

#footer-widgets .widget { border-bottom:0; margin:0; }
#footer-widgets .block { padding:20px 10px 0 10px; width:210px; float:left; }
#footer-widgets.col-1 .block { width:100%; padding-left:0; }
#footer-widgets.col-2 .block { width:460px;  }
#footer-widgets.col-3 .block { width:300px;  }
#footer-widgets.col-4 .block { width:220px;  }

/* 2.7 Breadcrumbs */
#breadcrumbs { 
	color: #a2007e;
	float: left;
	font-size: 12px;
	height: 35px;
	font-family: ccregular !important;
	width: 45%;
	margin-top:30px;
	margin-left:-35px;
}

#breadcrumbsrights{
	color: #a2007e;
	float: left;
	font-size: 12px;
	height: 35px;
	font-family: ccregular !important;
	width: 455px;
	margin-top: -34px;
	margin-left: 20px;	
}

/* 2.8 Homepage */
#main-page1 { margin:0 0 30px; }
#main-page2 { margin:0 0 15px; }

#mini-features {  }
#mini-features .block { width:275px; margin:0 30px 30px 0; float:left; }
#mini-features .block.last { margin-right:0; }
#mini-features .feature { margin-left:50px; }
#mini-features .home-icon { float:left; }
#mini-features h3 { font-size: 13px; color: #3f454b; line-height: 1em; padding-bottom:10px; }
#mini-features p { padding-bottom:15px; }

#latest-blog-posts { padding-top:35px; border-top:1px solid #e9ebed; }
#latest-blog-posts h3 { margin-bottom:25px; }
#latest-blog-posts .post h2.title a { font-size: 13px; color: #3f454b; line-height: 1em; }
#latest-blog-posts .post h2.title a:hover { color: #ff6633; }

#carousel-inner { background: url("images/diagonal-bg.png") repeat scroll 0 0 #FFFFFF;margin: 6px 6px 0;padding: 15px 12px;position: relative;width: auto; }
#carousel-inner a.btn-prev { background: url("images/carousel-prev.png") no-repeat scroll 0 0 transparent;height: 43px;left: -29px;position: absolute;text-indent: -9999em;top: 35%;width: 22px;z-index: 999;}
#carousel-inner a.btn-next { background: url("images/carousel-next.png") no-repeat scroll 0 0 transparent;height: 43px;position: absolute;right: -29px;text-indent: -9999em;top: 35%;width: 22px;z-index: 999; }
#carousel-inner a.btn-prev:hover {background: url("images/carousel-prev-hover.png") no-repeat scroll 0 0 transparent;}
#carousel-inner a.btn-next:hover {background: url("images/carousel-next-hover.png") no-repeat scroll 0 0 transparent;}
#carousel-inner a.btn-prev.disabled, #carousel-inner a.btn-next.disabled { display: none; }
#carousel-content-border { border-top: 1px solid #EAEBEC;display: block;width: 960px; }
.portfolio-carousel { overflow: hidden; height: 133px; }
#homepage-portfolio-carousel li { margin:8px; overflow:visible !important; position: relative; float: left; }
#homepage-portfolio-carousel .plus { background:url("images/portfolio-plus.png") no-repeat scroll 0 0 transparent; height:26px; position:absolute; right:-5px; text-indent:-9999em; top:-5px; width:26px; }
#homepage-portfolio-carousel img { padding: 4px; border: 1px solid #c2c5ca; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
#homepage-portfolio-carousel img:hover { border-color:#777; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.post .video { margin:1.5em 0;}

.archive_header  { display: block; float: left; font:bold 24px/1.5em sans-serif; }
.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 28px; }
.catrss {clear: both; margin-right: 30px; margin-top: 5px;}

.post  { margin: 0 0 3em;}
.post .title, .page .title, .portfolio .title  { margin: 0 0 15px; position:relative; }
.single .post .title {text-align: center; line-height:1.2em; }
.post .title a, .portfolio .title a { color:#3f454b; }
.post-meta { font-size: 11px; color: #848d9a; line-height: 1.5em; margin:1em 0 1.5em; }
.post-meta a { text-decoration:none; }
.single .post-meta { text-align: center; }
.post-more { clear:both; margin:1em 0; color:#999;}
.post p.tags, .portfolio p.tags {color:#999; background:url(images/ico-tag.png) no-repeat top left;padding-left:25px;width:100%;clear:both;margin-bottom:20px; line-height: 1.4em; }
.post-meta a, .post-more a, .post p.tags a { text-decoration: none; color:#888; }
.post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:none; }
#post-entries {float: right; font-style: italic; font-size:11px; }
#post-entries a { color: #bdc4ce; }
.nav-prev {background:url("images/seperator.png") no-repeat scroll right 3px transparent; margin-right: 15px; padding-right: 15px;}

#title-container { 
	margin:0 auto; 
	width:55%;
	padding: 10px 0;
	height: 50px;
	float: left;
	margin-left:10px;
}

#title-container-home { 
	margin:0 auto;
	width: 305px;
	padding: 0px 0;
	height: 55px;
	float: left;
	margin-left:0px;
	margin-top:-10px;
}

#socialmedia{
	height: 45px;
	width: 142px;
	float: right;
	margin-right: 50px;
	margin-top:	15px;
}

#socialmedia-home{
	height: 45px;
	width: 128px;
	float: right;
	margin-right: 130px;
	margin-top:	112px;
	position:fixed;
	top:-25px;
	right:-105px;
	z-index:999;
}

.imgfacebook{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 45px;
	height: 45px;
	text-align: center;
}

.imgfacebook:hover{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 35px;
	height: 35px;
	margin: 3px 3px 3px 3px;	
	text-align: center;
}

.imgfacebook-home{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 40px;
	height: 40px;
	text-align: center;
}

.imgfacebook-home:hover{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 30px;
	height: 30px;
	margin: 3px 3px 3px 3px;	
	padding: 2px 2px 2px 2px;
	text-align: center;
}


.imgtweet{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 45px;
	height: 45px;
	text-align: center;
}

.imgtweet:hover{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 35px;
	height: 35px;
	margin: 3px 3px 3px 3px;	
	text-align: center;
}

.imgtweet-home{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 40px;
	height: 40px;
	text-align: center;
}

.imgtweet-home:hover{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 30px;
	height: 30px;	
	margin: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	text-align: center;
}


.imgyoutube{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 45px;
	height: 45px;
	text-align: center;
	float:right;
}

.imgyoutube:hover{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 35px;
	height: 35px;
	margin: 3px 3px 3px 3px;
	text-align: center;
	float:right;
}

.imgyoutube-home{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 40px;
	height: 40px;
	text-align: center;
	float:right;
}

.imgyoutube-home:hover{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;	
	width: 30px;
	height: 30px;
	margin: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	text-align: center;
	float:right;
}


#title-container .title, .archive_header {float:left; margin: 0 0 0 26px; font:Futura Lt BT}
#title-container .blog-title-sep { color: #BDC4CE; line-height: 2em; margin:0 10px; }
#title-container .description { color:#BDC4CE; }

/* 3.1 Typographic Elements */
.entrym{
	margin-top:-5px !important;
	font-family:ccregular !important; 
	font-size:12px;	
}

.entry  {  
	font-family:ccregular !important; 
	font-size:16px;
	color:#000 !important;
}
.single .entry {   }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
.entry p  { 
	margin-bottom: 0.9em; 
	font-family: ccregular !important;
	line-height:20px;
}
.entry blockquote  { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444;  }
.entry blockquote p  { font-style:italic; }

.entry ul  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: disc; }
.entry ul ul li  { list-style-type: circle; }

.entry ol  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: decimal; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */
.entry img, img.thumbnail { padding: 0px;  }
.entry img:hover, img.thumbnail:hover {  }
img.wp-smiley  { padding: 0; border: none; }
.post img.woo-image.aligncenter { margin-top:10px; }

.alignleft  { float: left; height: auto; margin: 0px 20px 10px 0; }
.alignright  { float: right; height: auto; margin: 0px 0 3px 20px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background: url("images/widget-bg-grid.png") repeat scroll 0 0 #FBFDFE;border-color: #DCE0E4 #D7DBDE #D7DBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

.ico-cal { background:url("images/ico-calendar.png") no-repeat scroll 0 0 transparent; width:33px; color:#848d9a;   }
.ico-day { font-size: 14px; padding: 13px 0 7px; text-align: center; width: 33px; line-height:1.1em;}
.ico-month {font-size: 10px;text-align:center;text-transform: uppercase; font-family: sans-serif; line-height:2em;}

/* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; }
.nav-entries a { display: block; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }

.woo-pagination { margin: 0; text-align: center; }
.woo-pagination a:link,
.woo-pagination a:visited { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; }
.woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; }
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current {
	/* Border Radius */ 
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
	border:1px solid #dedede;  
	/* Gradient Background */
	background: #EBEBEB;
  	background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5));
}
.woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #EEEEEE; border: 1px solid #bbb; }

/* 3.4 Single Post Author */
#post-author { background: url("images/widget-bg-grid.png") repeat scroll 0 0 #FBFDFE;border-color: #DCE0E4 #D7DBDE #D7DBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); margin:0 0 1.5em; padding:15px; clear:both; }
#post-author .title { margin-bottom: 10px; }
#post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #c2c5ca; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
#post-author .profile-content {margin-left: 100px;}
#post-author .profile-link {  }

/* 3.5 Entry Tables */
.entry table  { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; }

.entry table th  { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; }
.entry table td  { border: 1px solid #e6e6e6; }


/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.1 Generic Widgets */

#bird{
	height: 50px;
	width: 50px;
	z-index: 10;
	position: absolute;
	margin-top: -13px;
	float: left;
	margin-left: 5px;	
	background-image:url('images/twitterbird.png');
	background-repeat:no-repeat;
}	

.widget { 
	height: 22px;
  line-height: 2;
  width: 999px;
  margin-left: 51px;
  margin-top: 1px;
  text-align: left;
  font-family: ccbold;
  font-size: 12px;
  text-transform: uppercase;
  color: #FFF;
}

tweets-list-id-144{
	height:auto;	
}

.widget h3  { 
	color: #FFF;
	background-color: #a2007e;
	height: 25px;
	padding: 0px 0px 7px 0px;	
}

.widget p { margin-bottom: 1em; }
.widget a {�color: #848d9a; }

.widget ul  { 
	clear:both; 
	list-style-type: none; 
	padding: 0px; 
	margin: 0px; 
}

.widget ul li  { 
	background-image:none;  
	background-position: 0px 7px; 
	padding-left:10px;
}
.widget ul li a  { 
	line-height: 22px; 
	text-decoration: none; 
	color:#FFED00; 
}
.widget ul li a:hover  { color:#ff6633; text-decoration:none; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

/* 4.2 Specific Widgets */

/* SEARCH FORM */

/* FLICKR */
.widget_woo_flickr h3  {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image  { float: left; margin: 3px; }

.widget_woo_flickr .wrap  { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 0 0 8px 8px;  display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img  { border:#A8AA99 1px solid; }

/* LIFESTREAM */
.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{width:30%;margin-bottom:15px;clear:both;padding:0;float:left;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }

/* TWITTER */
.widget_woo_twitter .back { background: url("images/widget-bg-grid.png") repeat scroll 0 0 #FBFDFE;border-color: #DCE0E4 #D7DBDE #D7DBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); }
.widget_woo_twitter ul { padding-left:0;  }
.widget_woo_twitter ul li { background:url("images/ico-twitter.png") no-repeat scroll 10px 15px transparent;border-bottom: 1px solid #D7DBDE; padding: 15px 15px 15px 55px; list-style:none;}
.widget_woo_twitter ul li:last-child { border:none; }
.widget_woo_twitter ul li a { padding: 0px; }
.widget_woo_twitter ul li .time { color:#999; font-style: italic; }
.widget_woo_twitter p { padding: 0 0 0 55px; font-weight: bold; color:#777; }
.widget_woo_twitter p a { color:#222; }
.widget_woo_twitter ul li .content { font-size: 12px; }
.widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; }

/* FEEDBACK */
.feedback { position:relative; background: url("images/note-top.png") no-repeat scroll 0 0 transparent; color: #766958; font-style: italic; line-height: 1.8em; padding: 46px 20px 0 0; }
.feedback a { color:#766958; font-style:normal; }
.feedback .quotes { padding: 0; }
.feedback blockquote { text-indent: 20px;background: url(images/quotes-1.png); background-position: 0 2px; background-repeat: no-repeat; }
.feedback blockquote p { line-height:21px; display: inline; margin: 0; padding-right: 22px; background: url(images/quotes-2.png); background-position: bottom right; background-repeat: no-repeat; }
.feedback-bottom {background: url("images/note-bottom.png") no-repeat scroll 0 0 transparent; padding: 0 0 35px; }
.quotes {background: url("images/note-line-item.png") repeat-y scroll 0 0 transparent; padding: 0 0 35px; width: 285px; }
.quote {padding: 0 10px 0 35px;}
.feedback cite { display: block; font-style: normal; font-weight:bold; margin-top: 20px; }
.feedback .feedback-url {word-wrap:break-word;}
.feedback a.btn-prev { position: relative; bottom:15px; left:230px; width: 10px; height: 10px; background: url(images/ico-prev.png) no-repeat; display:inline-block; text-indent: -999em; z-index:99; opacity:0.8; }
.feedback a.btn-next { position: relative; bottom:15px; left:230px; width: 10px; height: 10px; background: url(images/ico-next.png) no-repeat; display:inline-block; text-indent: -999em; z-index:99; opacity:0.8; }
.feedback a.btn-next:hover, .feedback a.btn-prev:hover { opacity: 1; }

/* 4.3 WooTabs */
#tabs {	height:auto; display: block; }

#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { background: url("images/seperator.png") no-repeat scroll right center transparent; float: left; display:inline; margin:0px; cursor: pointer; padding:0; }
#tabs ul.wooTabs li:last-child { background:none; }
#tabs ul.wooTabs li a {	color:#848d9a; display: block;float: left;padding: 10px 12px; text-transform:none; font:bold 12px/18px sans-serif; }
#tabs ul.wooTabs li a.selected { padding-bottom:11px; }
#tabs ul.wooTabs li a.selected, 
#tabs ul.wooTabs li a:hover { color: #555b63; background: url("images/arrow.png") no-repeat scroll center bottom transparent;text-decoration:none; }
#tabs ul.wooTabs li:first-child a {padding-left:0; }

#tabs .inside { margin-top:12px;  }
#tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; }
#tabs .inside ul:first-child { display: inline; }
#tabs .inside #tab-tags {  border-width:1px; padding:10px; }
#tabs .inside li { padding:15px 0; list-style:none; background: none; }
#tabs .inside li a { color:#3f454b; font-weight:bold; padding:0;}
#tabs .inside a:hover{ color: #FF6633; }
#tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #f0f0f0; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs .inside #tab-tags a:hover{ background: #e6e6e6; text-decoration: none;}
#tabs .inside li span.meta { display:block; font-size:11px; text-transform:normal; color:#848d9a; padding-bottom:5px; line-height:2em; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 10px 0 0; }
#tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; }
.tab-content { margin-left: 53px; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;margin:2em 0 0; }
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { border-bottom:1px dashed #E9EBED; }
#comments .comment.bypostauthor { }
ol.commentlist {margin-top: 25px;}
#comments .comment{border-top: 1px dashed #E9EBED;width:100%;list-style-type:none;}
#comments .comment.depth-1:first-child {border:none;}
#comments .comment.depth-1:last-child {border-bottom:none;}
#comments .comment .comment-container  { position:relative; padding: 20px 20px 20px 0; }
#comments .comment-head {margin: 0 0 15px 50px;}
#comments .comment-head a { color:#3f454b; }
#comments .comment-head a:hover { color:#ff6633; }
#comments .comment-entry {margin: 0 0 0 50px;}
#comments  .avatar  { float:left; }
#comments  .avatar img{ margin: 0; vertical-align: middle; padding:3px; border: 1px solid #c2c5ca; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 13px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { color:#848d9a; font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply {padding-top: 10px;position: absolute;right: 0;top: 5px;}
#comments .reply a { font: 11px/18px sans-serif; text-transform: lowercase;}
#comments .reply a:hover { }

#comments ul.children{background:url("images/comment-child-arrow.png") no-repeat scroll 1.25em 2.5em transparent;margin: 10px 0 0; padding: 0 0 0 50px; }
#comments ul.children li {border-top:1px dashed #E9EBED; }
#comments .cancel-comment-reply{margin:10px 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

#comments .nocomments { font-size:14px; font-weight: bold; }
#comment-header, #reply-header, #dribbble-header {margin: 30px 0;text-align: center;}
.comment-header-border { background-color: #e9ebed; height: 1px; margin: 0 auto; display: block; width: 200px; }

/* 5.2 Comments Form */
#respond  { margin: 2em 0 0; }
#respond h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }

#commentform  {	margin: 42px 0 0 0;  }
#commentform p.field { float: left; margin: 0 10px 0 0; width: 32%; }
#commentform label  { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { border:none;}
#commentform input.txt  { color:#6D747E; background: #f6f8f9; width: 170px; margin: 0 5px 20px 0; padding: 10px 7px; }
#commentform textarea  { color:#6D747E; background: #f6f8f9; width: 97% !important; padding: 5px 7px; }
#commentform input.txt:focus, #commentform textarea:focus { border-color: #DCE0E4 #D7DBDE #D7DBDE; border-radius: 3px 3px 3px 3px; border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); }

#respond #commentform #submit {
    cursor: pointer;
    float: right;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0 0;
}

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
a.button, 
a.comment-reply-link, 
#commentform #submit,
.submit {
	display: inline-block;
	margin: 5px;
	padding: 8px 13px;
	border-color: #DCE0E4 #D7DBDE #D7DBDE;border-style: solid;border-width: 1px;
	color: #555B63;
	text-align: center;
	text-shadow: 0 0 0;
	text-decoration: none;
	
	/*Border radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	/*Background*/
	background: #fdfeff;
	
	/*Box shadow*/
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}

a.button:hover, 
a.button.hover, 
a.button.active,
a.comment-reply-link:hover, 
#commentform #submit:hover,
.submit:hover {
	text-decoration: none !important;
	/*Background*/
	background: #FBFDFE; /*Fallback*/
	border-color: #bababa;
}

a.button:active,
a.button.active  {
	border-color: #bababa;
	
		/*Box shadow*/
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
}

.meta-nav {color: #bdc4ce; font-weight: bold; margin: 0 5px;}

/* 6.2 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms {float:left;list-style:none;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor:pointer; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
.entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */

/* 6.3 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }

/* 6.4 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
h3.archive_year { font: bold 20px sans-serif; color:#3f454b; margin-top:0; }
#archives .archives_list { border-left:1px solid #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px;  }
#archives .archives_list .comments a:hover { text-decoration: none; }

/* 6.5 IE specific styling */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#3f454b !important; font-weight:normal; } .reply a {  color:#3f454b !important; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited {  padding:7px 6px; margin:0; }
.ie7 #navigation  { zoom: 1; }
.ie7 .slide .slide-content.entry  { position: relative; margin-bottom: -250px; top: 150px; bottom: auto; }
.ie7 .slide .slide-content.entry, .ie8 .slide .slide-content.entry  { background: url(images/ie-transparency.png) repeat left top; }
.ie7 .rss  { float: left; }
.ie7 .quotes *, .ie8 .quotes *  { background-color: transparent!important; }
.ie7 #connect .newsletter-form .submit  { padding: 0!important; }
.ie7 #connect .newsletter-form .email  { padding-left: 10px; }
.ie7 .slide .styledtext  { zoom: 1; margin-top: -50px;display: inline-block; line-height: 10px; }
.ie8 .button, .ie8 .button:visited {  padding:10px 15px; margin:0; }

/* 6.6 Connect */
#connect {
    border: medium none;
    clear: both;
    padding: 20px 0 0;
}
#connect h3 { margin-bottom:20px; }
#main #connect .col-left, #connect .col-right { width:48%; }
#connect .title { margin-bottom: 10px; }
#connect p {
    background: url("images/ico-envelope.png") no-repeat scroll 0 5px transparent;
    margin: 0 0 1em;
    padding: 0 0 0 45px;
}
#connect .newsletter-form { background: none repeat scroll 0 0 #F6F8F9; margin: 0 0 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#connect .newsletter-form .input {  }
#connect .newsletter-form .email { width: 149px; background: none repeat scroll 0 0 transparent; border: medium none; padding-left: 10px; text-transform: lowercase; }
#connect .newsletter-form .submit { cursor:pointer; margin: 5px 5px 5px 25px; padding: 4px 14px; text-transform: lowercase; }
#main #connect .newsletter-form .submit { margin: 5px 5px 5px 19px; }
#connect .social { }
#connect .social a { opacity:0.8; }
#connect .social a:hover { opacity:1; }
#connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; }
#connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; }
.widget #connect .fl, .widget #connect .fr { float:none;}
.widget #connect { padding:0; margin: 0; }

/* 6.7 Slider */
/* Remove lines & padding from header */ 
.woo-slider #top { padding: 20px 0 0 0; }
.woo-slider #header { border-bottom: 0; }
.woo-slider #content { padding: 20px 0px; }

#slides {padding: 30px 0;position: relative;}
#slide-box {margin: 0 auto;position: relative;width: 920px;}
.slides_container { width: 920px; z-index: 999; }
.slides_container:first-child .slide { display: none; } /* Make sure the slider doesn't display all slides in a stack on load */
.slides_control { min-height: 300px; }
.slide { width: 1050px; min-height:200px; }
.slide .slide-content.entry { width: 300px; left: 0px; bottom: 40px; padding: 10px 20px; position: absolute; font-size: 13px; background-color: rgba(0,0,0,0.6); }
.slide .slide-content.video {background: none repeat scroll 0 0 transparent;border: medium none;-moz-box-shadow: 0 0 0;-webkit-box-shadow: 0 0 0;box-shadow: 0 0 0;float: left;font-size: 13px;padding: 20px 0px 10px 20px;width: 350px; margin:0; }
.slide .slide-content.video .title {color:#3585B3;font-size: 32px;font-weight: bold;line-height: 1.2em;margin-bottom: 0.5em;}
.slide .slide-content.video p  { color: #777777;font: 13px/1.5em sans-serif; }
.slide .slide-content.entry h2 a {color:#fff;}
.slide-content p  { color: #eaeaea; margin:0 0 0.5em; }
.slide-image { width: 960px; }
.slide .slide-content.entry .title { font-size: 24px; line-height: 1em; margin: 10px 0; color: #fff; }
.slide .slide-content.entry p { margin:0; }
.slide-img {}
.slide .video { float:right; padding: 2px; margin-right:20px; border: 1px solid #ddd; background:#fff;  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.slide .vid-content { width:360px; }

#slides a.prev {background: url("images/btn-prev-slider.png") no-repeat scroll 0 0 transparent;height: 21px;left: -40px;opacity: 0.8;position: absolute;text-indent: -9999em;top: 48%;width: 21px;z-index: 999;}
#slides a.next {background: url("images/btn-next-slider.png") no-repeat scroll 0 0 transparent;height: 21px;opacity: 0.8;position: absolute;right: -40px;text-indent: -9999em;top: 48%;width: 21px;z-index: 999;}
#slides a.prev:hover, #slides a.next:hover { opacity:1; }

#slider_nav {margin-bottom: 50px;margin-top: 15px;position: relative;z-index: 2;}
#slider_nav, #line_wrap {margin-left: auto;margin-right: auto;width: 920px;}
#line_wrap {position: relative;z-index: 1;}
#line {border-bottom: 1px solid #E8E8E9;margin: 30px 0 0;position: absolute;width: 920px;}
#slider_pag {float: left;width: 920px;}
#slider_pag ul {float: left;left: 50%;margin: 10px auto 0;max-width: 700px;position: relative;}
#slider_pag li:first-child {padding: 0 2px 0 12px;}
#slider_pag li:last-child {padding: 0 10px 0 2px;}
#slider_pag li {background: url("images/bg.png") repeat scroll 0 0 transparent;float: left;padding: 0 2px;position: relative;right: 50%;}
#slider_pag a {border: medium none;display: block;height: 11px;text-indent: -9999px;width: 10px;}
#slides .pagination li a {display:block;width:10px;height:0;padding-top:10px;background-image:url(images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
#slides .pagination li.current a {background-position:0 -10px;}

.slide .entry {border: none;margin: 0 auto;padding:0 0px;}
.slide .entry h2 { font: bold 24px/1.4em sans-serif;color: #3f454b;}
.slide .entry p { margin-bottom:0em; }
.slide .entry img, .slide img.thumbnail {background:none;border:none;-webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0;}
.slide a.btn {border-style:solid;border-width:1px;border-color: #e3ae43; border-top-color: #f0c851; border-bottom-color: #e0a235; background-color: #f9d867;font-family: sans-serif;font-size: 13px;display: inline-block;line-height: 1em;padding: 2px 7px;margin:0px 0px 1.5em;color: #895b2c !important;text-align: center;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);text-decoration: none !important;
	
	/*Border radius*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	/*Background*/
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #fae37a),color-stop(1, #f6cb4f));
	background: -moz-linear-gradient(center top,#fae37a 20%,#f6cb4f 100%);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
.slide a.btn:hover {
	/*Background*/
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f6cb4f),color-stop(1, #fae37a));
	background: -moz-linear-gradient(center top,#f6cb4f 20%,#fae37a 100%);
}
.slide .styledtext { background: transparent url(images/bg-styledtext.png) no-repeat center top; color: #333333; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 12px; padding: 11px 0px 12px; text-align: center; }

/* 6.8 Portfolio */
#portfolio { padding: 20px 0; border-top: 1px solid #C2C2BE; border-bottom: 1px solid #DFDDDC; border-top-color:rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.1);  overflow: hidden; }
.fullwidth #portfolio { border:none; padding:0; width: 920px;}

ol.portfolio, ol.dribbbles { list-style-type:none; margin:0; }
ol.portfolio li, ol.dribbbles li  { margin: 10px; float: left; }
#dribbble-header-box {margin:30px 0;}

.dribbbles li{ font-size:15px; position:relative; padding:0; margin:0 0 1.5em 0;}
.dribbbles .dribbble-shot{padding: 4px; border: 1px solid #c2c5ca; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
.dribbbles .dribbble-img {height: 150px;overflow: hidden;width: 200px;}
.dribbbles .dribbble-over{position:absolute;top:0;left:0;z-index:1;width:180px;height:130px;margin:0!important;padding:10px;font-size:0.8em;line-height:2em;text-decoration:none;color:#888;background:url(images/portfolio-zoom.png) no-repeat right bottom;}
.dribbbles .dribbble-link{position:relative;z-index:2;}
.dribbbles img{margin:0;width:200px;height:auto;opacity:1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
.dribbbles a:hover img{opacity:0.1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
.dribbbles strong{display:block;font-size:1.4em;line-height:1.2em;color:#ff6633;}
.dribbbles .dim{font-weight:bold;color:#666;}
.dribbbles em{position: absolute;bottom:5px;left:10px;font-size:1em;line-height:1em;font-weight:normal;font-style:normal;}

.entry .portfolio-img { margin-bottom:20px; }

#port-tags { margin: 5px 10px 35px; text-align: center; }
.port-cat { font-weight: bold; text-transform:capitalize; text-align: center; }
.port-cat li { background: url("images/seperator.png") no-repeat scroll right 5px transparent; padding: 5px 0 0; display: inline; }
.port-cat a { color:#848d9a; margin: 0; padding: 2px 15px 15px; }
.port-cat ul li:last-child { background: none; }
.port-cat a:hover, .port-cat a.current { color: #3F454B; background:url("images/arrow.png") no-repeat scroll center bottom transparent; text-decoration:none; }

/* 6.8.1 Single Portfolio */

.portfolio-img img:hover { border-color: #AAAAAA; }
#portfolio-content {border-left: 1px dashed #E5E5E5;float: left;padding-left: 20px;width: 315px;}
#portfolio-content h2 {font-size:2em; margin-bottom: 10px;}
#portfolio-content h3 {color: #3F454B;font: bold 14px sans-serif;margin: 0 0 1em; }
#portfolio-content .entry {border-top: 1px solid #E9EBED;margin: 20px 0;padding-top: 20px;}
#portfolio-content a.button {font-weight: bold;padding: 4px 13px; }
#portfolio-content #testimonial {border-top: 1px dotted #BFC5CA; padding-top:20px;}
#gallery h2 { font-size: 14px !important; color: #000; margin-top: 20px; margin-bottom: 16px; }
#gallery, .single-portfolio .video { float:left; margin-right: 30px; width:541px; }
#gallery .slides div { width: 542px; margin-right: 2px; text-align: center; }
#loopedSlider.gallery{ position:relative; margin: 0 0 30px; z-index: 1; }
#loopedSlider.gallery .container { height:340px; overflow:hidden; position:relative; margin: 0 0 10px 0; }
#loopedSlider.gallery .slides { position:absolute; top:0; left:0; }
#loopedSlider.gallery .slides img, #gallery img  { padding: 2px; border: 1px solid #ddd; background:#fff;  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.jcarousel-container  { width: 540px; margin: 0 auto; text-align: center; }
.jcarousel-clip   { width: 540px; margin: 0 auto; }
.jcarousel-item  { width: 160px; height: 160px; }
.jcarousel-next, .jcarousel-prev  { position: absolute; top: 80px;cursor: pointer; height: 10px; width: 7px; background-position: top left; background-repeat: no-repeat; }
.jcarousel-prev  { left: -12px; background-image: url(images/ico-gallery-prev.png); }
.jcarousel-next  { right: -12px; background-image: url(images/ico-gallery-next.png); }
.sidebar .jcarousel-container  { width: 540px;  }
.sidebar .jcarousel-clip  { width: 542px;  }
#loopedSlider.gallery .pagination  {margin-top: 800px;float: left; float: left; height: 170px; }
#loopedSlider.gallery .pagination li  { margin: 0; }
#loopedSlider.gallery .pagination li img  { padding: 2px; border: 1px solid #ddd; background:#fff;  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
#loopedSlider.gallery .pagination li.active img  { }
#TB_overlay  { z-index: 9998!important; }
#TB_window  { z-index: 9999!important; }
#loopedSlider.gallery .gallery-hover  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#single-gallery-image { margin: 0 auto 50px auto; }



/*---------- Title animations --------------*/

@keyframes myfirst
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	25% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	50% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	75% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	85% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	100% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}	
}

@-webkit-keyframes myfirst
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	25% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	50% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	75% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	85% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	100% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
}

@-moz-keyframes myfirst
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	25% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	50% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	75% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	85% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
	100% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
}

#animation{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:54px;
	height:54px;
	background-image:url(images/knop1.png);
	background-repeat:no-repeat;
	z-index: 998;
	animation: myfirst 4s linear;
	-moz-animation: myfirst 4s linear;
	-webkit-animation: myfirst 4s linear;
	
	-webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    -o-transition-duration: 1.4s;
    transition-duration: 1.4s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

#animation:hover{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:54px;
	height:54px;
	z-index: 998;
	background-image:url(images/knop1.png);
	background-repeat:no-repeat;
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#sign{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:258px;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/banner1.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}

/*--- Contact sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#signcontact{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/contactbanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}
/*---*/


/*--- Auto sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#signauto{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/autobanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}

#signlocatie{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/locatiebanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}

/*---*/

/*--- Motor sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0%  {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
		 left:0px; top:0px; width:258px;}
}

#signmotor{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/motorbanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}

#signmerchandise{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/merchandisebanner1.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}
/*---*/

/*--- Rallyraid sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#signrallyraid{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/rallyraidbanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}
/*---*/

/*--- Zijspan sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#signzijspan{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/zijspanbanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}
/*---*/

/*--- Quad sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#signquad{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/quadbanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}
/*---*/

/*--- Specials sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#signspecials{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/specialsbanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}
/*---*/

/*--- Over ons sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#signover{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:75%;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/overbanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}
/*---*/

/*--- Archief sign ---*/
@keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}	
}

@-webkit-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

@-moz-keyframes mysecond
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	75% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
	85% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px; }
	100% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px; width:258px;}
}

#signarchief{
	float:left;
	position:relative;
	transition: width 2s, height 2s;
	width:258px;
	height:36px;
	margin-top: 9px;
	margin-left: -10px;
	z-index: 10;
	background-image:url(images/archiefbanner.png);
	background-repeat:no-repeat;
	animation: mysecond 4s linear;
	-moz-animation: mysecond 4s linear;
	-webkit-animation: mysecond 4s linear;
}
/*---*/

@keyframes mythird
{
		0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	75% {transform:rotate(-250deg); -moz-transform:rotate(-250deg); -webkit-transform:rotate(-250deg); 
		 left:0px; top:0px;}
	85% {transform:rotate(100deg); -moz-transform:rotate(100deg); -webkit-transform:rotate(100deg); 
		 left:0px; top:0px;}
	100% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}	
}

@-webkit-keyframes mythird
{
		0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	75% {transform:rotate(-250deg); -moz-transform:rotate(-250deg); -webkit-transform:rotate(-250deg); 
		 left:0px; top:0px;}
	85% {transform:rotate(100deg); -moz-transform:rotate(100deg); -webkit-transform:rotate(100deg); 
		 left:0px; top:0px;}
	100% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
}

@-moz-keyframes mythird
{
	0% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	25% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	50% {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
		 left:0px; top:0px;}
	75% {transform:rotate(-250deg); -moz-transform:rotate(-250deg); -webkit-transform:rotate(-250deg); 
		 left:0px; top:0px;}
	85% {transform:rotate(100deg); -moz-transform:rotate(100deg); -webkit-transform:rotate(100deg); 
		 left:0px; top:0px;}
	100% {transform:rotate(250deg); -moz-transform:rotate(250deg); -webkit-transform:rotate(250deg); 
		 left:0px; top:0px;}
}

#schroefje{
	float: left;
	position: relative;
	transition: width 2s, height 2s;
	width: 20px;
	height: 20px;
	margin-top: 17px;
	margin-left: 17px;
	background-image: url(images/schroef1.png);
	background-repeat: no-repeat;
	animation: mythird 4s linear;
	-moz-animation: mythird 4s linear;
	-webkit-animation: mythird 4s linear;

	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

#schroefje:hover{
	float: left;
	position: relative;
	transition: width 2s, height 2s;
	width: 20px;
	height: 20px;

	background-image: url(images/schroef1.png);
	background-repeat: no-repeat;
	-webkit-transform:rotate(-360deg);
    -moz-transform:rotate(-360deg);
    -o-transform:rotate(-360deg);
}

/*----------------------------------------------------------------------------------------------------------------------------*/

/*------Merchandise-New-----------*/
#default_products_page_container .imagecol img, #list_view_products_page_container img, #grid_view_products_page_container img {
    margin: 0;
    border: 3px solid #d9d9d9 !important;
    border-radius: 108px !important;
    padding: 15px !important;
    width: 83% !important;
    float: left !important;
	background-color:#fff !important;
}

h2.prodtitle.entry-title{
	color: #a4a4a4;
    font-family: ccbold !important;
    font-size: 22px !important;
	text-align:center !important;
    font-weight: 500;
}

.default_product_display {
    margin-bottom: 20px !important;
    position: relative !important;
    margin-right: 3% !important;
    width: 16% !important;
    float: left;
    height: 330px !important;
}

.default_product_display .imagecol {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    min-height: 50px;
    width: 92% !important;
}

.default_product_display form.product_form fieldset legend, #content .default_product_display form.product_form fieldset legend {
    font-size: 15px !important;
    font-weight: normal;
    padding: 0px;
    margin-left: 15px !important;
    float: left !important;
    margin-top: 10px !important;
}

.default_product_display .wpsc_quantity_update input, #content .default_product_display .wpsc_quantity_update input {
    line-height: 1.2em;
    font-size: 12px !important;
    margin-top: 6px !important;
    margin-left: 8px !Important;
}



.default_product_display .wpsc_variation_forms label {
    font-family: ccregular !important;
    font-size: 14px;
    color: #a2007e !important;
}

.default_product_display .wpsc_variation_forms table, #content .default_product_display .wpsc_variation_forms table, .default_product_display .wpsc_variation_forms table tr, #content .default_product_display .wpsc_variation_forms table tr, .default_product_display .wpsc_variation_forms table td, #content .default_product_display .wpsc_variation_forms table td {
       border: none;
    border-collapse: collapse;
    margin: 0 auto !important;
	margin-left: 7% !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
}

.default_product_display .wpsc_product_price {
    margin-bottom: 18px !important;
    font-size: 16px !important;
    padding: 5px;
    font-weight: bold !important;
    text-align: center !important;
    margin-top: -18px;
}

#content input.wpsc_buy_button {
    font-size: 14px !important;
    margin-top: 50px !important;
    width: 100% !important;
    height: 30px !important;
	margin-left: 0px !important;
    color: #000000;
}

#content input.wpsc_buy_button:hover {
    font-size: 14px;
    margin-top: 50px;
    width: 100%;
    height: 30px;
    color: #fff !important;
	background-color:#a2007e !important;
}

/*-------PARALLAX--------------------*/
.adamrob_pcontainer {
    max-width: 960px;
    margin: 0 auto;
    display: none !important;
}



