@import url(/fonts/fonts.css);

/* =================== GENERAL ================== */
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}


/* ============================================== */
html {
	scroll-behavior: smooth;
}
.scrollanker{
	scroll-margin-top: 250px; 
	height:0px; 
	width:100%; 
	clear:both; 
	margin-bottom:-30px;
}
body {	 
	background: #ffffff;
	color: #3c3c3c;
	margin: 0px;
	scroll: scroll;
	LINE-HEIGHT: 30px;
	min-height:1200px;
     }

* { 
	FONT-FAMILY: 'NeueAachenStd', sans-serif;
	FONT-SIZE: 24px;
}

textarea.input {
   width:100%; 
   line-height:16px; 
   height:22px; 
   font-family: 'NeueAachenStd', sans-serif;
   border:none;
   padding:3px;
   background-color:none;
   min-height:22px; 
   font-size:12px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}


h1 {
	FONT-FAMILY: 'NeueAachenStd', sans-serif; font-weight:300; letter-spacing: 1px; COLOR: #3c3c3c; FONT-SIZE: 46px; margin-bottom: 12px;   margin-left:0px;  margin-top:0px; line-height:66px;
}

h1.head {
	COLOR: #333333; FONT-SIZE: 46px; margin-bottom: 8px;  margin-top: 12px;  margin-left: 20px; line-height:20px;
}

h1.teaser {
	COLOR: #ffffff; font-weight:300;  FONT-SIZE: 36px; margin-bottom: 6px;  margin-top: 0px;  margin-left: 0px; line-height:34px;
}

h2 {
	FONT-FAMILY: 'NeueAachenStd', sans-serif;  font-weight:300; COLOR: #3c3c3c; FONT-SIZE: 30px; margin-bottom:12px;  margin-left:0px; margin-top:0px; line-height:28px;
}

h3 {
	COLOR: #3c3c3c; FONT-SIZE: 24px;  margin-bottom: 12px;  margin-top: 12px;  margin-left: 0px; line-height:18px;
}
h3.blur {
	COLOR: #ffffff; 
	FONT-SIZE:36px; 
	line-height:38px;
	margin-bottom:28px;  
	margin-top:42px;
	-webkit-text-shadow: -1px -1px 4px rgba(0,0,0,0.75); 
	-moz-text-shadow: -1px -1px 4px rgba(0,0,0,0.75);
	text-shadow: -1px -1px 4px rgba(0,0,0,0.75);

}
hr {
	border:none;
	border-top: 1px dashed #bfbfbf;
	margin-top:6px;
	margin-bottom:8px;
}

p {
	margin-top:0px;
	LINE-HEIGHT: 30px;
}

ul.highlight li{
	margin-bottom:20px;
}
ul.highlight li::before {
  content: "";
  margin:6px;
}
ul.highlight {
	margin-left:10px;
	border-left: solid 5px #d21215;
	list-style-type: none;
}

/*
.contenttext table {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.contenttext tr:nth-of-type(2n){
	background-color: #ebebeb;
}
.contenttext tr:nth-of-type(2n+1){
	background-color: #d9d9d9;
}
.contenttext tr:nth-of-type(1), .contenttext th{
	font-weight:300;
	background-color: #6d0002;
	color:#ffffff;
}
.contenttext td {
  padding-left:4px;
  padding-right:4px;
  width:auto !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contenttext th {
  text-align: left;
}
.contenttext td:last-child, .contenttext th:last-child{
    width:100%;
    white-space:nowrap;
    text-align:right;
}

*/

.contenttext br {
	content: "A" !important;
  display: block !important;
  margin-bottom: 10px !important;
}


a:link {
	color: #2a0001; TEXT-DECORATION: none; font-weight:bold;
}
a:visited {
	color: #2a0001; TEXT-DECORATION: none; font-weight:bold;
}
a:hover {
	color: #6d0002; TEXT-DECORATION: none; font-weight:bold;
}
a:active {
	color: #2a0001; TEXT-DECORATION: none; font-weight:bold;
}

#sidebar1 a {
	color: #2a0001; TEXT-DECORATION: none;
}

a.menupath:link {
	color: #3b2a17; TEXT-DECORATION: none; font-size:10px;
}
a.menupath:visited {
	color: #3b2a17; TEXT-DECORATION: none; font-size:10px;
}
a.menupath:hover {
	color: #6d0002; TEXT-DECORATION: none; font-size:10px;
}
a.menupath:active {
	color: #3b2a17; TEXT-DECORATION: none; font-size:10px;
}

a.linkfooter:link {
	color: #2a0001; TEXT-DECORATION: none; font-size:13px;
}
a.linkfooter:visited {
	color: #2a0001; TEXT-DECORATION: none; font-size:13px;
}
a.linkfooter:hover {
	color: #6d0002; TEXT-DECORATION: none; font-size:13px;
}
a.linkfooter:active {
	color: #2a0001; TEXT-DECORATION: none; font-size:13px;
}

a.teaserlink {
	COLOR: #8f6241; FONT-SIZE: 18px; margin-bottom: 6px;  margin-top: 4px;  margin-left: 0px; 
}

a.backgroundlink {
	COLOR: #d3d3d3; FONT-SIZE: 12px; margin-bottom: 6px;  margin-top: 4px;  margin-left: 0px; TEXT-DECORATION: none; text-shadow:1px 1px 1px #000;
}

a.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain); 
}

.highlight_link {
	/*margin: 0px auto;*/
	color: #ffffff !important;
	margin-top:6px;
	min-width:120px;
	max-width:320px;
	text-align:center;
	font-size:22px;
	padding:28px;
	background:#6d0002;
	font-weight:300;
	/*background-image:url('/images/bg-blue.png');
	background-position:center top; 
	background-size: cover;
	border: solid 3px #ffffff;*/
	/*-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;*/
	clear:both;
   transition: background .25s ease-in-out; 
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}
.highlight_link:hover {
	background:#2a0001;
}
.highlight_link a {
	color: #ffffff !important;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

td.td1, td.td2, td.td3 {
	valign:top;
	font-size:13px;
	line-height:13px;
	padding-top:4px; 
	padding-bottom:4px;
	padding-left:6px; 
	padding-right:6px;
}

#ankerbackground{
	height:1080px;
}

