@charset "utf-8";
/* Eenvoudige, dynamische media
   Opmerking: voor dynamische media moet u de hoogte- en breedtekenmerken voor de media verwijderen uit de HTML-code
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 biedt geen ondersteuning voor max-width en gebruikt standaard de breedte 100% */
.ie6 img {
	width:100%;
}

/*
	Eigenschappen van dynamisch raster van Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Geïnspireerd door "Responsive Web Design" van Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	en "Golden Grid System" van Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobiele lay-out: 480 px en lager. */

body {
	background-color: #efefef; 
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	z-index:100;
	/*
	padding-left: 1.5%;
	padding-right: 1.5%;
	-moz-border-radius:1em;
	border-radius:1em;
	*/
	
  
  background-color: #efefef; 
  /*
  background-image: -webkit-linear-gradient(top, #efefef #fff, #efefef); 
  background-image:    -moz-linear-gradient(top, #efefef #fff, #efefef); 
  background-image:     -ms-linear-gradient(top, #efefef #fff, #efefef); 
  background-image:      -o-linear-gradient(top, #efefef #fff, #efefef); 
  background-image:         linear-gradient(to bottom, #efefef, #fff, #efefef); 
  */

}

#head {
	clear: both;
	float: left;
	margin: 0;

	width: 100%;
	display: block;
	z-index:100;

	/*
	-moz-border-radius:1em;
	border-radius:1em;
	*/
}

h2, h3, h4, h5 {
	color:#36C;
	color:#CC0000;
}
	
#head, .box h3, .box-right h3, .box-wide h3, body, .gridContainer { /*background markup */
	 background-color: #D90000;
	 background-color:#36C;

        background-image: 
         -webkit-linear-gradient(-135deg,  
            transparent 20%, 
            rgba(0,0,0,0.1) 20%,
            rgba(0,0,0,0.1) 30%,
            transparent 30%,
            transparent 70%, 
            rgba(0,0,0,0.1) 70%,
            rgba(0,0,0,0.1) 80%,
            transparent 80%),
        -webkit-linear-gradient(135deg,  
            transparent 20%,
            rgba(0,0,0,0.4) 20%, 
            rgba(0,0,0,0.4) 30%, 
            rgba(0,0,0,0.1) 30%,
            rgba(0,0,0,0.1) 40%,
            transparent 40%, 
            transparent 70%, 
            rgba(0,0,0,0.4) 70%, 
            rgba(0,0,0,0.4) 80%, 
            rgba(0,0,0,0.1) 80%,
            rgba(0,0,0,0.1) 90%,
            transparent 90%)
        ; 
        background-image: 
         -moz-linear-gradient(-135deg,  
            transparent 20%, 
            rgba(0,0,0,0.1) 20%,
            rgba(0,0,0,0.1) 30%,
            transparent 30%,
            transparent 70%, 
            rgba(0,0,0,0.1) 70%,
            rgba(0,0,0,0.1) 80%,
            transparent 80%,
            transparent 100%),
        -moz-linear-gradient(135deg,  
            transparent 20%,
            rgba(0,0,0,0.4) 20%, 
            rgba(0,0,0,0.4) 30%, 
            rgba(0,0,0,0.1) 30%,
            rgba(0,0,0,0.1) 40%,
            transparent 40%, 
            transparent 70%, 
            rgba(0,0,0,0.4) 70%, 
            rgba(0,0,0,0.4) 80%, 
            rgba(0,0,0,0.1) 80%,
            rgba(0,0,0,0.1) 90%,
            transparent 90%,
            transparent 100%)
        ; 
        background-image: 
         -ms-linear-gradient(-135deg,  
            transparent 20%, 
            rgba(0,0,0,0.1) 20%,
            rgba(0,0,0,0.1) 30%,
            transparent 30%,
            transparent 70%, 
            rgba(0,0,0,0.1) 70%,
            rgba(0,0,0,0.1) 80%,
            transparent 80%),
        -ms-linear-gradient(135deg,  
            transparent 20%,
            rgba(0,0,0,0.4) 20%, 
            rgba(0,0,0,0.4) 30%, 
            rgba(0,0,0,0.1) 30%,
            rgba(0,0,0,0.1) 40%,
            transparent 40%, 
            transparent 70%, 
            rgba(0,0,0,0.4) 70%, 
            rgba(0,0,0,0.4) 80%, 
            rgba(0,0,0,0.1) 80%,
            rgba(0,0,0,0.1) 90%,
            transparent 90%)
        ; 
        background-image: 
         -o-linear-gradient(-135deg,  
            transparent 20%, 
            rgba(0,0,0,0.1) 20%,
            rgba(0,0,0,0.1) 30%,
            transparent 30%,
            transparent 70%, 
            rgba(0,0,0,0.1) 70%,
            rgba(0,0,0,0.1) 80%,
            transparent 80%),
        -o-linear-gradient(135deg,  
            transparent 20%,
            rgba(0,0,0,0.4) 20%, 
            rgba(0,0,0,0.4) 30%, 
            rgba(0,0,0,0.1) 30%,
            rgba(0,0,0,0.1) 40%,
            transparent 40%, 
            transparent 70%, 
            rgba(0,0,0,0.4) 70%, 
            rgba(0,0,0,0.4) 80%, 
            rgba(0,0,0,0.1) 80%,
            rgba(0,0,0,0.1) 90%,
            transparent 90%)
        ; 
        background-image: 
         linear-gradient(-135deg,  
            transparent 20%, 
            rgba(0,0,0,0.1) 20%,
            rgba(0,0,0,0.1) 30%,
            transparent 30%,
            transparent 70%, 
            rgba(0,0,0,0.1) 70%,
            rgba(0,0,0,0.1) 80%,
            transparent 80%),
        linear-gradient(135deg,  
            transparent 20%,
            rgba(0,0,0,0.4) 20%, 
            rgba(0,0,0,0.4) 30%, 
            rgba(0,0,0,0.1) 30%,
            rgba(0,0,0,0.1) 40%,
            transparent 40%, 
            transparent 70%, 
            rgba(0,0,0,0.4) 70%, 
            rgba(0,0,0,0.4) 80%, 
            rgba(0,0,0,0.1) 80%,
            rgba(0,0,0,0.1) 90%,
            transparent 90%)
        ; 
    background-size: 6px 6px;	


}

