/* FloQom.nl 15-3-2010 */
* {
	font-family: Trebuchet MS;
}

body {
	margin: 30px 0;
	padding: 0;
	background: #EFEFEF;
	font-size: 12px;
	color: #6B6B6B;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: none;
	font-weight: normal;
	color: #000000;
}

h1 {
       font-size: 24PX;
       margin-bottom: 10px;
	   font-weight: bold;
           text-decoration: none;
}

h2 {
	margin-bottom: 10px;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
}

h3 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 14px;
}

h4 {
      	margin-bottom: 5px;
	padding-bottom: 2px;
	font-size: 12px;
}

h5 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #777777
}

p, ol, ul, blockquote {
	line-height: 24px;
}


ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

a:link {
        color: #298aeb;
        text-decoration: none;
}

a:visited {
        color: purple;
        text-decoration: none;
}

a:hover {
	text-decoration: underline;
        color: #298aeb;
}

img {
	border: none;
}

/* Header */

#header {
	width: 917px;
	height: 115px;
	margin: 0 auto;
	background: url(images/img9.gif);
}

/* Logo */

#logo {
	float: left;
	height: 145px;
	padding: 50px 0px 0px 25px;
}

/* Menu */

#menu {
	font-size: small;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom: 80px;
}
		
#menu a {
	text-align: center;
	display:block;
	border:  1px solid #dbdbdb;
	white-space:nowrap;
	margin:2;
	padding: 0.1em;
}
	
#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */  {
	color: black;
	background-color: white;
	text-decoration:none;
}

#menu a:hover						/* menu on mouse-over  */ {
	color: white;
	background-color: #298aeb;
	text-decoration:underline;
}
	
#menu ul {
	list-style:none;
	margin:0px;
	padding:0;
	float: left;
	width: 183.4px	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
}

#menu li {
	position:relative;
	min-height: 1px;
	vertical-align: bottom;
}

#menu ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
}

#menu ul ul ul {
	top:0;
	left:100%;
}

div#menu li:hover {
	cursor:pointer;
	z-index:100;
}

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

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


/* Content */
#content {
	width: 847px;
	margin: 0 auto;
	padding: 130px 35px 0 35px;
	background: #FFFFFF url(images/img8.gif) no-repeat left bottom;
}

#colOne {
	float: left;
	width: 620px;
}

#colTwo {
	float: right;
	width: 185px;
	padding: 5px 0 0 0;
}

#tagcloud {
        width: 200px;
}

/* Contact formulier*/
#formHolder {
	float: left
        width: 800px;
        position: absolute;
}

#formContact {
        text-align: left;
        float: right;
        padding: 0px 35px 30px 200px;
}

#formButton {
        padding: 0px 0px 0px 30px; 
}


/* Footer */
#footer {
}

#footer p {
	text-align: center;
	color: #777777;
}

#footer a {
	color: #5D5D5D;
}

#sublow {
         text-align: center;
         Color: #298aeb;
}

/*Align*/
.left {
         float: left;
         text-align: left;
}

.right {
         float: right;
         text-align: right;
}

/*Over FloQom*/
#overq {
         position: float;
         float: left;
         width: 300px;
         border: 5px;
}

#overf {
         position: float;
         float: right;
         width: 300px;
         border: 5px;
         margin-bottom: 60px;
}

table
{
border-collapse:collapse;
}
table,th, td
{
border: none;
}