/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

html {
background-color: white;
}

body {
	text-align: justify;
font: normal 62.5% verdana, sans-serif ;
	color: #666666;
background-color: white;
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
margin-top: 1em;
margin-bottom: 0.3em;
font-weight: normal;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.35em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1.15em;
}

h5 {
	font-size: 1.05em;
}

h6 {
	font-size: 1em;
}

p {
	line-height: 1.6em;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	padding-left: 3em;
	background: url(../images/img08.gif) no-repeat;
	font-style: italic;
}

a {
	color:  #CC3333;
}

a:visited {
  color: #A32959;
}

a:hover {
	text-decoration: none;
color: #A2B32D;
}

img {
	border: none;
}

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


/* Header */

#header {
	width: 770px;
height: 45px;
	margin: 0 auto;

}

/* Logo */
#logo {
height: 50px;
}

#logo a {
font-weight: normal;
color: #CC3333;
text-decoration: none;
}

#logo a:hover {
text-decoration: underline;
}

#logo h1 {
font-size: 2.3em;
margin: 5px 0;
}

#logo p {
font-size: 1.2em;
color: #CC3333;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.mainmenu {
  position:relative;
  z-index: 10;

height: 50px;
  width: 770px;
  margin: 0 auto;
  padding: 0 10px;
  background: url(../images/bg-menu.png) no-repeat;

}

.mainmenu ul li a, 
.mainmenu ul li a:visited {
  display:block; 
  text-decoration:none; 
  width:90px; 
  text-align:center; color:#fff; 
  background:#710069; overflow:hidden;

  line-height: 50px;
  height: 50px;
  padding: 0;
  text-transform: lowercase;
  vertical-align: middle;
  font-size: 1.3em;
  color: white;
}

.mainmenu ul {
  position:relative;
  padding:0;
  margin:0;
  list-style: none;
}

.mainmenu ul li {
  float:left;
  position:relative;
}

.mainmenu ul li ul {
  display: none;
  position:relative;
}

/* specific to non IE browsers */
.mainmenu ul li:hover a {
  background:#CADF38;
}

.mainmenu ul li:hover ul {
  display:block; 
  position:absolute; 
  top:50px; 
  left:0; 
  width:155px; 
  border: 1px solid white;
}

.mainmenu ul li:hover ul.verzetmenu {
  left: auto; 
  right:5px;
}

.mainmenu ul li:hover ul li a.hide {
}

.mainmenu ul li:hover ul li:hover a.hide {
  background:#CADF38; 
}

.mainmenu ul li:hover ul li ul {
  display: none; 
}

.mainmenu ul li:hover ul li a {
  display:block; 
  background:#A2B32D; 
  width:150px;
  line-height: 35px;
  height: 35px;
  padding: 0;
  padding-left: 5px;
  text-transform: lowercase;
  text-align: left;
}

.mainmenu ul li:hover ul li a:hover {
  background:#CADF38; 
  width:150px;
}

.mainmenu ul li:hover ul li:hover ul {
 display:block;
 position:absolute;
 left:155px;
 top:-1px;
}

#submenu {
display: inline;
float: left;
position: relative;
	width: 200px;
height: 300px;
margin: 30px auto 0 0;
	padding: 0;
font-size: 1.3em;
}

#submenu h2 {
display: none;
}

#submenu ul {
margin: 0;
padding: 20px 0;
}

#submenu li {
list-style: none;
margin: 0;
padding: 0;
}

#submenu li a {
color: #710069;
}

#submenu li a:hover {
color: #A2B32D;
}

/* Servicemenu */
#servicemenu {
position: relative;
top: -50px;
font-size: 1.15em;
text-align:right
}

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

#servicemenu li {
	display: inline;
}


#servicemenu a {
	text-decoration: none;
	color: #aaaaaa;
}

#servicemenu a:hover {
	text-decoration: underline;
	color: #666666;
}

/* Klikpad */
#klikpad a {
	color: #aaaaaa;
}

/* Klikpad */
#klikpad a:hover {
	color: #666666;
}

#klikpad p {
font-size: 1.15em;
	color: #aaaaaa;
}

/* Banner */

#banner {

	background: #FFFFFF url(../images/img01.gif) repeat-x;
	margin: 0 auto;
margin-top: 12px;
padding: 0;
}


/* Page */

#page {
position: relative;
	width: 770px;
	margin: 0 auto;
	padding: 10px 0 20px 0;

}

/* Content */

#content {
font-size: 1.3em;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 210px;
	padding: 5px;
padding-top: 0;
font-size: 1.3em;
}

#sidebar h2 {
height: 30px;
	margin: 0;
	padding: 5px 15px;
	color: #FFFFFF;
background: url(../images/bg-h1.gif) no-repeat;
font-size: 1.25em;
font-weight: normal;
}

#sidebar ul {
	margin: 0;
	padding: 15px;
	list-style: none;
}


/* Footer */

#footer {
width: 100%;
	clear: both;
	height: 25px;
	padding: 10px 0;
border-top: 4px double silver;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 1em;
color: #666666;
}

#footer a {
	color: #666666;
}

.csc-mailform {
border: 0;
}

.csc-mailform-field {
margin-top: 10px;
}

.csc-mailform-field label {
float: left;
width: 150px;
margin-right: 10px;
}

.csc-mailform-field input {
width: 250px;
margin: 0;
padding: 0;
}

.csc-mailform-field select {
width: 100px;
margin: 0;
padding: 0;
}

.csc-mailform-field textarea {
width: 255px;
margin: 0;
padding: 0;
overflow: auto;
}

input.csc-mailform-check {
width: 20px;
}

input.csc-mailform-submit {
width: 100px;
margin-top: 30px;
}