/*
    Document   : phase-6.de
    Created on : 07.01.2013
    Author     : Bernd Schnabel (bs)
    Description: Generic Content Stylesheet with all basic declarations

	Additional Informations:
	
	basic colors
	#eee: background second order
	#333: text general color
	#007A50: strong heavy green header or navigation link on colored ground
	#e4f1ec: light green for background and horizontal separator and hovered button
	#fc7c00: orange special color for navigation, button and header

*/
@import "elusive-webfont.css";

@media all {

* {
	margin: 0;
	padding: 0;
}

/*
================================================
					GENERAL FORMAT
================================================
*/

html {
	height:100%;
}

html * {
	font-size: 100.01%
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90.00%;
	line-height: 1.4em;
	min-height: 101%;
	height : 100%;
	color: #333;
	background: #fff;
	letter-spacing: 0.02em;
}

fieldset, img {
	border: 0 solid;
}

legend {
	display: none;
	}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	padding: 0 0 1em 0;
	line-height: 1em;
}
h1 span, h1 a span, h2 span, h2 a span,  h3 span, h3 a span, h4 span, h4 a span, h5 span, h5 a span, h6 span, h6 a span {
	color: #fc7c00;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	color: #333;
}

h1 {
	font-size: 1.4em;
	/*text-transform: uppercase;*/
	letter-spacing: 0.01em;
}
#content .article h1.download  i {
	font-size: 1.4em;
	text-transform: none;
	display: inline-block;
	margin-right: 10px;
}
#content .article h1.download  {
	color: #007a50;
	font-size: 1.6em;
	padding: 0;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 1em;
	font-weight: normal;
}

h5 {
	font-size: 0.9em;
}

h6 {
	font-size: 0.9em;
	color: #007A50;
	font-weight: normal;
	margin: 0 0 0.8em 0;
}
ul {
	padding: 0 0 0 1em;
	margin: auto;
	}
ol {
	padding: 0 0 0 1.5em;
	margin: auto;
	}
li {
	padding: 0.2em 0;
	}
p {
	margin: 0 0 1.4em 0;
}
table, hr {
	margin: 0 0 20px 0;
	}

a {
	color: #007a50;	
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}
a.link-pdf, 
a.link-download, 
a.link-info,
a.cart-alert,
a.link-shop {
	padding: 0 0 0 25px;
	line-height: 1.5em;
	font-weight: normal;
	color: #333;
	letter-spacing: -0.035em;
}

a.head-download {
	background: #eee url(../images/layout/icon-download.png) no-repeat 10px 50%;
	display: block;
	height: 28px;
	padding: 0 20px 0 40px;
	line-height: 28px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 0 0 40px;
}
a.head-download:hover {
	background: #fff url(../images/layout/icon-download.png) no-repeat 10px 50%;
	border:none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-decoration: none !important;
}
a.link-download {
	background: url(../images/layout/icon_download.png) no-repeat left 50%;
}
a.link-pdf {
	background: url(../images/layout/icon_pdf.png) no-repeat left 50%;
}
a.link-info {
	background: url(../images/layout/icon_info.png) no-repeat left 50%;
}
a.link-shop {
	background: url(../images/layout/icon_shop.png) no-repeat left 50%;
}
#basket1 {
	position: absolute;
	left: 0;
	bottom: -25px;
	text-align: center;
	width: 100px;
	}
#basket1 .cart-alert {
	/*background: url(../images/topNavIconShopSet.png) no-repeat left 50%;*/
	color: #FC7C00 !important;
	font-size: inherit !important;
	text-transform: none !important;
	/*font-weight: normal !important;*/
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	background: none !important;
}
a.more {
	font-size: 1.2em;
	font-weight: bold;
	color: #007a50;
	text-decoration: none;
}
a.more:hover {
	text-decoration: underline;
}
.link-demo {
	padding: 0 0 0 35px;
	display: block;
	line-height: 2em;
	height: 2em;
	background: url(../images/layout/icon_demo.png) no-repeat left 50%;
}




small {
	font-size: 0.8em;
	display: block;
}

.tip {
	font-weight: bold; 
	color: #F28B0A;
}
sup {
	font-size: 0.9em;
	color: #007a50;
	}
/* ----------------------- lists ---------------------------------- */

#top ul, 
#header ul, 
#sitemap ul, 
#breadcrump ul  {
	list-style-type: none;
	padding: 0;
}
#top ul li, 
#header ul li, 
#breadcrump ul li  {
	float: left;
}
#top ul a, 
#header ul a,
#sitemap h1 a,
#sitemap ul a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
#top ul a:hover, 
#header ul a:hover,
#sitemap h1 a:hover,
#sitemap ul a:hover {
	text-decoration: underline;
}

dt {
	font-weight: bold
}

dd {
	margin: 0 0 1em 2em
}

/* ----------------------- linklists ---------------------------------- */
.linklist-simple,
.linklist-twocol, 
.linklist-threecol {
	list-style-type: none;
	padding: 0;
}
.linklist-simple > li {
	padding: 20px 0;
	border-bottom: 2px solid #eee;
	position: relative;
}
.linklist-simple li:hover {
	/*background: #efefef;*/
}
.linklist-simple li h2 a {
	display: block;
	/*background: url(../images/layout/arrow_big_link.png) no-repeat right center;*/
}
.linklist-simple > li ul {
	padding: 0 0 0 15px;
}
/*.linklist-simple > li li {
	padding: 0;
}*/
.linklist-simple .aside {
	position: absolute; 
	top: 20px; 
	right: 0;
	}
.linklist-simple .aside img {
	clear: right;
	float: right;
	margin: 15px 0 0 0;
	}
.linklist-simple .isbn {
	padding: 20px 0 0 0; 
	text-align:right;
	}

