/**
	Inconel Website - Stylesheet

		Design by Roel
		Stylesheet by Davy
		Typo3 by Davy &amp Anthony

		----------INHOUD STYLESHEET---------------------------------------------

	#	Basic Elements				Pagina positionering,	Breedtes blokken e.d.
	#	Specific Elements			Titels, tekstblokken e.d.
		# registratieform			formulier registratie styling
		#	Storingen Blok			tekstblok netwerkmeldingen
		# Storingen Layer			popup-layer na klikken op melding in blok
		# sitemap blok				sitemap ul li links
		#	News Elements				Alles m.b.t. nieuws
	#	Menu									Alles m.b.t. menu
	#	Special Modifications	kleuren, images, e.d.

*/


/*********************** basic elements ************************************/

#inconel{
	font-family: Arial;
	font-size: 11px;
	/*line-height: 17px;*/ /* => niet voor de hele site doen; geeft problemen */
	color: #997e73;
	/*background-image: url("../images/back.gif");*/
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 771px;
	text-align: left;
	position: relative;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	background-color: #f9f9f2;
}

/* --- pageheader --- */
#pageheader {
	min-width: 771px;
	height: 126px;
}
	#searchbaulk {
		height: 21px;
		/* padding-top: 2px;*/
		margin-bottom: 0px;
		margin-right: 0px;
		width: 771px;
		float: right;
		text-align: right;
		background-color: #000000;
		color: #fff;
	}

	#banner {
		background-color: #3281ac;
		clear: both;
		height: 80px;
		background: url("../images/banner_new.jpg") no-repeat right top;
	}
	#topmenu {
		padding-left: 15px;
		padding-top: 4px;
		padding-bottom: 5px;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		background-color: #fff;
		color: #03366b;
	}

/* --- page --- */
#page {
	clear: both;
	background-color: red;
	/*display: none;*/
}

/* ++ page.left ++ */
	#left {
	float: left;
	clear: both;
	width: 496px;
	}

/* ** page.left.lefttopblok ** */
		#lefttopblok {
			border-left: 1px solid #d1d1d1;
			border-right: 1px solid #d1d1d1;
			border-bottom: 1px solid #d1d1d1;
			background-color: #f2f2f2;
			margin-bottom: 10px;
		}
			#slogan {
				font-size: 23px;
				font-family: Arial Narrow;
				font-weight: bold;
				padding-left: 163px;
				padding-top: 60px;
				/* border: solid 1px red; */
			}
			#lefttopcontent {
				background: url("../images/background.php") repeat-x left top;
				/*filter:alpha(opacity=50); -moz-opacity:0.5;*/
				line-height: 16px;
				/* border: 1px solid red;*/
				padding-left: 20px;
				padding-right: 20px;
				/*padding-top: 150px; */
				padding-bottom: 10px;
			}

			#lefttoptypocontent {
				padding-top: 125px;
				/* typo3 content */
			}

/* ** page.bottom.bottomblok ** */
		#leftbottomblok {
			border: 1px solid #d1d1d1;
			/* min-height: 200px; */
			background-color: #FFFFFF;
			margin-bottom: 10px;
			padding-left: 20px;
			padding-right: 20px;;
		}
			#leftbottomcontent {
			margin-top: 10px;
			margin-bottom: 10px;
			line-height: 16px;
				/* typo3 content, zie de specifieke classes onderaan */
			}
			#leftbottomcontent1 {display: none;}

				#newsArchiveLink {
					padding-top: 5px;
					padding-bottom: 10px;
				}

/* ++ page.right ++ */
	#right {
		margin-top: 10px;
		float: right;
		width: 264px;
	}

/* ** page.right.righttopblok ** */
		#righttopblok {
			/* min-height: 400px;*/

			background-color: #ececc6;
			border: 1px solid #cccccc;
			margin-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 10px;
		}
			#righttopcontent {
				margin-bottom: 10px;
				margin-top: 10px;
				padding-top: 10px;
				line-height: 16px;
			/* padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px; */
				/* typo3 content, zie de specifieke classes onderaan */
			}
			.righttopcontent1,
			.righttopcontent2,
			.righttopcontent3,
			.righttopcontent4,
			.righttopcontent5 {display: none;}