/* =================== User FORMULARE ================== */
#profiltext {
	font-size:13px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	width:50%;
}

div[class^="button"] {
		background:#2a0001;
		/*background-image:url('/images/bg-blue.png');
		background-position:center top; 
		background-size: cover;*/
		font-size: 18px;
    margin-top: 8px;
    margin-bottom: 8px;
    color:#ffffff;
    padding:6px;
    text-transform: uppercase;
    -webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
}

div[class^="clusterdiv"] {
    background:#ffffff;
    font-size: 18px;
    margin-top: 0px;
    color:#404040;
    padding:6px;
}

div[class^="clusterdiv"] a {
		COLOR: #d61316;
}
div[class^="clusterdiv"] h3 {
		COLOR: #d61316;
}

a.link_button{
		COLOR: #ffffff;
}

.counter_profil{
		display:none;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		background:#c80000;
		color:#ffffff;
		width:20px;
		height:20px;
		font-size:16px;
		padding-left:4px;
		float:left;
		margin-right:8px;
}

.musthave_headline{
		/*background-image:url(/images/pflichtfeld-gb.png);padding-left:80px; */
  	background:#efefef;
  	border: solid 2px #ff0001;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
    padding:6px;
    padding-top:2px;
    padding-bottom:2px;
    width:100%;
    color:#000000;
}
.form_select1 {
	float:left;
	margin-right:4px;
	width:80px;
	height:30px;
	font-size:16px;
	line-height:20px;
	border: solid 1px #3b2a17;
	background: #efefef;
	padding-left:6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
.form_text1 {
	float:left;
	width:95%;
	height:30px;
	font-size:16px;
	line-height:20px;
	border: solid 1px #3b2a17;
	background: #efefef;
	padding-left:6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
.form_text2 {
	float:left;
	margin:0px;
	width:15%;
	height:30px;
	font-size:16px;
	line-height:20px;
	border: solid 1px #3b2a17;
	background: #efefef;
	padding-left:6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
.form_text3 {
	float:left;
	width:30%;
	height:30px;
	font-size:16px;
	line-height:20px;
	border: solid 1px #3b2a17;
	background: #efefef;
	padding-left:6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
.form_text4 {
	float:left;
	width:50%;
	height:30px;
	font-size:16px;
	line-height:20px;
	border: solid 1px #3b2a17;
	background: #efefef;
	padding-left:6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
.form_file1 {
	float:left;
	width:95%;
	height:40px;
	border: solid 1px #3b2a17;
	background: #b7b7b7;
	font-size:13px;
	padding:6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
.form_textarea1 {
	float:left;
	width:100%;
	height:90px;
	border: solid 1px #3b2a17;
	background: #efefef;
	font-size:16px;
	line-height:20px;
	padding-left:6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
.form_submit1 {
	float:left;
	/*margin: 0px auto;*/
	margin-top:18px;
	min-width:220px;
	max-width:320px;
	text-align:center;
	padding:8px;
	background:#6d0002;
	color:#ffffff;
	font-weight:300;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border:none;
	border-radius:22px;
	clear:both;
   transition: background .25s ease-in-out; 
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}
.form_submit1:hover {
	background:#440102;
}


#error {
	padding:8px;
	width:100%;
	border: solid 2px #ff0001;
	margin-bottom:20px;
}

/* =================== User FORMULARE ================== */

/* =================== Produkt FORMULARE ================== */
.form_headline{
	width:100%;
	background-color:#a4a4a4;
	color:#ffffff;
	padding:8px;
	clear:both;
	margin-top:18px;
	margin-bottom:4px;
	float:left;
	font-size:20px;
	font-weight:300;
}
.form_col100 {
	width:100%;
	float:left;
	padding-right:6px;
}
.form_col50 {
	width:50%;
	float:left;
	padding-right:6px;
}
.form_col40 {
	width:40%;
	float:left;
	padding-right:6px;
}
.form_col33 {
	width:33%;
	float:left;
	padding-right:6px;
}
.form_col25 {
	width:25%;
	float:left;
	padding-right:6px;
}
.form_col20 {
	width:20%;
	float:left;
	padding-right:6px;
}
.form_col16 {
	width:16%;
	float:left;
	padding-right:6px;
}

table.form_table {
	width:99%;
}
table.form_table td:first-child, table.form_table th:first-child {
	width:70px;
}

/* Styles vom label als ersatz für radiobox und checkbox */
label{
	cursor:pointer;
	float:left;
	margin-right:12px;
}
.form_radio, .form_checkbox {
	width:26px;
	height:26px;
	text-align:left;
	margin-right:6px;
	margin-bottom:6px;
	float:left;
	background-color:#ffffff;
  border: 1px solid #a07b1d;
}

input[type="radio"] + span {
    border-radius: 50%;
}

input[type="checkbox"]:checked + span,
input[type="radio"]:checked + span{
	background-color:#735507;
}
input[type="checkbox"]:checked + span{
	background-image:url(/images/icon_check.png);
	background-position:center center;
	background-repeat:no-repeat;
}

/* Styles vom label als ersatz für radiobox und checkbox */

/*
.formulardiv_overlay{
	background: #f3f3f3;
	border: 1px solid #666666;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75); 
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	color: #333;
	max-width: 600px;
	width:80%;
	height: auto;
	padding:20px;
	z-index:1000;
	display:none;
	text-align:left;
}*/

.formulardiv_overlay{
	background: #f3f3f3;
	border: 1px solid #666666;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75); 
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	color: #333;
	position: fixed;
	z-index:900;
 	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
 	width: 80%;	
 	max-width:800px;
 	height:auto;
 	padding:18px;
 	display:none;
	text-align:left;
}
.formulardiv_inlay{
	/* Für die Darstellung des Formulars, wenn display kleiner als Formular */
}

.icon_close{
	background: #c2402b;
	background-image:url(/images/icon_close.png);
	background-position:center center;
	background-size: contain;
	background-repeat:no-repeat;
	border: 1px solid #666666;
	width:28px;
	height:28px;
	float:right;
	margin-bottom:-20px;
}
/* =================== Produkt FORMULARE ================== */

/* =================== Shop, Payment ====================== */
.payment_price_add_to_cart {
	float:left; 
	width:270px; 
	margin-top:0px;
}

.payment_price_add_to_cart hr {
	border:none;
	height:1px;
	background-color: #dfdfdf;
	margin-top:2px;
	margin-bottom:2px;
}

#payment_add_to_cart_info{
	position: fixed;
 	top: 50%;
	left: 50%;
	z-index:5000;
	transform: translate(-50%, -50%);
 	width:300px;
 	height:70px;
 	display:none;
 	border:solid 1px #dfdfdf; 
 	padding:10px; 
 	-webkit-border-radius:4px; 
 	-moz-border-radius:4px; 
 	border-radius:4px; 
 	background-color:#ffffff; 
 	text-align:center;
 		/* x-versatz, y-versatz, verlauf, größe */
	-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.75); 
	-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.75);
}

#payment_add_to_cart_info a{
 	font-size:16px;
}

.payment_ppplus {
	float:right; 
	width:220px;
	margin-top:0px;
	margin-top:-18px;
}
.payment_ratenzahlung_info {
	clear:right;
	float:right; 
	width:220px; /* Breite für Button, Paypal-Container für Infotext muss mindestens 300px breit sein. Siehe Template shop.payment */
}

.payment_price {
	font-size:20px !important;
	color:#6d0002;
}

/* Zum Warenkorb hinzufügen Button und Menge */
.payment_add_to_cart_container{
	width:100%; 
	border:solid 1px #dfdfdf; 
	margin-bottom:8px; 
	margin-top:8px; 
	padding:10px; 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	border-radius:4px; 
	background-color:#ffffff; 
	font-size:12px;
}
.payment_bestand {
	color:#a2a2a2; 
	font-size:12px; 
	float:right;
}
.payment_bestand input{
	border:none; 
	background:none; 
	float:left; 
	width:24px; 
	margin-top:3px;
}
.payment_input_number_v1{
	width:40px; 
	height:26px;
}
.payment_input_submit_v1{
	padding:12px;
	margin-top:8px;
	border:none;
	background-color:#0070ba;
	color:#ffffff;
	width:100%;
	height:auto;
	text-align:center;
	font-weight:300;
	font-size: larger;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; border-radius:4px;
}

/* =================== Shop, Payment ====================== */

/* =================== Kalender =================== */
#calendar {
    clear:both;
    -moz-user-select: none;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    margin: 0px auto;
    width: 100%;
}
#calendar .navigation {
    background-color: #6d0002;
    border: 1px solid #ffffff;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-weight: 300;
    padding: 1px;
    position: relative;
    margin-bottom:6px;
}
#calendar .kalenderdate {
		display:none;
    background-color: #909090;
    border: 1px solid #3d3d3d;
    color: #ffffff;
    border-radius: 6px 6px 6px 6px;
		clear:both; 
		padding:6px;
    margin:6px;
}
#calendar .kalenderdate a {
    color: #ffffff;
}
#calendar .kalenderdateclose {
    background-color: #6d0002;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 6px 6px 6px 6px;
		clear:both; 
		height:20px;
		width:20px;
		float:right;
		font-size:12px;
		line-height:12px;
		padding-left:5px;
		padding-top:2px;
}

