@charset "utf-8";
/*@import url(http://fonts.googleapis.com/css?family=Qwigley);*/

* {
	margin:0;
	padding:0;
}
html {
	margin:0;
	padding:0;	
}
body {
	width:100%;
	height:100%;
	color: #999;
	background-image: url(bilder/kachelvv.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size:100%;
}

/****************************************************************nur startseite */
.mit_bg_bild{	
	background: url(bilder/hintergrundbild.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}	
.entfloaten{
	clear:both;
	height:0;
	overflow:hidden;
}	
p{
	font-size:0.8em;
	line-height:1.4em;
	margin-top:0.7em;
	text-align:left;
}	

/******************************************************************* header */

header{
	text-align:center;
	overflow:hidden;
	width:100%;
	margin-bottom:-1.5em;
	padding-bottom:1em;	
}	

/*****************************************************************nur startseite */
.kacheln{
	background-color:#FFFFFF;
	background-image: url(bilder/kachelvv.png);
	width:60%;
	margin:5% auto 5%;
	padding-top:4%;
	padding-bottom:6%;
}	
.logo{
	margin:2.2em auto 0em;
	max-width:100%;
}
.logo img{
	border:none;
	max-width:100%;
	height:auto;
}		
h1{
	font-size:4em;
	line-height:1em;
	margin-top:-0.2em;
	margin-bottom:0.2em;
	font-weight:normal;
	color:#330000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-shadow:#999 3px 4px 2px;	
}
.uuups{letter-spacing:-0.06em;
	vertical-align:7px;
}
h2{
	font-size:4em;
	color:#330000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;	
}
h3{
	text-align:center;
	font-size:1.5em;	
	padding-top:0.5em;
	padding-bottom:0.5em;
}
h4{
	font-size:1em;
	margin-top:0.4em;
	margin-bottom:0.5em;	
}

/***************************************************************** navi */

.navigation_startseite{
	position:fixed;
	top:0;
	width:100%;
	margin-top:-1em;
	margin-bottom:-2em;
	padding-top:0;
	text-align:center;
}
#nav_oeffner{	
	width:100%;
	overflow:hidden;
	height:3em;
	min-height:45px;
	padding-top:1em;
	margin-bottom:-4.1em;
}

#nav_bg{	
	height:2.3em;
	min-height:37px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;	
	box-shadow: #999 0px 2px 5px;	
	behavior: url(PIE-1.0.0/PIE.htc);
}
#navv_text{
	min-height:30px;
	padding-top:0.5em;
	min-width:12em;	
	margin:0 auto;
	color:#999;
	display:none;
}
#navv_text p{
	color:#999;
	font-size: 100%;
	margin:0 auto;
    text-align:center;
}
#nav_pfeil_rechts{
	vertical-align:middle;
	border:none;
	display:inline;
}
#nav_pfeil_runter{
	vertical-align:middle;
	border:none;
	display:none;
}
/*navi oben */
nav {
	margin-top:1em;
	margin-bottom:1em;		
}
#mainnav{	/*nav ul*/
	display:block;
}
nav ul{
	width:23em;/**************bei laengerem linktext hier vergroessern**************/
	margin:-1px auto 0;
	z-index:13;	
}
li {/*alle li*/
	display:block;
	float: left;
	list-style-type: none;
	position: relative;
}
li a {
	display:block;
	padding:0.6em;
	min-height:19px;
}	
nav ul li ul li a {
	padding:0.3em 0.3em 0.3em 1.4em;	
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


a {
	color:#7d7d7d;
	text-decoration: none;
	/*zum javascript im html ganz unten*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*a:link {
	color:#999999;	
}
a:visited {
	color:#666;	
}*/
a:focus {
	color:#666;	
}
a:hover {
	color:#A3A3A3;	
}
a:active {
	color:#666;	
}
.aktiver_link{
	color:#A3A3A3 !important;
	/*cursor:default;*/
}

/******************************************************************** wrapper */

.wrapper {
	width:92%;	
	margin:1.8em 3% 4em 3%;
	padding-bottom:0.3em;
	padding-left:1%;
	padding-right:1%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);
	background-color:#FFF;
}
section{
	margin-top:1%;
	padding-top:1em;
}
.vierer{
	min-height:23em;
	width: 19%;
	float: left;
	margin:1% 1%;
	padding: 2% 2% 0% 2%;
	background: #eeeeee;
	border: none;
	text-align:center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);
}	
img{
	border:solid #484951 1px;
	max-width:100%;	
}
.vierer img{
	margin-bottom:0.5em;
}	
.vierer a{
	display:block;
}
.vierer h4{
	background-image: url(bilder/strich.png);
	background-position:bottom;
	background-repeat:repeat-x;
	display:inline;
	padding-bottom:0.5em;
	color: #999;
	line-height:1.5em;
}
.vierer p{
	margin:0.9em 0.5em 0em 0.5em;
	text-align:center;
}	
.einspalter{	
	width: 94%;
	margin:1% 1% 2% 1%;
	padding: 2% 2% 3% 2%;
	background: #eeeeee;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);	
}
.einzel{
	width:100%;
	max-width:70em;
	margin:0 auto;	
}
.einspalter a{
	float:left;
}
.einspalter img{
	float:left;
}
.links {
	width:8.4em;
	text-align:left;
	margin:1em 0 4em;
	float:left;	
}
.links_zu_mittig {
	width:8.4em;
	text-align:left;
	margin:1em 0 4em;
	float:left;
}
.links_zu_mittig_breit {
	width:10.0em;
	text-align:left;
	margin:1em 0 4em;
	float:left;
}
.mittig {
	width:8.4em;
	margin:0 auto 4em;
}
.effekt{
position:absolute;
	text-align:center;
	float:left !important;
	font-size: 0.8em;
    line-height: 1.4em;
	width:10em;
	font-weight:bold;
	padding:0.3em;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); 	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);	
}
.fett{
	font-weight:bold;	
}
.effekt_breit{font-weight:normal;
position:absolute;
	text-align:center;
	float:left !important;
	font-size: 0.8em;
    line-height: 1.2em;
	width:12em;
	padding:0.3em;
	padding-top:0.1em;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); 	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);	
}
.beschreibung{
	float:left;
	max-width:60%;	
	padding:0 4% 1% 4%;
}
.impressum{	
	width: 94%;
	margin:1% 1%;
	padding: 2% 2% 3% 2%;
	background: #eeeeee;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);
}
.impressum p{
	text-align:center;
	width:100%;
	max-width:35em;
	margin:0.4em auto 1.3em;
}
.impressum h4{
	margin:0.4em auto 0;
	font-size:1em;
	text-align:center;
}
.impressum a{
	font-weight:bold;
	padding:0.3em;	
}
.service{	
	width: 94%;
	margin:1% 1%;
	padding: 2% 2% 3% 2%;
	background: #eeeeee;
	border: none;
	float:left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);
	text-align:center;
}
.service p{
	text-align:left;
	width:100%;
	max-width:50em;
	margin:0 auto 1.6em;
}
.service h4{
	margin:0.8em auto 0.6em;
	font-size:1em;	
}
.service p a{
	font-weight:bold;
	padding:0.3em;
	float:right;	
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);	
}
.zweispalter{	
	width: 21%;
	min-width: 42%;
	margin:1% 2%;
	padding: 10px 2%;
	background: #eeeeee;
	border: none;
	float:left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);			
}