/* ** page.right.rightbottomblok ** */
		#rightbottomblok {
		/*clear: both;*/
			display: none; /* belangrijk voor het javascript om te controleren of er inhoud is!!! */
			background-color: #c9c2b0;
			border: 1px solid #cccccc;
			margin-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 10px;
		}
			#rightbottomcontent {
			line-height: 16px;
				/* typo3 content, zie de specifieke classes onderaan */
			}
			.rightbottomcontent1, .rightbottomcontent2 {display: none;}

/* --- footer --- */
#footer {
	clear: both;
	width: 771px;
	background-color: #000;
	color: #FFF;
}
	#bottom {
		height: 32px;
		background-color: #3281ac;
		border-top: 1px solid #000000;
		background: url("../images/bottom_new.jpg") no-repeat left;
	}
	#copyright {  /* COPYRIGHT BALK ONDERAAN DE PAGINA */
		text-align: center;
		min-height: 20px;
		margin-top: 4px;
		margin-bottom: 4px;
		*margin-bottom: 0px;
		_margin-bottom: 4px;
	} #copyright A {
		text-decoration: none;}
		#copyright a:link {color: #FFF}
		#copyright a:visited {color: #FFF}
		#copyright a:active {color: #FFF}


/*********************** specific elements	******************************/
.righttoptitle {
	color: #333;
	font-weight: bold;
	display: block;
}
				.csc-header h1{
					font-family: Arial;
					font-size: 11px;
					text-transform: uppercase;
				}
				#lefttoptypocontent .csc-header  {
					text-transform: none;
					font-family: Arial Narrow;
					font-size: 18px;
					margin-bottom: 0px;
				}
				#lefttoptypocontent .csc-header img {
					position: relative;
					left: -3px;
				}

				#lefttoptypocontent p.bodytext {
					margin-top: 3px;
				}

				.csc-firstHeader {
					margin-top: 0px;
					margin-left: 0px;
				}
				.righttopcontent .csc-header {
					color: #333;
					margin-top: 0px;
					margin-left: 0px;
				}
				.rightbottomcontent .csc-header {
					color: #FFF;
					margin-top: 0px;
					margin-left: 0px;
				}
				.leftbottomcontent .csc-header {
					color: #9b9b9;
				}
				#leftbottomcontent .csc-header img {
					position: relative;
					left: -3px;
					margin-bottom: 0px;
					margin-top: 8px;
					*margin-top: 0px;
					_margin-top: 0px;
				}
				#leftbottomcontent p.bodytext {
					margin-top: 0px;
				}

				/*.h3 {color:black;}*/



				/* ### RECHTSBOVEN SPECIFIEK VOOR TYPO3 ### */
				.righttopcontent .csc-header {
					color: #353535;
					padding-top: 0px;
					margin-top: 0xp;
					height: 30px;
					background: url("../images/righttopback.jpg") no-repeat top;
					margin-bottom: 0px; padding-bottom: 0px;
				}
				.righttopcontent p.bodytext {
					margin-top: 0px; padding-top: 0px;
					background: url("../images/righttopbackborder.jpg") no-repeat bottom;
					color: #676767;
					font-weight: normal;
					display: block;
					line-height: 16px;
					padding-bottom: 10px;
					margin-bottom: 10px;
					padding-left: 10px;
					padding-right: 10px;
				}

				/* ### RECHTSONDER SPECIFIEK VOOR TYPO3 ### */
				.rightbottomcontent .csc-header {
					color: #FFF;
					padding-top: 0px;
					margin-top: 0xp;
					height: 30px;
					background: url("../images/rightbottomback.jpg") no-repeat top;
					margin-bottom: 0px; padding-bottom: 0px;
				}
				.rightbottomcontent p.bodytext {
					margin-top: 0px; padding-top: 0px;
					background: url("../images/rightbottombackborder.jpg") no-repeat bottom;
					color: #676767;
					font-weight: normal;
					display: block;
					line-height: 16px;
					padding-bottom: 10px;
					margin-bottom: 10px;
					padding-left: 10px;
					padding-right: 10px;
				}

