@import url(http://fonts.googleapis.com/css?family=Raleway); /* FREE GOOGLE FONT */

body{
	padding : 0px;
	border: 0px;
 font-family: Arial,Verdana,Tahoma;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
}

.text1 {font-family: Verdana,Tahoma,Arial; font-size: 10pt; color: #000000; text-decoration: none;}
.text2 {font-family: 'Raleway',Arial,Verdana,Tahoma; font-size: 12pt; color: #FF9900; text-decoration: none;}
.text3 {font-family: Verdana,Tahoma,Arial; font-size: 9pt; color: #333333; text-decoration: none;}
.text4 {font-family: Verdana,Tahoma,Arial; font-size: 10pt; color: #2A799A; text-decoration: none;}
.text5 {font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #666666; text-decoration: none;}
.text6 {font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #666666; text-decoration: none;}
.text7 {font-family: Verdana,Tahoma,Arial; font-size: 10pt; color: #FF0000; text-decoration: none;}
.text8 {font-family: Verdana,Tahoma,Arial; font-size: 6pt; color: #333333; text-decoration: none;}
.hinweis {font-family: Verdana,Tahoma,Arial; font-size: 12pt; color: #FF00000; text-decoration: none;}

body, td{
	font-size: 9pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
div#bg {
background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%);
background-image: -moz-linear-gradient(white 0%, #9FBFD2 100%);
background-image: -o-linear-gradient(white 0%, #9FBFD2 100%);
background-image: linear-gradient(white 0%, #9FBFD2 100%);">
width: 600px;
position: absolute;
left: 50%;
margin-top: 20px;
margin-left: -300px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px;
}

div#content {
position: absolute;
background-color: #FFFFFF;
left: 50%;
margin-top: -10px;
margin-left: -550px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 25px;
font-family: 'Raleway', sans-serif;  font-size: 30px; color: #333333;text-decoration: none;
}

div#footer {
width:100%;
background-color: #FFFFFF;

margin-top: -10px;
margin-left: -75px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 25px;
font-family: 'Raleway', sans-serif;  font-size: 30px; color: #333333;text-decoration: none;
}

.et-cols {
background-color: #B7DDE8;
overflow:hidden;
width:1050px;
display:inline-block;
margin:10px 0;
font-family: 'Raleway', sans-serif;  font-size: 18px; color: #333333;text-decoration: none;
}

.et-colsss {
overflow:hidden;
width:1000px;
display:inline-block;
margin:10px 0;
font-family: 'Raleway', sans-serif;  font-size: 18px; color: #333333;text-decoration: none;
padding: 5px;
}

.et-colss {

overflow:hidden;
width:600px;
display:inline-block;
margin:10px 0;
font-family: 'Raleway', sans-serif;  font-size: 18px; color: #333333;text-decoration: none;
}

.et-table {

overflow:hidden;
width:900px;
display:inline-block;
margin:10px 0;
font-family: 'Raleway', sans-serif;  font-size: 18px; color: #333333;text-decoration: none;
padding: 5px;
color: #CCCCCC;
}

.et-cols2 {
float:left;
width: 48%;
padding:0 1%;
}
.et-cols3 {
float:left;
width: 31.33%;
padding:10 1%;
}

.et-cols4 {
float:left;
width: 23%;
padding:10 1%;
}
.et-cols5 {
float:left;
width: 18%;
padding:0 1%;
}
.et-cols6 {
float:left;
width: 14.66%;
padding:0 1%;
}

.et-cols22 {
float:left;
width: 40%;
padding:0 1%;
text-align: right;
font-size: 16px;


}

.et-cols33 {
float:left;
width: 30%;
padding:0 1%;
text-align: left;
font-size: 16px;


}
.reservation-form textarea {
	width: 100%;
	height: 300px;
	resize: none;
	overflow: auto;

	padding: 9px 10px 8px;
	margin: 0;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #adadad;
	background: transparent;
	outline: none;
	width: 100%;
	border: 1px solid #dbdbdb;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: left;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1 {
	margin: 0;
	font-size: 30px;
	font-weight: normal;
	font-family: 'Raleway', sans-serif, Arial;
	color: #333333 ;
}

h2 {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Raleway', sans-serif, Arial;
	color: #FFCC00 ;
}

h3 {
text-indent: 20px;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Raleway', sans-serif, Arial;
	color: #fff ;

}
p {

	font-size: 18px;
	font-weight: normal;
	font-family: 'Raleway', sans-serif, Arial;
	color: #333333 ;
}


.abstand{
width: auto;
height: 30px;
}

a {font-family: 'Raleway', sans-serif;  font-size: 18px; color: #333;text-decoration: none;}
a:hover {font-family: 'Raleway', sans-serif; font-size: 18px;  color: #CCCCCC;text-decoration: none;}