/**
 *	@project	Fujitsu Siemens Computers
 *
 *	@file		screen.css
 *	@media		screen, projection
 *
 *	@content
 *				IMPORT
 *					sIFR Styles
 *				LAYOUT
 *					General
 *					Links
 *					Header
 *					Content
 *					Footer
 */

/* ------------------------------------------------- IMPORT - sIFR Styles */ 
@import url(sifr.css);

/* ------------------------------------------------- BASIC - Browser Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul, dir {
	list-style: none;
}

/* ------------------------------------------------- LAYOUT - General */
body {
	background: #ececec;
	line-height: 1;
	color: #000;
	font: normal 75.01% arial, helvetica, sans-serif;
}

#contentWrapper, .contentWrapper {
	width: 1000px;
	padding-right: 5px;
	background: url(./img/bg_pagewrapper.jpg) right top repeat-y;
}

.contentWrapperWhite {
	width: 1000px;
	padding-right: 5px;
	background: #fff;
}

/* ------------------------------------------------- Links */
a:link,
a:active,
a:visited {
	color: #039;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* No borders for linked images */
a img {
	border: 0;
}
/* ------------------------------------------------- LAYOUT - Header */
#header {
	position: relative;
	height: 150px;
	background: #fff;
}

.headerMaintenance {
	height: 70px !important;
	border-bottom: 2px solid #f00;
}

	#logo {
		position: absolute;
		left: 50px;
		top: 18px;
	}
	#header #shop {
		position: absolute;
		left: 415px;
		top: 26px;
		width: 30px;
		height: 24px;
		font-size: 16px;
		padding-left: 18px;
		background: url(./img/bg_headerSlogan.jpg) 0 2px no-repeat;
	}
	#header #text_shop {
		position:relative;
		left: 0px;
		top: -1px;
		height: 24px;
		width: 240px;
		background: url(./img/slogan.png) 0 2px no-repeat;
	}
	#header h2 {
		position: absolute;
		left: 415px;
		top: 26px;
		width: 340px;
		height:24px;
		padding-left: 18px;
		background: url(./img/bg_headerSlogan.jpg) 0 2px no-repeat;
	}


/* ------------------------------------------------- LAYOUT - Content */
.main {
	background: #fff;
	text-align: right;
	padding-bottom: 50px;
	height: 573px;
	border-left: 294px solid #fff;
}

#lang-selector {
	height:115px;
	width:1000px;
	z-index: 5;
	background: url(./img/bg-lang-selector.png) left center no-repeat;
}
#world-selector
{
	height:559px;
	width:1000px;
	background: url(./img/bg-world-map.png); /*left center no-repeat;*/
	margin-bottom:100px;
	z-index:6;
}

	#lang-selector label {
		display: block;
		font-weight:lighter;
		font-size: 18px;
		width:auto;
		height:26px;
		color: #8C070A;
		padding-bottom:5px;
		padding-left:50px;
	}
	#lang-selector label.first 
	{
		padding-top:20px;
	}
	#lang-selector label.last 
	{
		padding-bottom:10px;
	}
	
	#lang-selector form 
	{
	padding: 50px 0 0 50px;
	}

	#lang-selector form label 
	{
		display: block;
		font-weight: bold;
		font-size: 14px;
		color: #039;
		/*background: url(./img/bg_lists.gif) left center no-repeat;*/
		padding-left: 20px;
	}

	#lang-selector form select 
	{
		margin: 10px 0 0 20px;
		font-size: 11px;
		padding: 2px;
		width: 250px;
	}

	#lang-selector form input 
	{
		cursor: pointer;
	}
	
	#input-selector
	{
		position:absolute;
		left:440px;
		top:120px;
		z-index:600;
	}
	#input-selector select
	{
		position:relative;
		height:20px;
		width:260px;
		top:2px;
	}
	#input-selector input.button
	{
		position:relative;
		height:20px;
		top:6px;
	}
	#input-selector .checkbox
	{
		position:relative;
		top:1px;
		left:-3px;
	}
	#input-selector .checkbox label
	{
		position:relative;
		left:3px;
	}
	/*#lang-selector input {
		cursor: pointer;
	}*/

/* ------------------------------------------------- LAYOUT - Footer */
#footer {
	background: url(./img/bg_footer.jpg) repeat-x;
	font-size: 11px;
	position: relative;
	width: 1005px;
	height: 40px;
}

	#footerNavigation {
		position: absolute;
		top: 4px;
		right: 20px;
	}

		#footerNavigation li {
			float: left;
			padding: 6px 10px 4px 10px;
			background: url(./img/bg_footer_links.gif) 0 8px no-repeat;
			color: #039;
		}

			#footerNavigation li.first {
				background: none;
			}

			#footerNavigation a {
				display: block;
				float: left;
			}

	#footerCorner {
		position: absolute;
		right: 0;
		top: 0;
		background: url(./img/bg_footer_corner.jpg) right top no-repeat;
		display: block;
		width: 10px;
		height: 10px;
	}

#tooltip {
	font: arial, helvetica, sans-serif;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #ffffff;
	padding: 5px;
	opacity: 1.0;
	font-size: 11px;
	line-height: 1.2em;
	max-width: 300px;
	font-weight: normal;
}
#tooltip h3,
#tooltip div {
	margin: 0;
}

.error
{
	color: Red;
}

.white
{
	background: #fff;
}