.righttopinnercontent {
margin-top: 10px;
	background: url("../images/border-leftright1.jpg") repeat-y top;
	/* background-color: #FFF; */
	color: #000;
	font-weight: bold;
	display: block;
}
		.righttopbordertop {
			height: 4px;
			_margin-bottom: -5px;
			background: url("../images/border-top1.jpg") no-repeat top;
		}
					.righttoptext {
						line-height: 16px;
						margin-left: 10px;
						margin-right: 10px;
						margin-top: 5px;
						margin-bottom: 5px;
						font-weight: normal;
						font-size: 11px;
						color: #656565;
					}
					.righttophosting {
						background: url("../images/hosting.jpg") repeat-y left;
						padding-left: 27px;
						margin-left: 10px;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					.righttophosting A {
						font-size: 11px;
						text-decoration: none;
						color: #000;
					}


		.righttopborderbottom {
			margin-bottom: 10px;
			height: 9px;
			/*_margin-top: -4px;*/
			background: url("../images/border-bottom1.jpg") no-repeat bottom;
		}



.rightbottomtitle {
	color: #FFF;
	font-weight: bold;
	display: block;
}
.rightbottominnercontent {
	/* border: 1px solid #cccccc;*/
	margin-top: 10px;
	background: url("../images/border-leftright2.jpg") repeat-y top;
	/* background-color: #FFF; */
	color: #000;
	font-weight: bold;
	display: block;
}
		.rightbottombordertop {
			height: 4px;
			_margin-bottom: -5px;
			background: url("../images/border-top2.jpg") no-repeat top;
		}

		.rightbottomborderbottom {
			margin-bottom: 10px;
			height: 9px;
			background: url("../images/border-bottom2.jpg") no-repeat bottom;
		}

/******************************  registratieform  ***********************************/
	.righttopform {
										/* background-image: url("../images/input_box_backright_domaincheck.jpg");*/
									/* 	background-image: URL("../images/domeinnaam_input.jpg"); */
										margin-left: 10px;
										padding-left: 2px;
										height: 20px;
									}.righttopformlabel {
										margin-left: 10px;
										margin-top: 5px;
										font-weight: normal;
										font-size: 9px;
									}.selectorback {background-color: red;
										/* background-image: URL("../images/indput_box_backright_domaincheck.jpg"); */
									}.righttopforminputfield {
										background: transparent;
										border-style: none;
										font-family: Arial;
										font-size: 11px;
										margin-right: 12px;
										padding-right: 2px;
										margin-bottom: 2px;
										margin-top: 2px;

									}.selectorback {
										background-color: red;
									}
									.righttopformselectorfield {
										font-size: 9px;
										font-family: Arial;
									}.righttopformbutton {
										/* */
									}.righttopbuttontext {
										margin-left: 25px;
										font-size: 12px;
									}
									.righttoptext input {padding-bottom: 8px;padding-top: 2px;}
									.roel {background-image: url("../images/input_box_backright_domaincheck.jpg");}

/*888888888888888888888888 CONTACTFORMULIER 8888888888888888888888*/

/*<div class="formrow">
	<span class="formdescription">Titel</span><span class="formtextfield">Veld</span>
</div>*/
.formrow {align: top;/*  */}

	.formdescription, .formdescriptiontextarea {
		display: -moz-inline-box;
		*display: inline-block;
		width: 120px;
		height: 13px;
		vertical-align: top;}
	.formdescriptiontextarea {float: left;}

	.forminputfield, .forminputfieldsmall, .forminputfieldmiddle, .forminputfieldbig,
	.csc-form-fieldcell {
		padding-left: 10px;
		display: -moz-inline-box;
		*display: inline-block;
		width: 300px;
		background: url("../images/input_box_backmoz.jpg") no-repeat left top;
		/*
		*background: url("../images/input_box_backie7.jpg") no-repeat left top;
		_background: url("../images/input_box_backie6.jpg") no-repeat left top;
		*/}

		.forminputfieldsmall {background: url("../images/input_box_backmoz_small.jpg") no-repeat left top;}
		.forminputfieldmiddle {background: url("../images/input_box_backmoz_middle.jpg") no-repeat left top;}
		.forminputfieldbig {background: url("../images/input_box_backmoz_big.jpg") no-repeat left top;}
		.csc-form-fieldcell {background: url("../images/input_box_backmoz_middle.jpg")	no-repeat left top;	}
		.csc-form-fieldcell select {

			color: red;
		}


				.formtextinput,
				.a650f38f0c19d0f5e58d1a80728f6a189f3b462d93b24cb0538f5d864546bc3e0,
				#leftbottomcontent .csc-searchform .csc-form-fieldcell input,
				#leftbottomcontent .csc-searchform .csc-form-fieldcell select {
					margin-bottom: 4px;
					padding-top: 0px;
					padding-right: 15px;
					background: transparent;
					border-style: none;
					height: 16px;
					color: #997e73;
					font-family: Arial;
					font-size: 11px;
					}
				#csc-form-fieldcell {}

				#leftbottomcontent .csc-searchform select {margin-bottom: 4px;
					padding-top: 0px;
					padding-right: 15px;
					background: transparent;
					border-style: none;
					height: 13px;
					/* color: #997e73;*/
					font-family: Arial;
					font-size: 11px;}

					option {background-color: white;}

		.formtextareafield {
			float: left;
			width: 275px;
			position: relative;
			background-color: yellow;
			background: url("../images/textarea_box_backmoz.jpg") no-repeat left top;
			vertical-align: top;
			}
				.textarea {
					background: transparent;
					border-style: none;
					margin-left: 5px;
					color: #997e73;
					font-family: Arial;
					font-size: 11px;
					}

	.formsendfield {background: transparent;}