.linklist-simple li p {
	/*margin: 0;
	width: 80%;*/
}
.linklist-simple li > :last-child { margin-bottom: 0; }
.linklist-simple > :last-child { margin-bottom: 80px; }
.linklist-simple li .button {
	float: right;
}
.linklist-simple li .date {
	font-weight: bold; 
	color: #999; 
	font-size: 0.9em;
}
.linklist-simple img  {
	float: left;
	margin: 0 20px 5px 0;
}
.linklist-twocol li,
.linklist-threecol li {
	float: left;
	padding: 20px 20px 20px 0;
	border-bottom: 2px solid #eee;
}
.linklist-twocol li:hover,
.linklist-threecol li:hover {
	background: #efefef;
}
.linklist-twocol li .button,
.linklist-threecol li .button {
	float: none;
}
.linklist-twocol img,
.linklist-threecol img  {
	float: left;
	margin: 0 10px 5px 0;
}
.linklist-twocol li {
	width: 47%;
	height: 200px;
}
.linklist-threecol li {
	width: 31.2%;
	overflow: hidden;
	height: 150px;
}

.linklist-topseller {
	list-style-type: none;
	padding: 0;
}
.linklist-topseller img  {
	height: 50px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.linklist-topseller li {
	padding: 10px 0;
	background: #fff;
	border-bottom: 2px solid #eee;
	height: 50px;
}
.linklist-topseller li a {
	font-weight: normal;
	text-decoration: none;
	display: block;
}
.linklist-topseller li span {
	font-size: 1.5em;
	float: right;
	margin: 15px 20px 0 0;
	color: #ddd;
}
.linklist-topseller li:hover a,
.linklist-topseller li:hover span {
	color: #FC7C00;
}
.teamlist h2 {
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 0.4em 0;
	}
.teamlist li {
	padding: 30px 0 10px 200px;
	}
hr {
	height: 1px;
	border: none;
	background: #D7D7D7;
	/*border-bottom: 3px #eee solid;*/
	clear: both;
}

/*  text formatting   */

font {
	font-size-adjust: inherit;
}

cite, blockquote {
	font-style:italic
}

blockquote {
	margin: 0 0 1em 1.5em
}

strong, b {
	font-weight: bold
}

em, i {
	font-style:italic
}

pre, code {
	font-family: monospace;
	font-size: 1.1em;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: .1em dashed #c00;
	cursor: help;
}

/* buttons */

label {
	overflow:hidden;
}

.label-inline {
	display: inline;
}

button {
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	cursor: pointer;
}

.button {
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	
	border: none;
	color: #fff;
	
	background: #007a50; /* Old browsers 
	/*background: -moz-linear-gradient(top,  #3b9978 0%, #007a50 100%);  FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b9978), color-stop(100%,#007a50));  Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #3b9978 0%,#007a50 100%);  Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top,  #3b9978 0%,#007a50 100%);  Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #3b9978 0%,#007a50 100%);  IE10+ */
	/* background: linear-gradient(top,  #3b9978 0%,#007a50 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b9978', endColorstr='#007a50',GradientType=0 ); /* IE6-8 */
	
	/* -moz-box-shadow: 1px 1px 1px rgba(68,68,68,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(68,68,68,0.3);
	box-shadow: 1px 1px 1px rgba(68,68,68,0.3); */

	margin: 0 2px 0 0;
	padding: 0.25em 1em;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}

.button:hover {
	background: #7fbca7;
	text-decoration: none;
}

.button.prio-high {
	background: #fc7c00; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #fd9b3c 0%, #fc7c00 100%, #007a50 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd9b3c), color-stop(100%,#fc7c00), color-stop(100%,#007a50)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #fd9b3c 0%,#fc7c00 100%,#007a50 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #fd9b3c 0%,#fc7c00 100%,#007a50 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #fd9b3c 0%,#fc7c00 100%,#007a50 100%); /* IE10+ */
	/*background: linear-gradient(top,  #fd9b3c 0%,#fc7c00 100%,#007a50 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9b3c', endColorstr='#fc7c00',GradientType=0 ); /* IE6-8 */
	color: #fff;
}

.button.prio-high:hover {
	color: #fc7c00;
	background: #fed7b2;
	text-decoration: none;
}
.button.prio-high.download {
	background: #fc7c00 url(../images/layout/icon-button-download.png) no-repeat 95% 50%;
	padding: 0.8em 0 0.8em 1em;
	color: #fff;
	text-transform: uppercase;
	width: 90%;
}
.button.prio-high.download:hover {
	color: #fc7c00;
	background: #fed7b2 url(../images/layout/icon-button-download-o.png) no-repeat 95% 50%;
	text-decoration: none;
}
.button.prio-high.download i {
	text-transform: none;
}

.button.prio-low  {
	background: #ddd;
	color: #333;
	/*font-weight: normal;*/
	
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #dddddd 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(top,  #dddddd 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

.button.prio-low:hover  {
	background: #dddddd;
}

button[disabled]:active, button[disabled]:hover, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="text"][disabled]:active,
input[type="text"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
  color: GrayText;
  cursor: inherit;
  background: #eee;
  opacity: 0.5;
}
button.close-panel {
	position: absolute;
	top: 0;
	right: 5px;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1em;
	cursor: pointer;
	z-index: 100;
	background: none;
	color: #666;
	}

.smal-button {
	display: inline-block;
	font-weight: normal;
	font-size: 0.8em;
	text-decoration: none;
	
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	
	border: none;
	color: #fff;
	background: #999;
	padding: 0em 0.5em;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}

.smal-button:hover {
	background: #ccc;
	text-decoration: none;
}
.active .smal-button {
	background: #eee;
	text-decoration: none;
	color: #333;
	padding-bottom: 1em;
	border-radius: 0em;
	-moz-border-radius: 0em;
	-webkit-border-radius: 0em;
	
	-webkit-border-top-left-radius: 0.2em;
	-webkit-border-top-right-radius: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
}
.active td {
	padding: 0.5em 0 0 0 !important;
}

.arrow {
	display: inline-block;
	border: 5px solid #fff;
	font-size:0;line-height:0;height:0;padding:0;
	margin: 0 0 0px 5px;
	
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.active .arrow {
	border: 5px solid #333;
	
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
	vertical-align: text-top;
}

/* positioning and special clear float hack */

.center {
	text-align: center;
	margin: 0.5em auto
}
.text-right {
	text-align: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}


/* generic tables */

table {
	border-collapse:collapse;
	width: 100%;
}
table colgroup {
	float: none !important;
}
th, td {
	padding: 0.8em 0.6em;
	vertical-align: top;
	text-align: left;
}
td {
	border-bottom: 2px solid #eee;
}
thead th {
	background: #eee;
}
tbody th.sub {
	background: #ddd;
	color: #333
}
table tbody tr.details td {
	border-bottom: none;
	padding: 0;
}
table tbody tr.details img {
	margin: 0 10px 0 0;
}
table tbody tr.details div div {
	background: #eee;
	padding: 15px;
}
table.full {
	width: 100%;
}
table.fixed {
	table-layout:fixed
}
table .disabled td {
	opacity: 0.5;
}
table .disabled td, table .disabled td a {
	color: #333;
	text-decoration: none;
	cursor: default;
}
table th.col-highlight {
	border-top: 5px solid #eee;
	padding-top: 0.6em;
}
table .col-highlight {
	background: #fff;
	color: #007a50;
	font-weight: bold;
}
table td .button {
	width: 80%;
}
table.table-simple {
	margin: 0;
}
table.table-simple td {
	border-bottom: 1px solid #eee;
	padding: 0.5em 0;
}
table.table-simple .sheader {
	margin-bottom: 10px;
	}
table.table-simple .sheader td {
	border-bottom: 2px solid #eee;
	padding: 20px 0 10px 0;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.2em;
	}
.col {
	float: left;
}

.section {
	overflow: hidden;
}
.p6-name {
	text-transform: lowercase;
	}

/*
================================================
					FORMULAR ELEMENTS
================================================
*/
   
select, input, textarea,
select:focus, input:focus, textarea:focus {
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 0;
	padding: 0.2em;
	outline: none;
	
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
}

select {
  width: auto;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input.checkbox, input.radiobox {
	display: inline;
	width: auto;
	margin: 0 4px 0 0;
	border: none;
	background: none;
	vertical-align: middle;
}
.form-simple {
	margin: 0 0 20px 0;
	}
.form-simple label {
	width: 25%;
	margin: 0 5px 5px 0; 
	display: inline-block;
	vertical-align: middle;
	}
.form-simple label.register {
	width: 36%;
	}
.form-simple label.checkbox {
	width: auto;
	display: inline;
	margin-bottom: 5px;
	}
.form-simple input, 
.form-simple select {
	margin-bottom: 5px;
	}
.form-simple input {
	width: 70%;
	}
.form-simple input.register {
	width: 60%;
	}
.form-simple select {
	width: 71.5%;
	}
.form-simple input[type=checkbox] {
	width: auto;
}
.add-card {
	text-align: right;
}
.add-card input {
	width: 40px;
	margin: 0 5px;
}
.add-card label {
	font-size: 1em;
	font-weight: bold;
	/*color: #007a50;*/
}
.add-card label, .add-card input, .add-card button {
	display: inline-block;
	vertical-align: middle;
	float: none !important;
}
.add-card .product-option {
	margin-bottom: 5px;
}
.add-card .product-option > label:first-child {
	display: inline-block;
	width: 360px;
	text-align: left;
	font-weight: normal;
	cursor: pointer;
}
.add-card .product-option > label:first-child input {
	width: auto;
	vertical-align: baseline;
}
.add-card .product-option.unchecked label,
.add-card .product-option.unchecked input,
.add-card .product-option.unchecked .button {
	opacity: 0.5;
}
.add-card .product-option.unchecked .button {
	visibility: hidden;
}
.add-card .product-option.unchecked > label:first-child {
	opacity: 1.5;
}
.table-card .price {
	text-align: right;
	}
.table-card .price input {
	width: 50px;
	display: inline-block;
	}
.table-card .price input {
	width: 50px;
	display: inline-block;
	}
.table-card .price button {
	width: auto;
	}
.table-card .sum td:first-child {
	padding-top: 20px;
	}
.table-card .sum button {
	width: auto;
	}
.table-card .sum input {
	width: 280px;
	}
.table-card tr.border-none td {
	border: none;
	}

.payment-section {
	margin-bottom: 20px;
	}
.payment-section ul {
	list-style-type: none;
	}
.payment-section li {
	float: left;
	width: 17%;
	padding: 0 10px;
	}
.payment-section li:hover {
	background: #eee;
	}
.payment-section li img {
	display: block;
	margin: 5px 0;
	}
	
.info-panel-light {
	background: #eee;
	padding: 20px;
	}
.shopping-process {
	list-style-type: none;
	}
.shopping-process li {
	float: left;
	width: 25%;
	height: 60px;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #007a50;
	opacity: 0.4;
	}
.shopping-process li span {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 1px 6px;
	border: 3px solid #007a50;
	color: #007a50;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	}
.shopping-process li.current {
	float: left;
	width: 25%;
	height: 50px;
	font-size: 1.4em;
	color: #fc7c00;
	opacity: 1;
	}
.shopping-process li.current span {
	background: #fc7c00;
	color: #fff;
	border: 3px solid #fc7c00;
	}
.shopping-process li.done {
	opacity: 1;
	}
.shopping-process li.done span {
	display: inline-block;
	margin: 0 5px 0 0;
	background: #007a50;
	color: #fff;
	}
	
/*
================================================
					MAIN NAVIGATION
================================================
*/

#main-navigation {	
    bottom: -50px;
    left: 0;
    min-height: 50px;
    overflow: visible;
    position: absolute;
    z-index: 5;
	width: 960px;
}

#main-navigation li {
	padding: 0;
}

#main-navigation li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 15px 25px;
}

#main-navigation li:hover, 
#main-navigation li.current {
	color: #fff;
	background: url(../images/layout/navigation_arrow.png) no-repeat top center;
}

