/*********************************************/
/*                                           */
/*  Copyright: Cox IT Producties             */
/*  www.coxitproducties.nl                   */
/*  info@coxitproducties.nl                  */
/*                                           */
/*********************************************/
@charset "utf-8";
/* CSS Document */

/* MAIN LAYOUT
--------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, /*ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	background:url(../images/bg.jpg) fixed no-repeat center;
	color: #ffffff;
	font-family:Tahoma, Geneva, sans-serif;
}

body.fs1 {font-size: 9px;}
body.fs2 {font-size: 10px;}
body.fs3 {font-size: 11px;}
body.fs4 {font-size: 12px;}
body.fs5 {font-size: 13px;}
body.fs6 {font-size: 14px;}

.Print {
	background: #FFFFFF;
}

#bg_layer {
	z-index:1;
}

#content_layer {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
}

#overlay_layer {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	z-index:100;
}

.left, .left_col, .float_left {
	float:left;
}

.right, .right_col, .float_right {
	float:right;
}

/* Clearfix
-------------------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}



/* main
-------------------------------------------------------------*/
.main {
	width:900px;
	margin:auto;
}

.indent {
	margin: 0 0 0 46px;
}


/* Top
-------------------------------------------------------------*/
#top_container {
	margin: 0 0 10px 0;
	min-height:250px;
}

/* TOPMENU LAYOUT
--------------------------------------------------------- */
#topmenu {
	padding: 62px 0 0 0;
	margin: 0;
	font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	overflow:visible;
	height: 100px;
}

#topmenu ul{
	display: inline;
	margin: 0;
	padding: 0;
	/*height: 20px;*/
	/*z-index:2;*/
}

#topmenu li{
	display: inline;
	float: left;
	padding: 8px 0px;
	list-style-type: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #fff;
  background:#EEEEE4;
  background-image:
  -webkit-gradient(
      linear,
      left top,
      left bottom,         
      color-stop(0.40, #EEEEE4),
      color-stop(0.99, #AFB0A7)
  );
  background-image:
  -moz-linear-gradient(
      left center,
      #EEEEE4 40%,
      #AFB0A7 99%
  );
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EEEEE4', endColorstr='#AFB0A7'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EEEEE4', endColorstr='#AFB0A7')"; /* IE8 */
}

#topmenu li:hover{
  background:#AFB0A7;
  background-image:
  -webkit-gradient(
      linear,
      left top,
      left bottom,         
      color-stop(0.40, #AFB0A7),
      color-stop(0.99, #EEEEE4)
  );
  background-image:
  -moz-linear-gradient(
      left center,
      #AFB0A7 40%,
      #EEEEE4 99%
  );
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AFB0A7', endColorstr='#EEEEE4'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AFB0A7', endColorstr='#EEEEE4')"; /* IE8 */
}

#topmenu li.selected {
}

#topmenu li a{
	padding: 8px 20px;
	text-decoration:none;
	color: #666;
}

#topmenu li:first-child {
	/*behavior: url('http://localhost:8888/IPS5/sites/inc/css/border-radius.htc');*/
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-left: 1px solid #666;
}

#topmenu li:last-child {
	/*behavior: url('http://localhost:8888/IPS5/sites/inc/css/border-radius.htc');*/
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#topmenu li a:hover {
	color: #173D8C;
}

#topmenu li.selected a {
	color: #173D8C;
}


/* Submenu
-------------------------------------------------------------*/
#sub_menu_container {
	margin:-30px 0 0 0;
	padding: 6px 0 0 0;
	font-size: 12px;
	font-weight: normal;
	color: #222222;
	text-transform:lowercase;
	min-height:29px;
}

#sub_menu_container ul{
	display: inline;
	margin: 0;
	padding: 0;
	z-index:20;
}

#sub_menu_container li{
	margin: 10px 2px 0 0;
	float: left;
	list-style-type: none;
	cursor:pointer;
	
  background:#EEEEE4;
  background-image:
  -webkit-gradient(
      linear,
      left top,
      left bottom,         
      color-stop(0.40, #EEEEE4),
      color-stop(0.99, #AFB0A7)
  );
  background-image:
  -moz-linear-gradient(
      left center,
      #EEEEE4 40%,
      #AFB0A7 99%
  );
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EEEEE4', endColorstr='#AFB0A7'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EEEEE4', endColorstr='#AFB0A7')"; /* IE8 */

	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#sub_menu_container li div {
	padding: 8px;
	height: 14px;
}

#sub_menu_container li:first-child {
	margin-left: 20px;
}

