* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 62.5%;
  color: #892827;
}

.content-wrapper {
  width: 1005px;
  margin: 0px auto;
}

.content-wrapper.lift-content {
  margin: -80px auto 60px;
}

#top-bg {
  height: 382px;
  -moz-box-shadow: 0 0 3px 2px #CCC;
  -webkit-box-shadow: 0 0 3px 2px #CCC;
  box-shadow: 0 0 3px 2px #CCC;
  min-width: 1005px;
}


#nav {
  width: 300px;
  float: right;
  margin-top: 22px;
}

#nav h1 {
  margin-bottom: 10px;
  font-size: 2em;
}

h1 {
  font-size: 3em;
}


ul#main-nav li{
  list-style-type: none;
  text-transform: uppercase;
  font-size: 1.4em;
  float: right;
  font-weight: bold;
  margin-right: 15px;
  margin-bottom: 8px;
  background: url('../img/menu-bg.png') no-repeat;
  background-size: 100% 33px;
   -webkit-background-size: 100% 33px ;
   -moz-background-size: 100% 33px;
  padding: 10px 10px;
  text-shadow: 1px 1px 1px #848484;
  -moz-text-shadow: 1px 1px 1px #848484;
  -webkit-text-shadow: 1px 1px 1px #848484;
}

ul#sub-nav li a {
  color: white;
  font-weight: bold;
}

ul#main-nav li a{
  color:white;
  text-transform: uppercase;
}

ul#main-nav li a:hover,
ul#sub-nav li a:hover,
ul#sub-nav li.selected a,
ul#main-nav li.selected a {
  color:#512f0e;
  text-decoration: none;
  text-shadow: 1px 1px 1px #decca9;
  -moz-text-shadow: 1px 1px 1px #decca9;
  -webkit-text-shadow: 1px 1px 1px #decca9;
}

ul#sub-nav {
  width: auto;
  background: url('../img/menu-bg.png') no-repeat;
  background-size: 100% 33px;
   -webkit-background-size: 100% 33px ;
   -moz-background-size: 100% 33px;
  padding: 10px 10px;
  text-shadow: 1px 1px 1px #848484;
  -moz-text-shadow: 1px 1px 1px #848484;
  -webkit-text-shadow: 1px 1px 1px #848484;
  float: right;
}

ul#sub-nav li{
  display: inline;
  list-style-type: none;
  font-size: 14px;
  margin-right: 6px;
}

h1.uylenburg {
  width: 637px;
  float: right;
  margin-top: -26px;
}

.logo {
  background: url('../img/branch.png') no-repeat;
  padding: 22px 0 0 179px;
  height: 255px;
}

.collumn-1-3 {
  width: 300px;
  float: left;
}

.collumn-2-3 {
  width: 615px;
  float: right;
}

.collumn-2-3 ul {
  margin-top: 20px;
}

.collumn-2-3 ul li {
  margin-left: 35px;
  font-size: 1.3em;
  margin-bottom: 9px;
}
.collumn-2-3.main-img ul li {
  margin-left: 0;
}


#contact .collumn-2-3 ul li,
#reserveren .collumn-2-3 ul li {
  margin-left: 0px;
}

.collumn-2-3 ul li p {
  margin-bottom: 2px;
  font-size: 1em;
}

.collumn-1-3.img {
  clear: left;
  margin-top: 20px;
  text-align: center;
}

.single-collumn .collumn-2-3 {
  width: 750px;
  float: right;
}

.introduction {
  margin-bottom: 30px;
}

/*.bottom-collumn-wrapper {
  margin-top: 40px;
}*/

.bottom-collumn-wrapper .collumn-1-3 {
  width: 315px;
  padding-right: 20px;
}

.collumn-1-3 ul {
  margin-bottom: 15px;
  margin-top: 7px;
  float: left;
  width: 100%;
}

.collumn-1-3 ul li {
  font-size: 1.3em;
  list-style-type: none;
  margin-bottom: 7px;
}

.red-border {
  background: #fffaef;
  border: 5px solid #892827;
  -moz-box-shadow: 0 0 5px 2px #888;
  -webkit-box-shadow: 0 0 5px 2px #888;
  box-shadow: 0 0 5px 2px #888;
  padding: 10px;
}

.main-img img {
  float: right;
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99965732, M12=0.02617695, M21=-0.02617695, M22=0.99965732,sizingMethod='auto expand');
  -moz-box-shadow: 0 0 5px 2px #888;
  -webkit-box-shadow: 0 0 5px 2px #888;
  box-shadow: 0 0 5px 2px #888;
  border: white 5px solid;
  max-width: 620px;
  margin-bottom: 20px;
}

.img-border img {
  border: white 5px solid;
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99965732, M12=0.02617695, M21=-0.02617695, M22=0.99965732,sizingMethod='auto expand');
  -moz-box-shadow: 0 0 5px 2px #888;
  -webkit-box-shadow: 0 0 5px 2px #888;
  box-shadow: 0 0 5px 2px #888;
  max-width: 320px;
  background: white;
}

.img-border2 img{
  border: white 5px solid;
  -webkit-transform: rotate(1.0deg);
  -moz-transform: rotate(1.0deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9998476951563913, M12=-0.01745240643728351, M21=0.01745240643728351, M22=0.9998476951563913, sizingMethod='auto expand');
  zoom: 1;
  margin-bottom: 30px;
  -moz-box-shadow: 0 0 5px 2px #888;
  -webkit-box-shadow: 0 0 5px 2px #888;
  box-shadow: 0 0 5px 2px #888;
  max-width: 320px;
}

.clear {
  clear: both;
}

a img {
  border: none;
}

/*----------COLORED BACKGROUNDS------------*/

.red #top-bg {
  background: url('../img/checkers-red.jpg');
}

.red {
  background: #eee0df;
}

.lgreen #top-bg {
  background: url('../img/checkers-green.jpg');
}

.lgreen {
  background: #f6fcf5;
}

.lblue #top-bg {
  background: url('../img/checkers-blue.jpg');
}

.lblue {
  background: #e7ecff;
}

.lgray #top-bg {
  background: url('../img/checkers-gray.jpg');
}

.lgray {
  background: #f2f2f2;
}


/*----------TYPE------------*/

h1 {
  margin-bottom: 8px;
}

table h1 {
  margin: 20px 0 10px;
}

td {
  padding-right: 20px;
}

td p {
  margin-bottom: 5px;
}

h2 {
  margin: 10px 0 5px;
  line-height: 22px;
  font-size: 15px;
}

p {
  font-size: 1.3em;
  line-height: 22px;
  margin-bottom: 20px;
}

.introduction p {
  font-size: 1.3em;
  line-height: 26px;
}

p a {
  text-decoration: underline;
}

p a:hover {
  text-decoration: none;
}

a{
  color: #892827;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

/*--------------- OMGEVING --------------*/

p img {
  margin-right: 10px;
  float: left;
}