/**************************ELEMENT STYLES*******************/
body{
	background-color:#161616;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}

select {

	font-family: Arial;
}

p{
	line-height:18px;
}
a{
	color:#FFFFFF;
}

a:hover{
	color:#df690f;
}

a:visited{
	color:#FFFFFF;
}
a:active{
	color:#FFFFFF;
}

input{
	background-image:url('/images/form_input.jpg');
	border: 0px;
	color:#FFFFFF;
	width:225px;
	font-family: Arial;
	height:21px;
	text-align:left;
	font-weight:bold;
	padding-left: 5px;
	padding-top: 3px;
	background-color:#000000;
	background-repeat:no-repeat;
	overflow:hidden;
}
textarea{
	background-image:url('/images/form_textarea.jpg');
	border: 0px;
	color:#FFFFFF;
	background-repeat:no-repeat;
	width:225px;
	background-color:#000000;
	font-family: Arial;
	height:57px;
	text-align:left;
	font-weight:bold;
	padding-left: 5px;
	padding-top: 3px;
	overflow:hidden;
}

select{
	background-color:#000000;
	border: 0px;
	color:#FFFFFF;
	width:445px;
	height:22px;
	text-align:left;
	margin:2px;
}

/*************************DEFINED UNIQUE STYLES***********************************/

#mainContainer{
	margin: 0px auto;
	width: 990px;
}
	#upperBar{
		height:12px;
		width:990px;
		background-image: url('/images/topBar.jpg');
		background-repeat: no-repeat;
		padding:0px;
		margin:0px;
		font-size: 0;
	}
	#contentContainer{
		width:990px;
		height:580px;
		background-image: url('/images/middleBack.jpg');
		background-repeat: repeat-y;
		padding:0px;
		margin:0px;
	}
		#innerContentContainer{
			padding:10px;
		}
			#logoMenu{
				vertical-align:middle;
				font-size:14px;
				width:475px;
				float:left;
			}
			#categoryMenu{
				float:right;
				width:475px;
				position: relative;
			}
				#selectionBox{
					background:url('/images/selection_field.jpg');
					background-repeat: no-repeat;
					width:445px;
					height:26px;
					margin-left:20px;
				}
					#selectionText{
						width:400px;
						height:26px;
						padding:5px;
						float:left;
					}
					#selectionArrow{
						width:16px;
						height:26px;
						padding:10px;
						float:right;
						cursor:pointer;
					}
					#selectionOptions{
						margin:20px 0 0 0;
						background-image: url('/images/selection_box.jpg');
						background-repeat: no-repeat;
						width:470px;
						height:230px;
						overflow:auto;
						position:absolute;
						display:none;
						left: 0;
					}
				#infoFlash{
					padding-top:15px;
				}
				#categorieInfoTitel{
					background: url('/images/homeTitleBlock.jpg');
					background-repeat: no-repeat;
					width:470px;
					height:50px;
					margin: 20px 0 10px 0;
				}
				#categorieInfoContent{
					background: url('/images/homeContentBlock.jpg');
					background-repeat: no-repeat;
					width:470px;
					height:230px;
				}
				#contactInfoContent{
					background: url('/images/contactContentBlock.jpg');
					background-repeat: no-repeat;
					width:470px;
					height:480px;
				}
	#scrollingPictureDiv{
		padding-left:8px;

	}
	#pictureDiv{
		padding-left:12px;

	}
	#lowerBar{
		height:12px;
		width:990px;
		background-image: url('/images/lowerBar.jpg');
		background-repeat: no-repeat;
		padding:0px;
		margin-bottom:-8px;
	}
	#footer{
		width:990px;
	}
		#upperFooter{
			color:#999999;
			text-align:center;
			font-size:9px;
		}
		#lowerFooter{
			color:#FF6600;
			text-align:center;
			font-size:11px;
			clear:both;
		}

/********************REGULAR STYLES******************************/
.clearDiv{
	clear:both;
}

.orange{
	color:#FF6600;
	text-decoration:none;
}
.orange:visited{
	color:#FF6600;
	text-decoration:none;
}
.orange:active{
	color:#FF6600;
	text-decoration:none;
}
.orange:hover{
	color:#FF6600;
	text-decoration:none;
}
.grey{
	color:#999999;
}
.grey:visited{
	color:#999999;
}
.grey:active{
	color:#999999;
}
.grey:hover{
	color:#CCCCCC;
}
.largeOrange{
	color:#FF6600;
	font-size:22px;
	font-weight:bold;
	line-height:28px;
}
.largeDot{
	font-size:24px;
}
.halfWayBlock{
	width:460px;
	padding:10px;
}
.menuPadding{
	text-align:right;
	padding-top:4px;
	padding-left:12px;
}

