/* =============================================================================
	== Filename.......:	styles-01-common-1-v1.css
	==
	== Used for.......:	Stylesheet with styles used on different parts of the side
	==
	== Author.........:	The real Orakel
	==
	== Date of coding.:	18.06.2009
	==
	== Copyright......:	(c) 2009 - by The real Orakel
	=========================================================================== */

/* =============================================================================
== General BODY style and the main outer container
============================================================================= */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #191919;
	color: #DEDEDE;
	font-size: 100.01%;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-image: url( images-1-v1/bg-page.png);
	background-repeat: repeat-x;
}

div.outer {
	position: relative;
	left: 0px;
	top: 0px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* =============================================================================
== Several divisions for the page. Take care. This styles will be defined more
== exactly in other style sheets. Here you find basic definitions.
============================================================================= */
div.header_block, div.main_block, div.footer_block_01, div.footer_block_02 {
	position: relative;
	width: 1000px;
}

div.header_01, div.header_menue, div.header_text, div.main_top,
div.main_inner,
div.main_bottom,
div.footer_area {
	position: relative;
	width: 946px;
	left: 25px;
}

div.header_block { height: 421px; /* background-image: url( images-1-v1/bg-header-01.png ); */ }

div.main_inner {
	background-image: url( images-1-v1/bg-main-content.png);
	height: 1100px;
	z-index: 9;
}
div.main_bottom {
	height: 55px;
	background-image: url( images-1-v1/bg-main-bottom.png);
}

div.content_contact { height: 1100px; }
div.content_area {
	position: relative;
	width: 830px;
	left: 60px;
	color: black;
}
div.content_agb { overflow: scroll; }

div.footer_block_01 { height: 243px; }
div.picture_area { height: 300px; }
div.login_area { height: 200px; }
div.info_area { height: 260px; }
div.contact_area { height: 744px; }
div.customer_area { height: 105px }

/* =============================================================================
== All the different header styles needed on the outer page
============================================================================= */
div.headline_01 {
	position: relative;
	top: 24px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-indent: 8px;
	white-space: nowrap;
}
div.headline_02 {
	color: #3070B0;
	font-weight: bold;
	font-size: 12px;
}

/* =============================================================================
==	Some styles to build buttons
============================================================================= */
.button_01, .button_02 {
	text-align: center;
	color: white;
	font-weight: bold;
	background-color: transparent;
	background-repeat: no-repeat;
}

.button_01 {
	width: 81px;
	height: 31px;
	line-height: 31px;
	background-image: url(images-1-v1/button-01-3.png);
}
.button_01:hover {
	background-image: url(images-1-v1/button-01-2.png);
	color: black;
}

.button_02 {
	width: 180px;
	height: 30px;
	line-height: 30px;
	background-image: url(images-1-v1/button-02-3.png);
}
.button_02:hover {
	background-image: url(images-1-v1/button-02-2.png);
	color: black;
}



/* =============================================================================
== Element specific styles
============================================================================= */
a { border: 0px none; text-decoration: none; }
img { border: 0px none; vertical-align: middle; }
input { border: 0px none; margin: 0px; padding: 0px; }

/* =============================================================================
==	Element neutral general styles
============================================================================= */
.clear	{ clear: both; }
.f_left	{ float: left; }
.f_right	{ float: right; }

div.dist_2px { width: 2px; height: 2px; font-size: 0.1em; }
div.dist_4px { width: 4px; height: 4px; font-size: 0.1em; }
div.dist_5px { width: 5px; height: 5px; font-size: 0.1em; }
div.dist_8px { width: 8px; height: 8px; font-size: 0.1em; }
div.dist_10px { width: 10px; height: 10px; font-size: 0.1em; }
div.dist_15px { width: 15px; height: 15px; font-size: 0.1em; }
div.dist_25px	{ width: 25px; height: 25px; }
div.dist_50px	{ width: 50px; height: 50px; }

/* =============================================================================
==	Text formatting styles
============================================================================= */
.bold	{ font-weight: bold; }
.f_size_normal { font-size: 13px }
.f_size_header { font-size: 14px }