/**
 * main.css
 *
 * @project HL Microsite
 * @module HQD
 * @version 25.01.2006 12:20
 * @author Vladimir Shapiro <vladimir.shapiro@michel-consulting.de>
 */


/*
	+====================================================
	+ General Declarations
	+====================================================
*/

body {
	background: #02254B url('img/bg_body.jpg') repeat-x;
	background-position: top;
	color: #303030;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	margin: 25px 0;
	padding: 0;
}

h1, h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica;
}

a {
	color: #1F577C;
}

sub {
	margin: 0; padding: 0;
	line-height: 0.5;
}

.hide {
	visibility: hidden;
}

.pdf {
	background: url('img/icn_pdf.gif') no-repeat left;
	padding-left: 20px;
}

.flashbook {
	background: url('img/icn_book.gif') no-repeat left;
	padding-left: 20px;
}

.number {
	white-space: nowrap;
}

div.outer-border {
	clear: both;
	border-left: 1px solid #003869;
	border-right: 1px solid #003869;
}
div.inner-border {
	clear: both;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.alarm {
	color: #C70727;
}

.comment {
	color: #777777;
	font-size: 7pt;
}

/*
	+====================================================
	+ Layout
	+====================================================
*/
#container {
	background: #ffffff;
	margin: auto;
	width: 884px;
}


/*
	+====================================================
	+ Header
	+====================================================
*/
#header {
		background: url('img/bg_header.jpg') no-repeat;
  	background-position: right top;
		height: 125px;
}

#header .logo {
		background: url('img/bg_logo.jpg') no-repeat;
		float:left;
		height: 61px;
		width: 236px;
}

#header .logo img {
		height: 61px;
		width: 236px;
		border: 0;
}
/*
	+====================================================
	+ Header > Level1 > Top Menu
	+====================================================
*/
#header .level1 .menu {
		float: right;
		width: 500px;
		height: 61px;
}

#header .level1 .menu span {
	background: #16498b;
	margin: 15px 15px 15px 0;
	float: right;
}

/*
	+====================================================
	+ Header > Level1 > Top Menu > Contact, Home
	+====================================================
*/
#header .level1 .menu .contact, #header .level1 .menu .home{
	filter: alpha(opacity=75); /* for IE */
	height: 25px;
	opacity: .75; /* for Mozilla */
}

#header .level1 .menu a {
	color: #ffffff;
	display: block;
	font-family: Tahoma, Verdana, Arial, Helvetica;;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px 15px;
	text-decoration: none;
}

/*
	+====================================================
	+ Header > Level1 > Top Menu > Locale
	+====================================================
*/
#header .level1 .menu .locale {
	background: #003869;
	width: 170px;
}

#header .level1 .menu .locale img {
	float: left;
	height: 25px;
	width: 40px;
	border: 0;
}

#header .level1 .menu .locale select {
		background: #215489;
		color: #D0DBE8;
		float: right;
		font-family: Verdana, Tahoma, Arial, Helvetica;;
		font-size: 8pt;
		margin-top: 3px;
		width: 120px;
}

/*
	+====================================================
	+ Header > Level 2
	+====================================================
*/
#header .level2 {
	background: #02254B url('img/bg_header_level2.gif') repeat-x;
	clear: both;
	height: 33px;
}


/*
	+====================================================
	+ Header > Level 2 > Slogan
	+====================================================
*/
#header .level2 .slogan {
	background: url('img/bg_slogan_bar.jpg') no-repeat;
  background-position: left;
  height: 33px;
  width: 237px;
}

/*
	+====================================================
	+ Header > Level 3
	+====================================================
*/
#header .level3 {
	background: #ffffff url('img/bg_header_level3.gif') repeat-x;
	height: 32px;
}


/*
	+====================================================
	+ Header > Level 3 > Menu
	+====================================================
*/
#header .level3 .menu {
	float: right;
}

#header .level3 .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header .level3 .menu li {
	float: right;
	margin: 1px 0 0 2px;
	padding: 0;
	background: url('img/bg_li_level3_right.jpg') no-repeat right bottom;
}

#header .level3 .menu a {
	display: block;
	background: url('img/bg_li_level3_left.jpg') no-repeat left bottom;
	padding: 4px 8px 4px 7px;

	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	text-decoration: none;
}


#header .level3 .menu li.current {
	background-image: url('img/bg_li_level3a_right.jpg');
}

#header .level3 .menu li.current a {
	background-image: url('img/bg_li_level3a_left.jpg');
}


