/* CSS Document */

* {
	font-size:100%;
	margin: 0;
	padding: 0;
}

body{
	background:#FFFFFF url(images/bg_tail.gif) repeat top center;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.datenschutz {
     float: left;
	 margin-right: 10px;
}

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
		color:#8198a2;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#28a1ce; text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
p {
	padding-bottom:20px;
}

h1 {border-bottom:1px solid #cacbc7;}
h2 {font-size:27px; color:#858a81; line-height:1.2em; padding:21px 0 17px;}
h3 {font-size:22px; color:#858a81; line-height:1.2em; padding:15px 0 0;}
h3.extra {	
	padding:25px 0 0;
}
h4 {font-size:12px; color:#28a1ce; }
h4.extra {text-align:right; padding:0 13px 6px;}
/* ============================= main layout ====================== */
.bg {
	background-image: url(images/content_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#page1 .bg {background:url(images/splash_bg.jpg) no-repeat top center;}

.imgindent {margin:0 20px 0 0; float:left;}
.fright {text-align:right;}
/* ============================= header ====================== */
.menu {background:url(images/menu_bg.png) no-repeat left bottom; padding-bottom:10px;}
.menu li {padding:15px 0 4px; line-height:25px;}
#header a {cursor:pointer;}
#header ul {padding:0;}
.menu li a:hover {border-bottom:1px solid #fff;}
#header .menu a.active {border-bottom:1px solid #fff; cursor:default;}
* html .menu li {height:23px;}

/* ============================= content ====================== */
ul {padding:15px 0 0;}
#content li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:14px; line-height:20px; color:#28a1ce; font-weight:bold; }
#content li a {color:#8198a2; font-weight:normal; font-size:10px;}

ul.extra {padding:0;}
#content ul.extra li {background:url(images/marker.gif) no-repeat 0 5px; padding:0 0 5px 14px; line-height:13px; color:#28a1ce; font-weight:bold; }

.row_content {padding-left:27px;}
p.type1 {background:url(images/icon1_home.gif) no-repeat 14px 12px; padding:44px 21px 0;}
p.type2 {background:url(images/icon2_mail.gif) no-repeat 14px 13px; padding:18px 45px 5px;}

.block1 {padding:9px 0 10px;}
.block1 h3 {padding-bottom:4px;}
.block1 p { color:#8198a2; padding:16px 0 0;}


.block2 {padding:23px 0 0;}
.block2_extra {padding:18px 0 0;}
.block2 p {padding-bottom:26px;}
#page7 .block2 .right{padding-right:12px;}
.col2 h3 {padding:24px 0 0;}

.block3 {padding:9px 0 10px;}
.block3 ul {padding: 4px 0 11px;}
.block3 h4{padding:7px 0 15px;}

.block4 {padding:9px 0 10px;}
.block4 p {padding: 0 0 23px;}
.block4 h3{padding:15px 0 20px;}

/*buttons*/
a.btn {
	background:url(images/btn_right.gif) no-repeat right top;
	display:inline-block;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	cursor:pointer;
}
a.btn span{
	background:url(images/btn_left.gif) no-repeat left top;
	color:#fff;
	display:inline-block;
	padding:0 1px;
	font-weight:bold!important;
}
a.btn span span{
	background:url(images/btn_tail.gif) repeat-x top center;
	padding:0 11px;
}

a.btn:hover {
	background:url(images/btn_right.gif) no-repeat right bottom;
	display:inline-block;
}
a.btn:hover span {
	background:url(images/btn_left.gif) no-repeat left bottom;
	display:inline-block;
}
a.btn:hover span span{background:url(images/btn_tail.gif) repeat-x bottom center;}

a.yellow_btn {background:url(images/btn_right.gif) no-repeat right bottom;}
a.yellow_btn span{background:url(images/btn_left.gif) no-repeat left bottom;}
a.yellow_btn span span{background:url(images/btn_tail.gif) repeat-x bottom center;}

a.yellow_btn:hover {background:url(images/btn_right.gif) no-repeat right top;}
a.yellow_btn:hover span {background:url(images/btn_left.gif) no-repeat left top;}
a.yellow_btn:hover span span{background:url(images/btn_tail.gif) repeat-x top center;}

/*phone*/
.phone span {display:inline-block; width:69px; font-weight:normal;}
#page8 #content {
	padding-top: 9px;
	padding-right: 37px;
	padding-bottom: 30px;
	padding-left: 37px;
}
#page8 h3 {padding:25px 0 21px;}
#page8 #content p {padding: 0 0 16px;}
#page8 #content a {display:block; margin:10px 0 0;}
/* ============================= footer ====================== */
#footer {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9d9a91;
	font-size:13px;
}
#footer a {color:#9d9a91;}
#footer ul{padding:0;}
#footer li {float:left; font-family:Arial, Helvetica, sans-serif;}
#footer li a {text-decoration:none; font-size:13px; margin:0 11px;}
#footer a:hover {color:#28a1ce;}
/* ============================= forms ============================= */
#BookingForm {
	text-align:left; 
	padding:10px 0 40px 43px; 
	color:#fff; 
	font-weight:bold; 
	background:url(images/form_bg.gif) repeat top center;
}
#BookingForm a.btn span span{padding:0 5px;}
#BookingForm input, #BookingForm select {
	background:#fff;	
	border:1px solid #8c8881;
	color:#858a81;
	font-size:11px;
	margin:3px 0 0;
	padding:1px 0;
}
#BookingForm input.radio {background:none; border:0;}
#BookingForm input.type1 {width:84px; padding:1px 5px; margin:5px 5px 0 0;}
#BookingForm input.type2 {width:74px; padding:1px 5px; margin:5px 5px 0 0;}

#BookingForm select{width:74px;}
#BookingForm select.type1 {width:45px;}
#BookingForm select.type2 {width:37px;}

#BookingForm p {padding:0 0 4px;}
#BookingForm span {font-weight:normal;}
#BookingForm p.extra {float:left;}
#BookingForm a {margin-left:4px;}
#BookingForm a.btn {margin:10px 3px 0 0;}
#BookingForm h3 {color:#bf310c; padding:5px 0 2px;}

#ContactForm {padding:28px 7px 0;}
#ContactForm input, #ContactForm textarea {
	background:#fff;
	width:188px;
	border:1px solid #a4a4a4;
	padding:2px 5px;
	color:#424141;
}
#ContactForm span.text {float:left; width:48px; padding:2px 0 0;}
#ContactForm .subcol2 span.text  {width:63px;}
#ContactForm p {padding-bottom:4px; overflow:hidden;}
#ContactForm input {font-size:1em;}
#ContactForm textarea {height:64px; overflow:auto;width:225px;}
#ContactForm p.fright {padding:19px 3px 0 0;}
#ContactForm p.fright a {margin-left:16px;}