html {
min-height:98%;
margin: 0px;
padding: 0px;
width:100%;
}

/* Global Styles */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/7XUFZ5tgS-tD6QamInJTcbFJZbTbly0V4A-kMlrADXE.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/anMUvcNT0H1YN4FII8wprxgm6d0i0FjSmyQ0ElZwmAs.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/anMUvcNT0H1YN4FII8wpr4Lwop_k4MQ3dpbbWEft-78.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/r9OmwyQxrgzUAhaLET_KOwMz50wy8UtLqP3Z5PRrlhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: local('Titillium WebSemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/RZunN20OBmkvrU7sA4GPPksbl06RVGv__ElzRbP-qls.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium WebBold Italic'), local('TitilliumWeb-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/RZunN20OBmkvrU7sA4GPPlAaZ_hp8smYcKvXJpryG50.ttf) format('truetype');
}

body {
width:100%;
border-top:solid 10px #F00;
border-bottom:solid 10px #000;
background-color: #EEE; 
font-size:21px;
font-family:'Titillium Web', san-serif;
font-weight: 600;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
color:#000;
margin: 0px;
padding: 0px;
}
a:focus {
outline:1px dotted;
}
a {
text-decoration:none;
color: #F00;
}
a:hover {
text-decoration:none;
}
a span {
font-size:90%;
}
h1 {
font-size:35px;
}
h2 {
font-size:30px;
}
h3 {
font-size:25px;
}
h4 {
font-size:20px;
}
h5 {
font-size:15px;
}
h6 {
font-size:12px;
}
ol {
list-style:decimal;
}
ul {
list-style: inside;
}
li {
margin-left:20px;
position:relative;
}
ul.caravaninfo {
list-style: none;
}
ul.email {
}
ul.email li {
}
h4.page_title {
	clear: both;
	line-height: 20px;
	margin: 0 5px;
}
p,
li,
dl {
line-height:28px;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset,
img {
margin-bottom:20px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop); zoom:1; 
max-width: 100%;
}
.tophr {
margin-top: 50px;
}

#wrapper {
margin-top:7px;
width:100%;
overflow-x: hidden;
}

ul li ul,
ol li ol {
margin-bottom:0px;
}
ol {
padding: 0 0 0 5px;
}

#background_wrap {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('/images/rodeboog.jpg');
    background-position: 0px 70%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Custom Grid */

.float {
display:inline;
float:left;
position:relative;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float:left;
position:relative;
}
.container_12 .grid_1 {
width:25%;
}
.container_12 .grid_2 {
width:50%;
}
.container_12 .grid_3 {
width:100%;
}
.container_12 .grid_4 {
width:100%;
margin: 0 5px;
}
.container_12 .grid_5 {
width:100%;
}
.container_12 .grid_6 {
width:100%;
}
.container_12 .grid_7 {
width:100%;
}
.container_12 .grid_8 {
width: 100%;
}
.container_12 .grid_9 {
width:100%;
}
.container_12 .grid_10 {
width:100%;
}
.container_12 .grid_11 {
width:100%;
}

.formulier {
line-height: 22pt;
}
.formulier p, .egbertsadres {
	margin: 0 5px 20px 5px;
}

.float.right {
	font-size: 20px;
	font-weight: bold;
	color: #F00;
}

/* Global Classes */

.hr {
border:none;
border-bottom:0px;
border-top:1px solid #F00;
clear:both;
height:0;
line-height:0;
width:100%;
font-size:0;
padding:0 ;
margin-bottom :20px;
z-index: -1;

}

.pr {
border:none;
border-bottom:1px solid #f0f0f0;
border-top:1px solid #d6d6d6;
clear:both;
height:0;
line-height:0;
width:100%;
font-size:0;
padding:0;
margin-bottom :30px;
}
.dotted {
border-style:dashed;
border-left:0;
border-right:0;
border-color: #000;
}
.meta {
font-weight:600;
font-size:11px;
color:#FFF !important;
line-height:16px;
text-transform:none;
text-shadow:none;
}
.right {
float:right;
}
.left {
float:left;
}
.img_left {
float:left;
margin:10px 20px 10px 0;
}
.img_right {
float:right;
margin:10px 0 10px 20px;
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}
.textright {
text-align: left;
margin-left: 5px;
}
.error,
.success {
display:none;
}

