html, body {
	height: auto; min-height: 100%;
}
.clear {
clear: left;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background/bg4.jpg);
	background-repeat: repeat;
	background-position: top center;
	background-attachment: fixed;
	width:100%;
	display: table;
}

a, a:link, a:active, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
color: #000000;
padding:0;
}
a img {
border:0;
}

@media only screen and (min-width: 1025px) {
	.shop {
	display: block;
	font-family: "Open Sans Light",X-LocaleSpecific-Light,"Open Sans",X-LocaleSpecific,sans-serif;
	font-weight: normal;
	line-height: 100%;
	font-size:1.5em;
	background: linear-gradient(to bottom, rgba(204, 0, 0, 1) 0%, rgba(204, 0, 0, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #fff;
	text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
	position:fixed;
	width:200px;
	height:200px;
	bottom:0;
	right:30px;
	z-index:90000;
	-webkit-box-shadow: -3px -3px 14px 0px rgba(50, 50, 50, 0.88);
	-moz-box-shadow:    -3px -3px 14px 0px rgba(50, 50, 50, 0.88);
	box-shadow:         -3px -3px 14px 0px rgba(50, 50, 50, 0.88);

	}
}
@media only screen and (max-width: 1024px) {
	.shop {
	display: none;}
	}

.page {
width: 100%;
	min-width: 320px;  
	max-width: 960px;  
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom: 380px;
	}
.footer {
	position: relative;
	margin-top: -350px; /* Negativer Wert der Footer-Höhe */
	height: 350px;
	clear:both;
	background: none repeat scroll 0 0 #ccc;
	 border: 1px solid black;
	box-shadow: 1px 0px 9px 8px rgba(0, 0, 0, 0.67);
-moz-box-shadow: 1px 0px 9px 8px rgba(0, 0, 0, 0.67);
-webkit-box-shadow: 1px 0px 9px 8px rgba(0, 0, 0, 0.67);
}
.around_spalte{
position: relative;
width:80%;
height: 100%;
max-width:960px;
margin:0 auto;
}
.spalte {
float:left;width:33%;height:100%;
}
.spalte p,a {
font-family:  'Open Sans', sans-serif; 
	font-weight: 300;
	font-size: 15px;
	padding:5px;
	margin: 0;
}
#inhalt{
width: 100%;
	min-width: 320px;  
	max-width: 960px; 
padding-bottom: 20px;	
}
.animation1 {
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}
.animation2 {
    background: linear-gradient(to bottom, rgba(169, 228, 247, 1) 0%, rgba(15, 180, 231, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.listing {
width:98%;
padding:1%;
}
.listing  p {
margin:0;
padding: 0;
}
/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */
a:hover {
font-weight: bold;
text-decoration:none
}
.header {
	width: 100%;
	max-width: 960px;
	height: 270px;
	margin: 0 auto;
	padding-top:50px;
}

.facebook {
	position: absolute;
	width: 50px;
	height: 50px;
	margin-left: 930px;
	margin-top:20px;
	z-index:0;
}
.newsletter {
	position: absolute;
	width: 75px;
	height: 100px;
	margin-left: 10px;
	margin-top:150px;
	z-index:12;
}
.mailorder {
	position: absolute;
	width: 75px;
	height: 100px;
	margin-left: 950px;
	margin-top:150px;
	z-index:12;
}
.cssmenue {
position: relative;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	z-index:11;
}
.logo {
	width: 100%;
margin: 0 auto;
padding-top:20px;
text-align: center;
}
.suchen {
	width: 100%;
	height: 90px;
	padding-top:10px;
		background-repeat: no-repeat;
	background-position: center;
}
.suchfeld{
float:left;
	width: 45%;
	height: 40px;
	padding-left: 17%;
	
}
.suchfeld input{
	height: 40px;
	font-family:  'Open Sans', sans-serif; 
	font-weight: 300;
	font-size: 20px;
	color:#666;
	background: none repeat scroll 0 0 #fafafa;
    border-color: #dbdbdb;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset;
    transition: all 0.1s linear 0s;
	z-index:0;
}

.suchen input[type="submit"] {
    float: right;
    font-family:  'Open Sans', sans-serif; 
    font-size: 18px;
    font-weight: normal;
        padding: 5px 10px;
}
.button, .button-white {
    cursor: pointer;
}
.suchbutton{
float:left;

    border: 0 none;
    border-radius: 0.25em;
    color: #fff;
    display: inline-block;
    font-family:  'Open Sans', sans-serif; 
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    min-width: 80px;
	height: 40px;
	width:20%;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    transition: all 0.25s linear 0s;
	z-index:1;
	padding-left:10px;
}
.newsan input{
	height: 30px;
	font-family:  'Open Sans', sans-serif; 
	font-weight: 300;
	font-size: 15px;
	color:#666;
	background: none repeat scroll 0 0 #fafafa;
    border-color: #dbdbdb;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset;
    transition: all 0.1s linear 0s;
	z-index:0;
}
.container {
	width: 1022px;
	height: 250px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.flexibel {
	width: 1022px;
	height: auto;
	padding-bottom: 20px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-weight: bold;
}
.aussen_weit {
	width:100%;
	height: auto;
	background: none repeat scroll 0 0 #fff;
    overflow: hidden;
	border-spacing: 20px;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
}

.innen_weit {
position: relative;
    margin: 20px;
	padding-left:20px;
    width: 94%;
	background: none repeat scroll 0 0 #ccc;
    overflow: hidden;
    position: relative;
}
.innen_weit_wechsel{
position: relative;
    margin: 20px;
	padding-left:20px;
    width: 94%;
	background: none repeat scroll 0 0 #333;
    overflow: hidden;
    position: relative;
}
.innen_weit_wechsel h2{
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
.news_title{
background-color:#333;width:30%;height:100%;float:left;padding:2%;
}
.news_title h1{
color:#fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
.ecom {
float:left;width:15%;padding:5px;text-align:center;
}
.ecom a{
font-family:Open Sans, sans-serif;font-weight:300;font-size:20px;color:#333;text-decoration:none;
}
.top10text:hover{
color:#666;
}
.aussen {
float:left;
	width:65%;
	height: 630px;
	background: none repeat scroll 0 0 #fff;
    overflow: hidden;
	border-spacing: 20px;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
}

.innen {
position: relative;
    display: table-row;
    padding: 20px;
    width: 100%;
	background: none repeat scroll 0 0 #ccc;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.aussen_small {
float:left;
	width: 33%;
	height: 630px;
	margin-left:2%;
	background: none repeat scroll 0 0 #fff;
    overflow: hidden;
	border-spacing: 20px;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
}

.innen_small {
position: relative;
    display: table-row;
    padding: 20px;
    width: 100%;
	background: none repeat scroll 0 0 #ccc;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.top10text{
position:relative;float:left;width:90%;height:30px;background:#999;margin:5px;padding-left:10px;display:block;text-align:left;
}
.top10text a{
font-family:Open Sans, sans-serif;font-weight:300;font-size:14px;color:#fff;text-decoration:none;
}
.top10text:hover{
background:#666;
}
.trailerbg {
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background-color: #ccc;
	background-image: url(../images/trailerbg.png);
	background-repeat: no-repeat;
	background-position: center;
}
.player {
	width: 560px;
	height: 315px;
	padding-top: 40px;
	margin: 0 auto;
}
.weiter {
	width: 100%;
	height: 43px;
	position:relative;
	text-align:right;
	display:block;
	background: #333;
	
}
.weiter a{
font-family:Open Sans, sans-serif;font-weight:300;font-size:18px;color:#fff;text-decoration:none;padding-right:5px;padding-top:5px;display:block;
	
}
.weiter:hover{
background:#000;
}

.mitte {
	position: relative;
	width: 1022px;
	height: 340px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.top10 {
	float: left;
	width: 40%;
	height: 300px;
	margin: 0 auto;
	background-color: #fff;
}
.filialen {
	float:left;
	width: 58%;
	height: 300px;
	margin: 0 auto;
	background-color: #fff;
}
.neuimshop {
	width: 1022px;
	height: 300px;
	margin: 0 auto;
	background-color: #fff;
	background-image: url(../images/imageScrollerBGonline.png);
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.neuetrailer {
	width: 1022px;
	height: 320px;
	margin: 0 auto;
	background-color: #fff;
	background-image: url(../images/imageScrollerBGtrailer.png);
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

textarea{ font-size:10pt; font-family:Verdana,Arial,sans-serif; font-weight:normal; color:#FFFFFF; background-color: #333333; padding: 2}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-color: #CCCCCC;


}
.detail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}
.detailtitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;

}
.body1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #99CCFF;



}
.detailrubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	background-color: #CCCCCC;

}
.txtarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CC0000;
	color: #FFFFFF;
	border-top: thin none;
	border-right: thin none;
	border-bottom: thin none;
	border-left: thin none;



}
.guest1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF0000;
}
.guest2 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #006699;
}
.rahmen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}


.rahmenw {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #33CCFF;
	border: thin dashed #0099CC;
	color: #FFFFFF;
	
}

.rahmenb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #33CCFF;
	border: thin dashed #FFFFFF;
	color: #FFFFFF;
	
}
.rahmenblu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: thin solid #3399FF;
}
.detailKopie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	border: thin dashed #FFFFFF;
	height: auto;
	width: auto;
	background-color: #000000;
}
.rahmen {
	width: 100%;
	height: 40px;
	padding: 10px;
	background-color: #ccc;
}
.highlight {
	width: 95%;
	height: 20px;
	padding: 10px;
	background-color: #fff;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family:  'Open Sans', sans-serif; 
	font-weight: 400;
	font-size: 14px;
}
.highlight a {
	font-size: 10px;
}
.highlight img {
	vertical-align: middle;
}
.filmtitel {
	font-family:  'Open Sans', sans-serif; 
	font-weight: 400;
	font-size: 12px;
	color:#333;
}
.platz {
	font-family:  'Open Sans', sans-serif; 
	font-weight: 400;
	font-size: 20px;
	color:#666;
}.vorschauheader {
	width: 972px;
	height: 30px;
	padding-left: 50px;
	background-color: #ccc;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family:  'Open Sans', sans-serif; 
	font-weight: 400;
	font-size: 20px;
	color:#666;
}
.hinweis {
	width: 90%
	height: auto;
	margin-left: 40px;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #ccc;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	font-family:  'Open Sans', sans-serif; 
	font-weight: 400;
	font-size: 14px;
	color:#666;
}
.filmtitel a {
	text-decoration: none;
}
h1 {
    font-family: "Open Sans Light",X-LocaleSpecific-Light,"Open Sans",X-LocaleSpecific,sans-serif;
	font-weight: 300;
	font-size: 2em;
	color:#484848;
	text-align: left;
    letter-spacing: -2px;
    line-height: 1.1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
 }
 h2 {
 padding: 10px;
color: #484848;
    display: block;
    font-family: "Open Sans Light",X-LocaleSpecific-Light,"Open Sans",X-LocaleSpecific,sans-serif;
    font-weight: normal;
    line-height: 100%;
    margin: 0 0 12px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	text-align:left;
 }
  h3 {
    font-family: "Open Sans Light",X-LocaleSpecific-Light,"Open Sans",X-LocaleSpecific,sans-serif; 
font-weight: 300;
font-size: 20px;
color:#333;
 }