#calendar .navigation .title {
    background: none repeat scroll 0 0 transparent;
    border-color: rgba(0, 0, 0, 0);
    color: inherit;
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
#calendar .navigation .prev, #calendar .navigation .next {
    background-image: url(/images/nav.png);
    height: 24px;
    opacity: 0.9;
    position: absolute;
    top: 4px;
    width: 24px;
}
#calendar .navigation .prev {
    background-position: 0 0;
    left: 4px;
}
#calendar .navigation .next {
    background-position: -24px 0;
    right: 4px;
}
#calendar .navigation .prev:hover, #calendar .navigation .next:hover {
    opacity: 1;
}
#calendar .suchen {
    display: none;
    background-image: url(/images/search.png);
    background-repeat:no-repeat;
    padding-left:26px;
}

#calendar table {
    border-collapse: collapse;
    font-size: 0.9em;
    table-layout: fixed;
    width: 100%;
}
#calendar table th {
    border: 0 none;
    font-weight: 300;
    padding: 0.7em 0.3em;
    text-align: center;
}
#calendar table td {
    border: 0 none;
    padding: 1px;
}
#calendar table td a {
    /*background-color: #EEEEEE;*/
    border: 1px solid #D8DCDF;
    color: #1c1c1c;
    display: block;
    font-weight: 300;
    opacity: 0.7;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
#calendar table td a:hover {
    background-color: #F6F6F6;
    border: 1px solid #CDD5DA;
    color: #111111;
}
#calendar table td.current a {
    font-weight: 300;
    opacity: 1;
}
#calendar table td.today a {
    background-color: #dedede;
    border: 1px solid #FCD3A1;
    color: #444444;
    font-weight: 300;
    opacity: 1;
}
#calendar table td.date_this_url a {
    background-color: #6d0002;
    border: 1px solid #FCD3A1;
    color: #ffffff;
    font-weight: 300;
    opacity: 1;
}
#calendar table td.date_other_url a {
    background-color: #aabed6;
    border: 1px solid #FCD3A1;
    color: #ffffff;
    font-weight: 300;
    opacity: 1;
}
#calendar table td.date_other_url_hidden a {
    background-color: #ffffff;
}

#calendar table td.date_with_image a {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #000000;
    font-weight: 300;
    opacity: 0.3;
}
#calendar table td.date_this_url_with_image a {
    border: 3px solid #1e7950;
    color: #000000;
    font-weight: 300;
    opacity: 0.8;
}

.calendarfooter{
		margin-top:6px;
		display:none;
}

#content_pic_small, .content_pic_small{
		width:200px;
		float:left;
}
/* =================== Kalender =================== */

#searchbundle {
	height:40px;
	width:85%;
	float:left;
	margin:0px;
	margin-right:44px;
	background-color:#efefef; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