.csc-form-fieldcell input {background: transparent; border: 0px;
					margin-bottom: 4px;
					padding-top: 0px;
					padding-right: 15px;
					background: transparent;
					border-style: none;
					height: 13px;
					color: #997e73;
					font-family: Arial;
					font-size: 11px;}


.csc-form-fieldcell-contact input{ background:transparent; border: 0px;
					margin-bottom: 4px;
					padding-top: 0px;
					padding-right: 15px;
					background: transparent;
					border-style: none;
					height: 13px;
					color: #997e73;
					font-family: Arial;
					font-size: 11px;}
.OFFtextfield {
	width: 235px;
	background:transparent;
	border-style:none;
	font-size:10pt;}

.OFFtextfieldcell {
	margin-left: 100px;
	width:235px;
	height:18px;
	background-image: URL(../images/input_box_backx.jpg);
	background-repeat:no-repeat;
	padding-left:8px;
	padding-top:2px;}


.OFFtextareacell {
	width:66%;
	height:125px;
	background-image: URL(../images/input_textarea_xback_moz.jpg);
	*background-image: URL(../images/input_textarea_dback_ie7.jpg);;
	_background-image: URL(../images/input_textarea_bacdk_ie6.jpg);
	background-repeat:no-repeat;
	padding-left:8px;
	padding-top:7px;}


/************************* SEARCHFORM *****************************/

#leftbottomcontent .csc-searchform {/* zoekformulier op sitemap pagina */}
#leftbottomcontent .csc-searchform .csc-form-label {width: 100px; background-color: white; margin: 0 0 0 0;}
.csc-form-fieldcell select{ color: red; }
#xxxleftbottomcontent .csc-searchform .csc-form-fieldcell input {
	width: 126px; background:transparent; border: 0px solid #FFF;

	padding-left: 2px; margin: 0 0 0 0; padding-top: 0px; padding-bottom: 0px;}
#xxleftbottomcontent .csc-searchform select {width: 100px; background-image: URL("../images/searchbox_back.jpg");}

#leftbottomcontent .csc-searchform select {border: 0px;}



/************************* SEARCH *****************************/

.searchfieldbox {
	background-image: URL("../images/searchbox_back.jpg");
	background-repeat: no-repeat;
	padding-left: 2px;
	padding-bottom: 2px;
}.searchfieldtext {
	position: relative;
	top: 1px;
	*top: 0px;
	/* */
}.searchfield {
	background: transparent;
	border-style: none;
	font-family: Arial;
	font-size: 11px;
	margin-right: 0px;
	height: 15px;
	/* margin-bottom: 0px; */
}.searchbutton {
	position: relative;
	top: 3px;
	*top: 1px;
	_top: 1px;
	padding-left: 0px;
	padding-right: 10px;
}

#searchbaulk form {
margin-bottom: 0px; }