#main-navigation li:hover a,
#main-navigation li.current a {
	color: #fc7c00;
	text-decoration: none;
	opacity: 1;
}
#main-navigation li:first-child a {
	width: 10px;
	height: 20px;
	background: url(../images/layout/navigation_home.png) no-repeat 50% 16px;
}
#main-navigation li:first-child a:hover {
	background: url(../images/layout/navigation_home_o.png) no-repeat 50% 16px;
}
#main-navigation li:first-child a span {
	display: none;
}
#main-navigation li.main-shop {
	position: absolute;
	top: 10px;
	right: 0;
	background: #fc7c00 url(../images/layout/main-shop-basket.png) no-repeat 10px 8px;
	overflow: visible;
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
}
#main-navigation li.main-shop:hover {
	color:#fc7c00;
	background: #007a50 url(../images/layout/main-shop-basket-o.png) no-repeat 10px 8px;
}
#main-navigation li.main-shop.current {
	/*color:#fff;*/
	top: 0px;
	background: url(../images/layout/navigation_arrow.png) no-repeat top center;
}
#main-navigation li.main-shop.current a {
	padding: 15px 25px;
}
#main-navigation li.main-shop.current:hover {
	/*color:#fff;
	background: #fc7c00 url(../images/layout/main-shop-basket.png) no-repeat 10px 8px;*/
}
#main-navigation li.main-shop a {
	padding: 5px 10px 5px 40px;
}
#main-navigation li.main-shop.current a,
#main-navigation li.main-shop.current:hover a {
	/*color:#fff;
	padding: 5px 10px 25px 40px;
	margin: 0 0 -10px 0;
	background: url(../images/layout/main-shop-arrow.png) no-repeat 50% 95% ;
	overflow: visible;*/
}