#searchstarter{
	position: relative; 
	top:0px; 
	left:0px; 
	z-index:2; 
	width:46px; 
	height:40px; 
	margin-bottom:-40px; 
	background:#ffffff;
	background-image:url(/images/search.png);
	background-repeat:no-repeat;
	background-position: center center ;
	cursor:pointer;
}
.searchform {
	BACKGROUND: none; 
	HEIGHT: 28px; 
	WIDTH:70%; 
  FONT-SIZE: 18px;
  LINE-HEIGHT: 18px; 
  letter-spacing:-0.05em; 
  font-weight:300;
	COLOR:#434343;
	padding-top:12px;
	padding-left:18px;
	border: none;
}
.searchbutton {
	BACKGROUND: #e5e5e5; 
	background-image:url(/images/search.png);
	background-repeat:no-repeat;
	background-position: center center ;
	border: none;
	width: 46px; 
	HEIGHT: 40px; 
	-webkit-border-top-right-radius:20px;
	-moz-border-top-right-radius:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-bottom-right-radius:20px;
	border-bottom-right-radius:20px;
	font-size:0px;
}

.searchresultmenupath{
	clear:both;
	width:100%; 
	padding:4px; 
	margin-bottom:6px;
	background-color:#b9b9b9;
	border: solid 1px #3b2a17;
	/*-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;*/
}
.searchresultmenupath a{
	color:#ffffff;
}

	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		margin-top:10px;
		margin-left:-834px;
		width:1250px;	/* Width of box */
		height:380px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		background-color:#efefef;
		border:solid 1px #fefefe;
		border-top:solid 8px #fefefe;
		/*-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;*/
		padding:4px;
		text-align:left;
		FONT-SIZE:14px; 
		FONT-FAMILY: 'Lato', sans-serif; 
		COLOR:#0072b2;
		z-index:1004;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		color:#3b2a17;
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		border-top:solid 1px #868686;
		border-bottom:solid 1px #868686;
		/*-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;*/
		padding-left:4px;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}




.schriftsubtitle {
FONT-SIZE: 15px;
}



/* =================== LAYOUT ================== */
	
#container {
	margin:0px auto;
	width:100%;
	overflow:hidden;
	/* x-versatz, y-versatz, verlauf, größe */
	/*-webkit-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.75); 
	-moz-box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 12px 4px rgba(0,0,0,0.75);*/
}

#imagepopup{
	position: fixed;
 	top: 50%;
	left: 50%;
	z-index:5000;
	transform: translate(-50%, -50%);
 	width: 80%;	
 	height:80%;
 	display:none;
	}
	
#imagepopupbackground{
	position: fixed;
 	top: 0px;
	left: 0px;
	z-index:5000;
 	width: 100%;
 	height:100%;
 	display:none;
 	background-image:url(/images/bg-black-trans75.png);
}
#container_footer, #container_header{
	margin:0px auto;
	width:100%;
}
#container_topbar{
	display:none;
	width:100%; 
	height:40px; 
	overflow:hidden; 
	position: fixed; 
	top:0px; 
	left:0px; 
	z-index:1000; 
	background-color:#404040;
}
#container_footer{
	/*min-height:300px;
	background-repeat:no-repeat;
	background-position:center top; 
	background-size: cover;
	background-image:url('/images/bg-footer.png');*/
	background-color:#404040;
	color:#ffffff;
	text-align:center;
}
#container_header_background{
	/* x-versatz, y-versatz, verlauf, größe */
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); 
	-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);height:56px;
	width:100%;
	height:250px;
  position: fixed;
  top:0px;
  left:0px;
	z-index:49;
	/*background-color:#efefef;*/
	background-image:url('/images/black-trans.png');*/
	display:none;
}
#container_header_background2{
	width:100%;
	height:260px; /*siehe Template Teaser*/
  position: absolute;
  top:0px;
  left:0px;
	z-index:-1;
	background-color:#434343;
	display:block;
}
#container_header{
	/* border-bottom: solid 10px transparent; */
	/* margin-bottom: -10px; */
	/* -webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);  */
	/* -moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); */
	/* box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); */
	/* position:relative; */
	/* Styles für Animation bei scroll */
	/* background-color:#434343; */
	overflow: visible !important;
	height:75px;
  position: fixed;
  top:0px;
  left:0px;
	z-index:50;
}

.info_left {
	position:relative;
	float:left;
	color:#ffffff;
	margin-top:3px;
}
.info_left a {
	color:#ffffff;
}
.info_left_1 {
  position:absolute; 
  left:0px; 
  top:0px; 
  opacity: 0.0; 
  width:300px;
  animation-duration: 3s;
  animation-name: fadein;
	animation-iteration-count: 2; /*infinite : wiederholung*/ 
	animation-direction: alternate;
}
.info_left_2 {
  position:absolute; 
  left:0px; 
  top:0px; 
  opacity: 0.0; 
  width:300px;
  animation-duration: 3s;
  animation-name: fadein;
	animation-iteration-count: 2; /*infinite : wiederholung*/ 
	animation-direction: alternate;
	animation-delay: 5s;
}
.info_left_3 {
  position:absolute; 
  left:0px; 
  top:0px; 
  opacity: 0.0; 
  width:300px;
  animation-duration: 3s;
  animation-name: fadein;
	animation-iteration-count: 2; /*infinite : wiederholung*/ 
	animation-direction: alternate;
	animation-delay: 10s;
}
.info_left_4 {
  position:absolute; 
  left:0px; 
  top:0px; 
  opacity: 0.0; 
  width:300px;
  animation-duration: 3s;
  animation-name: fadein;
	animation-iteration-count: 2; /*infinite : wiederholung*/ 
	animation-direction: alternate;
	animation-delay: 15s;
}
.info_left_5 {
  position:absolute; 
  left:0px; 
  top:0px; 
  opacity: 0.0; 
  width:600px;
  animation-duration: 3s;
  animation-name: fadein;
	animation-iteration-count: 1; /*infinite : wiederholung*/ 
	animation-fill-mode: forwards; /*letzer Keyframe bleibt*/
	animation-direction: alternate;
	animation-delay: 20s;
}

@keyframes fadein {
  from {
    opacity: 0.0;
  }

  to {
    opacity: 1.0;
  }
}

