/* =============================================================================
	== Filename.......:	styles-common-1-v1.css
	==
	== Used for.......:	Commonly used styles
	==
	== Author.........:	The real Orakel
	==
	== Date of coding.:	18.06.2009
	==
	== Copyright......:	(c) 2009 - by The real Orakel
	=========================================================================== */

div.header_01, div.header_menue, div.header_text, div.main_top {
	position: absolute;
}

/* =============================================================================
==	These are the main styles for the header part
============================================================================= */
div.header_01 { top: 0px; height: 98px; }

div.logo_01, div.logo_text_01, div.slogan_01, div.subtitle {
	position: absolute;
	width: 335px;
}
div.logo_01 {
	left: 0px;
	top: 4px;
	width: 144px;
	height: 92px;
}
div.logo_text_01 {
	left: 145px;
	top: 39px;
}
div.slogan_01 {
	left: 604px;
	top: 33px;
	width: 234px;
	height: 32px;
	background-color: #5CA4F4;
	background-image: url( images-1-v1/bg-slogan.png);
	text-align: center;
}
div.subtitle {
	left: 147px;
	top: 73px;
}

/* =============================================================================
==	Now we define the styles for the top menue
============================================================================= */
div.header_menue {
	position: absolute;
}
div.header_menue {
	top: 105px;
	height: 30px;
	line-height: 30px;
}
div.header_menue_entry { top: 10px; }
a.header_menue_entry, a.header_menue_active {
	font-weight: bold;
	text-transform: uppercase;
}
a.header_menue_entry { color: #AFAFAF; }
a.header_menue_active { color: #71B0FF; }
a.header_menue_entry:hover, a.header_menue_active:hover { color: #FFFFFF; }

div.languages { top: 0px; width: 32px; height: 32px; }
img.languages { width: 29px; height: 29px; }

/* =============================================================================
==	This is for the textual information of the header part.
============================================================================= */
div.header_headline, div.header_explanation {
	position: absolute;
}
div.header_text {
	top: 140px;
	height: 163px;
}
div.header_headline {
	top: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #71B0FF;
}
div.header_explanation { top: 60px; font-size: 13px; line-height: 19px; }
img.header_text { position: relative; top: 30px; }

/* =============================================================================
==	The divs in the gray header part
============================================================================= */
div.main_top {
	top: 311px;
	height: 110px;
	background-image: url( images-1-v1/bg-main-top.png);
}
div.content_header_area {
	position: absolute;
	top: 25px;
	left: 10px;
	width: 930px;
}

div.content_header_01 {
	position: relative;
	width: 220px;
	height: 71px;
	font-size: 10px;
	color: #444444;
}
div.content_header_img {
	float: left;
	width: 90px;
}
div.content_header_txt {
	float: right;
	width: 130px;
	white-space: nowrap;
	line-height: 15px;
	
}
img.content_header_01 { width: 100px; }
div.text_content_header_01 { width: 120px; }