
/*

	filename:	/css/screen-landingpage.css
	version:	1.1 - 2013-01-04 - ma

	author:		frontend (at) gpm (dot) de 
	validated by W3C CSS Validator // jigsaw.w3.org
	
*/


















#landingPage {
	width: 100%;
	margin: 70px auto;	
}	

#header {
	padding-bottom: 30px;	
	position: relative;
	width:950px;
	margin:0 auto;
}		

p {
	
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;

	color: #003b75;
}	

span.big {
	font-size: 28px;	
}

sup {
	font-size: 16px;	
}

#text {
	margin-bottom:70px;
	position: relative;	
}

.packshot {
	position: absolute;	
}	

#worldmap_wrapper {
	width: 950px;
	margin:0 auto;
}
#worldmap {
	width: 100%;
	height: 500px;	
	background: transparent url(/media/layout_1/img/mederma/worldmap.png) no-repeat 0 0;
	position: relative;
}

.languageChooser {
	position: absolute;
}	

.languageChooser h2 {
	
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;

	color: #003b75;
}	

.languageChooser li {
	list-style: none;
	background: transparent url() no-repeat 0 10px;
}

.languageChooser a, .languageChooser a:visited {
	
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;

	color: #003b75;
}	

.languageChooser a:hover {
	text-decoration: none;
}

#defaultLanguage {
	position: absolute;
	right: 25px;
	top: 0px;	
}

#defaultLanguage span.left{
	width: 6px;
	height: 26px;
	background: transparent url(/media/layout_1/img/mederma/defaultLanguageLeft.png) no-repeat 0 0;	
	padding: 7px 0;
}

#defaultLanguage span.right{
	width: 6px;
	height: 26px;
	background: transparent url(/media/layout_1/img/mederma/defaultLanguageRight.png) no-repeat top right;	
	padding: 7px;
}

#defaultLanguage a {
	padding: 6px;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;

	text-decoration: none;
	color: #003b75;
}

#defaultLanguage span.right:hover{
	text-decoration: underline;
}

#footer {
	width:950px;
	margin:0 auto;
}
#footer p {
	
	font-family: Arial, sans-serif;
	font-size: 10px;

	color: #003b75;
	margin-top: 40px;
}

#bluestripe {
background-color:#d0dce0;
width:100%;
}
#bluestripe p {
	width:950px;
	margin:0 auto;
	padding:15px;
	text-align:justify;
}

#moodbild {
	width:950px;
	margin:0 auto;
	text-align:center;
}