

#respomenu{
	background-color:#999999;display:none; 
	width:30%;
	top:0px; right:0px;position:fixed; z-index:900;}

a.kopfzeile:link,a.kopfeile:visited{
	position:relative;
	heightx: 40px;
	float:left;
	width:100%;
	margin-left:0%;
	margin-top:00px;
	margin-bottom:00px;
	padding-top:10px;
	padding-bottom:10px;
	color:#ffffff;	
	font-size:16pt;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	border:2px solid #a78d56;
	background-color: #202020;
	text-shadow		:2px 2px 2px #000000;
	
	}

a.respolink:link,a.respolink:visited{
	
	display			: block;
	width			: 100%;
	height			: 65px;
	
	
	
	border			:0px solid #cccccc;
	text-align		: left ;
	text-indent		: 0px;
        
        font-family		: georgia ; 
        font-size		: 22pt; 
        font-weight		: normal; 
        text-decoration		: none;
        color        		: #000000;
	
	
	padding	x:20px;
	margin-left		x:20px;
	margin-right		x: 20px;
	padding-bottom		:20px;

	
	}

a.respolink:hover{
	color         		: #000000;
	background-color  x 	: #ffffff;
	
	}



h6x {
	padding:0px 0px;
	margin:0 0 0px 0;
	font-size: 24px;
	font-weight: normal;
	backgroundx:rgb(144,144,144);
	backgroundx:rgba(255,255,255,.1);
	color: #ffffff;
	}



h2 {
	padding:0px 0px;
	margin:0 0 0px 0;
	font-size: 24px;
	font-weight: normal;
	backgroundx:rgb(144,144,144);
	backgroundx:rgba(255,255,255,.1);
	color: #44cc00;
	}

h2 a {
	colorx: #44cc00;
	font-size: 20px;
	color: #000000;
	}

.tutorialMenu {
padding: 00px 0;
margin:0;
list-style-type: none;
color: #ffffff;
}

.tutorialMenu h2 {
margin:0px 0;
paddingx: 0px 0;
text-alignx:right;
color: #ffffff;
}

.tutorialMenu h2 a {
	font-size	: 26px;
	display		: block;
	font-weight	: bold;
	color		:#ffffff;
	text-decoration	:none;
	margin		x:20px;
	padding-bottom	:10px;
	padding-top	:10px;
	background-color	:#000000;
	background	x:rgba(255,255,255,.3);
	position	:relative;
	colorx: #990000;

	text-indent:0px;
}

					/* MENU oben */
.tutorialMenu :not(:target) h2 a {
	backgroundx:rgb(59,59,59);
	backgroundx:rgba(0,0,0,.4);
	position:relative;
	text-align:center;
	color: #ffffff;
border-bottom:0px solid #f1a32e;
}
		/* MENU oben */
.tutorialMenu h2 a:hover, .tutorialMenu h2 a:active, .tutorialMenu h2 a:focus {
	color: #ffffff;
text-align:center;
	background-colorx:rgb(59,59,59);
	background-colorx:rgba(255,255,255,.3);
}

.tutorialMenu :target p, .tutorialMenu :not(:target) p {
	paddingx:26px;
	margin:0;
	height:0px;
	overflow: hidden;
	

	-moz-transition: height 0.5s ease-in;
	-webkit-transition: height 0.5s ease-in;
	-o-transition: height 0.5s ease-in;
	transition: height 0.5s ease-in;
color: #000000;
text-align:center;
}


.tutorialMenu :target p {
height:35px;
padding-top:26px;
padding-bottom:26px;
text-align:center;
color: #000000;

}

.tutorialMenu #coffeecards p, .tutorialMenu #blogcomments p, .tutorialMenu #onlineform p {
	position:relative;
	backgroundx: #ff6600;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px
color: #000000;
text-align:center;

}
.tutorialMenu #blogcomments p {
background-image: url('http://webstandard.kulando.de/templates/blog_1575/new_greenmarinee/images/css3-transform-transition-blog-comments.jpg');
}


.tutorialMenu #onlineform p {
background-image: url('http://webstandard.kulando.de/templates/blog_1575/new_greenmarinee/images/css3-transform-transition-online-form.jpg');
}


.tutorialMenu p {
	height:400px;
	color: #000000;
	text-align:center;
}
.tutorialMenu p span{
	font-size:12px;
	display:block;
	height:35px;
	padding:00px ;
	text-indent:0px;

	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	color: #000000;
	text-align:center;

	backgroundx:rgb(144,144,144);
	backgroundx: rgba(0,0,0,.6);
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

h1,
.tutorialMenu h2 a, .tutorialMenu 		:not(:target) p  {
-webkit-border-radius	:0px;
-moz-border-radius	:0px;
border-radius		:0px;
colorx: #44cc00;
text-align:center;

}

ul {	
	
       	color: #ffffff;
	}


li {	
	
       	color: #ffffff;

	}

@media only screen and (max-width: 1024px) {
#respomenu{display:block;}

}