#header .level3 .menu a:hover {
	color: #e0e0e0;
}


#header .level3 .menu sub {
	margin: 0; padding: 0;
	line-height: 0.5;
}
/*
	+====================================================
	+ Content
	+====================================================
*/

#content {
	clear: both;
}

#content table {
	border-collapse: collapse;
	width: 100%;
}
#content table td {
	padding: 0;
	vertical-align: top;
}

/*
	+====================================================
	+ Content > Intro Text
	+====================================================
*/
#content .intro_text {
	padding: 20px;
	font-size: 9pt;
}

#content .intro_text h1 {
	color: #C70727;
	font-size: 18pt;
	margin: 0 0 10px 0;
	padding: 0;
}

#content .intro_text h2 {
	color: #465866;
	font-size: 11pt;
	margin: 0 0 15px 0;
	padding: 0;
}

#content .intro_text p {
	margin: 10px 0;
	font-size:9pt;
}

/*
	+====================================================
	+ Content > Confirmation
	+====================================================
*/
#content .confirmation {
	height: 300px;
	padding: 100px 0 0 100px;
}

/*
	+====================================================
	+ Content > Teaser Block
	+====================================================
*/
#content .teaser_block {
	background: #ffffff url('img/bg_homepage.jpg') no-repeat;
	background-position: bottom right;
}

#content .teaser_block table {
	height: 276px;
	width: 100%;
}


#content .teaser_block .button {
	height: 115px;
}

#content .teaser_block .device img {
	border: 0;
	height: 276px;
}


#content .teaser_block .button img {
	border: 0;
	margin-left: 115px;
	margin-top: 48px;
}

#content .teaser_block .intro_text {
	height: 141px;
	margin-bottom: 20px;
	padding-left: 20px;
	width: 430px;
}

/*
	+====================================================
	+ Content > Gradient Boxes
	+====================================================
*/

#content .box {
	background: url('img/bg_box_center.jpg') repeat-x top;
}

#content .box .box_corners {
	background: url('img/corner_box_top_right.gif') no-repeat top right;
}

#content .box .box_corners div {
	background: url('img/corner_box_top_left.gif') no-repeat top left;
}

#content .box2 {
	background: url('img/bg_box2_center.jpg') repeat-x top;
}

#content .box2 .box_corners {
	background: url('img/corner_box2_top_right.gif') no-repeat top right;
}

#content .box2 .box_corners div {
	background: url('img/corner_box2_top_left.gif') no-repeat top left;
}

#content .box_corners div, #content .box_corners {
	font-size: 1px;
	height: 8px;
	width: 100%;
}

#content .box_content {
	padding: 20px;
}


/*
	+====================================================
	+ Content > Offers Block
	+====================================================
*/
#content .offers_block {
	padding: 20px;
}

#content .offers_block  .offer_group {
	padding: 10px 0 0 0;
}

#content .offers_block  .offer_group  h1 {
	font-size: 17pt;
	font-weight: normal;
}

#content .offers_block .box {
	margin-bottom: 20px;
}

/*
	+====================================================
	+ Content > Offers Block > Offer > Product
	+====================================================
*/
#content .offer td.product {
	width: 1%;
	text-align: center;
}

#content .offer .product .photo img {
	border: 0;
	height: 90px;
	margin: 0 0 10px 0;
	width: 76px;
}

#content .offer .price {
	background: #C70727;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px;
	white-space: nowrap;
}

#content .offer .detailprice {
	background: #E0E0E0;
	color: 000000;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px;
	white-space: nowrap;
}


/*
	+====================================================
	+ Content > Offers Block > Offer > Intro Text
	+====================================================
*/
#content .offer td.intro_text {
	width: 98%;
}


#content .offer .intro_text ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	list-style-type: none;
}

#content .offer .intro_text ul li {
	margin: 10px 0px;
	padding-left: 10px;
}

#content .offer .intro_text strong {
	font-weight: normal;
	border-bottom: 1px dotted;
}


#content .offer .intro_text {
	padding: 0 15px;
}

#content .offer .intro_text h1 {
	color: #C70727;
	font-size: 11pt;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

#content .offer .intro_text h1 a {
	color: #C70727;
	font-size: 11pt;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

#content .offer .intro_text h2 {
	color: #465866;
	font-size: 10pt;
	margin: 10px 0;
	padding: 0;
}

#content .offer .intro_text p {
	font-size: 8pt;
}

/*
	+====================================================
	+ Content > Offers Block > Offer > Actions
	+====================================================
*/
#content .offer .offer_content td.actions {
	vertical-align: middle;
}