/************************* SITEMAP BLOK *****************************/
.csc-sitemap {
		margin-top: 0px; padding-top: 0px;
		background: url("../images/rightbottombackborder.jpg") no-repeat bottom;
		color: #676767;
		font-weight: normal;
		display: block;
		line-height: 16px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	} ul {
		margin-top: 0px;
		margin-left: 10px;
		margin-bottom: 0px;
	} li {
		margin-left: -40px;
		*margin-left: 5px; /* IE 7 Hack */
		_margin-left: 5px; /* IE 6 Hack */
	}	li A {
		text-decoration: none;
	}	li a:link {color: #666;}
	 	li a:visited {color: #666;}
	 	li a:active {color: #666;}

/********************** news elements ***************************/
.newsImage {
	float: left;
	margin-right: 8px;
	*margin-right: 8px;
	_margin-right: 4px;
		border: 0px;
	*border: 1px solid #cccccc;
	_border: 1px solid #cccccc;

	margin-top: 4px;
}
.newsitemContainer {
	/* border: 1px solid red; */
		background-color: yellow;
	background: url("../images/newsdots.gif") repeat-x bottom;
	 padding-bottom: 15px;
	 margin-top: 15px;
	 _height: 95px;
	 min-height: 128px;
	/*padding-bottom: 10px;*/
	/*border-bottom: 1px dotted #000000; */
}
.newsTitle {
 color: #9b9b9;
 font-weight: bold;
}
.newsTeaser {
	display: block;
	line-height: 16px;
}
.newsNavigatie {
	margin-top: 50px;
}
A.newsMeerlink {
	display: block;
	color: #e8b252;
	text-decoration: none;
}.newsMoreLink a.newsMeerlink:link {color:#e8b252;}
 .newsMoreLink a.newsMeerlink:visited {color:#e8b252;}
 .newsMoreLink a.newsMeerlink:active {color:#e8b252;}

 #regeltje { /* superroelsolution :o) */
	display: block;
	*display: none;
	_display: none;
 }
#regeltjeomgekeerd
{
	display: none;
	*display: block;
	_display: block;
 }

 #plaatjejaofnee img{
 	margin-top: 14px;
 			border: 0px;
	*border: 1px solid #cccccc;
	_border: 1px solid #cccccc;
 }
/********************* STORINGEN BLOK *****************************/
.storingDatum {
	margin-left: 10px;
	margin-top: 5px;
	font-weight: normal;
	font-size: 9px;
	color: #656565;
}
.storingDatumNieuw {
	background: url("../images/nieuw.jpg") no-repeat top right;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 2px;
	padding-top: 5px;
	font-weight: normal;
	font-size: 9px;
	color: #656565;
}
.storingTitel A{
	margin-left: 10px;
	color: #e8b252;
	text-decoration: none;
}.storingTitel a.lbOn:link {color: #e8b252;}
 .storingTitel a.lbOn:visited {color: #e8b252;}
 .storingTitel a.lbOn:active {color: #e8b252;}

.storingDivider {
	*margin-top: 10px;
	_margin-top: 10px;
	border-bottom: 1px solid #dbdbbf;
}


/************* STORINGEN LAYER (LIGHTBOX) BIJ BLOK ************/
#storingBoxContainer {
  width: 393px;
  height: 45px;
}
.storingBoxTop {
 vertical-align: middle;
  margin: 0 0 0 0;
  width: 393px;
  text-align: left;
	background: url("../images/storingbox_top.gif") repeat-x bottom;
}
.storingBoxTitle {
   display: inline-block;
	 width: 350px;
}
.storingBoxClose {
  display: inline-block;
  text-align: right;
  width: 40px;
}


/********************** MENU **************************************/
.menu-level1-act{
	font-weight: normal; /* bold; */
}	.menu-level1-act A{color: red; text-decoration: none; }
  .menu-level1-act a:link {color: red; text-decoration: none; }
  .menu-level1-act a:visited {color: red; text-decoration: none; }
  .menu-level1-act a:active {color: red; text-decoration: none; }
.menu-level1-no{
	font-weight: normal;
}	.menu-level1-no A{color: #03366b; text-decoration: none; }
  .menu-level1-no a:link {color: #03366b; text-decoration: none; }
  .menu-level1-no a:visited {color: #03366b; text-decoration: none; }
  .menu-level1-no a:active {color: #03366b; text-decoration: none; }
.menuspacer {
 	margin-left: 10px;
 	margin-right: 10px;
}

	.menulayer { display: none; /* tijdelijk uitgezet; geen subitems tonen */
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
	  /* position: relative; */
	  position: absolute;
	  width: 100px;
	  margin-left: 1px;
	  margin-top: 126px;
	  padding-left: 5px;
	  padding-right: 5px;
	  background-color: #fff;
	}

/****************** Special Modifications *************************/
h1 span, h2 span {display: none;}

.blauw 	{color: #0766a6;}
.oranje {color: #e8b252;}
.groen 	{color: #009c35;}
.wit 		{color: #FFF;}

.donkeroranje {color: #e89619;}
.domeingroter {font-size: 11px;}
.countertekst img{margin-top: 13px;}
.righttoptekst .input {border: 1px solid red;}

a img { border: 0px; /*border: thick solid silver;*/ }
a:hover img { border: 0px;  /*border: thick double silver;*/ }

.righttopcontent .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	padding-right: 2px;
}
A{color: #e89619; text-decoration: none;}