/* Buttons */

.button, .button:visited {
background:#000000 url(../images/alert-overlay.png) repeat-x;
display:inline-block;
padding:5px 10px 6px;
color:#fff;
text-decoration:none;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
box-shadow:0 1px 3px rgba(0,0,0,0.5);
-ms-box-shadow:0 1px 3px rgba(0,0,0,0.5);
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
border-bottom:1px solid rgba(0,0,0,0.25);
position:relative;
cursor:pointer;
font-size:23px;
font-weight:700;
line-height:1;
border:0;
}
 .button:hover {
background-color:#111;
color:#fff;
text-decoration:none;
}
.button:active {
top:1px;
}

/* Site Logo */

#logo {
height: 105px;
width: 100%;
background-image: url('/images/egberts_caravans_logo.png');
background-size: 90%;
background-repeat: no-repeat;
background-position: center center;
}

#topadres {
	text-align: center;
height: 75px;
width: 94%;
line-height: 20px;
margin: 0 3%;
}
#topadres br:first-child {
	display: none;
}

#menucontainer {
/* background-image: url('/images/driecaravans2.png');
background-repeat: no-repeat; */
width: 100%;
float: right;
}

/* Site Navigation */

ul#navigation {
width: 100%;
height: auto;
font-size:20px;
font-family:'Titillium Web', san-serif;
font-weight: 600;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
text-transform:uppercase;
z-index:9999;
overflow:hidden;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}

ul#navigation li {
float: left;
display:inline;
margin: 0px 4px;
height:50px;
width: 100%;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
background-color: #FFF;
}
ul#navigation li a, div.subnavigation li a {
!important;
display:block;
text-decoration:none;
color:#000;
font-size:20pt;
font-weight:700;
border-bottom: #F00 solid 2px;
padding: 0px 5px;
}
ul#navigation li a:hover,
ul#navigation li a.current,
ul#footnavigation li a:hover, 
ul#footnavigation li a.current {
color: #FFF;
border-bottom: #F00 solid 2px;
background-color: #F00;
background-image: url(/images/red.png);
}
div.subnavigation {
background-color: #EEE);
}
ul#navigation li:hover {
height: auto;
overflow: visible;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
ul#footnavigation {
	list-style: none;
color: white;
}
ul#footnavigation li {
float: right;
display:inline;
width: 100%;
background-color: #AAA;
border-bottom: 2px solid #5d5d5d
}
ul#footnavigation li .subnavigation{
background-color: #000;
}

ul#footnavigation li a {
display:block;
width: 100%;
padding-left: 5px;
border-bottom: #000 solid 2px;
color: white;
}
	
/* Footer */

.footer {
width: 95%;
bottom: 20px;
margin-top: 100px;
font-size: 13px;
padding: 0px 10px;
}


.footer a {
color:#494949;
text-indent: 50px;
}
.footer a:hover {
color:#9d9d9d;
}

/* Sub Navigation */

