/* =============================================================================
	== Filename.......:	styles-main-1-v1.css
	==
	== Used for.......:	Stylesheet for the content part
	==
	== Author.........:	The real Orakel
	==
	== Date of coding.:	18.06.2009
	==
	== Copyright......:	(c) 2009 - by The real Orakel
	=========================================================================== */


/* =============================================================================
==	Here we deal with the styles for the login part
============================================================================= */
div.login_container {
	position: relative;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 200px;
	background-image: url(images-1-v1/bg-login.png);
}
div.login_elements {
	position: relative;
	left: 10px;
	top: 40px;
	width: 180px;
	height: 130px;
	color: black;
	font-size: 12px;
}
div.login_fields_border {
	position: relative;
	width: 180px;
	height: 22px;
	background-color: black;
	font-size: 12px;
}
input.login_fields {
	position: absolute;
	top: 1px;
	left: 1px;
	height: 20px;
	width: 178px;
}

div.login_text_area {
	position: absolute;
	left: 210px;
	top: 0px;
	width: 620px;
	height: 200px;
	background-image: url( images-1-v1/bg-login-text-area.png);
}
div.login_text_inner {
	position: relative;
	top: 10px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	color: black;
}
div.login_text_header { font-size: 16px; color: #0066CC; font-weight: bold; }
div.login_text { font-size: 13px; line-height: 18px; }

/* =============================================================================
==	The information cells
============================================================================= */
div.info_cell {
	position: relative;
	width: 200px;
	height: 260px;
	background-image: url( images-1-v1/bg-infocell.png);
}
img.info_cell {
	position: absolute;
	top: 44px;
}
div.info_cell_text {
	position: absolute;
	left: 10px;
	top: 190px;
	width: 180px;
	font-size: 10px;
	white-space: nowrap;
}

/* =============================================================================
==	Styles for a big white area to hold textual information
============================================================================= */
div.text_top, div.text_content, div.text_bottom {
	width: 620px;
}
div.text_top { height: 15px; background-image: url( images-1-v1/bg-top-01.png); }
div.text_content { background-image: url( images-1-v1/bg-content-01.png); }
div.text_bottom { height: 15px; background-image: url( images-1-v1/bg-bottom-01.png); }


/* =============================================================================
==	The complete "ABOUT US" stuff
============================================================================= */
div.about_history, div.about_text {
	height: 744px;
}
div.about_history {
	float: left;
	width: 200px;
	background-image: url( images-1-v1/bg-content-small.png);
}
div.about_history_container {
	position: relative;
	top: 50px;
	left: 10px;
	width: 180px;
	white-space: nowrap;
	color: #B5B5B5;
	font-size: 11px;
}
div.about_history_header {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

div.about_text {
	width: 620px;
	height: 714px; 
}
div.about_text_area {
	position: relative;
	top: 5px;
	left: 15px;
	width: 590px;
}

/* =============================================================================
==	The styles for the AGB-Stuff
============================================================================= */
div.agb_text {
	position: relative;
	left: 25px;
	width: 800px;
	font-size: 11px;
	color: black;
}

/* =============================================================================
==	The styles for the CONTACT-Stuff
============================================================================= */
div.contact_left { float: left; width: 200px; }
div.contact_right { float: right; width: 620px; }

div.contact_impressum {
	width: 200px;
	height: 532px;
	background-image: url( images-1-v1/bg-impressum.png);
}
div.contact_impressum_cell {
	position: relative;
	left: 10px;
	width: 180px;
	white-space: nowrap;
	color: #B5B5B5;
	font-size: 12px;
}

div.contact_content { position: relative; height: 567px; }
div.contact_content_text {
	position: relative;
	left: 15px;
	width: 590px;
}
div.contact_bottom {
	position: relative;
	width: 620px;
	height: 161px;
	background-image: url( images-1-v1/bg-contact-bottom.png);
}
div.contact_img_park {
	position: relative;
	top: 6px;
	left: 6px;
	width: 231px;
	height: 149px;
	background-image: url( images-1-v1/pic-park.png);
}
div.contact_text_park {
	position: absolute;
	left: 245px;
	top: 6px;
	width: 340px;
	line-height: 18px;
}

/* =============================================================================
==	The styles for the CUSTOMER page
============================================================================= */
img.customer {
	width: 200px;
	height: 105px;
}
div.customer_page_counter {
	position: absolute;
	top: 1125px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: black;
	z-index: 1999;
}
div.customer_page_number {
}

/* =============================================================================
==	The styles for the REFERENCE page
============================================================================= */
div.reference_row, div.reference_row_empty {
	position: relative;
	width: 830px;
	height: 175px;
	margin: 0px auto 0px auto;
	color: #444444;
}
div.reference_row { background-image: url( images-1-v1/bg-reference.png); }
div.reference_row_empty { background-image: url( images-1-v1/bg-reference-empty.png); }
img.reference_img { position: absolute; left: 0px; top: 0px; }
div.reference_txt { position: absolute; left: 210px; top: 15px; width: 410px; }
div.reference_contact {
	position: absolute;
	left: 640px;
	top: 5px;
	width: 185px;
	white-space: nowrap;
	line-height: 18px;
	color: #DDDDDD;
}