/* select location */

#site-selection .site-selection-content {
	height: 22px;
	padding: 10px 15px;
}

#site-selection .site-selection-content select {
	width: 100%;
}

/* top navigation */

#top-navigation  {
	float: right;
	margin-right: -20px;
}

#top-navigation .google, #top-navigation .facebook  {
	display: block;
	width: 16px;
	height: 30px;
}

#top-navigation .facebook  {
	background: url(../images/layout/icon_facebook.png) no-repeat 50% 50%;
}
#top-navigation .google {
	background: url(../images/layout/icon_google.png) no-repeat 50% 50%;
}

#top-navigation .facebook:hover  {
	background: url(../images/layout/icon_facebook_o.png) no-repeat 50% 50%;
}
#top-navigation .google:hover {
	background: url(../images/layout/icon_google_o.png) no-repeat 50% 50%;
}

#top ul li {
	margin: 0 15px 0 0;
}

#top li a {
	margin: 0 5px 0 0;
}

#top li a:hover {
	color: #333;
}

#top li a.login {
	font-weight: bold;
}

/* login panel  */

#login-form {
	position: absolute;
	top: 30px;
	left: 0;
	background: #eee;
	z-index: 8;
	
	-moz-box-shadow: 3px 3px 3px rgba(68,68,68,0.4);
	-webkit-box-shadow: 3px 3px 3px rgba(68,68,68,0.4);
	box-shadow: 3px 3px 3px rgba(68,68,68,0.4);
	}
	#login-form div div {
		padding: 20px;
		position: relative;
	}
	#login-form hr {
		height: 1px;
		background: #fff;
		margin: 1.5em 0;
	}
	#login-form input {
		color: #999;
	}
	#login-form input:focus {
		color: #333;
	}
	#login-form .button {
		float: right;
	}

/* function panel  */

#function-panel {	
	position: absolute;
	top: 45px;
	right: 20px;
	z-index: 2;
}

#function-panel li {
	padding: 0;
	margin: 0 0 0 20px;
}
/* search panel */
button::-moz-focus-inner { padding: 0; border: none; }
li.search button {
	background: url("../images/layout/search-glass.png") no-repeat scroll 50% 50% #FFFFFF;
    border-bottom: medium none;
    border-image: none;
    border-left: 1px solid #CCCCCC !important;
    border-right: medium none;
    border-top: medium none;
    color: #FFFFFF;
    display: block;
    float: right;
    height: 28px;
    margin: -3px 0 0;
    text-decoration: none;
    white-space: nowrap;
    width: 40px !important;
}

li.search button:hover {
	text-decoration: none;
	background-color: #eee;
}

li.search {
	/*margin: 0 15px 0 0;*/
	border: 1px solid #ccc;
	border-top: none;
	padding: 3px 0 0px 5px !important;
	height: 26px;
	/*width: 420px;*/
}
li.search input {
	width: 300px;
	border: none;
	box-shadow: none;
	padding: 0;
}
li.search input:focus {
	color: #333;
}
.selector {
	display: inline-block;
	position: relative;
}
.selector select{
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
}
.selector span {
    background-image: url("../images/layout/forms.png");
    background-position: right 5px;
    background-repeat: no-repeat;
    color: #767676;
    cursor: pointer;
    font-size: 0.8em;
    line-height: 12px;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding-right: 20px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selector:hover span {
	color: #333;
}

/*#function-panel li.language {
	margin: 0 0 0 20px;
}*/
.language select,
.language select option {
	width: 135px;
	border: none;
	background: none;
	margin: 0;
	padding: 0 0 0 25px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.language .de {
	background: url(../images/layout/de.gif) no-repeat 5px 50%;
}
.language .de-ch {
	background: url(../images/layout/ch.gif) no-repeat 5px 50%;
}
.language .en-int {
	background: url(../images/layout/icon_world.gif) no-repeat 2px 50%;
}

.language .de,
.language .de-ch,
.language .en-int {
	-webkit-appearance: none;	
}
#language-change {
	padding: 0 0 0 25px;
	}

/* tab panel  */
#tabs {
   margin:20px 0 0 0;
}
#tabs .tabs {
   padding:0;
}
#tabs .tab {
    display: inline-block;
    padding: 8px 10px;
    list-style: none;
    background-color: #eee;
	 cursor: pointer;
	 position: relative;
	 border: 1px solid #eee;
	 overflow: hidden;
	 font-size: 1.2em;
	 vertical-align: top;
}

#tabs .tab.active {
    background-color: #fff;
	 padding: 8px 10px 14px 10px;
	 border: 1px solid #ccc;
	 border-bottom: none;
	 margin: 0;
	 opacity: 1;
}
#tabs .content {
	background: #fff;
    border-top: 1px solid #ccc;
    margin: -1px 0 0;
    padding: 40px 0;
	}
#tabs .content .promo {
    /*background: none repeat scroll 0 0 #E5F1ED;*/
    border-left: 1px solid #ddd;
    cursor: pointer;
    margin: -20px 1.1% 0 0;
    padding: 40px 1.1% 20px 1.1%;
	min-height: 260px;
	}
#tabs .content .promo:hover {
	/*border-right: 1px solid #eee;*/
	background: #eee;
	}
