/*------------------------------------------------------------------------------
| Standard Stylesheet
| 
| Site: www.dehallen.nl
| Version: 01a
| Author: Justus Sturkenboom
| Email: ellendil@ellendil.com
+-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------+
|	Main design, html, body, menu, layout
------------------------------------------------------------------------------*/
html, body {
	margin: 0px; padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #97989c;
}
body {
  width:100%; min-width:770px; margin:0 auto;
}

#outer-wrapper {
  position: absolute;
  margin: 0px; padding: 0px;
  left: 50%; width: 770px; margin-left:-385px;
  top: 50%; height: 536px; margin-top:-268px;
  background-color: #FFFFFF;
  border: #000000 2px solid;
}

#inner-wrapper {
  position: relative;
  margin: 18px 17px 0px 16px; padding: 0px;
  width: 734px; height: 503px;
}

/* Header items */
#header {
  margin: 0px; padding: 0px;
  width: 734px; height: 75px;
}

#logo {
  margin: 0px; padding: 0px;
  width: 502px; height: 75px;
  float: left;
}
#logo img, #logo a {
  margin: 0px; padding: 0px; border: 0px;
}

#intro {
  margin: 0px; padding: 0px;
  padding-top: 10px;
  width: 216px; height: 75px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #97989c;
  float: right;
}

#intro p{
  margin: 0px; padding: 0px;
  padding-top: 1px;
}

#content {
  margin: 0px; padding: 0px;
  margin-top: 10px;
  width: 734px; height: 415px;
}

/* Menu items */

#menu {
  width: 502px; height: 37px;
  float: left;
}

#menu ul {
  margin: 0px; padding: 0px;
  list-style: none;
  float: left;
}

#menu ul a { 
  margin: 0px; padding: 0px; border: 0px;
  height: 27px;
  display: block;
}
#menu ul a span {
  display: none;
}


/* Style for the specific topmenu items */
#menu ul.actueel { width: 93px; }
#menu ul.actueel a { width: 93px; background: url(/_pics/menu.jpg) 0px 0px no-repeat; }
#menu ul.actueel a:hover { background-position: 0px -27px; }

#menu ul.plannen { width: 95px; }
#menu ul.plannen a { width: 95px; background: url(/_pics/menu.jpg) -93px 0px no-repeat; }
#menu ul.plannen a:hover { background-position: -93px -27px; }

#menu ul.partners { width: 105px; }
#menu ul.partners a { width: 105px; background: url(/_pics/menu.jpg) -188px 0px no-repeat; }
#menu ul.partners a:hover { background-position: -188px -27px; }

#menu ul.rondleiding { width: 114px; }
#menu ul.rondleiding a { width: 114px; background: url(/_pics/menu.jpg) -293px 0px no-repeat; }
#menu ul.rondleiding a:hover { background-position: -293px -27px; }

#menu ul.contact { width: 95px; }
#menu ul.contact a { width: 95px; background: url(/_pics/menu.jpg) -407px 0 no-repeat; }
#menu ul.contact a:hover { background-position: -407px -27px; }

/* Style for the submenu items */
#menu ul.sub {
  margin: 0px; padding: 0px;
  position: absolute;
  z-index: 500;
  border: 2px solid #373536;
}

#menu ul.sub a {
  margin: 0px; padding: 0px 0px 0px 9px;
  border-width: 1px;
  border-style: solid;
  border-color: #696768 #CECECE #373536 #FFFFFF;
  width: 120px; height: 16px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #373536;
  text-decoration: none;
  background: #FFFFFF
}

#menu ul.actueel a:hover { color: #c1c00e; }
#menu ul.plannen a:hover { color: #d55727; }
#menu ul.partners a:hover { color: #00a6c6; }
#menu ul.rondleiding a:hover { color: #fcb424; }
#menu ul.contact a:hover { color: #874374; }

div#menu ul ul, div#menu ul li:hover ul ul {
  display: none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul {
  display: block;
}

/*-----------------------------------------------------------------------------+
| Main content
+-----------------------------------------------------------------------------*/

#main {
  clear: left;
  margin: 0px; padding: 0px; border: 0px;
  width: 502px; height: 378px;
}
#main-inner {
  margin: 0px; padding: 0px; border: 0px;
  width: 502px; height: 378px;
  background: url(/_pics/main_bg.gif) top left no-repeat;

}
#sidebar {
  margin: 0px; padding: 0px; border: 0px;
  padding-top: 27px;
  width: 215px; height: 415px;
  float: right;
  background-color: transparent;
}

.main_text {
  margin: 0px; padding: 8px; border: 0px;
  height: 362px; overflow: auto;
}
.main_text h2 {
  margin: 0px; padding: 0px; border: 0px;
  font-size: 1.1em;
  color: #000000;
}
.main_text p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}

#paging {
  margin-top: -28px; padding-right: 10px;
  height: 28px;
  text-align: right;
  font-size: 16pt;
  color: #373536;
}
#paging a {
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}


