/**
 * HTML elements
 */
body {
    padding: 0;
    margin: 0;
    text-align: center;
}

h2 {
    margin-top:0px;
}

img {
    border: 0;
}

img.left {
    float:left;
    margin:0px 20px 20px 0px;
}

img.right {
    float:right;
    margin:0px 0px 20px 20px;
}

th,td {
    vertical-align:top;
}

puc {
	margin: 0 auto;
}

/** a:link, de standaard link
    a:visited, een link waar een keer op geklikt is
    a:hover, de bezoeker gaat met de cursor over de link heen
    a:active, het moment dat de bezoeker op de link klikt
*/

a {
	color: #fff;
	xxtext-decoration: underline;
  text-decoration: none;
}
a:link {
	color: #fff;
	xxtext-decoration: underline;
  text-decoration: none;
}
a:active {
	color: #653600;
}
a:visited {
	color: #fff;
}
a:hover {
	color: #37b7c4;
}

/**
 * Main Lay-out
 */
#container {
	margin: 0 auto;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

/**
 * Header
 */
#header {
  width: 960px;
  height: 85px;
  vertical-align: top;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  border-top: solid 1px #37B7C4;
  overflow: hidden; 
xxposition: relative;
}

#logo {
  margin: 25px 0 0 45px;
  height: 24px;
  width: 300px;
}


#logo{ 
  height: 24px;
  margin-bottom: -11px;
  xxxborder: 1px solid red;
}

#mug {
  display: block;
  width:   44px;
  height:  85px;
  padding: 10px 30px 0 0;
  margin:  -25px 0px 0px 0px;
  text-align: center;
  float: right;
  xxborder: 1px dotted yellow;
}

#mug .homelink {
  display:     block;
  width:       58px;
  position:    relative;
  padding-top: 140px;
  margin-top:  -103px;
  xxborder: 1px dotted green;
}

#searchform{ 
  float: right;
}

/**
 * Content
 */

#content_margin {
    width:800px;
    line-height:135%;
}
#main a {
	text-decoration: underline;
}

#main, #content {
	margin: 0;
	width: 960px;
	background:#37b7c4;
	vertical-align: top;
}
#kassa_link {
	width: 140px;
	padding: 10px 0 0 820px;
	vertical-align: bottom;
}
#puC {
	margin: 0 auto;
	width: 960px;
	height: 290px;
}

/* view_home */
#wereldvan {
	margin: 0 auto;
	width: 960px;
	height: 85px;
	background: #653600;
}
#servicevan {
	margin: 0 auto;
	width: 960px;
	height: 85px;
	background: #37b7c4;
}
#winkelvan {
	margin: 0 auto;
	width: 960px;
	height: 85px;
	background: #653600;
}


#labelkassa {
  width: 130px;
  height: 125px;
  position: absolute;
  top: 290px;
  margin-left: 750px;
}


/**
 * Navigation menu
 */

#menu{
  width: 830px;
  float: left;
  text-align: left;
  margin-top: 0em;

position: absolute;
top: 60px;
xxborder: 1px dotted yellow;
}

#menu ul {
  margin-top: 0em;
}

#menu ul li{
  margin: 0px 45px 0px 0px;
  padding-bottom: 2em;
  float: left;
  display: block;
  xxborder: 1px solid red;
}

#nav li {
  cursor: pointer;
  padding: 0 30px 0 5px;
}
#nav li ul {
  position: absolute;
  margin: -1px 0 0 -10px;
  /* margin: 20px 0 0 -55px; */
  padding: 5px;
  padding-top: 1em;
  display: none;
  z-index: 999;
}

#nav li ul li {
  clear: both;
  display: block;
  padding-top: 5px;
  padding-bottom: 0;
  margin: 0;
}

/**
 * News section
 */

#news h3 {
    margin-bottom:0px;
}
#news p {
    margin-top:0px;
}


/**
 * FAQ section
 */

/* debug */
#debug { 
  position: fixed;
  width: 10em;
  bottom: 1em;
  right: 1em;
  opacity: .7;
  border: 2px solid #aca;
}


/* FOOTER */
#footer{
    height: 65px;
    background: #37B7C4;
    width: 100%;
    text-align: right;
}

#footer a {
  float:   right;
  display: block;
  width:   300px;
  padding: 1em;
}

#tabel {
	vertical-align: top;
}


/* nieuwsbrief */

.antwoord {
  *width: 450px;
  width: 430px;
  padding: 10px;
  background-color: #00b4c4;
  color: #51260b;
}

.antwoord-schermen {
  *width: 750px;
  width: 730px;
}

#plaatje {
  margin-top: 60px;
}

#margin {
  margin-left: 20px;
}