td {
font-family:  'Open Sans', sans-serif; 
font-weight: 300;
font-size: 14px;
color:#333;
}
p {
font-family:  'Open Sans', sans-serif; 
font-weight: 300;
font-size: 14px;
color:#333;
padding-left: 30px;
}
.bildschatten {
border: solid 10px #fff;
-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
margin-bottom:10px;
}
.bildschatten:hover {
border: solid 10px #e3e8e7;
}

#menu01 {
width:100%;
font-family:  'Open Sans', sans-serif; 
text-align: left;
}

#menu01 ul, #menu01 li {
list-style-type: none;
        padding: 0px;
        margin: 0px;
}



#menu01 li a:link, #menu01 li a:visited, #menu01 li a:active {display:block;
border: solid 1px #000;
background-color:#666666;
color:#FFF;
text-decoration:none;
margin-bottom: 2px;
margin-top: 2px;
padding-left: 5px;
height: 25px;
line-height: 16px;
}

#menu01 li a:hover {background-color:#000000;
                color:#FFFFFF;
                border: solid 1px #000;
}


  p.link a:link span{display: none;}
  p.link a:visited span{display: none;}
p.link a:hover span {
  position: absolute;
  margin:0px 0px 0px 200px;
  background-color: red;
  max-width:220;
  padding: 5px 5px 5px 5px;
  border: 1px solid #000000;
  font: normal 10px/12px verdana;
  color: #ffffff;
  text-align:left;
  display: block;}