#sub_menu_container li .selected {
	color: #173D8C;
	background:url(../images/menu_highlight.png) no-repeat center;
}



#main_container {
}

#main_inner {
}

#main_content {
	min-height:300px;
}

.addthis_buttons {
	width: 300px;
	margin: 0 0 -20px 0;
	padding: 0 20px 0 0;
}

.addthis_buttons a {
	float: right;
}

/*
GUEST BOOK
*/

.guestbook {
	padding: 20px 0;
	margin:0 0 0 -30px;
	color: #000;
	min-width: 640px;
	max-width: 640px;
}

.guestbook .introduction {
	background:url(../images/torn_paper.png) no-repeat;
	padding: 20px;
	color: #000;
	min-width: 500px;
	max-width: 500px;
	min-height: 140px;
	max-height: 140px;
	overflow:hidden;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
}

.guestbook .memo {
	padding: 10px;
	margin: 10px 2px 0 0;
	list-style: none;
	/*background:#FF9;*/
	background:#fff;
	width: 555px;
	height: 300px;
	overflow:hidden;
	color: #000;
	-webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); /*Safari/Chrome */
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25) ; /* Firefox/Mozilla */
  box-shadow: 0 3px 6px rgba(0,0,0,.25); /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=225, Color='#000000')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=225, Color='#000000');
}

.guestbook textarea {
	background:#FF9;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); /*Safari/Chrome */
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25) ; /* Firefox/Mozilla */
  box-shadow: 0 3px 6px rgba(0,0,0,.25); /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=225, Color='#000000')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=225, Color='#000000');
	min-width: 200px;
	max-width: 200px;
	min-height: 200px;
	max-height: 200px;
	border: 0;
	margin: 0 20px 0 10px;
}

.guestbook ul{
  font-family: reenie-beanie,sans-serif;
	font-style:italic;
	font-size:18px;
	display: inline;
	list-style:none;
	margin: 0;
	padding: 0;
	color: #000;
}

.guestbook li{
	float: left;
	padding: 6px;
	margin: 0 2px 2px 0;
	list-style: none;
	background:#FF9;
	width: 196px;
	height: 196px;
	overflow:hidden;
}

.guestbook .name {
	font-weight:bold;
}

.guestbook .date {
	font-weight:normal;
	font-size:-1;
}

.guestbook a {
	color: #000;
}

.guestbook li {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); /*Safari/Chrome */
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25) ; /* Firefox/Mozilla */
  box-shadow: 0 3px 6px rgba(0,0,0,.25); /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=225, Color='#000000')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=225, Color='#000000');



}
 
/* Rotate all even images 2 degrees */
.guestbook li:nth-child(even) {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}
 
/* Don't rotate every third image, but offset its position */
.guestbook li:nth-child(3n) {
-webkit-transform: none;
-moz-transform: none;
position: relative;
top: -5px;
}
 
/* Rotate every fifth image by 5 degrees and offset it */
.guestbook li:nth-child(5n) {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
position: relative;
right: 5px;
}
 
/* Keep default rotate for every eighth, but offset it */
.guestbook li:nth-child(8n) {
position: relative;
top: 8px;
right: 5px;
}
 
/* Keep default rotate for every eleventh, but offset it */
.guestbook li:nth-child(11n) {
position: relative;
top: 3px;
left: -5px;
}

/*
HOME BUTTON
*/

#home_button {
	filter:alpha(opacity=50); /* msie */  
	-moz-opacity: 0.50; /* firefox 1.0 */  
	-khtml-opacity: 0.50; /* webkit */  
	opacity: 0.50; /* css 3 */  
}

#home_button:hover {
	filter:alpha(opacity=100); /* msie */  
	-moz-opacity: 1.00; /* firefox 1.0 */  
	-khtml-opacity: 1.00; /* webkit */  
	opacity: 1.00; /* css 3 */  
}

.originalTextareaInfo {
	text-align: right
}