/*-----------------------------------------------------------------------------+
| Page specific style
+-----------------------------------------------------------------------------*/

/* ACTUEEL */
.actueel_item {
  margin: 0px; padding: 6px; border: 0px;
  border-bottom: #373536 2px solid;
}
.actueel_item h2 {
  margin: 0px; padding: 0px; border: 0px;
  font-size: 1em;
  color: #c1c00e;
}
.actueel_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}
.actueel_item a {
  color: #c1c00e;
  font-weight: bold;
}

/* Index page */
#index_text {
  margin: 0px; padding: 8px; border: 0px;
  font-weight: normal;
  color: #FFFFFF;
}
#index_text h2 {
  margin: 0px; padding: 0px; border: 0px;
  color: #FFFFFF;
  font-size: 1.1em;
}

/* Actueel page */

.nieuws_item {
  margin: 0px; padding: 6px; border: 0px;
  border-bottom: #373536 2px solid;
}
.nieuws_item h2 {
  margin: 0px; padding: 0px; border: 0px;
  font-size: 1em;
  color: #c1c00e;
}
.nieuws_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}
.nieuws_item a {
  color: #c1c00e;
  font-weight: bold;
}
#nieuws_text {
  margin: 0px; padding: 8px; border: 0px;
  font-weight: normal;
  color: #FFFFFF;
}
#nieuws_text h2 {
  margin: 0px; padding: 0px; border: 0px;
  color: #FFFFFF;
  font-size: 1.1em;
}
.nieuws_item span {
  margin: 0px; padding: 0px; border: 0px;
  display: block;
  float: right;
  color: #373536;
  font-size: 7pt;
}

/* Nieuwsbrief */
#nieuwsbrief_item {
  margin: 0px; padding: 8px; border: 0px;
  padding-top: 10px;
}
#nieuwsbrief_item h2 {
  margin: 0px; padding: 0px; border: 0px;
  color: #c1c00e;
  font-size: 1em;
}
#nieuwsbrief_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}
#nieuwsbrief_item a {
  color: #c1c00e;
}
#nieuwsbrief_item form {
  margin-top: 10px;
}
#nieuwsbrief_item label {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 1px; padding-top: 2px;
  width: 40px; height: 18px;
  display: block;
  float: left;
}
#nieuwsbrief_item input {
  width: 150px;
}

/* Agenda */
#agenda_item {
  margin: 0px; padding: 8px; border: 0px;
}
#agenda_item h2 {
  margin: 0px; padding: 0px; border: 0px;
  font-size: 1.1em;
  color: #c1c00e;
}
#agenda_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}

/* Dagboek */
.dagboek_item {
  margin: 0px; padding: 0px; border: 0px;
  padding-top: 10px;
}
.dagboek_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}

/* PLANNEN */

/* Historie */
.historie_item {
  margin: 0px; padding: 0px; border: 0px;
  padding-top: 10px;
}
.historie_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}


/* Plattegrond */
#plattegrond {
  margin: 0px; padding: 0px; border: 0px;
  width: 502px; height: 378px;
  background: url(/_pics/plattegrond_bg.jpg) top left no-repeat;
}
#plattegrond p {
  margin: 0px; padding: 8px; border: 0px;
  padding-top: 344px;
  font-weight: bold;
  color: #FFFFFF;
}
#plattegrond_item {
  margin: 0px; padding: 8px; border: 0px;
}
#plattegrond_item h2 {
  margin: 0px; padding: 0px; border: 0px;
  font-size: 1.1em;
  color: #d55727;
}
#plattegrond_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}

/* Planning */
.planning_item {
  margin: 0px; padding: 0px; border: 0px;
  padding-top: 10px;
}
.planning_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}

.plannen_item {
  margin: 0px; padding: 8px; border: 0px;
  border-bottom: #373536 2px solid;
  
}
.plannen_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}
.plannen_item a {
  font-weight: bold;
  color: #CC7019;
}

/* BEZOEKERS */
#bezoekers {
  margin: 0px; padding: 0px; border: 0px;
  width: 502px; height: 378px;
  background: url(/_pics/bezoekers_groot.jpg) top left no-repeat;
}
.bezoekers_item {
  margin: 0px; padding: 8px; border: 0px;
}
.bezoekers_item p {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 4px;
}
.bezoekers_item h2 {
  margin: 0px; padding: 0px; border: 0px;
  font-size: 1em;
  color: #fcb424;
}
.bezoekers_item a {
  font-weight: bold;
  color: #fcb424;
}


/* CONTACT */
#contact_item {
  margin: 0px; padding: 8px; border: 0px;
  padding-top: 10px;
}
#contact_item h2 {
  margin: 0px; padding: 0px; border: 0px;
  font-size: 1em;
  color: #874374;
}
#contact_item label {
  margin: 0px; padding: 0px; border: 0px;
  margin-top: 1px; padding-top: 2px;
  width: 40px; height: 18px;
  display: block;
  float: left;
}
#contact_item input {
  width: 150px;
}
#contact_item textarea {
  width: 190px; height: 200px;
}

/* EOF */