/***************************************************************** formular */
	
form {
	width: 19em;
	margin-top: 0.8em;
	margin-bottom: 3.6em;
}
label {
	display:block;
	width: 5em;
	font-size: 1em;
	float: left;
	margin-right:1.5em;	
}
textarea{
	color:#666;
	width: 16.3em;
}
input{
	color:#999;
	width: 16em;
	border:#999 solid thin;
	float:left;
}
input[type="radio"] {
	width: 1em;	
}

label[for^="news"] {
	font-size:1em;
	width: 11em;
	margin-right:0.5em;
}
input[type="checkbox"] {
	width: 1em;
}
input[type="password"]{
	padding:0.1em 0 0.2em 0;
}		
input[type="submit"]{	
	font-size: 0.8em;
	padding:0 0 0.2em 0;
	display:block;
	margin:0.4em 0 0 0;
	width: 8em;
	color: #7D7D7D;
	font-weight:bold;
	padding:0.3em;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); 	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;*/
	behavior: url(PIE-1.0.0/PIE.htc);
}

/**************************************************************** Bildergalerie */

#gross_bg{
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;	
	width:100%;
	height:100%;
	z-index:300;
	background-image:url(bilder/durchsichtig_bg.png);
	visibility:hidden;
	font-size:16px;
} 
#gross_bedienung{
	width:120px;
	margin:5% auto 2%;
}  
#gross_bedienung img{
	border:none;
}   
#zurueck{
	border:none;
	background:none;
	width:24px;
	height:36px;
	margin-right:10px;
	visibility:hidden;
}
#vorwaerts{
	border:none;
	background:none;
	width:24px;
	height:36px;
	margin-right:20px;
	visibility:hidden;
}
.schliessen{
	z-index:410;
	border:none;
	background:none;
	height:28px;
	width:29px;	
}
#gross_inhalt{   
	position:relative;	
	visibility:hidden;
	float:none;	
	clear:both;
	z-index:400;
	width:90%;
	margin: 0 auto 0;
	height:84%;		
}
#gross_inhalt_bild{	
	position:relative;
	margin:0px auto;
	text-align:center;
	height:100%;
} 
#gross_bild{
	position:relative;
	text-align:center;
	display:inline-block;
	max-height:100%;
} 
.oeffnen{
	background:url(bilder/oeffnen.png);
	background-repeat:no-repeat;
	border:0;
	height:32px;
	width:38px;	
	text-decoration:none;
	position:absolute;
	float:left;
	margin-top:2px;
}
.oeffnen_schrift{
	text-decoration:none;
	border-right:none;
	border-top:none;
	border-left:none;
	background:none;
	font-size:1em;
	color: #999;
	font-family: Verdana, Geneva, sans-serif;	
}

