/*	-------------------------------------------------------------

	VCHHC

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:		Base setup styles

	Filename:				vchhc.css

	Version:				1.0

	Date:						2006-12-05

	-------------------------------------------------------------	*/



/*	-------------------------------------------------------------

	HTML Tags
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	html {
		height: 100%;
		 }

	body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		font-size: 1em;
		background: url(../img/background.gif) top left repeat;
		text-align: center;
		}

		* html body {
		behavior: url(css/hover.htc) }

    img {
      border: none; }

/*	-------------------------------------------------------------

	Container
	Centers content on the page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#container {
		width: 90%;
		height: 100%;
		margin: 0 auto;
		background: #fff;
		border: 1px solid #000;
		text-align: left;
		overflow: hidden;
		position: relative;
		bottom: 0; }

	* html #container {
		padding: 68px 0 0 0; }



/*	-------------------------------------------------------------

	Head
	Contains drop down menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#head {
		width: 100%;
		height: 70px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: url(../img/redgradient.jpg) top left repeat-x; }


/*	Top drop down menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#head ul {
		height: 25px;
		margin: 0;
		padding: 0;
		position: relative;
		top: 42px;
		left: 0;
		background: url(../img/chromebg.gif) left repeat-x; 	}

	#head li {
		display: block;
		float: left;
		padding: 0 10px;
		background: url(../img/divider.gif) right no-repeat;
		font-size: 12px;
		font-weight: 700;
		font-family: Verdana;
		color: #7f7f7f;
		line-height: 25px;
		position: relative; }

	#head li a {
		display: block;
		font-size: 12px;
		font-weight: 700;
		font-family: Verdana;
		color: #7f7f7f;
		text-decoration: none; }

	#head li li a:hover {
		background: #f5f5f5; }

	#head li ul {
		margin: 0;
		padding: 0;
		top: 25px;
		position: absolute;
		background: none;
		border-top: 1px solid #bbb;
		display: none;
		z-index: 2000; }

	#head li li {
		width: 200px;
		display: block;
		padding: 0;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		border-left: 1px solid #bbb;
		background: #fff;
		float: none; 	}

  #head li li a {
  	color: #000;
    height: 25px;
  	display: block; }

	#head li:hover ul {
		display: block; }


/*---------------------------------------------------------------

	Content container and contentscroll
	Is needed for scrollbar

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#contentcontainer {
    position: absolute;
		top: 68px;
		left: 10px;
		right: 10px;
		bottom: 20px;
		background: #fff;
		margin: 0 0 0 245px;
		overflow: hidden; }

  * html #contentcontainer {
    height: 100%;
    margin: 0;
    position: relative;
    top: 0;
    left: 0; }

  #contentscroll {
    width: 100%;
    height: 97%;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0 0 20px 0;
    overflow: auto; 
	}

/*	Left menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

  #menu {
		width: 245px;
		height: 100%;
		background: #fff;
		position: relative;
		top: 68px;
		bottom: 10px;
		left: 0;
    float: left;
		text-align: center;
		font-family: Tahoma, Verdana, Helvetica;
		font-size: 12px;
		border-right: 1px solid #000; }

	* html #menu {
		top: 0; }

	#menu ul {
		width: 180px;
		margin: 10px auto 0 auto;
		padding: 0;
		text-align: center; }

	* html 	#menu ul {
		margin: 10px 0 0 0; }

	#menu li {
		width: 100%;
		line-height: 20px;
		list-style: none;
		font-weight: 700;
		color: #fff;
		background: #808080; }

	#menu li span {
	  width: 100%;
		cursor: pointer;
	  display: block; }

	#menu li ul {
		padding: 0;
		margin: 5px 0 0 0;
		border: none;
		overflow: hidden; }

	* html #menu li ul {
		border: 1px solid #808080; }

		#menu li li {
		background: #d9d9d9; }

	#menu li li a {
		color: #000;
		font-weight: 700;
		text-decoration: none; }


/*	Main content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#content {
  	background: #fff;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		background: #f5f5f5;
		font-family: Tahoma, Verdana, Helvetica;
		font-size: 12px;
		margin: 0;
		overflow: auto;
		margin: 10px;
		position: relative;
		padding: 0 10px 10px 10px;}

	#header {
	  position: relative;
	  top: 10px;
	  left: 0;
	  margin: 0 10px;
		height: 20px;
  	padding: 5px;
  	line-height: 20px;
		background: #808080;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-top: 1px solid #000;
		font-weight: 700;
		font-family: Tahoma, Verdana, Helvetica;
		font-size: 12px;
		color: #fff; }

* html #header {
	  top: 19px; }
/*---------------------------------------------------------------

  Gastenboek
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

  #gastenboekheader {
    height: 26px;
    margin: 18px 20px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 21px;
    overflow: hidden;
    background-color: #808080; }

  #gastenboekheader a {
    height: 24px;
    width: 120px;
    line-height: 24px;
    margin: 0 0 0 5px;
    display: block;
    text-align: center;
    border: 1px solid #000;
    background: #fff;
    color: #c00; }

  #gastenboekheader select {
    position: relative;
    top: -24px;
    float: right;
    margin: 0 5px 0 0;
    font-family: Arial;
    font-size: 12px; }


/*	Gastenboekentry
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

  .entry {
    margin: 0 20px;
    background: #fff;
    font-family: Arial;
    border-bottom: 1px solid #fff;
    font-size: 12px; }

  .entry h5 {
    height: 20px;
    padding: 0 5px;
    line-height: 18px;
    margin: 0;
    font-family: Arial;
    font-size: 11px;
    font-weight: 100;
    overflow: hidden;
    background: #808080;
    color: #fff;}

  .entry h5 a {
    position: relative;
    top: -16px;
    text-decoration: none;
    float: right;
    margin: 0 2px;
    color: #fff; }

  .entry h5 a img {
    vertical-align: top;}

  .entrycontent {
    padding: 6px 6px; }



/*	Gastenboek tekenen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

  form {
    padding: 10px 20px; }

  label {
    width: 100px;
    visibility: visible;
    line-height: 2em; }

  input {
    font-family: Arial;
    font-size: 12px;
    margin: 0 5px 0 0; }

  br {
    clear: left; }

  textarea {
    font-family: Arial;
    font-size: 12px; }

  .error {
    width: 100px;
    height: 17px;
    display: block;
    text-align: center;
    font-family: Arial;
    font-size: 11px;
    padding: 2px 0 0 0;
    border: 1px solid #ccc;
    background: #ffc; }

  #smileys {
    width: 350px;
    margin: 10px 0; }



/*---------------------------------------------------------------
	Footer
  rode rand
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#footer {
		width: 100%;
		height: 15px;
		border-top: 1px solid #000000;
		position: absolute;
		left: 0;
		bottom: 0px;
		z-index: 2000;
		background: #b50000; }

/* -------------------*/
/* BEGIN X-COM FOOTER */
/* -------------------*/

.xcomfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #720000;
}
a.xcomfooter, a.xcomfooter:visited, .xcomfooter a, .xcomfooter a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #720000;
	text-decoration: none;
}
a.xcomfooter:hover, .xcomfooter a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #440000;
	text-decoration: none;
}

#flash_header{
	text-align:right;
	width:600;
	height:200px;
}

#header_wrap{
	border:#000000 solid 1px;
	background-image:url(/img/header_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0 auto;
	width:90%;
}



/* -------------------*/
/* END X-COM FOOTER   */
/* -------------------*/