html
{
  margin: 0;
  padding: 0;
  width: 100%;
}

body
{
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 935px;
  background-image: url(images/bkgr.png);
  font-size: 76%;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #FFFFFF;
}

p
{
  margin: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

h2
{
  color: #EA8028;
  font-size: 1em;
  margin: 0;
  margin-top: 10px;
  margin-bottom: -5px;
  padding: 0;
}

h2 img
{
  position: relative;
  bottom: 2px;
  margin-right: 5px;
}

p.bottommargin1
{
  padding-top: 0;
  padding-bottom: 1em;
}

p.double
{
  line-height: 2em;
}

a
{
  color: #000000;
  text-decoration: underline;
}

a:hover
{
  color: #3D939E;
}

a:visited
{
  color: #444444;
}

a img
{
  border: 0;
}

.hr
{
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #C9C9C9;
  font-size: 0;
}

.smaller
{
  font-size: 0.8em;
}

.hidden
{
  display: none;
}

#container
{
  background-image: url(images/bkgrContainer.png);
}

/* ### top */

#top
{
  width: 100%;
  height: 142px;
  background-image: url(images/topBkgr.png);
}

#topLogo
{
  width: 935px;
  height: 96px;
  margin-left: auto;
  margin-right: auto;
}

#topLogoExtra
{
  position: relative;
  right: 100px;
  width: 567px;
  height: 96px;
  background-image: url(images/topLogoBkgr.png);
  background-repeat: no-repeat;
}

/* ### menu */

#topMenu
{
  position: relative;
  top: -1px;
  width: 935px;
  height: 46px;
  background-color: #F7971E;
  background-image: url(images/topMenuBkgr.png);
  margin-left: auto;
  margin-right: auto;
}

#topMenuLeft
{
  position: relative;
  right: 1px;
  width: 5px;
  height: 46px;
  background-image: url(images/topMenuLeft.png);
  float: left;
}

#topMenuMiddle
{
  position: relative;
  top: 6px;
  width: 925px;
  height: 46px;
  float: left;
}

#topMenuRight
{
  position: relative;
  left: 1px;
  width: 5px;
  height: 46px;
  background-image: url(images/topMenuRight.png);
  float: left;
}

/* ### menu ul, li */

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

ul#menu li
{
  list-style-type:none;
  display:inline;
}

ul#menu li a
{
  display:block;
  float:left;
  position: relative;
  left: 10px;
  padding:10px 10px 0 10px;
  height: 30px;
  font-family:verdana;
  font-size: 01em;
  font-weight:bold;
  color:#FFF;
  text-decoration:none;
}

ul#menu li a:hover
{
  background-image: url(images/topMenuHover.gif); 
	background-repeat: no-repeat; 
	background-position: 50% 37px;
}

/* ### content */

#content
{
  width: 935px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  color: #000000;
}

#contentLeft
{
  width: 713px;
  margin-bottom: 10px;
  float: left;
}

#contentRight
{
  width: 212px;
  margin-bottom: 10px;
  float: right;
}

.contentRight
{
  padding: 5px;
}

#content ul
{
  list-style-image: url(images/listItem.gif);
}

#content li
{
  line-height: 2em;
}

/* ### bottom */

#bottom
{
  width: 100%;
  height: 171px;
  background-image: url(images/bottomBkgr.png);
  font-size: 0.9em;
  clear: both;
}

#bottomBlocks
{
  width: 935px;
  margin-left: auto;
  margin-right: auto;
}

.bottomBlock
{
  width: 24.9%;
  float: left;
}

.bottomBlockTopItem
{
  margin-top: 4px;
  margin-bottom: 10px;
}

.bottomBlockItem
{
  padding-top: 2px;
  padding-bottom: 2px;
}

/* ### home (extra column) */

#homeLeft
{
  width: 403px;
  margin-right: 10px;
  float: left;
}

#homeMiddle
{
  width: 300px;
  float: right;
}

/* ### headers */

h1
{
  margin: 0;
  padding: 5px 0 0 10px;
  border: 1px solid #C7DFE1;
  height: 21px;
  font-size: 1em;
  background-image: url(images/h1bkgr.png);
}

h1 img
{
  margin-bottom: 2px;
  margin-right: 7px;
}

.extraBar
{
  font-size: 0;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 5px;
  background-color: #DBDBDB;
}

.simpleHeader
{
  margin-top: 1em;
}

.simpleHeaderLeft
{
  width: 50%;
  color: #2F737F;
  font-size: 1.2em;
  float: left;
}

.simpleHeaderRight
{
  margin-top: 0.6em;
  text-align: right;
  width: 49%;
  color: #B7B7B7;
  font-size: 0.8em;
  float: right;
}

.simpleHeaderBar
{
  width: 100%;
  font-size: 0;
  height: 3px;
  background-color: #DBDBDB;
  float: left;
}

.detailsHeader
{
  color: #EA8228;
  font-weight: bold;
}

.detailsHeader2
{
  color: #EA8228;
}

/* ### block (size and positioning only!) */

.blockTopLeft
{
  width: 2px;
  height: 2px;
  float: left;
}

.blockTop
{
  width: 100%;
  height: 2px;
  font-size: 0;
  clear: both;
}

.blockTopRight
{
  width: 2px;
  height: 2px;
  float: right;
}

.blockHeader
{
  padding-top: 4px;
  height: 23px;
}

.blockHeaderLeft
{
  padding-left: 10px;
  float: left;
}

.blockHeaderRight
{
  padding-top: 2px;
  padding-right: 10px;
  float: right;
}

.blockContent
{
  padding: 5px;
}

.blockBottomLeft
{
  width: 1px;
  height: 1px;
  float: left;
}

.blockBottom
{
  height: 1px;
  font-size: 0em;
  margin-bottom: 12px;
}

.blockBottomRight
{
  width: 1px;
  height: 1px;
  float: right;
}

/* ### orange block instance (colors + formatting only!) */

.orangeBlock .blockTopLeft
{
  background-image: url(images/orangeblocktopleftbkgr.png);
}

.orangeBlock .blockTop
{
  background-image: url(images/orangeblocktopbkgr.png);
}

.orangeBlock .blockTopRight
{
  background-image: url(images/orangeblocktoprightbkgr.png);
}

.orangeBlock .blockHeader
{
  color: #FFFFFF;
  border-left: 1px solid #EC8C29;
  border-right: 1px solid #EC8C29;
  background-image: url(images/orangeblockheaderbkgr.png);
}

.orangeBlock .blockHeaderLeft
{
  font-weight: bold;
}

.orangeBlock .blockHeaderRight
{
  font-size: 0.8em;
}

.orangeBlock .blockContent
{
  background-image: url(images/orangeblockcontentbkgr.png);
}

.orangeBlock .blockBottomLeft
{
  background-image: url(images/orangeblockbottomcorner.png);
}

.orangeBlock .blockBottom
{
  background-color: #EA8028;
}

.orangeBlock .blockBottomRight
{
  background-image: url(images/orangeblockbottomcorner.png);
}

/* ### green block instance (colors + formatting only!) */

.greenBlock .blockTopLeft
{
  background-image: url(images/greenblocktopleftbkgr.png);
}

.greenBlock .blockTop
{
  background-image: url(images/greenblocktopbkgr.png);
}

.greenBlock .blockTopRight
{
  background-image: url(images/greenblocktoprightbkgr.png);
}

.greenBlock .blockHeader
{
  color: #FFFFFF;
  border-left: 1px solid #2F737F;
  border-right: 1px solid #2F737F;
  background-image: url(images/greenblockheaderbkgr.png);
}

.greenBlock .blockHeaderLeft
{
  font-weight: bold;
}

.greenBlock .blockHeaderRight
{
  font-size: 0.8em;
}

.greenBlock .blockContent
{
  color: #FFFFFF;
  background-image: url(images/greenblockcontentbkgr.png);
}

.greenBlock .blockBottomLeft
{
  background-image: url(images/greenblockbottomcorner.png);
}

.greenBlock .blockBottom
{
  background-color: #2F737F;
}

.greenBlock .blockBottomRight
{
  background-image: url(images/greenblockbottomcorner.png);
}

/* ### interessante Links */

.interLink
{
  
}

.interLink a
{
  display: block;
  height: 19px;
  padding-top: 2px;
  padding-left: 10px;
  border-bottom: 1px solid #B9D7DB;
}

.interLink a:hover
{
  background-color: #D5E5E7;
}

/* ### relation */

.relation
{
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #AFAFAF;
  height: 65px;
  vertical-align: middle;
}

/* ### home element */

.cube
{
  position: relative;
  left: 5px;
  width: 40px;
  height: 35px;
  padding-top: 3px;
  text-align: center;
  color: #FFFFFF;
  background-image: url(images/cube.png);
  float: left;
}

.elementHeader
{
  height: 38px;
}

#homeLeft h3, #homeMiddle h3, #contentRight h3
{
  height: 21px;
  margin: 0;
  margin-left: 50px;
  font-weight: normal;
  color: #EA8028;
}

.extraLinks
{
  color: #999999;
  font-size: 0.8em;
  height: 17px;
  margin: 0;
  margin-left: 50px;
}

.extraLinks a
{
  color: #999999;
}

.extraLinks a:hover
{
  color: #000000;
}

#homeLeft p, #homeMiddle p, #contentRight p
{
  padding-bottom: 1.5em;
}

/* ### normal block */

.normalBlock
{
  padding-left: 10px;
  clear: both;
}

.normalBlock p
{
  position: relative;
  top: 10px;
  margin: 0;
  padding: 0;
}

.normalBlock h4
{
  font-size: 1em;
  margin-top: -5px;
  margin-bottom: 0;
  color: #EA8028;
}

.normalBlock h4 img
{
  display: block;
  position: relative;
  top: 10px;
  right: 10px;
}

.normalBlock .readMore
{
  position: relative;
  top: -10px;
  text-align: right;
  font-size: 0.8em;
  margin-bottom: 1em;
}

.normalBlock .readMore a
{
  color: #EA8028;
}

/* ### contact */

.contact
{
  margin-left: 10px;
}

/* ### details */
.details
{
  width: 100%;
  margin-top: 5px;
  padding-top: 5px;
  clear: both;
}

.detailsLeft
{
  color: #2F737F;
  width: 195px;
  float: left;
}

.detailsRight
{
  width: 518px;
  float: right;
}

/* ### indented item */

.indentedItem
{
  clear: both;
}

.indentedItemHeader
{
  width: 200px;
  margin-top: 1em;
  color: #EA8128;
  float: left;
}

.indentedItemContent
{
  font-size: 0.9em;
  line-height: 2em;
  width: 501px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 10px;
  border-left: 2px solid #B0B0B0;
  float: right;
}

/* ### photo item */

.photoItem
{
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  clear: both;
}

.photoItem img
{
  width: 92px;
  margin-left: 25px;
  margin-right: 10px;
  border: 2px solid #D6E7E8;
  float: left;
}

.photoItem .photoItemHeader
{
  font-size: 1.2em;
  color: #EA8028;
}

.photoItem p
{
  width: 582px;
  font-size: 0.8em;
  line-height: 2em;
  float: right;
}

/* ### Merken marquee */

#marqueecontainer
{
  position: relative;
  width: 200px; /*marquee width */
  height: 200px; /*marquee height */
  overflow: hidden;
}

#vmarquee 
{
  text-align: center;
}

#vmarquee img 
{
  border:0px;
}

/* ### forms */

#content form ul
{
  list-style-image: none;
  list-style-type: none;
}

form ul
{
  margin: 0;
  padding: 0;
}

form ul li
{
  margin-bottom: 6px;
}

form .legend
{
  color: #FFFFFF;
  margin: 0;
  padding: 5px 0 0 10px;
  height: 21px;
  border: 1px solid #2F737F;
  background-image: url('images/formLegendBkgr.png');
}

form .inside
{
  margin-left: -10px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.fieldset
{
  margin-left: 10px;
}

label
{
  color: #2F7481;
  font-size: 0.9em;
}

.itemDescription
{
  display: block;
  width: 200px;
  float: left;
  clear: left;
}

input
{
  width: 400px;
  font-size: 0.8em;
  color: #000000;
  border: 1px solid #BBBBBB;
  height: 14px;
  background-image: url('images/inputBkgr.png');
}

select
{
  width: 402px;
  font-size: 0.8em;
  color: #000000;
  border: 1px solid #BBBBBB;
  height: 18px;
  background-color: #EDEDED;
}

textarea
{
  width: 400px;
  height: 100px;
  color: #000000;
  border: 1px solid #BBBBBB;
  background-color: #EDEDED;
}

.formSubmitButton
{
  width: auto;
  height: 26px;
  padding: 0 20px 3px 20px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  border: none;
  background-color: orange;
  background-image: url('images/formSubmitBkgr.png');
  float: left;
}

.formSubmitEdge
{
  width: 1px;
  height: 26px;
  background-image: url('images/formSubmitEdge.png');
  float: left;
}

img.datePicker
{
  position: relative;
  top: 3px;
}

/* ### smallForm */

.smallForm input
{
  width: 179px;
}

.smallForm .formSubmitButton
{
  width: 200px;
}

.smallForm .formSubmitEdge
{
  width: 0;
  height: 0;
  background-image: none;
}

/* ### ORANGE smallForm */

.orangeBlock .smallForm input
{
  border-color: #D38831;
  background-image: url('images/ORANGEsmallFormBkgr.png');
}


.orangeBlock .smallForm .formSubmitButton
{
  border: 1px solid #D38831;
  background-image: url('images/formSubmitBkgr.png');
}

/* ### GREEN smallForm */

.greenBlock .smallForm input
{
  color: #FFFFFF;
  border-color: #3E9BAA;
  background-image: url('images/GREENsmallFormBkgr.png');
}

.greenBlock .smallForm .formSubmitButton
{
  border: 1px solid #3E9BAA;
  background-image: url('images/GREENsmallFormSubmitBkgr.png');
  text-align: center;
}