/*++++++++++++++++++++++++++++++++++++++++++++ Spiel anfang ++++++++++++*/

#memo_bg{
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;	
	width:100%;
	z-index:300;
	background-image:url(bilder/durchsichtig_bg.png);
	visibility:hidden;
}
#memo_bedienung{
	margin:5% auto 2%;
	width:90%;	
	max-width:400px;	
}  
.mischenausrichten{
	float:left !important;
	z-index:410 !important;
	position:relative;
}
.mischenausrichten a{
	width:8.4em;
}
.memo_schliessen{position:relative;
	z-index:420;
	border:none;
	background:none;
	height:28px;
	width:29px;
	float:right;
	margin-top:-2px;
}
#memo_schliessen img{
	border:none;
	max-width:none;
}
#memo_inhalt{
	font-size:0px;
	position:relative;
	float:none;	
	clear:both;
	z-index:400;
	width:100%;
	margin: 0 auto 0;
	max-height:400px;
} 

#memorie{
	background-color:#FFF;
	width:90%;
	max-width:400px;
	margin:0 auto 0;
	border:none;
	padding:0;
	height:100%;
	max-height:400px;
}
.memoreihe{
	display:inline;
	margin:0 auto 0;
	padding:0;
	width:100%;
	float:none;	
	clear:both;
	height: 25%;
	max-height:100px;
}
#memorie a{
	display:inline;
	float: left;
	margin:0;
	padding:0;
	width:25%;
	text-decoration:none;
	background-image: url(./memorybilder/abdeckung.png);
	background-repeat:no-repeat;
}
#memorie img{
	border:none;
	text-decoration:none;
	visibility:hidden;
	margin:0;
	padding:0;
}