.info_right {
	float:right; 
	width:200px; 
	color:#bcc1d2;
	font-weight:300;
	margin-top:8px; 
	overflow:hidden; 
	text-align:right; 
	height:31px;
}
.info_right img{
	margin-bottom: -6px;
	}

#sidebar1 {
	border-top: solid 32px #8b8b8b;
}

.sidebar1text{
	margin:20px;
	width:30%;
	float:left;
	background:#484848;
	color:#ffffff;
	text-align:left;
	 transition: background .25s ease-in-out; 
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}
.sidebar1text:hover{
	background:#393939;
	color:#bdbdbd;
} 
.sidebar1text hr{
	background: none;
	border-top:dashed 2px #ffffff;
}
.sidebar1headline, .sidebar1subtitle{
	clear:both;
	padding-right:6px;
	width:100%;
}
.sidebar1headline h2 {
	COLOR: #ffffff; 
	font-weight:300;
	text-transform: uppercase;
}
.sidebar1subtitle h2 {
	COLOR: #ffffff; 
	font-weight:300;
}

.sidebar1_braek{
	height:2px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(107,107,107,0.65) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(107,107,107,0.65) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(107,107,107,0.65) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); 
}

.sidebar1text img{
	transition: all .2s ease-in-out; 
}
.sidebar1text img:hover{
	/*z-index: 10;
	box-shadow: 8px 8px 15px rgba(0,0, 0, 0.4);*/
	-webkit-transform: rotate(0deg) scale(1.05);
	-o-transform: rotate(0deg) scale(1.05);
	-moz-transform: rotate(0deg) scale(1.05);
	-ms-transform: rotate(0deg) scale(1.05);
	transform: rotate(0deg) scale(1.05);
}


.sidebar1text:nth-child(4n+1) { 
	clear: both; 
}

#teaserbar {
	position:relative; 
	z-index:5;
	width:100%;
	margin-left:12px;
	margin-top:-140px;
}
.teaserbartext{
	overflow:hidden;
	border-top:solid 6px #a07b1d;
	border-bottom:solid 16px #ffffff;
	padding-bottom:-16px;
	margin:10px;
	margin-top:20px;
	height:290px;
	width:30%;
	float:left;
	background:#ffffff;
	color:#7a7a7a;
	text-align:center;
	transition: all .6s ease-in-out; 
}
	
.teaserbartext:hover{
	margin-top:-160px;
	height:350px;
	/*background:none;
	background-image:url('/images/bg-trans75.png');*/
	color:#434343;
} 




.slidebarpic{
	float:left; 
	height:160px; 
	width:25%;
}
.slidebarpictext{
	transition: all .2s ease-in-out; 
}
.slidebarpictext:hover{
	-webkit-transform: rotate(0deg) scale(1.25);
	-o-transform: rotate(0deg) scale(1.25);
	-moz-transform: rotate(0deg) scale(1.25);
	-ms-transform: rotate(0deg) scale(1.25);
	transform: rotate(0deg) scale(1.25);
	background:#000000;
}




#header, #footer, .maincontent { 
	margin:0px auto;
	width:1250px; 
}
#footer, .maincontent { 
	overflow:hidden; 
}
.content_2cols { 
	float:left;
	width:50%;
	padding-right:20px;
}

#teasercontainer {
	width:100%; 
	min-height:90px;
}
#teaser {
	background-color:#434343;
	min-height:250px; /* siehe Template Teaser*/
	overflow:hidden;
	height:0px;
	margin-top: 0px;
	margin-bottom:0px;
}

#teasertext {
	margin:0px auto;
	width:1250px; 
	padding:14px;
	color:#4f4f4f;
	font-size:20px;
	line-height:36px;
}
.teaser_slider_overlay {
	color:#ffffff;
	line-height:28px;
	font-size:24px;
  position: absolute;
  width:100% !important;
  padding-left:20px;
  padding-right:20px;
  top: 39%;
  z-index:50;
	/* x-versatz, y-versatz, verlauf, farbe */
	-webkit-text-shadow: -2px -2px 6px rgba(0,0,0,0.75); 
	-moz-text-shadow: -2px -2px 6px rgba(0,0,0,0.75);
	text-shadow: -2px -2px 6px rgba(0,0,0,0.75);
}
.teaser_slider_overlay h1 {
	font-weight:800;
	font-size:4vw;
	line-height:3.8vw;
	color:#ffffff;
	margin-right:20px;
	margin-bottom:20px;
	/* x-versatz, y-versatz, verlauf, farbe */
	-webkit-text-shadow: -1px -1px 4px rgba(0,0,0,0.75); 
	-moz-text-shadow: -1px -1px 4px rgba(0,0,0,0.75);
	text-shadow: -1px -1px 4px rgba(0,0,0,0.75);
}
.teaser_overlaytext{
	background-color:#ffffff;
	font-weight:800;
	font-size:1.6em !important;
	position:relative; 
	z-index:3 !important;
	/*background-image:url('/images/blue-trans.png');*/
	color: #434343;
	margin:10px !important;
	text-transform: uppercase;
	padding:14px !important;
}
.teaser_overlaylink{
	padding:16px;
	min-height:60px;
	width:240px;
	margin 0px auto;
	border:solid 1px #ffffff;
	color:#ffffff;
}
.teaser_overlaylink_highlight{
	padding:16px;
	min-height:60px;
	width:240px;
	margin 0px auto;
	background-color:#ffffff;
	border:solid 1px #6d0002;
	color:#6d0002;
}

