* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	background: #ababab url(../images/mainbg.gif) repeat-y center center;
	margin-bottom: 1px; 
}
body {
	background: #555;
	height:100%;
	color: #001f5b;
	/* font-family: 'Trebuchet MS', Arial;*/
	font-family: Verdana;
	font-size: 12px;
	line-height: 1.4;
	/*letter-spacing: 0.1em;*/
	background: #ababab url(../images/mainbg.gif) repeat-y center center;
}

h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em 0; }
h3              { font-size: 1.17em; margin: .83em 0; }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }

ol, ul, dd        { margin-left: 20px; }

h1, h2, h3, h4, h5, h6 {
  /* letter-spacing: 0.1em; */
}

img {
	border: 0;
}

a {
  /* color: #fabb00; Echte geel kleur */
  color: #efb300; /* Iets donkerdere kleur voor duidelijkheid */
  font-weight: bold;
}




/* Layout */
/* ===========================================================================  */

#layout_wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: -35px;
	width: 975px;
	min-height:100%;
	overflow:hidden;
	background: #fff url(../images/bg_shape.gif) no-repeat 0 100%;
}

#layout_header {
	background: #fff url(../images/header_bg.gif) repeat-y 0 0;
	height: 320px;
	padding-top: 55px;
}

#layout_header a#logo {
	background: url(../images/komma_logo.gif) no-repeat 0 0;
	float: right;
	height: 0;
	margin-left: 10px;
	overflow: hidden;
	padding: 76px 30px 0 0;
	width: 200px;
}

#layout_header #flower {
	padding-top: 20px;
	padding-bottom: 5px;
}

#layout_content_wrapper {
	float: left;
	padding-bottom: 0px;
	width: 100%;
}

#layout_content {
	height: 1%;
	position: relative;
	margin: 0 260px 0 240px;
	padding: 0 40px 0px 40px;
	overflow: hidden;
	min-height: 350px;
}

#pagetitle h1, #normal h2, #normal h3 {
	color: #99a7bc;
	color: #7d86ad;
}
#pagetitle h1 {
  margin-top: 0;
  font-size: 17px;
}

#normal {
	padding-bottom: 55px;
}
#normal h2 {
	font-size: 14px;
}
#layout_boxes h2 {
	font-size: 13px;
	color: #2a254b;
}

#normal ul {
	padding-left: 15px;
}

#normal table p {
	margin: 0;
}
#normal th, #normal td { 
	vertical-align: top;
	padding: 0 10px;
}
#normal th {
	border-bottom: 1px solid #777777;
}



#layout_boxes {
	width: 220px;
	margin-left: -100%;
	float: right;
	padding: 0 15px;
	border-left: 2px solid #2a254b;
}


/* Portfolio images
 */
 
#portfolio-image h2 {
	margin-top: 0;
}

#scroller {  
  width: 220px;
  height: 135px;  
  margin: 2px 0;
  padding-bottom: 10px;
} 

#scroller img {
  top: 0; 
  left: 0;
}

#layout_boxes h2 {
}
#border p, #border li {
	font-size: 11px;
}

.button {
  margin: 1.12em 0;
}
.button a {
	height: 29px;
	line-height: 29px;
	display: block;
	padding: 0 10px;
	overflow: hidden;
	color: #ffffff;
	text-decoration: none;
	background: url('../images/button.gif') left top no-repeat;
}
.button a:hover {
	background-position: 0 -29px;
}



/* Navigation */
/* ===========================================================================  */

#nav {
	margin:0; 
	padding: 0;
	list-style:none; 
	position:relative; 
	z-index:200; 
	float: right; 
	height: 34px;
	padding-bottom: 20px;
}
 
#nav ul { /* Submenu */
	padding:0; 
	margin:0; 
	list-style:none; 
	float:left; 
	background: #fff;
	border-top: 2px solid #fdb825;
}

#nav table {
	border-collapse:collapse; 
	margin:-1px; 
	padding: 0;
	height:0;
}

#nav li {
	float:left;
	margin-right: 40px;
}

#nav li li {
	float:none;
	margin-right: 5px;
}

#nav li a li {
	float:left;
}

#nav li a {
	color: #001f5b; 
	display:block; 
	float:left; 
	height:29px;  
	padding:0;
	line-height:35px;
	text-decoration:none; 
	white-space:nowrap; 
	font-weight:bold;
}

#nav li li a {
	display:block; 
	height: 22px; 
	line-height: 22px; 
	float: none; 
	padding: 0; 
}

#nav li:hover {
	position:relative; 
	z-index:300; 
	color: #001f5b; 
}
#nav a:hover {
	position:relative; 
	z-index:300; 
	color: #001f5b; 
	border:0;
}

#nav li li a {
	color: #001f5b;
}

#nav li li a:hover {
	color: #001f5b;
	height:20px;
}

#nav :hover ul {
	left:0; 
	top: 29px; 
	background: #f1f1f1;
	padding: 5px;
	z-index:500;
}

#nav ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}
* html #nav ul {
	width:2px;
}

#nav li:hover li:hover > ul {
	left:-5px; 
	margin-left:100%; 
	top:-1px; 
	z-index:500;
}

#nav li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:auto; 
}

#nav li:hover > a, #nav li.li-active > a, #nav li.li-current-active > a {
	color: #001f5b;
	border-bottom: 2px solid #fdb825;
}