#menu02 {
width:500px;
background-color:#ccc;
margin-left: 50px;
padding-left:2px;
padding-right:2px;
padding-TOP:10px;
padding-BOTTOM:40px;
border:solid 1px black;
font: normal 09px arial, sans-serif;}

#menu02 ul, #menu01 li {
list-style-type: none;
        padding: 0px;
        margin: 0px;
}



#menu02 li a:link, #menu01 li a:visited, #menu01 li a:active {display:block;
border: solid 1px #000;
background-color:#666666;
color:#FFF;
text-decoration:none;
margin-bottom: 2px;
margin-top: 2px;
padding-left: 5px;
height: 24px;
line-height: 24px;
}

#menu02 li a:hover {background-color:#000000;
                color:#FFFFFF;
                border: solid 1px #000;
}

.rahmensch {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #999;
}
.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
}



DIV.shadow {
   float: left;
   background-color: #bbb;
   padding: 0;
   margin: 0.7em 1em;
   }

DIV.shadow IMG {
   display:block;
   border: 1px solid #666;
   position: relative;
   top: -3px;
   left: -3px;
   }

#code {
   background-color: #eee;
   color: #333;
   padding: 1em;
   border-top: 1px dashed #ccc;
   margin: 0;
   }
   
 

.bild1 {
width:317px;
height:450px;
padding: 5px;
float:left;
}
.bild2 {
width:317px;
height:450px;
padding: 5px;
float:left;
}
.bild3 {
width:317px;
height:450px;
padding: 5px;
float:left;

}
.bild4 {
clear: left;
width:317px;
height:450px;
padding: 5px;
float:left;
}
.bild5 {
width:317px;
height:450px;
padding: 5px;
float:left;
}
.bild6 {
width:317px;
height:450px;
padding: 5px;
float:left;
}
button {
    left: 50%;
    margin: -40px;
    position: absolute;
    bottom: 30%;
}
button:hover,
button:active {
    outline: 0;
}