#erinnerung1, #erinnerung2, #erinnerung3, #erinnerung4, #erinnerung5, #erinnerung6, #erinnerung7, #erinnerung8, #erinnerung9, #erinnerung10, #erinnerung11, #erinnerung12, #erinnerung13, #erinnerung14, #erinnerung15, #erinnerung16{
	display:block;
}
#erinnerung1bild, #erinnerung2bild, #erinnerung3bild, #erinnerung4bild, #erinnerung5bild, #erinnerung6bild, #erinnerung7bild, #erinnerung8bild, #erinnerung9bild, #erinnerung10bild, #erinnerung11bild, #erinnerung12bild, #erinnerung13bild, #erinnerung14bild, #erinnerung15bild, #erinnerung16bild{
}
#gewinn{
	border:none;
	position:absolute;
	text-align:center;
	display:none;
	background-image: url(./memorybilder/kachel_transparent_memo.png);
	color:#666;
	z-index:700;
	width:90%;
	height:100%;
	max-width:400px;
	float:none;
	clear:both;
	font-size:16px;	
}
#gewinn h3{
float:none !important;
clear:both;	
}
#gewinn a{
	padding: 0.3em;
	background-color:#FFF;
	background-image:none;
	float:none !important;
	margin:0 auto;
	clear:both;	
	font-size: 0.8em;
    line-height: 1.4em;
	width:10em !important;
	display:block;
}
/*++++++++++++++++++++++++++++++++++++++++++++++ Spiel ende +++++++++++++++*/





/************************************************** footer ********************/

footer {z-index:110;
	position:fixed;
	bottom:0;
	width:100%;
	text-align:center;
	min-height:1.5em;
	padding-top:0.4em;
	background: #eeeeee; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); 
	background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); 
	background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); 
	background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); 
	background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: #999 0px -2px 5px;
	-moz-box-shadow: #999 0px -2px 5px;
	box-shadow: #999 0px -2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);		
}




/********************************************************* mediaqueries ***********/

@media only screen and (max-width: 860px) {

/*++++++++++++++++++++++++++++++++++++++++++++ Spiel anfang +++++++++++++++*/
#memo_bedienung{
	margin:2% auto 1%;
}
#gross_bedienung{
	margin:2% auto 1%;
}
/*++++++++++++++++++++++++++++++++++++++++++++ Spiel ende +++++++++++++++++*/


}

@media only screen and (max-width: 768px) {
		
.wrapper{
	margin:1em 3% 1em 3%;
}
header{
	margin-top:2.3em;	
	margin-bottom:10px;
	padding-bottom:0.4em;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;	
	box-shadow: #999 0px 2px 5px;	
	behavior: url(PIE-1.0.0/PIE.htc);
}
.logo{
	margin:1.4em auto 0em;
	max-width:40%;
	min-width:280px;
}
h1{
	font-size:2.9em;
	text-shadow:#999 3px 4px 2px;
}

/*************************************************** nur startseite **********/
.kacheln{
	width:80%;
}		
#nav_oeffner{
	position:fixed;
	top:0;
	padding-top:0;
	text-align:center;
	z-index:50;
}
#nav_bg{
	height:2.2em;
}
nav{
	position:fixed;
	width:100%;
	top:0em;
	margin-top:0em;
	margin-bottom:0em;
	z-index:52;	
}
#navv_text{
	display:block;	
}
#mainnav{	/*nav ul*/
	width:10em;
	display:none;
}
nav ul li{/*alle li*/
	float: none;
	padding:0;
	text-align:center;
	z-index:55;	
}
li a{/*alle a in li*/	
	padding:0.6em;
}
nav ul li ul {/*unterliste---------------------------------hier*/
	position: relative;
	min-width: 110px;
	width: 100%;/*-------------------breite der unterdivs--hier*/
	margin:0px auto;
	padding:0;
	border: none;
	/*display:block;-------------------vorher none--hier*/			
}
li a {
	background: #ffffff; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #999 0px 2px 5px;
	-moz-box-shadow: #999 0px 2px 5px;
	box-shadow: #999 0px 2px 5px;
	behavior: url(PIE-1.0.0/PIE.htc);
}