#tabs .content .promo.last {
    border-right: none;
	margin-right: -1.1%;
	}
/* search-panel container */

#search { 
	border: none;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF;
	-moz-box-shadow: 0px 0px 0px #FFFFFF;
	box-shadow: 0px 0px 0px #FFFFFF;
	padding: 0px;
}
	
#left-column { width: 55px; border: 1px solid #FFFFFF; float: left; margin-top: 10px;}
#mid-column {
	border: 1px solid #d7d7d7;
	
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	}
#right-column { width: 90px; border: 1px solid #FFFFFF;float: left; padding: 3px;}
#close-img {padding-top: 5px; padding-right: 5px;width: 20px; height: 20px;}

#search-panel {
	/*padding: 40px 0;
	background: #eee;*/
	}
#search-panel .button {
	font-size: 1.4em;
	font-weight: normal;
	}
#sort-panel {
	padding: 20px 0 40px 0;
	/*background: #eee;*/
	}
#sort-panel label {
	float: right;
	}
#sort-panel .button {
	margin-right: 5px;
	background: #fff;
	}
#sort-panel .button:hover {
	background: #ddd;
	}
#sort-panel h2,
#sort-panel label {
	display: inline;
	padding: 0;
	vertical-align: bottom;
	font-weight: normal;
	color: #333 !important;
	font-size: 1.0em;
	}
#sort-panel h2 span,
#sort-panel h2 i {
	font-style: normal;
	font-weight: bold;
	color: #333 !important;
	}
.product-overview #sort-panel {
	margin: 0 0 -43px 0;
	}
#search-panel ul {
	list-style-type: none; 
	padding: 0;
	}
#search-panel ul li {
	float: left;
	height: auto;
	}
#search-panel ul li.search {
	border: 3px solid #ddd;
	border-top: none;
	padding: 0 !important;
	height: auto;
	margin: 0 20px 0 0;
	}
#search-panel ul li.search button {
	border-left: 3px solid #ddd !important;
	height: 45px;
	width: 50px !important;
	margin: 0;
	}
#search-panel ul li.search .delete-input {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	text-decoration:none; 
	font-size:1.8em; 
	font-weight: bold;
	}
#search-panel label {
	font-size: 1.4em;
	/*font-weight: bold;*/
	}
#search-panel input,
#search-panel input:focus {
	padding: 10px;
	width: 650px;
	font-size: 1.4em;
	color: #007a50;
	outline: none;
	}

#search-filter {
	padding: 40px 0 0 0;
	border-bottom: 2px solid #eee;
	position: relative;
	/*margin-bottom: 30px;*/
}

/* hide the real form element by opacity: 0 and position: absolute - display: block and visibility: hidden do not work because then form elements cannot get the focus and actually get checked or unchecked 
#search-filter input[type="checkbox"],
#search-filter input[type="radio"]
{
	position: absolute;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}
*/

#search-filter input[type="checkbox"],
#search-filter input[type="radio"]
{
	/*position: absolute;
	left: 15px;
	top: 0;
	width: 50px;
	height: 50px;*/
    /* z-index:1000;*/
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}


/* prevent the entire page from scrolling if there is overflow and checkbox or radio button are clicked */
#search-filter label
{
	position: relative;
}

/* fallback for IE6, IE7 and IE8 */
#search-filter input[type="checkbox"],
#search-filter input[type="radio"]
{
	position: static\9;
}

#search-filter input[type="checkbox"] ~ span::before,
#search-filter input[type="radio"] ~ span::before
{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background-repeat:  no-repeat;
	margin: 0 0 0 -25px;
	position: absolute;
	left: 50%;
	top: 0px;
}

#search-filter input[type="checkbox"]:checked ~ span
{
	color: #007a50;
}
#search-filter input[type="checkbox"]:checked ~ span::before
{
	background-position: 0 -50px;
}

#search-filter input[type="radio"] ~ span::before
{
	background-position: -50px 0;
}

#search-filter input[type="radio"]:checked ~ span::before
{
	background-position: -50px -50px;
}

/* disabled form elements 
input[type="radio"]:disabled + span,
input[type="checkbox"]:disabled + span,
input[type="radio"]:disabled + span::before,
input[type="checkbox"]:disabled + span::before
{
	-moz-opacity: .4;
	-webkit-opacity: .4;
	opacity: .4;
}*/

/* focused and active form elements 
input[type="checkbox"]:focus + span::before,
input[type="radio"]:focus + span::before,
input[type="checkbox"]:active + span::before,
input[type="radio"]:active + span::before
{
	outline: dotted 1px #ccc;
}*/

/* skin-specific sprite */
#search-filter input[type="checkbox"] ~ span::before,
#search-filter input[type="radio"] ~ span::before
{
	background-image: url("../images/layout/sprite.png");
}

#search-filter a.show-all {
	display: block;
	margin-top: -30px;
	float: right;
	font-weight: normal;
	font-size: 0.9em;
}
#search-filter a.show-all span {
	font-size: 0.9em;
}
#search-filter ul {
    margin: 0;
    padding: 0;
	 display: block;
}
#search-filter li.tab h3 {
	 margin: 0 0 3px 0;
}

#search-filter li.tab span,
#search-filter li.tab h3 {
	display: block;
	padding: 0 0 0 0;
	color: #666;
}
#search-filter li.tab h3 {
	white-space: nowrap;
}
/*#search-filter li.tab span,
#search-filter li.tab button.remove {
	display: none;
	}

#search-filter li.tab.active button.remove {
	display: block;
	}*/
#search-filter li.tab, 
#search-filter li.new-tab {
    display: inline-block;
    padding: 7px 6px 0 10px;
    list-style: none;
    margin: 0 2px 0 0;
	 cursor: pointer;
	 height: 45px;
	 vertical-align: text-top;
	 position: relative;
	 width: 115px;
	 background: whitesmoke;
	 overflow: hidden;
}
#search-filter li.tab .filter-item,
#search-filter li.tab h3 {
	font-size: 0.8em;
	line-height: 1.1em;
}
#search-filter li.tab.active {
    background-color: #fff;
	 height: 38px;
	 padding: 5px 8px 10px 10px;
	 border: 2px solid #eee;
	 border-bottom: 2px solid #fff;
	 opacity: 1;
	 
}
#search-filter li.tab.active .filter-item,
#search-filter li.tab.active h3 {
	color: #007a50  !important;
}
#search-filter li.tab.active .remove {
	 top: 3px;
	 color: #007a50;
}