ul.sidebar {
list-style:none;
margin:0 0 30px 0;
padding:0;
}
ul.sidebar li {
margin:0 0 0 0;
padding:0;
}
ul.sidebar a {
width:50%;
background:#CCC;
display:inline-block;
padding:10px 0 10px 5px;
border-bottom:1px solid #e4e4e4;
text-decoration:none;
color:#393939;
}
ul.sidebar li:last-child a {
-ms-border-radius-bottomleft:5px;
-ms-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
ul.sidebar li:first-child a {
-ms-border-radius-topleft:5px;
-ms-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
 -webkit-border-top-left-radius:5px;
 -webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
ul.sidebar a:hover {
width:50%;
background:#f6f6f6;
padding:10px 0 10px 20px;
}

/* Caption */

h2.welkom, h2.welkom a {
color:#F00;
text-shadow:1px 1px 1px #000;
font-size:33px;
font-weight:700;
text-align:center;
}
h2.caption {
color:#F00;
text-shadow:1px 1px 1px #000;
font-size:23px;
line-height:30px;
font-weight:600;
margin-left: 5px;
}
h2.caption span {
color:#000000;
font-weight:700;
}
h2.caption a:hover {
text-decoration : underline;
}
#inleiding {
text-align: center;
width: 100%;
font-size: 11pt;
font-weight:600;
}

.logos {
width: 100%;
text-align: center;
background-color: white;
padding: 15px 0 20px;
}

.logos img {
margin: 0px 65px 0px;
border: 0px;
}

/* Homepage QuickNavigation */

a .title {
color:#000000;
font-size: 32px;
text-transform: uppercase;
}
.quicknavgrid_3 {
width:100%;
margin: 0px;
padding:20px 10px 0 15px;
display:inline;
float:left;
position:relative;
}
.quicknav {
background:url(../images/link_bg_hover.png) repeat-x;
color: #F00;
}

.quicknavhr {
margin-bottom:0;
}
.quicknav.alpha {
margin-left:0;
width:100%;
}



/* About Us Page Timeline */

dl.history {
margin:10px 10px;
}
dl.history {
margin:0 0 10px 0;
zoom:1}
dl.history dt {
width:50px;
float:left;
font-weight:700;
}
dl.history dd {
width:50%;
float:left;
padding:0;
margin-bottom:20px;
}

/* Common Scroller Styles */

.roundabout-holder {
list-style:none;
margin:0px auto;
}
.roundabout-moveable-item {
font-size:12px!important;
cursor:pointer;
padding:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
list-style:none;
margin: 10px 30px;
float: left;
}
.roundabout-moveable-item img {
height:auto;
width:100%;
background-color:#FFFFFF;
margin:0;
}

.roundabout-moveable-item:hover {
-webkit-box-shadow:0px 0px 20px #787878;
box-shadow:0px 0px 20px #787878;
-moz-box-shadow:0px 0px 20px #787878;
-ms-box-shadow:0px 0px 20px #787878;
}
.roundabout-holder span {
display:none;
font-size:12px;
}
.roundabout-in-focus:hover span {
display:inline;
position:absolute;
bottom:5px;
right:5px;
padding:8px 20px;
background:#f9f9f9;
color:#000000;
z-index:999;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topLeft: 5px;
-ms-border-radius-topLeft: 5px;
font-size : 12px;
border-left:1px solid #aaaaaa;
border-top:1px solid #aaaaaa;
}
.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited {
outline:none;
text-decoration:none;
}
.roundabout li {
margin:0}
a img {
border:none;
outline:0;
}

/* Featured Image Slider */

#featured {
background-image: url('/images/camper+caravans.png');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height: 142px;
width: 100%;
z-index: -1;
}

/* Portfolio Image Slider */

#folio_scroller_container {
margin-top:35px;
margin-bottom:40px;
height:auto;
float: right;
}
#folio_scroller_container .roundabout-holder{
list-style:none;
height:400px;
margin:0px auto 20px auto;
}

/* Portfolio Styles */

.portfolio_item {
width:43%;
height:151px;
position:relative;
margin:0 2% 4% 2%;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
behavior: url(/css/PIE.htc);
background:rgba(255, 0, 0, 1);
padding: 1%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
z-index:10;
border-bottom: 5px solid red;
overflow-y: hidden;
}
.portfolio_item img {
width:100%;
height:auto;
position:relative;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
behavior: url(/css/PIE.htc);
z-index:11;
}
.portfolio_item span {
display:inline;
position:absolute;
bottom:0px;
left:0px;
padding:10px 15px;
background:rgba(0, 0, 0, 0.8);
color:white;
max-width: 50%;
z-index:999;
border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topRight: 10px;
-ms-border-radius-topRight: 10px;
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomLeft: 10px;
-ms-border-radius-bottomLeft: 10px;
behavior: url(/css/PIE.htc);
font-weight:700;
z-index:12;
}
.portfolio_item:hover {
background:rgba(0, 0, 0, 0.9);
-webkit-box-shadow:0px 0px 20px #787878;
box-shadow:0px 0px 20px #787878;
-moz-box-shadow:0px 0px 20px #787878;
-ms-box-shadow:0px 0px 20px #787878;
behavior: url(/css/PIE.htc);
}
.portfolio_item:hover span {
background:rgba(255, 0, 0, 0.9);
behavior: url(/css/PIE.htc);
}