.menuPadding a:hover{
	border-bottom:1px solid #df690f;
}
.leftFloat{
	float:left;
}
.noDecoration{
	text-decoration:none;
}

.button{
	background-image:url('/images/buttonForward.jpg');
	border: 0px;
	color:#FFFFFF;
	width:230px;
	height:25px;
	text-align:left;
	font-weight:bold;
	cursor:pointer;
	padding-left: 5px;
	overflow:hidden;
}
.buttonBack:hover,
.button:hover {
	color:#df690f;
}

.buttonBack{
	background-image:url('/images/backButton.jpg');
	border: 0px;
	color:#FFFFFF;
	width:230px;
	height:25px;
	text-align:left;
	font-weight:bold;
	cursor:pointer;
	padding-left: 25px;
	overflow:hidden;
}
	.buttonDiv{
		width:230px;
		padding:5px;
		float:left;
		border:1px solid white;
	}

.selectionOption{
	padding:5px;
	cursor:pointer;
}
.fivePxPadding{
	padding:5px;
}
.buttonCell{
	padding-left:0px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:0px;
}
#menuImage{
	background-image:url('/images/menuBackground.jpg');
	height:36px;
	width:720px;
	right:10px;
	position:absolute;
	right:10px;
}

/* show if not flash */
.showIfNoFlash {display:none;}
#noFlash .showIfNoFlash {display:block;}

/* Horizontal list items no bullet */
.categoryList {margin:5px 0;}
.categoryList li {padding-right:5px; display:inline; margin-left:4px;}
.categoryListFotos li {float:left; list-style-type:none; float:left; width:110px; height:85px; margin:0 8px 8px 0; display:block;}

#lightboxNoFlash {height: 350px; width: 940px; overflow:auto; margin-left:-5px; padding-left: 35px;}

.next {height:40px; width:40px; margin-top:-200px; margin-left:920px; position:absolute;}
.prev {height:40px; width:40px; margin-top:150px; position:absolute;}

/*	Scrollable top right
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 440px;
	height:240px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}

/* single scrollable item */
.scrollable {float:left;
	margin:20px 5px 20px 21px;
	background-color:#161616;
	padding:2px;
	border:1px solid #ccc;
	height:250px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.categorieTable .categorieTop {width: 470px; height: 240px; background-color: #161616;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #eee;}
.categorieTable .categorieTable {border: 0px; width: 470px; height: 240px;}
.categorieTable .categorieTekst {width: 180px; float: right;}
.categorieTable .titel {color:#ff6600; font-size: 15pt; font-weight: bold;}

/* jQuery lightBox plugin */
#jquery-overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;}
#jquery-lightbox {position:absolute; top:30px !important; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#jquery-lightbox a img {border:none;}
#lightbox-container-image-box {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; -moz-box-shadow:2px 2px 4px #666; -webkit-box-shadow:2px 2px 4px #000; box-shadow:2px 2px 4px #000;}
#lightbox-container-image {padding:4px;}
#lightbox-loading {height:32px; left:50%; margin:-16px 0 0 -16px; position:absolute; top:50%; width:32px;}
#lightbox-nav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lightbox-container-image-box > #lightbox-nav {left:0;}
#lightbox-nav a {outline:none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {width:40px; height:40px; zoom:1; position:absolute; top:0; display:none;}
#lightbox-nav-btnPrev {left:-50px; float:left;}
#lightbox-nav-btnNext {right:-50px; float:right;}
#lightbox-secNav-btnClose {position:absolute; right:-16px; top:-16px; width:40px;}


/* Scroller Box */
#scroller_container { position: relative; width: 950px; height: 200px; overflow: hidden; }
#scrollerBottom { white-space: nowrap; line-height: 60px; font-size: 60px; overflow:auto;}
#scrollerBottom p { padding:0px; }

.rounded {-moz-border-radius:5px; -webkit-border-radius:5px;}
#scrollerBottom img {margin-top: -60px;}

/**
 * IE specific selectors
 */
.ie7 #lowerBar {margin:0;}