.teaser_overlay_width99{width:99%;}
.teaser_overlay_width98{width:98%;}
.teaser_overlay_width97{width:97%;}
.teaser_overlay_width96{width:96%;}
.teaser_overlay_width95{width:95%;}
.teaser_overlay_width94{width:94%;}
.teaser_overlay_width93{width:93%;}
.teaser_overlay_width92{width:92%;}
.teaser_overlay_width91{width:91%;}
.teaser_overlay_width90{width:90%;}
.teaser_overlay_width89{width:89%;}
.teaser_overlay_width88{width:88%;}
.teaser_overlay_width87{width:87%;}
.teaser_overlay_width86{width:86%;}
.teaser_overlay_width85{width:85%;}
.teaser_overlay_width84{width:84%;}
.teaser_overlay_width83{width:83%;}
.teaser_overlay_width82{width:82%;}
.teaser_overlay_width81{width:81%;}
.teaser_overlay_width80{width:80%;}
.teaser_overlay_width79{width:79%;}
.teaser_overlay_width78{width:78%;}
.teaser_overlay_width77{width:77%;}
.teaser_overlay_width76{width:76%;}
.teaser_overlay_width75{width:75%;}
.teaser_overlay_width74{width:74%;}
.teaser_overlay_width73{width:73%;}
.teaser_overlay_width72{width:72%;}
.teaser_overlay_width71{width:71%;}
.teaser_overlay_width70{width:70%;}
.teaser_overlay_width69{width:69%;}
.teaser_overlay_width68{width:68%;}
.teaser_overlay_width67{width:67%;}
.teaser_overlay_width66{width:66%;}
.teaser_overlay_width65{width:65%;}
.teaser_overlay_width64{width:64%;}
.teaser_overlay_width63{width:63%;}
.teaser_overlay_width62{width:62%;}
.teaser_overlay_width61{width:61%;}
.teaser_overlay_width60{width:60%;}
.teaser_overlay_width59{width:59%;}
.teaser_overlay_width58{width:58%;}
.teaser_overlay_width57{width:57%;}
.teaser_overlay_width56{width:56%;}
.teaser_overlay_width55{width:55%;}
.teaser_overlay_width54{width:54%;}
.teaser_overlay_width53{width:53%;}
.teaser_overlay_width52{width:52%;}
.teaser_overlay_width51{width:51%;}
.teaser_overlay_width50{width:50%;}
.teaser_overlay_width49{width:49%;}
.teaser_overlay_width48{width:48%;}
.teaser_overlay_width47{width:47%;}
.teaser_overlay_width46{width:46%;}
.teaser_overlay_width45{width:45%;}
.teaser_overlay_width44{width:44%;}
.teaser_overlay_width43{width:43%;}
.teaser_overlay_width42{width:42%;}
.teaser_overlay_width41{width:41%;}
.teaser_overlay_width40{width:40%;}
.teaser_overlay_width39{width:39%;}
.teaser_overlay_width38{width:38%;}
.teaser_overlay_width37{width:37%;}
.teaser_overlay_width36{width:36%;}
.teaser_overlay_width35{width:35%;}
.teaser_overlay_width34{width:34%;}
.teaser_overlay_width33{width:33%;}
.teaser_overlay_width32{width:32%;}
.teaser_overlay_width31{width:31%;}
.teaser_overlay_width30{width:30%;}
.teaser_overlay_width29{width:29%;}
.teaser_overlay_width28{width:28%;}
.teaser_overlay_width27{width:27%;}
.teaser_overlay_width26{width:26%;}
.teaser_overlay_width25{width:25%;}
.teaser_overlay_width24{width:24%;}
.teaser_overlay_width23{width:23%;}
.teaser_overlay_width22{width:22%;}
.teaser_overlay_width21{width:21%;}
.teaser_overlay_width20{width:20%;}
.teaser_overlay_width19{width:19%;}
.teaser_overlay_width18{width:18%;}
.teaser_overlay_width17{width:17%;}
.teaser_overlay_width16{width:16%;}
.teaser_overlay_width15{width:15%;}
.teaser_overlay_width14{width:14%;}
.teaser_overlay_width13{width:13%;}
.teaser_overlay_width12{width:12%;}
.teaser_overlay_width11{width:11%;}
.teaser_overlay_width10{width:10%;}



#teaserfooter {
	width:100%; 
	background-color:#cacaca;
	padding-top: 15px;  
	padding-bottom: 15px;  
}	


.footerinfos {
	font-size:14px;
	color:#d1d1d1;
	text-align:left;
	padding:26px;
	overflow:hidden;
	float:left;
	width:33%;
}
.footerinfos h1{
	color:#ffffff;
	font-size:16px;
	line-height:18px;
}
.footerinfos a{
	color:#bcc1d2;
	font-size:14px;
}



#navi {
	margin-top:100px;
	height:auto;
	min-height:30px;
	width:100%;
}
#navi_dummy{
	position:relative; 
	z-index:1001;
	/*float:right;*/
	margin:0 auto;
	height:auto !important;
	overflow:visible;
	width:1020px;
}
#navi_highlighter{
	position:absolute; 
	left:0px
	top:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	filter:Alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7;
	z-index:10;
	display:none;
}


#search {
	float:right;
	padding:0px; 
	width:40px;
	height:40px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
}

#logo {
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 200px; /* Need a specific value to work */
	z-index:10000;
	margin-top:-50px;
	background:none;
	overflow:hidden;
	/* -webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:solid 1px #efefef; */
}
#headerinfos {
	width:auto;
	font-size:10px;
	font-weight:300;
	line-height:12px;
	height:auto;
	color:#000000;
	float:right;
	margin-top:14px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:2px;
	text-align:right;
}
a.linkheaderinfo {
	margin-left:10px;
}

#headerinfos2 {
	clear:both;
	position:relative;
	top:40px;
	left:394px;
	width:60px;
	text-align:right
}

#contentinfo {
	padding-left:24px;
	padding-bottom:6px;
	background:#ffffff;
}

#content {
	float:left;
	width:100%;
	overflow:hidden;
	margin:0px;
	min-height:80px;
}
.highlightentry_small {
	width:100%; 
	background-color:#384444; 
	background-image:url('/images/bg-highlight.jpg');
	background-size:cover;
	color:#ffffff;
	font-size:13px;
	float:left;
	margin-right:12px;
	margin-bottom:16px;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:30px;
}
.highlightentry_small h1, .highlightentry_small h2 {
	color:#ffffff;
}

.highlightentry_big {
	width:100%; 
	background-color:#ffffff; 
	/*background-image:url('/images/bg-highlight.jpg');
	background-size:cover;*/
	color:#404040;
	float:left;
	margin-right:12px;
	margin-bottom:-1px;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}
.highlightentry_big h1, .highlightentry_big h2 {
	color:#404040;
}
.highlightentry_big p, .highlightentry_big b, .highlightentry_big a {
	font-size:18px;
	line-height:32px;
}
.highlightentry_big a {
	color:#1e1e1e;
}
.contententry_big, .contententry_small {
	width:100%; 
	font-size:13px;
	float:left;
	margin-right:8px;
	margin-bottom:16px;
	overflow:hidden;
}