#search-filter li.tab .remove {
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	padding: 0;
	color: #666;
	margin-top: -5px;
}
#search-filter li.tab .remove:hover {
	color: #ff0000;
}
#search-filter li.new-tab .add:hover {
	color: #007a50;
}
#search-filter li.new-tab {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	background: #fff;
	width: auto;
	height: auto;
	border: none;
	overflow: visible;
	opacity: 1;
	}
#search-filter li.new-tab .add {
	top: 0;
	right: 0;
}
#search-filter li.new-tab div {
	width: 180px;
	top: 0;
	left: 0;
	}
#search-filter li.new-tab #add-filter-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	background: #eee;
	list-style-type: none;
	z-index: 99;
	}
#search-filter li.new-tab #add-filter-list li {
	border-bottom: 1px solid #fff;
	padding: 0;
	}
#search-filter li.new-tab #add-filter-list li:hover {
	background: #ddd;
	}
#search-filter li.new-tab #add-filter-list li button {
	background: none;
    display: block;
    font-size: 0.8em;
    height: 25px;
    padding: 0 10px;
    white-space: nowrap;
    width: 100%;
	}

#search-filter div.content {
    margin: -3px 0 0 0;
    padding: 5px 0 0 0;
	 background: #fff;
	 border-top: 2px solid #eee;
}
#search-filter div.content li {
    display: inline-block;
	 margin: 0 5px 5px 0;
	 /*background: #eee;*/
	 padding: 0;
	 width: 115px;
	 min-height: 75px;
	 vertical-align: top;
}
/*#search-filter div.content li img {
    display: block;
}*/
#search-filter div.content li label {
	 text-align: center;
	 display: block;
	 padding: 0;
	 font-size: 0.8em;
    line-height: 1.2em;
}
#search-filter div.content li input,
#search-filter div.content li label {
	 cursor: pointer;
}
#search-filter div.content li.disabled {
	background: none;
	/*border: 1px solid #eee;*/
	}
#search-filter div.content li.disabled label {
	opacity: 0.5;
	}
#search-filter div.content li.checked {
	/*background: #e4f1ec;*/
	color: #007a50;
	}
#search-filter div.content li.checked input {
    border: 2px solid #007a50;
}
#search-filter div.content li input {
    margin: 16px auto;
	 display: block;
	 /*width: 50px;
	 height: 50px;*/
}
#search-categories {
	margin: 10px 0 0 60px;
	}
#search-categories,
#search-categories ul {
	list-style-type: none;
	}
#search-categories li {
	float: left;
	position: relative;
	padding: 5px;
	text-align: center;
	background: #ddd;
	margin: 0 10px 0 0;
	width: 120px;
	}
#search-categories li:hover {
	background: #fff;
	}
#search-categories li h3 {
	padding: 0 0 0 0;
	cursor: pointer;
	}
#search-categories li div {
	position: absolute !important;
	left: 0;
	top: 22px;
	}
#search-categories li li {
	float: none;
	margin: 0;
	padding: 5px;
	min-width: 120px;
	}
#search-categories li li a {
	text-decoration: none;
	font-size: 0.9em;
	}

/*------------------------ search-result paging -----------------------------------*/

#Nav .search-result-paging {
	margin-top: 20px; 
	font-weight: bold;
	}
#Nav
.page-list {
	margin-left: 20px;
	margin-right: 20px;
	}
#NavPages span,
#NavPages a {
	margin-right: 10px;
	}

/*
================================================
					BASIC LAYOUT
================================================
*/

.container {
	padding-left: 20px;
	padding-right: 20px;
}
.section {
	width: 940px;
	padding: 0 20px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.article {
	padding: 40px 0;
	overflow: hidden;
	position: relative;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
}
.onecol {
	width: 4.85%;
}
.twocol {
	width: 13.45%;
}
.threecol {
	width: 22.05%;
}
.fourcol {
	width: 30.75%;
}
.fivecol {
	width: 39.45%;
}
.sixcol {
	width: 48%;
}
.sevencol {
	width: 56.75%;
}
.eightcol {
	width: 65.4%;
}
.ninecol {
	width: 74.05%;
}
.tencol {
	width: 82.7%;
}
.elevencol {
	width: 91.35%;
}
.twelvecol {
	width: 100%;
	float: left;
}
.last {
	margin-right: 0px;
}
img, object, embed {
	/*max-width: 100%;*/
}
img {
	height: auto;
}

/*
================================================
					Main Panels
================================================
*/

#top {
	background: #eee;
	position: relative;
}
	#top .section {
		height: 30px;
		padding-top: 0;
		padding-bottom: 0;
		overflow: visible;
	}

#header {
	background: #fff;
	position: relative;
}
	#header .section {
		height: 120px;
		overflow: visible;
		padding: 0 20px;
	}
#head {
	background: #007a50;
	position: relative;
}
	#head .section {
		/*background:  url(../images/layout/background_subpage.png) no-repeat bottom right;*/
		background-position: center 107% !important;
		height: 50px;
		padding: 0;
	}
#breadcrump {
	background: #e5f1ed;
	}
#breadcrump ul li {
		color: #007a50;
		padding: 5px 10px 5px 0;
		font-size: 0.9em;
	}
	#breadcrump ul li a {
		color: #007a50;
		font-weight: normal;
	}
#action {
	background: #007a50 url(../images/layout/background_action_x.png) repeat-x bottom left;
	position: relative;
}
	#action .section {
		background:  url(http://5.9.153.80/phase6/p6img/background_action.png) no-repeat bottom right;
		height: 350px;
		padding: 50px 0 0 0;
	}
	#action h1 {
		/* font-family: 'FuturaMdBTBold', sans-serif;*/
		font-size: 2.4em;
		padding: 0 0 0.5em 0;
		letter-spacing: -0.01em;
		/* text-transform: uppercase;*/
	}
	#action h2 {
		font-size: 1.4em;
		font-weight: normal;
		padding: 0 0 1em 0;
	}
	#action .button,
	.big-button {
		font-size: 1.2em;
		min-width: 250px;
		padding: 0.5em 0.8em;
		text-align: center;
		text-transform: uppercase;
	}
	#action h1, #action h2, #action h3, #action p {
		color: #fff;
	}
	#action .section .slideshow div.slide {
		color: #fff;
		padding: 45px 0;
		width: 100%;
		height: 270px;
		overflow: visible;
	}
	.slideshow .teaserlink {
		background-size: 960px 350px !important;
	}

