﻿/* tooltip reines CSS3 */
.feedback_btn{
	background: #ffffff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url(PIE.htc);
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#b11818;
	-webkit-box-shadow: #444444 0 0 5px;
    -moz-box-shadow:  #444444 0 0 5px;
    box-shadow:  #444444 2px 2px 5px;
	height: 80px;
	width: 20px;
	color: white;
	padding: 14px 18px 30px 0 ;
	position:fixed;
	margin: 220px 0px 0px -7px;
}

.feedbacktext{
	text-color: #00000;
	-webkit-transform: rotate(-90deg); 
 	-moz-transform: rotate(-90deg);
 	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-family: trebuchet MS;
    font-size: 20px;
    height: 90px;
    width: 100px;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif, Arial;
    position:absolute;
    text-align: center;
    padding-top:4px;
   
 
}

    
.feedback_btn:hover{
	
	background-color:#b11818;
	height: 110px;
	width: 20px;
	cursor:  pointer;
	text-align:center
	
}

.feedbacktext:hover {
	height: 120px;
    width: 120px;
    font-size:26px;
    padding-top:4px;

}



 
 /* SlideOut Contact*/
 
.handle {
	background-image: url('images/feedback.png') background-repeat: no-repeat;
	width: 40px;
	height: 140px;
	display: block;
	text-indent: -99999px;
	outline: medium none;
	position: absolute;
	top: 0px;
	right: -40px;
}
 
 
.handle:hover{
color:black;
}
.slide-out-div {
      
    	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		color:#777777;
		border: #c6c6c6 1px solid;
        font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif, Arial;
        font-size:13px;
        position: absolute;
        width: 550px; 
        height: 550px; 
        top: 150px;
        left: -592px;
         
}

.slideout {
    background-image: url("images/contact_tab.gif");
    background-repeat: no-repeat;
    display: block;
    height: 140px;
    outline: medium none;
    position: absolute;
    right: -40px;
    text-indent: -99999px;
    top: 0;
    width: 40px;
}
/* Kontaktform*/

.generalForm{
	border:0px;
	outline:none;
	width:450px;
	text-align:right;
	
}

#contact_email, #contact_name,  #contact_message{

	width:300px;
}

p, h3 {	
	line-height:1.3;
	padding:  0 20px;
	font-weight:lighter;	
}


.submitbtn {
	height:30px;
	line-height: 1;
	width: 100px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif, Arial;
	font-size: 14px; 
	color:white;
	padding: 0px 20px 0px 20px;
	background: -moz-linear-gradient(
		top,
		#8db542 0%,
		#537718);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#8db542),
		to(#537718));
	-pie-background: linear-gradient(90deg, #537718, #8db542);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #517a0b;
	cursor:pointer;
	font-weight:bold;
		box-shadow: 0px 0px 8px 1px #b7b7b7;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(107,158,19,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(107,158,19,1);
	text-shadow:
		0px 1px 0px rgba(000,000,000,0.6),
		0px 1px 0px rgba(255,255,255,1);
	margin: 20px 0 ;
	position:relative;
	float:none;
	behavior: url(PIE.htc);
	padding:5px;

}
.submitbtn:hover {
background: -moz-linear-gradient(
		top,
		#537718 0%,
		#8db542);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#537718),
		to(#8db542));
	-pie-background: linear-gradient(90deg, #8db542, #537718);
}

#solid {
	background-color: rgb(155, 155, 155); 
	height: 70px; 
	margin-top: 20px;
	-moz-border-radius:0 0  6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	border:1px;
	border-color:rgb(155, 155, 155); 
	width:551px;
	padding-top:1px;
	color:#555555;
	font-size:12px;
}

.clear{
	clear: both;
	margin:0px;
	padding:0px;
}
.red
{
    font-weight: bold;
    color: red;
}