#logo {	 
	margin:.2em 1em 1em 1em;
	display:inline-block;
}

#payoff  {	 
	display:none;
	visibility:hidden;
	}
	
#chatbutton { 
	display:none;
	visibility:hidden;
}

#camryhead {
	display:none;
	visibility:hidden;
}

#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
	margin-top:0.5em;
}

#menu {
	visibility:hidden;
		display:none;
}

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


	
#menu a, #booknow a, input[type="submit"] {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	width:100%;
	margin:0.1em;
	text-align:center;
	padding:0.5em 0.2em;
	border-radius:0.3em;
	border-style:none;
}
	
#menu a, #booknow a, input[type="submit"]{ /*button markup */		
	background: #555; 
	background-image:   -moz-linear-gradient(top, #d2d5df 0%, #555 100%); 
	background-image:   -webkit-linear-gradient(top, #d2d5df 0%, #555 100%); 
	background-image:   -o-linear-gradient(top, #d2d5df 0%, #555 100%); 
	background-image:   -ms-linear-gradient(top, #d2d5df 0% ,#555 100%); 
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d2d5df', endColorstr='#555',GradientType=0 ); 
	background-image:   linear-gradient(top, #d2d5df 0% ,#555 100%);
  /*box-shadow
	-webkit-box-shadow: 0 2px 5px #242424;
	-moz-box-shadow:    0 2px 5px #242424;
	box-shadow:         0 2px 5px #242424;
  /*border-radius*/
	-webkit-border-radius:  5px
	-moz-border-radius:     5px;
	border-radius:          5px;
  /*transition*/
	-webkit-transition: .5s ease-in;
	-moz-transition:    .5s ease-in;
	-o-transition:      .5s ease-in;
	transition:         .5s ease-in;
  /*text-shadow*/
	text-shadow:  0 1px 0 #333; 
	filter: dropshadow(color=#333, offx=0, offy=1);  
}

#menu a:hover, #booknow a:hover, input[type="submit"]:hover {
	color:#FFF;
	background: #555; 

}

#booknow {
	width:50%;
	margin:0 auto 1em auto;
}
	

#booknow a {
	  
	font-size:1.5em;
	font-weight:normal;
}

.box, .box-right, .box-wide {
	margin: 0.5em .2em;
	background-color:#FFF;
	border: 1px #36c solid;
	float:left;
	-moz-border-radius:0.8em;
	border-radius:0.8em;
}

.box h3, .box-right h3, .box-wide h3 {
	margin: 0 .3em; 
	padding:0.4em 0.5em 0.4em 1em;
	-moz-border-radius-righttop:0.60em;
	border-top-right-radius:0.60em;
	-moz-border-radius-leftttop:0.60em;
	border-top-left-radius:0.60em;
	
	-moz-border-radius:0.20em;
	border-radius:0.20em;
	color: white;
	font-weight:bold;
	font-size:1.3em;

}

.box p, .box-right p, .box-wide p {
	padding:0.5em 0.5em 0 1em;
}

h2 {
	padding:0.5em 0.5em 0 0.55em;
}

.readmore a {
	float:right;
	margin:0.5em 25%;
	width:50%;
	 text-decoration:none;
	 text-align:center;
	color:#36c;
	border:1px solid #CCC;
     
	padding: 0.2em;
	border-radius:0.5em;
	  /*transition*/
	-webkit-transition: .2s linear;
	-moz-transition:    .2s linear;
	-o-transition:      .2s linear;
	transition:         .2s linear;
}

.readmore a:hover {
	background: #555;
	color: white;
}



#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 0.5em;

}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
    width:auto;
	display: block;
	background:#efefef;
	margin-top: 0.5em;
	margin-bottom:1em;
	padding:1em;
	-moz-border-radius:0.8em;
	border-radius:0.8em;

}
#bottomlogo {
	 margin-right:1em;
}