#content {
	background: #fff;
	position:relative;
}
	#content .article {
		border-bottom: 1px solid #D7D7D7;
	}
	#content .article:last-child {
		border-bottom: none;
	}
	#content .article h1 {
		color: #007a50;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	#content .article h1 i {
		text-transform: lowercase;
	}
	#content .aside .article {
		border-bottom: none;
	}
	#content .article.details {
		background: #eee;
		padding: 20px;
		margin-top: -45px;
		border: none;
	}
	.special-panel {
		background: #eee;
		padding: 20px;
		margin: 0 0 20px 0;
	}
	.special-panel.download {
		background: none;
		/*border-left: 1px solid #ccc;*/
		padding: 0 0 0 20px;
		margin: 0;
	}
	.special-panel .button {
		background: #fff;
		padding: 0.25em 1em;
		margin: 0;
		color: #333;
	}
	#content .article.details ul {
		list-style-type: disc;
		padding: 0 15px;
	}
	#content .article.details li {
		padding: 5px 0;
	}
	#content .article.details .title, #content .article.details .text {
		display: inline-block;
		vertical-align: top;
	}
	#content .article.details .title {
		font-weight: bold;
		width: 20%;
	}
	#content .article.details .text {
		width: 70%;
	}
	#content .article .icon {
		left: 50%;
		margin: 0 0 10px -95px;
		position: relative;
	}
#sitemap {
	background: #eee;
	position:relative;
	margin: -3px 0 0 0;
}
	#sitemap .section {
		padding: 40px 20px;
	}
	#sitemap .section a {
		/*line-height: 1.8em;*/
	}
	#sitemap .section h1 {
		font-weight: normal;
	}
#footer {
	clear:both;
	background: #007a50;
}
	#footer .section {
		height: 30px;
		line-height: 30px;
		color: #fff;
		padding-top: 0;
		padding-bottom: 0
	}
	#footer a {
		color: #fff;
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}

/* header */

#logo-panel {
	position: absolute;
	top: 25px;
	left: 20px;
	height: 68px;
	width: 240px;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/layout/logo.png) no-repeat 50% 50%;
}
#logo-panel a {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	text-indent: -5000px;
}
.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}
.item-float-left {
	float: left !important;
	margin: 0 10px 0 0 !important;
	position: relative !important;
}

.item-float-right, .float_right {
	float: right !important;
	margin: 0 0 0 10px !important;
	position: relative !important;
}

.item-float-none {
	float: none;
	clear: both;
	width: 98%;
}

/*
================================================
					Action Panel Homepage
================================================
*/

#navigation-slideshow {
		height: 350px;
		overflow: hidden;
}
.shadow {
		position:absolute;
		top: 0;
		left: 0;
		z-index: 4;
		height: 80px;
		width: 960px;
		background: url("../images/layout/main_nav_shadow.png") no-repeat scroll center 0 transparent;
}

#navigation-slideshow div.slide {
		position: absolute;
		left: 0;
		top: 0;
}

#navigation-slideshow ul {
    cursor: default;
    position: absolute;
    bottom: 20px;
    padding: 0;
	 left: 0;
    z-index: 2;
}

#navigation-slideshow li {
    display: inline-block;
    margin-right: 10px;
}

#navigation-slideshow li a:hover, #navigation-slideshow li.current a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}

#navigation-slideshow li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    border-radius: 8px;
    display: block;
    height: 15px;
    width: 15px;
}

.publisher-logos img {
    margin: 0 30px 0 0;
}


#baskettab {
	background: #fc7c00 url(/opencms/system/galleries/htmlgalleries/images/layout/fly_basket_de.png) no-repeat bottom center; 
	right:0; 
	top:200px;
	height:140px;
	width:38px;
	margin:0;
	padding:0;
	position:fixed;
	z-index:5000;
}
#baskettab:hover {
	background-color: #fdb066; 
}

#baskettab a{
	display:block;
	width:100%;
	height:100%;
}



}
.teaserlink { 
        /*padding: 0 10px;
		text-align: center; 
		border-left: 1px solid #ccc;*/
		overflow: hidden;
         }
.teaserlink h1 { 
        color: #007a50;
         }
.teaserlink:hover { 
        cursor:pointer; 
         }

.teaserlink:hover a { 
	text-decoration: underline;
         }
.teaserlink.attention h1 { 
        background: url(../images/layout/icon-attention-smal.png) no-repeat 0 0;
		padding-left: 25px;
         }
.teaserlink.attention h1,
.teaserlink.attention a { 
        color: #FC7C00 !important;
         }
.teaserlink.attention { 
        /*background: url(../images/layout/icon-attention-back.png) no-repeat left;*/
         }
		
.webform_table td { 
	border: medium none; 
	padding: 0pt; 
	}
.webform_table input[type="text"], 
.webform_table textarea { 
	width: 100%; 
	}
.webform_table .button { 
	width: auto; 
	}
.webform_table .webform_label,
.webform_table .webform_label_multi { 
	padding: 10px 0pt 0pt; 
	}
	