/* Blog Post Styles */

.post {
width:95%;
margin: 0 3% 0 2%;
}

.post a:hover {
text-decoration:underline;
}
.post .title {
color:#F00;
font-size:30px;
text-shadow:1px 1px 1px #000;
}
.post .title a {
color:#F00;
text-decoration:none;
text-shadow:1px 1px 1px #000;
}
.post a.button:hover {
text-decoration:none;
}
.post .sub {
font-size:12px;
color:#9d9d9d;
}
.post .thumb {
width:100%;
margin: 5px 15px 15px 0;
float: left;
border: 0px solid #000;
-moz-border-radius:10px;
-ms-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.post .large {
width:100%;
border: 0px solid #000;
-moz-border-radius:10px;
-ms-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
float: right;
margin: 0px 0px 15px 15px;
}

/* Comment's List */

.commentlist {
margin:0;
padding:0;
margin-bottom:20px;
float:left;
width:100%;
}
.commentlist li {
width:100%;
clear:both;
float:left;
padding:0;
list-style-type:none;
margin:0;
position:relative;
}
.gravatar {
float:left;
width:60px;
padding:0px 10px 0 0;
text-align: center;
}
.gravatar img {
display:block;
padding:5px;
padding-left:none;
margin-bottom:0px;
}
.comment_content {
float:left;
width:100%;
}
.commentmetadata {
float:right;
}
.comment-reply-link {
text-decoration:none;
font-size:10px;
}
.author_name {
font-weight:700;
font-size:15px;
float:left;
}
.author_name a{color:#000000;
}
.comment_text {
clear:both;
margin-top:10px;
}
.comment-reply-link {
text-align:center;
display:block;
}

/* Contact Form */

p.error {
margin-left:20px;
margin-top:10px;
color:#F00;
}
contact_ul {
	display: block;
}
#contact_form ul li {
margin:10px 0;
list-style:none;
}
#contact_form label {
width:50%;
text-align:right;
padding-top: 6px;
}
#contact_form input,
#contact_form select,
#contact_form textarea {
width: 90%;
padding:8px;
	background: #333;
	color: white;
	border: 2px solid black;
	font-size: 18px;
margin-left:10px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#contact_form textarea {
height:50px;
resize: none;
}
#contact_form input.button {
height:50px;
width: 94%;
background:#333;
}
#contact_ul{
	margin: 60px 5px;
}

/* Comment form */

#comment_form ul {
float:left;
}
#comment_form ul li {
margin:10px 0;
list-style:none;
position:relative;
clear:both;
}
#comment_form label {
line-height:35px;
width:25%;
text-align:right;
float:left;
margin-right:10px;
}
#comment_form input,
#comment_form textarea {
float:left;
padding:8px;
border:1px solid #CCCCCC;
margin-left:10px;
background:#fcfcfc;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#comment_form input {
width:100%;
}
#comment_form textarea {
width:100%;
height:150px;
resize:none;
}

/* Contact Page Sidebar */

.contact {
float: right;
}

.contact ul {
list-style:none;
}
.contact li {
margin:0;
}

/* Overiding Classes */
/* Must remain at the bottom of the stylesheet */

.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}
* html .clearfix {
height:1%;
}
.alpha {
margin-left:0;
}
.omega {
margin-right:0;
}


/* Ovis occasions */
.advancedsearch-spacer {
	float: left;
margin-right: 10px;
margin-bottom: 10px;
}
input.inline-check {
	height: 19px;
	width: 19px;
	float: left;
}
#openhuis {
	position: absolute;
	height: 243px;
	margin-left: 25px;
}