#content .offer .action {
	padding-bottom: 10px;
	white-space: nowrap;
}

#content .offer .action img {
	vertical-align: middle;
}

#content .offer .action a {
	font-size: 8pt;
	font-weight: bold;
}

#content .offer .action a:hover {
	text-decoration: none;
}

/*
	+====================================================
	+ Content > Big Photo
	+====================================================
*/

#content .big_photo {
	text-align: center;
}

#content .big_photo img {
	margin: 15px 0;
}
#content .big_photo div {
	margin-bottom: 20px;
}

#content .big_photo a {
	color: #ffffff;
	background: #72889a;
	font-weight: bold;
	padding: 5px 15px;
	text-decoration: none;
}

#content .big_photo a:hover {
	text-decoration: underline;
}

/*
	+====================================================
	+ Content > Form (see also form.css)
	+====================================================
*/

#content .form {
	padding: 0 15px;
}
#content .form_info {
	padding-right: 15px;
	width: 250px;
}

/*
	+====================================================
	+ Content > Form Info
	+====================================================
*/

#content .form_info h1 {
	color: #C70727;
	font-size: 11pt;
	margin: 0 0 20px 0;
	padding: 0;
}

#content .form_info h2 {
	color: #535458;
	font-size: 10pt;
	margin: 0 0 20px 0;
	padding: 0;
}

#content .form_info .offer h1 {
	text-align: center;
}

#content .form_info .offer  .product  {
	text-align: center;
}

#content .form_info .offer  .product .photo{
	margin: 0 0 10px 0;
}

#content .form_info .workflow .intro_text {
	padding-top: 0;
}


/*
	+====================================================
	+ Footer
	+====================================================
*/

#footer {
	background: #02254B;
	clear: both;
}

/*
	+====================================================
	+ Footer > Level1
	+====================================================
*/

#footer .level1 {
	background: #73889B url('img/bg_footer_level1.gif') repeat-x;
	border-bottom: 1px solid #ffffff;
	height: 33px;
}

/*
	+====================================================
	+ Footer > Level1 > Menu
	+====================================================
*/
#footer .level1 .menu {
	float: left;
	padding-left: 20px;
	padding-top: 5px;
}

#footer .level1 .menu ul {
	margin: 0;
	padding: 0;
}

#footer .level1 .menu ul li {
	background: url('img/marker_footer.gif') no-repeat;
	background-position: 0 6px;
	display: inline;
	list-style-type: none;
	padding-left: 15px;
	padding-right: 10px;
}

#footer .level1 .menu ul li a {
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

#footer .level1 .menu ul li a:hover {
	text-decoration: underline;
}

/*
	+====================================================
	+ Footer > Level1 > Phone
	+====================================================
*/
#footer .level1 .phone {
	color: #C0C1DB;
	float: right;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 20px;
}

#footer .level1 .phone .number {
	color: #ffffff;
	font-size: 12pt;
}

/*
	+====================================================
	+ Footer > Level2
	+====================================================
*/
#footer .level2 {
	background: #B0C3D2;
	clear: both;
	font-size: 8pt;
	font-weight: bold;
	height: 25px;
	padding-top: 15px;
	text-align: center;
}

/*
	+====================================================
	+ Footer > Bottom Border
	+====================================================
*/
#footer .border_bottom {
	background: #B0C3D2 url('img/footer_corner_right.gif') no-repeat bottom right;
	line-height: 0.5;
	margin: 0 1px;
}

#footer .border_bottom div {
	background: url('img/footer_corner_left.gif') no-repeat bottom left;
}

#footer .border_bottom div .bottom {
	background: url('img/footer_bottom_border.gif') repeat-x bottom;
	margin: 0 8px;
	}


a.country_list, a.country_list:hover, a.country_list:focus, a.country_list:active, a.country_list:link {
	display: block;
	float: left;
	font-size: 12px;
	margin: 10px;
	width: 80px;
	text-decoration: none;
}

a.country_list:hover {
	color: black;
}

/*
	+====================================================
	+ Details > Description
	+====================================================
*/

div#description table {
	color:#003265;
}

div#description table th {
	padding: 3px;
	background-color:#99CCFF;
	text-align:left;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	
}

div#description table td {
	padding: 3px;
	font-size:8pt;
	background-color:#B7DBFF;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}

div#container li {
	margin: 0;
	margin-bottom: 10px;
}

div#container ul {
	list-style-image: url('img/icn_star.gif');
	padding-bottom:0;
}