#navv_text:hover +#mainnav{
	display:block;
}
#navv_alles #mainnav:hover{
	display:block;
}
#navv_alles:hover #navv_text p #nav_pfeil_rechts{
	display:none;
}
#navv_alles:hover #navv_text p #nav_pfeil_runter{
	display: inline;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.vierer{
	width: 40%;
	margin:3% 3%;
	padding: 4% 2% 1% 2%;
}
.oeffnen{	
}

.einzel{
	text-align:center;
}
.einspalter a{
	float:none;	
}
.einspalter img{
	float:none;	
}
.beschreibung{
	float:none;
	margin:auto;
	max-width:90%;	
}
.links {	
}
.links_zu_mittig {
	float:none;
	margin:1em auto 4em;	
}
.links_zu_mittig_breit {
	float:none;
	margin:1em auto 4em;	
}
.bg_begrenzung, bg_begrenzung_oben{
	width:100%;
	overflow:hidden;	
}
/*footer {
	position:relative;
	margin-top:1em;
}*/

/************************************** *nur startseite *************/
/*.footer_startseite{
	position:fixed;
	margin-top:0;
}*/

/*+++++++++++++++++++++++++++++++++++++ Spiel anfang +++++++++++++++*/
#memo_bedienung{
	margin:1% auto 1%;
}

#gross_bedienung{
	margin:1% auto 1%;
}
/*+++++++++++++++++++++++++++++++++++++ Spiel ende +++++++++++++++++*/

}


@media only screen and (max-height: 530px) {

footer {
	position:relative;
	margin-top:1em;
}

}

@media only screen and (max-width: 480px) {

.kacheln{
	width:80%;
	margin:20% auto 0;
}	
.logo{
	max-width:60%;
	min-width:200px;
}
h1{
	font-size:2.5em;
	text-shadow:#999 3px 4px 2px;
}
h3{
	font-size:1.2em;
}
.einspalter{	
	text-align:center;
	margin:3% 1%;
}
.einspalter a{
	float:none;
}
.einspalter img{
	float:none;	
}
.beschreibung{
	float:none;
	width:90%;
	padding:0 4% 1% 4%;	
}	
form {
	width: 100%;
}
label {
	float: none;
}
label[for^="news"] {
	width: 80%;
	margin-top:1.6em;
}
input{
	width: 100%;
}
textarea{
	width: 96%;
}
#gross_inhalt{   
	height:74%;		
} 

}



@media only screen and (max-width: 320px) {

.logo{
	margin:1.0em auto 0em;
	max-width:80%;
	min-width:130px;
}
h1{
	font-size:2.0em;
	text-shadow:#666 2px 2px 1px;
}
h3{
	font-size:1em;
}
.vierer{
	clear:left;
	float:none;
	min-width: 88%;
	margin:4% 4%;
	padding: 4% 2% 2% 2%;
}

}
@media only screen and (orientation:landscape) and (max-width: 640px ){

/*+++++++++++++++++++++++++++++++++++++++++++ Spiel anfang +++++++++++++++*/

#memo_bedienung{
	width:50%;	
}  
#memorie{
	width:50%;
}
#gewinn{
	width:50%;
}

/*++++++++++++++++++++++++++++++++++++++++++++ Spiel ende +++++++++++++++++*/

}


@media only screen and (min-device-width: 768px) {

footer {
	position:fixed;
}

}

@media only screen and (min-width: 769px) {
#mainnav{
	display:block !important;
}
}