/* 3D Button */

button.depth {
    background: #444;
    border: none;
    border-radius: 80px;
    box-shadow: inset 0 0 2px 2px hsla(0,0%,0%,.2),
                inset 0 0 2px 4px hsla(0,0%,0%,.2),
                inset 0 0 2px 6px hsla(0,0%,0%,.2),
                inset 0 0 1px 8px hsla(0,0%,0%,.5),
                inset 0 -4px 2px 4px hsla(0,0%,0%,.5),
                inset 0 1px 1px 8px hsla(0,0%,100%,.25),
                inset 0 -30px 30px hsla(0,0%,0%,.2),
                0 -4px 8px 4px hsla(0,0%,0%,.5),
                0 10px 10px hsla(0,0%,0%,.25),
                0 0 2px 2px hsla(0,0%,0%,.2),
                0 0 2px 4px hsla(0,0%,0%,.2),
                0 0 2px 6px hsla(0,0%,0%,.2),
                0 0 2px 8px hsla(0,0%,0%,.5),
                0 1px 2px 8px hsla(0,0%,100%,.25),
                0 -1px 2px 8px hsla(0,0%,0%,.5);
    color: #303030;
    cursor: pointer;
    font: bold 40px/85px sans-serif;
    height: 80px;
    padding: 0;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.25),
                 0 -1px 1px hsla(0,0%,0%,.75);
    width: 80px;
}
button.depth:hover,
button.depth:focus {
    color: #0ab;
    text-shadow: 0 0 20px hsla(240,75%,75%,.5),
                 0 1px 1px hsla(0,0%,100%,.25),
                 0 -1px 1px hsla(0,0%,0%,.75);
}
button.depth:active {
    box-shadow: inset 0 0 2px 2px hsla(0,0%,0%,.2),
                inset 0 0 2px 4px hsla(0,0%,0%,.2),
                inset 0 0 2px 6px hsla(0,0%,0%,.2),
                inset 0 0 1px 7px hsla(0,0%,0%,.5),
                inset 0 5px 15px 7px hsla(0,0%,0%,.15),
                inset 0 -4px 2px 3px hsla(0,0%,0%,.5),
                inset 0 1px 1px 7px hsla(0,0%,100%,.25),
                inset 0 -30px 30px hsla(0,0%,0%,.1),
                inset 0 30px 30px hsla(0,0%,0%,.2),
                0 -4px 8px 4px hsla(0,0%,0%,.5),
                0 5px 10px hsla(0,0%,0%,.25),
                0 0 2px 2px hsla(0,0%,0%,.2),
                0 0 2px 4px hsla(0,0%,0%,.2),
                0 0 2px 6px hsla(0,0%,0%,.2),
                0 0 2px 8px hsla(0,0%,0%,.5),
                0 1px 2px 8px hsla(0,0%,100%,.25),
                0 -1px 2px 8px hsla(0,0%,0%,.5);
    line-height: 86px;
}
.VoKasten {
padding: 10px;
color:#fff;
border: solid 2px #fff;
background: #333;
}