/* CAMPINGWARENHUIS CSS Document */

* { margin:0; padding:0;}
body { background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#9a9a9a;}
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}

.main-width { width:960px; margin:0 auto; text-align:left;}

input, textarea { font-family:Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#2F4F8F; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

/* ============================= header ====================== */
#header{ padding-bottom:22px;}
#header .top{ width:100%; overflow:hidden; height:111px; color:#7e7e7e;}
#header .logo{ padding:30px 0 0 0; float:left; }

#header .lang{ float:right; padding:18px 0 0 0;}

#header .menu{ background:transparent;}
#header .menu-left-corner{ 
-moz-border-radius-topleft:4ex;
-webkit-border-top-left-radius:4ex;
background:#2F4F8F;}
#header .menu-right-corner{ 
-moz-border-radius-topright:3ex;
-webkit-border-top-right-radius:3ex;
-moz-border-radius-topleft:3ex;
-webkit-border-top-left-radius:3ex;
background:#fff; width:100%; overflow:hidden;}
#header .menu ul{ padding:0; margin:0;}
#header .menu ul li{ float:left; padding-right:1px; font-size:13px; font-weight:bold; text-transform:uppercase; border-right:solid 1px #e3e1da;}
#header .menu ul li a{ color:#737373; text-decoration:none; display:inline-block; padding:19px 10px 20px 45px;}

#header ul li a.Trekhaakwarenhuis-menu  { background: url(../images/trekhaakicon.gif) 8px no-repeat;}
#header ul li a.Campingwarenhuis-menu { background: url(../images/campingicon.gif) 8px no-repeat;}
#header ul li a.Luifelwarenhuis-menu { background: url(../images/camperluifelicon.gif) 8px no-repeat;}
#navEZPagesTop ul li.li_du  { background: url(../images/book_camping.png) 8px no-repeat;}
#navEZPagesTop ul li.li_un { background: url(../images/info_menu.png) 8px no-repeat;}


#header .menu ul li a:hover{ color:#2F4F8F;}
#header .menu ul li a:active{ padding:19px 0px 20px 45px;}

#header .row { background:#3E61A7;height: 15px;
-moz-border-radius-bottomleft:3ex;
  -moz-border-radius-bottomright:3ex;
  -webkit-border-bottom-left-radius:3ex;
  -webkit-border-bottom-right-radius:3ex;
  padding:15px 0 17px 0;
}

#header .cart{ float:left; color:#fff; font-size:14px; padding:0 0 0 16px;}
#header .cart a{ color:#fff; font-weight:bold; text-decoration:none;}
#header .cart a:hover{ color:#fcf527;}
#header .cart span a{ color:#fcf527; text-transform:uppercase;}
#header .cart span a:hover{ color:#fff;}
#header .nav-links{ float:right; color:#4bc8ff; padding:1px 24px 0 0;}
#header .nav-links a{ color:#fff; text-decoration:none;}
#header .nav-links a:hover{ color:#fff706;}

#flash{ -moz-border-radius:3ex;
        -webkit-border-radius:3ex;
  background: #fff;
  padding:15px;
  margin-top: 15px;
  width:930px;
  height: 290px;
  }
.infoboxes  { width:300px;
height: 240px;
float:right; }
.infoboxes div.outer {border: 1px solid #dddddd; }
.infoboxes div.inner {background-color: #f2f2f2; border: 1px solid #fff; }
.infoboxes ul  { clear:both; list-style-position:inside; margin-bottom:-2px; margin-top:-1px; }
.infoboxes ul li  { border-bottom: 1px solid #dddddd; border-top: 1px solid #fff; padding: 10px 0 10px 0; }
.infoboxes ul li ul { border: none;}
.infoboxes ul li ul li { border: none;}


/* ============================= content ===================== */
#content{ background:#fff;}

.content-left-top{ background:url(../images/content-left-top.gif) left top no-repeat; width:100%;}
.content-right-top{ background:url(../images/content-right-top.gif) right top no-repeat;}
.content-right-bot{ background:url(../images/content-right-bot.gif) right bottom no-repeat;}
.content-left-bot{ background:url(../images/content-left-bot.gif) left bottom no-repeat; width:100%;}

#column-center{ padding-left:18px;}

.column-center-indent{ padding:19px 13px 1px 0;}

.product-col{ padding-bottom:21px;}
.product-col .top-border{ background:url(../images/product-col-border.gif) top repeat-x; width:100%;}
.product-col .right-border{ background:url(../images/product-col-border.gif) right repeat-y;}
.product-col .bot-border{ background:url(../images/product-col-border.gif) bottom repeat-x;}
.product-col .left-border{ background:url(../images/product-col-border.gif) left repeat-y;}
.product-col .left-top{ background:url(../images/product-col-left-top.gif) left top no-repeat;}
.product-col .right-top{ background:url(../images/product-col-right-top.gif) right top no-repeat;}
.product-col .right-bot{ background:url(../images/product-col-right-bot.gif) right bottom no-repeat;}
.product-col .left-bot{ background:url(../images/product-col-left-bot.gif) left bottom no-repeat;}
.product-col .indent{ padding:26px 20px 10px 20px;}

.name{ color:#2F4F8F; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.name:hover{ color:#2d59aa;}
.img{ text-align:center; padding:2px 0 1px 0;}
.text{ font-size:10px; text-transform:uppercase; color:#9a9a9a; line-height:12px;}
.inner-box{ background:url(../images/inner-box-corner.gif) no-repeat 0 0 #f0f0f0; margin:11px 0 0 20px; padding:17px 0 0 19px;}
.price{ color:#353535; font-weight:bold; font-size:20px; line-height:22px;}
.buttons{  padding:11px 0 0 0; width:100%; overflow:hidden;}
.buttons span{ display:block;}


/* ============================= footer ====================== */
#footer{ padding:23px 0 43px 22px; color:#000;}
#footer a{ color:#0940a4;}
#footer .menu a{ color:#171312; text-decoration:none; display:inline-block; margin-right:21px;}
#footer .menu a:hover{ color:#0940a4;}
#footer p{ padding-top:5px;}
#footer p span{ display:block;}

/* ============================= forms ======================= */
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#010101;}

.currencies{ float:right; padding:15px 18px 0 0; height:25px; overflow:hidden;}
.currencies select{  font-size:11px; color:#525252; border:solid 0px; background:#fff; padding:3px 3px 3px 2px; width:130px; margin-left:10px;}

.search{ background:#2F4F8F; color:#fff; margin:12px 0 0 0; width:422px; font-size:30px; line-height:35px; text-transform:uppercase;
-moz-border-radius-topleft:1ex;
  -moz-border-radius-topright:1ex;
  -webkit-border-top-left-radius:1ex;
  -webkit-border-top-right-radius:1ex;
}

.search form{ padding:8px 15px 15px 0;}
.search span{ vertical-align:middle; float:left; padding:3px 0 0 10px;}
.search input{ vertical-align:middle;}
.search .input1{ border:solid 0px; background:#fff; padding:4px 5px 3px 5px; font-size:14px; margin-right:5px; width:193px; color:#000;}