#socialmedia {
	margin:0.5em;
}

#footerauto {
	display:none;
	visibility:hidden;
}

#address {
	font-size:0.9em;
	color:#666;
    width:auto;
	margin:2em .5em 0;
	float:left;

}
/* Tabletlay-out: 481 px tot 768 px. Neemt stijlen over van: mobiele lay-out. */

@media only screen and (min-width: 481px) and (max-width: 768px){
.gridContainer {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#menu {
	visibility:visible;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#menu li {
	float:left;
    width:48%;
	margin-right:2%;
}

#chatbutton { 
	visibility:visible;
	display:inline-block;
	margin: .5em 1.2em 1em;
 
}

.box, .box-right {
	width: 48%;
}

#address {
 	float:left;
}
}
/* Bureaubladlay-out: 769 px tot maximaal 1232 px.  Neemt stijlen over van: mobiele lay-out en tabletlay-out. */

@media only screen and (min-width: 768px) {
.gridContainer {
    width:95%;
	max-width:1165px;
	min-width: 980px;
 
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#head {
	clear: both;
	float: left;
	margin: .5em 0 0 0;
	padding-top:1em;
	width: 99%;
	display: block;

	-moz-border-top-left-radius:1em;
	border-top-left-radius:1em;
	-moz-border-top-right-radius:1em;
	border-top-right-radius:1em;
	
}
#menu {
	visibility:visible;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#menu li {
	float:left;
    width:15.em;
	    width:19%;
	margin-right:0.68em;
}

#menu li.last {
	margin-right:0;
}

#payoff {
	width:100%;
    display:table-row;

	font-family:Arial, Gadget, sans-serif;

	
}

#payoff p {
	text-align:center;
		font-size:1.5em;
	line-height:normal;
	color: #D0E3F4
}


#camryhead {
	margin:0 2em 0 0;
	visibility:visible;
    display:inline-block;
	}
	
#logo {	
	display:inline-block;
}

#chatbutton { 
	visibility:visible;
	display:inline;
	margin: 1.5em .5em 0 0;
    float:right;
}

#payoff {
	visibility:visible;
	display:inline;
	color:white;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:1em;

}
#payoff p {
	text-align:center;
	margin:0;
	padding:0;
}

.box, .box-right {
	width: 32.3%; 
}

#footer  {
	width: 98%;
	
}

.box-wide {
	width: 99%;
	padding:.5em;
}

.box-wide p {
	width:65%;
}

.toptext {
	padding:0 .5em 0 1em;
}

#address {
 	float:right;
}

.row	{
	background-color: #DDD;
}
}