@charset "utf-8";
/* CSS Document */

body {font-family: 'Raleway', sans-serif;
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100 */
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	  font-size: 20px;}
	  
#wrapper {width: 950px;
		  margin-left: 400px;}

		
h1 {color: #666;}


h3 {color:#C60;}


.bild {width: 100px;
	   height: 100px;}
	
#menubox {position: fixed;	/*klebt immer oben rechts*/
		top: 0;
		right: 20px;
		list-style-type: none;
		font-size:25px;}
		
.news {border: 3px solid #FFC;
	   padding: 10px;}

.news h2 {color: #C60;}
		
.home {padding: 10px;
	   margin: 5px;
	   text-align:right;}		
		
.zumir {padding: 10px;
		margin: 5px;
		text-align:right;}

.angebot {padding: 10px;
		  margin: 5px;
		  text-align:right;}

.eindrücke {padding: 10px;
			margin: 5px;
			text-align:right;}

.anfahrt  {padding: 10px;
		   margin: 5px;
		   text-align:right;}

.kontakt {padding: 10px;
		  margin: 5px;
		  text-align:right;}
		
a:link {color: #C60;
		text-decoration: none;}	/*unterstreichen weg*/
a:visited {color:#333;}
a:hover {color:#999;}
a:active {}

.active {border: 3px solid #FFC;}

label{width: 120px;
		  float: left;}

#sendebutton {border-radius: 5px;
				  background-color: #C60;
				  color: #fff;
				  transition:All 0.7521s ease;
-webkit-transition:All 0.7521s ease;
-moz-transition:All 0.7521s ease;
-o-transition:All 0.7521s ease;}
				  
	#sendebutton:hover {transform: rotate(0deg) scale(1.216) skew(1deg) translate(0px); /*Button wird größer bei mausover*/
-webkit-transform: rotate(0deg) scale(1.4) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.4) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.4) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.4) skew(1deg) translate(0px);}

footer {font-size:14px;
		padding-top: 135px;}