/*
* Mootools Simple Modal
* Version 1.0
* Copyright (c) 2011 Marco Dell'Anna - http://www.plasm.it
*
* Markup Modal
* <div class="simple-modal" id="simple-modal">
*   <div class="simple-modal-header">
*     <a class="close" href="#">×</a>
*     <h1>SimpleModal Title</h1>
*   </div>
*   <div class="simple-modal-body">
*     <div class="contents">
*       <p>
*         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*       </p>
*     </div>
*   </div>
*   <div class="simple-modal-footer">
*     <a class="btn primary" href="#">Primary</a>
*     <a class="btn secondary" href="#">Secondary</a>
*   </div>
* </div>
*/
/* Vars */
/* Overlay style */
#simple-modal-overlay {
  position: fixed ;
  display: block;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: center center;
  background-repeat: no-repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#000));
  background: -webkit-radial-gradient(circle, #ffffff, #000);
  background: -moz-radial-gradient(circle, #ffffff, #000);
  background: -ms-radial-gradient(circle, #ffffff, #000);
}
.simple-modal {
  /* Style rewrite */

  width: 600px;
  left: 20px;
  top: 20px;
  /* */

  position: absolute;
  position: fixed;
  margin: 0;
  /*color: #808080;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;*/
  font-weight: normal;
  line-height: 18px;
  background-color: #FFFFFF;
  border: 1px solid #EAEEFA;
  border: 1px solid rgba(234, 238, 250, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  z-index: 99999;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.simple-modal .simple-modal-header {
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #EEEEEE;
}
.simple-modal .simple-modal-header h1 {
  margin: 0;
  padding: 0;
  color: #404040;
  /*font-size: 18px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  line-height: 36px;
}
.simple-modal a.close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #999;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;*/
  line-height: 10px;
  text-decoration: none;
}
.simple-modal a.close:hover {
  color: #444;
}
.simple-modal .simple-modal-body {
  padding: 15px;
  /* Extra style */

}
.simple-modal .simple-modal-body div.contents {
  overflow: hidden;
}
.simple-modal .simple-modal-body p {
 /* font-size: 13px;
  font-weight: normal;*/
  color: #606060;
  line-height: 18px;
}
.simple-modal .simple-modal-body p img {
  display: block;
  margin: 0 auto 10px auto;
}
.simple-modal .simple-modal-footer {
  display: block;
  background-color: #F5F5F5;
 padding: 14px 15px 15px;
  /* border-top: 1px solid #EEEEEE;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  zoom: 1;*/
  margin-bottom: 0;
  text-align: center;
}
.simple-modal .simple-modal-footer a.btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 5px 14px 6px;
  color: #333;
 /* font-size: 13px;*/
  line-height: normal;
  border: 1px solid transparent;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.simple-modal .simple-modal-footer a.btn.primary {
  color: #FFF;
  /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/
  background-color: #fc7c00;
  background-repeat: repeat-x;
  margin-right: 15px;
}
.simple-modal .simple-modal-footer a.btn.primary:hover {
 	color: #fc7c00;
	background: #fed7b2;
	text-decoration: none;
}
.simple-modal .simple-modal-footer a.btn.secondary {
  padding: 5px 2px 6px;
}
.simple-modal .simple-modal-footer a.btn.secondary:hover {
  color: #999;
}
/* Draggable style */
.simple-modal.draggable .simple-modal-header:hover {
  cursor: move;
  background-color: #f8f8f8;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* Loading style */
.simple-modal.loading .simple-modal-body {
  min-height: 60px;
  background: transparent url("../images/loader.gif") no-repeat center center;
}
.simple-modal.loading .simple-modal-body div.contents {
  display: none;
}
.simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer {
  display: none;
}
/* Hide header */
.simple-modal.hide-header .simple-modal-header {
  display: none;
}
/* Hide header */
.simple-modal.hide-footer .simple-modal-footer {
  display: none;
}
/* ------------------------------  thumb panel ---------------------------- */
.thumb-panel {
	background: #007a50;
	color: #fff;
	/*overflow: hidden;*/
	padding: 10px;
	display: inline-block;
	margin: 10px 0 10px 0;
	transition: all 0.25s ease-out;
	/*position: relative;*/
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	}
.thumb-panel:before {
	float: left;
	padding: 3px 5px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
.thumb-panel div {
	position: absolute;
	top: -250px;
	right: -2000px;
	z-index: 99;
	opacity: 0;
	transition: all 0.25s ease;
	background: #eee;
	font-weight: normal;
	font-size: 1em;
	text-transform: none;
	padding: 20px;
	}
.thumb-panel div img {
	float: right;
	height: 350px;
	margin: 0 0 0 10px;
	}
.thumb-panel div p {
	width: 250px;
	float: left;
	}
.thumb-panel:hover div {
	color: #333;
	opacity: 1 !important;
	top: -100px;
	right: 10px;
	width: auto;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  text-align: left;
	}
.thumb-panel.plakat:hover div {
	top: -200px;
	}
.thumb-panel.infodvd img {
	height: 280px;
	}

/* --------------------------- commission-panels ------------------ */

.commission-panels {
	margin: 0 0 20px 0;
	text-align: center;
	}
.commission-panels div.commission-one,
.commission-panels div.commission-two {
	background: #fff;
	color: #fff;
	}
.commission-panels div div {
	padding: 10px;
	}
.commission-panels h1 {
	color: #fff !important;
	padding: inherit !important;
	font-size: 1.5em !important;
	}
.commission-panels div .content {
	height: 130px;
	padding-top: 20px;
	}
.commission-panels div .footer {
	border-top: 3px solid #fff;
	}
.commission-panels div .footer h1 {
	font-size: 2.8em !important;
	margin: 0 0 0 50px;
	}
.commission-panels div .footer h1 sup {
	font-size: 0.4em !important;
	opacity: 0.8;
	color: #fff;
	text-decoration: line-through;
	}
.commission-panels div.commission-one .header {
	background-image: url(../images/rubbelkarte_big.png);
	}
.commission-panels div.commission-one .content {
	background: #fc7c00;
	}
.commission-panels div.commission-one .footer {
	background: #fee2cc;
	}
.commission-panels div.commission-one .footer h1,
.commission-panels div.commission-one .footer sup {
	color: #fc7c00 !important;
	}
.commission-panels div.commission-two .header {
	background-image: url(../images/rubbelkarte_smal.png);
	}
.commission-panels div.commission-two .content {
	background: #007a50;
	}
.commission-panels div.commission-two .footer {
	background: #c1dccd;
	}
.commission-panels div.commission-two .footer h1,
.commission-panels div.commission-two .footer sup {
	color: #007a50 !important;
	}
.commission-panels div .header {
	background-position: 50% 10px;
	background-size: cover;
	height: 154px;
	margin: 0 0 -20px 0;
	box-shadow: 5px 5px 2px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg) /*scale(0.4,0.4)*/;
	}
	
@media print { 

body {
	background: none;
}

}