.textdiv_big {
	width:100%; 
	float:left;
	/*position:relative;*/ /*Achtung stört Scrollbackground. Positionsberechnung erfolgt immer zum "offset parent element" diese sind Elemente wie CSS position: relative or position: absolute ODER <td>, <th>, <table> or the <body>.*/
}

.textdiv_small {
	float:left;
	width:45%; 
}
.formulardiv_small {
	float:right;
	width:38%; 
}



.contentheadline, .contentheadline2, .contentsubtitle {
	margin-top:36px;
	margin-bottom:16px;
	margin-right:16px;
	clear:left;
	/*text-align:center;*/
}
.contentheadline2 h1{
	font-size:20px;
}
.contentsubtitle h2{
	font-size:14px;
	font-weight:300;
}
.contenttext, .contenttext2 {
	width:100%;
	margin-top:16px;
	margin-bottom:16px;
	float:left;
}
.contenttext li {
	text-align:left;
}


.facebook {
	margin-left:-16px;
}

.pic_content_full, .pic_content_half {
	background-color:none;
	float:right;
	color:#000000;
	padding:0px;
	margin-left:0px;
	margin-bottom:8px;
	width:40%;
	border:solid 1px transparent;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
}
.pic_content_half {
	margin-top:66px;
	height:auto;
	}
.pic_content_full {
	width:100%;
	max-width:600px;
	margin:0px auto !important;
	float:none;
	}

.pic_regulargallery {
	width:25%; /* mit pic_regulargallery_innerdiv height:18vw -> Bildformat ca. 4zu3 */
	float:left;
	border:solid 4px #ffffff;
}
.pic_regulargallery_innerdiv {
	height:32vw;
}
.regulargallerypictext{
	max-height:44px; 
	max-width:90%;
	font-size:12px !important;
	transition: all .8s ease-in-out; 
}
.regulargallerypictext a{
	font-size:14px;
}
.regulargallerypictext u{
	border:solid 1px #000000;
	padding: 8px;
	font-size:16px;
	text-decoration:none;
}
.regulargallerypictext:hover{
	max-height: 400px;
  /*-webkit-transform: rotate(0deg) scale(2.25);
	-o-transform: rotate(0deg) scale(2.25);
	-moz-transform: rotate(0deg) scale(2.25);
	-ms-transform: rotate(0deg) scale(2.25);
	transform: rotate(0deg) scale(2.25);*/
	background:#000000;
}

.pic_regulargallery_v2 {
	width:35%;
	float:left;
}
.pic_regulargallery_v2:nth-child(2n+1) { 
	width:65%;
}
pic_regulargallery_v2_innerdiv {
	width:100%;
}

.pic_regulargallery_v3 {
	width:35%;
	float:left;
}
.pic_regulargallery_v3:nth-child(2n+1) { 
	width:65%;
}
pic_regulargallery_v3_innerdiv {
	width:100%;
}

.footerinfo {
	color:#ffffff;
	width:23%;
	float:left;
	margin:6px;
	margin-top:8px;
	margin-bottom:12px;
}

.date {
	font-size:14px;
	color:#6d0002;
	margin-left:16px;
}




/* ########################################################## VIDEO ###################################### */

/* ################################ */
/* ######## Video Container ######## */
/* ################################ */

#mxv_container {
	margin: 0px; 
	width:100%;
	height:auto;
	overflow:hidden;
}

#mxv_head {
 	overflow:hidden;
	width:0px; /*1000px;*/
	height:0px; /*200px;*/
	background-color:#efefef;
	margin-bottom:0px;
}


#mxv_videocontent {
	float:left;
	width:100%;
	margin-left:0px;
	margin-right:0px;
}

#mxv_search {
	float:left;
	overflow:hidden;
	width:0px;
	height:0px;
	background-color:#3b2a17;
	color:#ffffff;
	margin-bottom:0px;
}

#mxv_social {
	position:relative;
	float:left;
	overflow:hidden;
	width:0px;
	height:0px;
	/*background-color:#ffffff;*/
	color:#ffffff;
 	margin-left:0px;
}

#mxv_player {
	float:left;
	width:100%;
	/*background-color:#e50014;*/
	margin-top:0px;
	margin-bottom:0px;
}

#mxv_playeroptions {
	float:left;
	overflow:hidden;
	width:100%;
	height:0px;
	padding:0px;
	margin:0px;
	/*background-image:url('http://www.raps.tempsite.de/images/box-feed.gif');*/
}

#mxv_playlist_and_detail {
	position:relative;
	float:left;
	overflow:hidden;
	width:0px;
	margin-right:0px:
	height:0px;
}

#mxv_quickplay {
 	margin:0px;
 	scroll:auto;
 	overflow-x:hidden;
	/*background-image:url('http://www.media-x-vision.de/images/iptvstyles/facebook.com-playlist_bg_detail.gif');*/
	background-color:#f1f1f1;
	float:right;
	width:0px;
	margin-left:0px:
	margin-bottom:0px:
	border:0px solid #2a6db9;	

}

#mxv_feed {
	overflow:hidden;
	clear:both;
	float:left;
	width:0px;
	height:0px;
	background-color:#000000;
}

/* ################################################ */
/* ############# DESKTOP bis 1600  ################ */
@media only screen and (min-device-width: 1281px) and (max-width: 1600px) {
}



/* ################################################ */
/* ############# DESKTOP, Tablet bis 1280  ######## */
@media only screen and (min-device-width: 1025px) and (max-width: 1280px) {

#header, #footer, .maincontent, #teasertext { 
	width:1000px; 
}
.contententry_small, .highlightentry_small {
}

.contententry_big, .highlightentry_big {
}

.pic_content_half {
}

#headerinfos {
}
#logo {
}
#navi_dummy {
	width:950px;
}
.sidebar1text{
	width:29%;
}
 #ajax_listOfOptions { 
	width:1000px;
	margin-left:-636px;
}
.payment_price_add_to_cart {
	width:170px; 
}


/* =================== Shop, Payment ====================== */


}


