@CHARSET "UTF-8";

/**
 *	@section common styles
 *
 *	Settings for body, links, images, lists and so on
 */
 
body {
	font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000;
	margin:0;
	padding:0;
	text-align:left;
	background:#006633;
}

body.popup { font-size:11px; }

h1	{
	color:#006633;
	font-size:16px;
	line-height:24px;
	margin:0;
	padding:0;
}

h1.downloadHeader {
	display:inline-block;
	float:left;
	width:363px;
}

em {
	color:#990000;
	font-style:normal;
	font-weight:bold;
}

.language {
	display:inline-block;
	width:81px;
	float:right;
	text-align:right;	
}

.language,
.language li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

.language li { margin-left:2px; }
.firstLanguage { margin:0; }

p {
	margin:0 0 8px 0;
	padding:0;
	color:#006633;
}

img {
	border:0px solid #fff;
}

.images div p {	margin:0; }

a {
	color:#990000;
	text-decoration:none;
}

a:hover {
	color:#006600;
}


/**
 *	@section layout positions
 *
 *	Settings for positions
 */

#wrapper {
	/*
	margin:10px auto 0 auto;
*/

	position:absolute;
	top:50%;
	left:50%;
	margin:-288px 0 0 -489px;
	/*margin:-373px 0 0 -489px;*/
	width:979px;
	background:url(images/wrapper_background.png) repeat-y top left;
}

#wrapperTop {
	
}

.popup #wrapper {
	margin:10px auto 0 auto;
	width:580px;
	background:url(images/popup_wrapper_background.png) repeat-y top left;
}

#header,
#footer {
	width:979px;
	height:39px;
	background:url(images/header.png) no-repeat top left;
}

.popup #header {
	width:580px;
	background:url(images/popup_header.png) no-repeat top left;
}
.popup #header img {
	margin:15px 0 0 70px;
	width:219px;
	background:#006633;
}

#footer {
	padding-top:42px;
	height:20px;
	background:url(images/footer.png) no-repeat top left #006633;
	color:#fff;
}

.popup #footer {
	width:580px;
	padding-top:0;
	height:39px;
	background:url(images/popup_footer.png) no-repeat top left #006633;
}

#contentWrapper {
	width:881px;
	margin:0 39px;
	padding:10px;
}

.popup #contentWrapper	{
	padding:10px 30px 10px 30px;
	width:444px;
}

#contentWrapper .images {
	display:inline-block;
	width:590px;
	height:455px;
	overflow:hidden;
	float:left;
}

#contentWrapper .images ul,
#contentWrapper .images ul li {
	margin:0;
	padding:0;
	list-style:none;
} 

#contentWrapper .images div {
	padding:10px;
	position:absolute;
	top:10px;
	left:15px;
	z-index:2000;
	width:540px;
	background-color:#fff;
}

#contentWrapper .images {
	position:relative;
	top:0;
	left:0;
	z-index:1;
}

#contentWrapper .navigation {
	display:inline-block;
	width:280px;
	float:right;
}

.clearer:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


/**
 *	@section navigation
 *
 *	Settings for navigation on the right side
 */

.navigation ul,
.navigation ul li {
	margin:0;
	padding:0;
	list-style:none;
}

.navigation ul li {
	height:155px;
}

.navigation ul li a {
	display:inline-block;
	margin-top:10px;
	width:280px;
	height:145px;
	background-color:#e0e8dc;
}

.navigation ul li a:hover {
	background-color:#c0cfb8;
}
.navigation ul li.first { height:145px; }
.navigation ul li.first a { margin-top:0; }


/**
 *	@section vcard
 *
 *	Settings for vcard
 */

#footer {
	text-align:center;
}

.vcard span {
	font-size:11px;
}
.vcard .trenn {
	background:url(images/footer_trenn.png) no-repeat 1px 4px;
	padding-left:15px;	
}

.vcard .type { display:none; }

.vcard a {
	padding:1px;
	text-decoration:none;
	color:#fff;
}

.vcard a:hover { background:#990000; }


/**
 *	@section ankerlist
 *
 *	Settings for ankerlist
 */

.ankerliste,
.ankerliste li {
	margin:0;
	padding:0;
	list-style:none;
}

.ankerliste li {
	margin:0;
	padding:0;
}

.ankerliste li a {
	color:#990000;
	font-size:11px;
	text-decoration:none;
}

.ankerliste li a:hover { color:#006600; }


/**
 *	@section download
 *
 *	Settings for download
 */

span.headline {
	padding-top:10px;
	display:block;
	height:13px;
	border-bottom:1px solid #006633;
}

h2 {
	display:inline;
	padding-right:5px;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	color:#006633;
	background-color:#fff;
}

.download {
	padding:10px 0 10px 0;
	border-bottom:1px solid #006633;	
}

.downloadlast { border-bottom:0px solid #fff; }

.firstitem {
	margin:0;
}

.downloadImage {
	display:inline-block;
	width:77px;
	height:71px;
	float:left;
}

.downloadText {
	display:inline-block;
	width:357px;
	float:right;
}

.download h3 {
	font-size:11px;
	color:#006633;
	margin:0;
	padding:0;
	line-height:13px;
}

.downloadLink {
	display:inline-block;
	margin-top:5px;
	width:282px;
	float:left;
}

.downloadLink img {
	margin-right:5px;
}

.toTop {
	display:inline-block;
	margin-top:44px;
	float:left;
	text-align:right;
	width:75px;
}
	
.download a {
	color:#990000;
	text-decoration:none;
}

.download a:hover { color:#006600; }


/**
 *	@section overlay
 *
 *	Settings for overlay
 */

#overlay {
	width:100%;
	height:91px;
	text-align:right;
}

.backToGuided { display:block; clear:both; margin-top:5px; }