#nav li li:hover > a {
	color: #000;
}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {
	left:100%; 
	margin-left:-5px; 
	top:-1px;
}

#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}





/* Left navigation */
/* ===========================================================================  */

#layout_navigation {
	width: 220px;
	margin-top: -30px;
	margin-left: -100%;
	float: left;
	color: #fff;
	padding-bottom: 130px;
	overflow:hidden;
}

#layout_navigation a,
#layout_navigation a:visited  {
	color:#fff;
	text-decoration: none;
	display:block;
	font-weight: bold;
	margin-bottom: 6px;
}

#layout_navigation a:hover  {
	color: #001f5b;
	text-decoration: none;
	font-weight: bold;
}

#layout_navigation a.style16 {
	font-size: 14px;
}

#layout_navigation a.style21 {
	font-size: 18px;
}

#layout_navigation a.style29{
	font-size: 25px;
}

#layout_navigation a.padding10 {
	padding-left: 10px;
}

#layout_navigation a.padding15 {
	padding-left: 15px;
}

#layout_navigation a.padding20 {
	padding-left: 20px;
}

#layout_navigation a.padding25 {
	padding-left: 25px;
}

#layout_navigation a.padding30 {
	padding-left: 30px;
}

#layout_navigation a.padding40 {
	padding-left: 40px;
}

#layout_navigation a.padding50 {
	padding-left: 50px;
}

#layout_navigation a.padding60 {
	padding-left: 60px;
}

#layout_navigation a.padding70 {
	padding-left: 70px;
}

#layout_navigation a.padding80 {
	padding-left: 80px;
}



#layout_footer {
	width:975px;
	height: 35px;
	line-height: 35px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background: #2a254b;
	padding-top: 0px;
	position: relative;
}

#layout_footer p {
	margin: 0 40px;
	color: #fff;
	text-align: right;
}

#layout_footer p span {
	color: #fabb00;
	padding: 0 10px;
}





/* Bottom navigation */
/* ===========================================================================  */

ul#bottom_navigation {
	list-style:none;
	clear:both;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top: -50px;
	right: 10px;
	text-align:center;
	white-space:nowrap;
	text-align: right;
	float: right;
}

ul#bottom_navigation li {
	float:left;
	margin-right: 30px;
	padding-bottom: 5px;
}

ul#bottom_navigation li  a {
	text-decoration: none;
	color: #001f5b;
	padding: 5px 0;
}

ul#bottom_navigation li.current  a,
ul#bottom_navigation li.current  a:visited {
	text-decoration: none;
	color: #001f5b;
	background: url(../images/nav_bg.gif) repeat-x 0 0;
}

ul#bottom_navigation li  a:hover {
	color: #001f5b;
	background: url(../images/nav_bg.gif) repeat-x 0 0;
}







/* Mailform styles */
/* ===========================================================================  */

.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
	border: 0;
}
.csc-mailform label {
  display: inline;
  line-height: 24px;
}
.csc-mailform-radio legend {
	display: none;
}
.csc-mailform-submit {
	margin-left: 130px;
	text-align: center;
}
.csc-mailform-field label {
  width: 120px;
  padding-left: 10px;
  float: left;
}
.csc-mailform-field input, .csc-mailform-field textarea {
  float: left;
  margin-top: 2px;
  padding: 2px;
  border: 1px solid #999999;
  font-size: 12px;
  font-family: arial;
}
.csc-mailform-field {
  width: 400px; 
  margin-left: 0px;
  float: left;
  overflow: auto;
  margin-bottom: 5px;
  padding: 2px;
  background: #f1f1f1;
}
.csc-mailform-field textarea {
  width: 380px;
  height: 120px;
  float: left;
  margin-left: 10px;
  clear: both;
}





/* Email subscribe styles */
/* ===========================================================================  */

.tx-sremailsubscribe-pi1 fieldset {
	border: 0;
}

.tx-sremailsubscribe-pi1 legend {
	margin: 0;
	padding: 0;
}

.tx-sremailsubscribe-pi1 dl {
  display: block
}

.tx-sremailsubscribe-pi1 dt {
  display: block;
  width: 120px;
  float: left;
  clear: left;
  padding-right: 6px;
  text-align: left;
}

.tx-sremailsubscribe-pi1 dd {
  width: 50%;
  float: left;
  clear: none;
  margin: 0 0 8px 0;
  padding-left: 6px;
}
.tx-sremailsubscribe-pi1 dd p.tx-sremailsubscribe-pi1-error {
  margin: 0;
  padding: 0;
  color: red;
}

.tx-sremailsubscribe-pi1 input {
  padding: 2px;
  border: 1px solid #999999;
}
.tx-sremailsubscribe-pi1 input[type=submit] {
  float: none;
}




/* Tip-a-friend styles */
/* ===========================================================================  */

.tx-tipafriend-pi1 input {
  padding: 2px;
  border: 1px solid #999999;	
}
.tx-tipafriend-pi1 input[type=text] {
  width: 200px;
}
.tx-tipafriend-pi1 input.captcha {
  width: 40px;
  letter-spacing: 0.1em;
}
.tx-tipafriend-pi1 textarea {
  width: 200px;
  padding: 2px;
  clear: both;
  font-family: arial;
  border: 1px solid #999999;
}