/* ################################################ */
/* ############# iPad hoch ######################## */
@media only screen and (max-width: 1024px) {

.scrollanker{
	scroll-margin-top: 140px; 
}

#header, #footer, .maincontent, #teasertext { 
	width:746px; 
}
.contententry_small, .highlightentry_small {
}
.contententry_big, .highlightentry_big {
}

#logo{
	margin-top:-15px;
	width:100px;
}

#search {
	}
.searchform {
  }

#ajax_listOfOptions{
	width:746px;
	margin-left:-382px;
	}

#container_header_background{
  display:block;
  height:140px;
}
#container_header_background2{
  height:140px;
}
#teaser {
	min-height:140px;  /* siehe Template Teaser*/
}
#headerinfos {
}

#headerinfos2 {
	position: static;
	left:0px;
	top:0px;
	clear:both;
	float:right;
}
#content {
	/*background-image:url('/images/bg-content750.png'); */
	background-repeat:no-repeat;
}

#sidebar1 {
}

.sidebar1text{
	width:44%;
}

#sidebar2 {
}

#contententry {
	min-width:358px;
	max-width:720px; /*border-breite beachten*/
}
.formulardiv_small {
	float:left;
	margin-left:16px;
	width:98% !important;
}

.textdiv_small {
	width:65%;
}
.pic_content_half {
	width:30%;
}
.pic_content_full {
}
.pic_regulargallery {
	 border: solid 2em transparent !important;
	 width:50% !important;
}
.pic_regulargallery_innerdiv {
	 min-height:400px !important;
}

.footerinfo {
	width:48%;
}


#navi {
  margin-top:40px;
}
#navi_dummy {
	width:720px;
}
.payment_price_add_to_cart {
	width:200px; 
}

}

/* ################################################ */
/* ############# Smart-Phone ###################### */
@media only screen and (max-width: 767px) {
body {
	 -webkit-text-size-adjust: none;
	margin:0px;
}

.scrollanker{
	scroll-margin-top: 0px; 
}

* { 
	FONT-SIZE: 16px;
	LINE-HEIGHT: 19px;
}
h1 {
	FONT-SIZE: 22px; margin-bottom: 8px; line-height:26px;
}
a.linkteaser {
	FONT-SIZE: 18px !important;
}
#container, #header, #footer, .maincontent, .content_2cols {
	width:100%;
	margin:0px;
	margin-top:0px;
}
#logo {
	margin: 0px;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 0px;
	width:120px;
	height:120px;
}
#container_header {
	position:relative;
 	margin-bottom:42px;
}
#container_header_background{
  display:none;
}
#header {
}

#headerinfos {
	float:left;
	position:relative;
	z-index:10000;
	margin-top:10px;
}
#headerinfos2 {
}
h1.head {
	COLOR: #333333; FONT-SIZE: 36px; margin-bottom: 8px;  margin-top: 12px;  margin-left: 20px; line-height:20px;
}

.info_left {
	margin-top:8px;
}
.info_right{
	margin-top:4px;
}
.info_right img{
	margin-bottom:-10px;
}
.info_left_5{
	display:none;	
}
#teaser {
	width:100%;
	border:0px;
	overflow:hidden;
	margin-top:0px;
	min-height:0px;   /* siehe Template Teaser*/
}
#teasertext {
	margin-left:20px;
	width:90% !important;
}


#footer {
	width:100%;
	margin-right:0px;
}
.footerinfos {
	width:49%;
}
#navi { 
	margin:0px;
	margin-top:20px;
	width:100%;
	padding-right:6px;
	padding-left:6px;
}
#navi_dummy{
	margin:0px;
	position:relative; 
	width:100%;
}

#search {
	width:100%;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:-6px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	height:auto;
	overflow:hidden;
}

#searchstarter{
	display:none;
}

#searchbundle {
	width:100%;
	margin:0px;
	float:left;
	display:none;
}

.searchform {
	margin-top:3px;
	float:left;
	WIDTH:65%; 
	margin-left:0px;
}

.searchbutton {
}

#ajax_listOfOptions{
		width:98%;
		height:220px;
		margin-left:-1px;
}

#content {
	width:100%;
	padding-top:0px;
	margin:0px;
	border:0px;
}
.contententry_small, .contententry_big, .highlightentry_small, .highlightentry_big, .textdiv_small, .textdiv_big {
	margin:0px auto;
	width:100%;
	min-width:100%;
	max-width:100%;
	float:left;
	/*padding-left:12px;*/
	/*padding-right:12px;*/
}
.textdiv_small {
	padding-left:20px;
}


.pic_content_full {
	width:100% !important;
}

.pic_content_half {
	width:100% !important;
	padding:12px;
}

.pic_regulargallery {
	 border: solid 1em transparent !important;
	 width:50% !important;
}
.pic_regulargallery_innerdiv {
	 min-height:300px !important;
}


a.backgroundlink {
	filter:Alpha(opacity=0); opacity: 0.0; -moz-opacity:0.0;
}

body.mainbody {
	background-image:none !important;
	background:#ffffff;
}

#ankerbackground{
	height:0px;
}

.footerinfo {
	width:90%;
	margin:0px;
	margin-bottom:20px;
}

td.td3 {
	overflow: hidden;
  white-space: nowrap;
  width: 0px;
  height: 0px;
	padding-top:0px; 
	padding-bottom:0px;
	padding-left:0px; 
	padding-right:0px;
}

.sidebar1text{
	width:90%;
}

.payment_price_add_to_cart {
	width:100% !important;
	padding-right:10px; 
}

}


/* ############# Smartphone klein ################ */

@media only screen and (max-width: 460px) {
td.td2 {
	overflow: hidden;
  white-space: nowrap;
  width: 0px;
  height: 0px;
	padding-top:0px; 
	padding-bottom:0px;
	padding-left:0px; 
	padding-right:0px;
}

.teaser_overlaytext{
	font-size:5vw !important;
	line-height:2.5vw;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
.form_col50 {
	width:100%;
}
.payment_price_add_to_cart, .payment_ppplus, .payment_ratenzahlung_info, .footerinfos {
	width:100% !important;
	padding-right:10px; 
}

.info_left {
	display:none;
}
 
}