body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	background-color: #1F1F1F;
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0px;
	padding-top: 100px;
	padding-bottom: 10px;
	font-size: 1.2em;
}
p {
	margin: 0px;
	padding-bottom: 5px;
}

#content {
}

#centerpiece {
	position: relative;
	width: 800px;
	height: 800px;
	top:100px;
	margin-left: auto;
	margin-right: auto;
}

.block {
	height: 200px;
	width: 200px;
	display: inline-block;
	position: absolute;
	
	background-color: #222222;
	
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	
}
.block:hover {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.block a {
	width: 200px;
	height: 200px;
	display: inline-block;
	-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, .5);
	        box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, .5);
			
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	
	color: #ffffff

}
.block a:hover {
	-webkit-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, .9);
	box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, .9);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	color: #fa5919
}

.block-content {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
}

#block_00 { top: 0px; left: 0px;}
#block_01 { top: 0px; left: 200px; }
#block_02 { top: 0px; left: 400px; }
#block_03 { top: 0px; left: 600px; }

#block_04 { top: 200px; left: 0px; }
#block_05 { top: 200px; left: 200px; }
#block_06 { top: 200px; left: 400px; }
#block_07 { top: 200px; left: 600px; }

#block_08 { top: 400px; left: 0px; }
#block_09 { top: 400px; left: 200px; }
#block_10 { top: 400px; left: 400px; }
#block_11 { top: 400px; left: 600px; }

#block_12 { top: 600px; left: 0px; }
#block_13 { top: 600px; left: 200px; }
#block_14 { top: 600px; left: 400px; }
#block_15 { top: 600px; left: 600px; }



.color_00 			{ background-color: #ac030e; }
.color_00:hover 	{ background-color: #870009;}

.color_01 			{ background-color: #cd491b; }
.color_01:hover 	{ background-color: #b02f03; }

.color_02 			{ background-color: #c7242f; }
.color_02:hover 	{ background-color: #aa0b15; }

.color_03 			{ background-color: #80080f; }
.color_03:hover 	{ background-color: #690007; }

.color_04 			{ background-color: #8d0009; }
.color_04:hover 	{ background-color: #6d0007; }

.color_05 			{ background-color: #931239; }
.color_05:hover 	{ background-color: #7f0127; }

.color_06 			{ background-color: #cb3902; }
.color_06:hover 	{ background-color: #9f2b00; }

.color_07 			{ background-color: #ac030e; }
.color_07:hover 	{ background-color: #870009; }

.color_08 			{ background-color: #a90045; }
.color_08:hover 	{ background-color: #830035; }

.color_09 			{ background-color: #b2271e; }
.color_09:hover 	{ background-color: #991108; }

.color_10 			{ background-color: #c75159; }
.color_10:hover 	{ background-color: #a6333b; }

.color_11 			{ background-color: #820538; }
.color_11:hover 	{ background-color: #68002a; }

.color_12 			{ background-color: #a9010f; }
.color_12:hover 	{ background-color: #84000b; }

.color_13 			{ background-color: #d42d06; }
.color_13:hover 	{ background-color: #a92000; }

.color_14 			{ background-color: #fa5919; }
.color_14:hover 	{ background-color: #d43c00; }

.color_15 			{ background-color: #8d0009; }
.color_15:hover 	{ background-color: #6d0007; }


#block_03 {
	background-image: url(../images/logo_ideeninkubator.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.contentbox {
	width: 380px;
	height:380px;
	margin: 0px;
	padding: 10px;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	color: #ffffff;
	background-image: url(../images/btn_arrow_close_up.png);
	background-repeat: no-repeat;
	background-position: right top;
	
	position: absolute;
	display: none;	
	
	-webkit-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, .9);
	box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, .9);
	font-size: 0.9em;

}

.contentbox:hover {
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	color: #fa5919;
	background-image: url(../images/btn_arrow_close_over.png);
}



#content_00 { top: 0px; left: 0px; height:580px;}
#content_02 { top: 200px; left: 200px; }
#content_06 { top: 200px; left: 400px; height:580px; }
#content_08 { top: 200px; left: 0px; height:580px; }
#content_09 { top: 200px; left: 200px; height:580px; }
#content_11 { top: 400px; left: 400px; }
#content_13 { top: 400px; left: 200px; }
#content_15 { top: 200px; left: 400px; height:580px;}

#contact { width: 380px; height: 380px; border: 0; }

.content_00_w { top: 0px !important; left: 0px !important; }
.content_02_w { top: 200px !important; left: 200px !important; }
.content_06_w { top: 000px !important; left: 400px !important; }
.content_08_w { top: 000px !important; left: 0px !important; }
.content_09_w { top: 000px !important; left: 400px !important; }
.content_11_w { top: 200px !important; left: 200px !important; }
.content_13_w { top: 000px !important; left: 200px !important; }
.content_15_w { top: 000px !important; left: 400px !important; }

.content_00_h { top: 0px !important; left: 0px !important; }
.content_02_h { top: 200px !important; left: 200px !important; }
.content_06_h { top: 000px !important; left: 200px !important; }
.content_08_h { top: 000px !important; left: 0px !important; }
.content_09_h { top: 000px !important; left: 200px !important; }
.content_11_h { top: 200px !important; left: 200px !important; }
.content_13_h { top: 600px !important; left: 000px !important; }
.content_15_h { top: 200px !important; left: 000px !important; }

#closeContact {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
	cursor: default;
}
.formRow {
	margin-bottom: 10px;
}
.formRow label {
	display:inline-block;
	width: 80px;
	float: left;
	font-weight: normal;
}

.textbox {
	width: 280px;
	margin:0px;
	padding: 4px;
	border: 0px;
	border-bottom: 1px solid #e0989d;
	border-top: 1px solid #89030b;
	border-left: 1px solid #e0989d;
	border-right: 1px solid #89030b;
	background-color: #aa0b15;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	height: 20px;
}

.ui-state-error {
	color: Red;
}