@charset "utf-8";
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
	font-family: 'DiavloMediumRegular';
	src: url('/fonts/diavlo_medium_ii_37-webfont.eot');
	src: local('☺'), url('/fonts/diavlo_medium_ii_37-webfont.woff') format('woff'), url('/fonts/diavlo_medium_ii_37-webfont.ttf') format('truetype'), url('/fonts/diavlo_medium_ii_37-webfont.svg#webfontmM1FDaLR') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { width:100%; background:#fff; text-align: justify; margin: 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; }

a { text-decoration:none;}
a:hover { text-decoration:underline;}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px 0;
        color: #fff;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: normal 13px DiavloMediumRegular, Arial, Helvetica, sans-serif;
	padding: 3px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}

.black {
	color: #fff;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}

.rot {
	color: #fff;
	border: solid 1px #333;
	background: #f60000;
	background: -webkit-gradient(linear, left top, left bottom, from(#f40000), to(#960000));
	background: -moz-linear-gradient(top,  #f40000,  #960000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f40000', endColorstr='#960000');
}

/* main */
.main { padding: 0; margin: 0 auto;}

/* header */
.blok_header { margin: 0; padding: 0; background: url(/images/header_bg.gif) top repeat-x; border: 0;}
.header { width: 960px; margin: 0 auto; padding: 0;}

/* logo */
.logo { padding: 0; margin: 0; width: 324px; height: 127px; float: left;}

/* Social */
.social { width: 300px; float: right; margin: 38px 0 0 0; padding: 3px 0 3px 35px; font: normal 11px Arial, Helvetica, sans-serif; color: #878787; line-height: 1.2em;}
.social a { font: bold 11px Arial, Helvetica, sans-serif; color: #b4b4b4; text-decoration: none;}

/* imagepeplacement */	
.linkmail {background: url(/images/mail.gif) 0 2px no-repeat; padding-left: 17px;}
.linkextern {background: url(/images/external.gif) 0 1px no-repeat; padding-left: 14px;}

/* zähler */
#countaf, #countas, #countau, #counteu, #countna {position: relative; font-size: 11px;}
#countaf {top: 120px; left: 650px;}
#countas {top: 80px; left: 700px;}
#countau {top: 160px; left: 730px;}
#counteu {top: 50px; left: 530px;}
#countna {top: 90px; left: 370px;}
#countaf a, #countas a, #countau a, #counteu a, #countna a {color: #fff;}


/* menu */	
.menu { float: right; padding: 18px 0 0 0; margin: 0; width: 550px; border: none;}
.menu ul {   padding: 0; margin: 0; list-style: none; border: 0;}
.menu ul li { float: right; margin: 0; padding: 10px 5px; border: 0;}
.menu ul li a { display: block; margin: 0; padding: 0; color: #fff; font: normal 13px DiavloMediumRegular, Arial, Helvetica, sans-serif; text-decoration: none; border-right: 1px solid #555;}
.menu ul li a.nob {border: 0;}
.menu ul li a span { padding: 12px; background: none;}
.menu ul li a:hover { color: #40d4ed;}

.eins a#eins {color: #40d4ed;}
.zwei a#zwei {color: #40d4ed;}
.drei a#drei {color: #40d4ed;}
.vier a#vier {color: #40d4ed;}
.fuenf a#fuenf {color: #40d4ed;}
.sechs a#sechs {color: #40d4ed;}

/* header_text_bg */
.header_text_bg { margin: 0; padding: 0; background: url(/images/slider_bg.gif) top repeat-x;}
.header_text_bg2 { margin: 0; padding: 0; background: url(/images/slider_bg2.gif) top repeat-x;}

/* header_text */
.header_text { margin: 0 auto; padding: 10px 0 0 0; width: 980px;}
.header_text .div { width: 875px; padding: 0; margin: 0 auto;}
.header_text img.screen { float: right; margin: -10px 0; padding: 0;}
.header_text .div .left1 { float: left; width: 350px; padding: 0; margin: 0;}
.header_text .div .left1 h2 { font: normal 20px DiavloMediumRegular, Arial, Helvetica, sans-serif; color: #fff; padding: 5px 0; margin: 0;}
.header_text .div .left1 h2 span { font: bold 12px Arial, Helvetica, sans-serif; color: #fff;}
.header_text .div .left1 p { font: bold 12px Arial, Helvetica, sans-serif; color: #fefefe; padding: 10px 0; margin: 0;}
.header_text .div .left1 p a {color: #fefefe;}
.header_text .div .left1 ul {list-style: circle;}
.header_text .div .left1 li { font: bold 12px Arial, Helvetica, sans-serif; color: #fff; line-height: 1.8em;}
.header_text .div .left1 li a {color: #FFF;}
.header_text .div .left1 li a:hover {text-decoration: underline;}
.header_text .div .center { width: 875px; padding: 10px 0 20px 0; margin: 0 auto;}
.header_text .div .center h3 { font: italic 20px DiavloMediumRegular, Arial, Helvetica, sans-serif; color: #6d6d6d; line-height: 1.2em; padding: 25px 0 0 0; margin: 0;}
.header_text .div .center h3 span { font: 12px DiavloMediumRegular, Arial, Helvetica, sans-serif; color: #a2a2a2;}
.header_text .div .center2 { width: 875px; padding: 10px 0 0 0; margin: 0 auto;}
.header_text .div .center2 h4 { font: normal 20px DiavloMediumRegular, Arial, Helvetica, sans-serif; color: #fff; line-height: 1.2em; padding: 20px 0 0 0; margin: 0;}
.header_text .div .center2 h4 span { font: bold 12px Arial, Helvetica, sans-serif; color: #fff;}
.header_text .div .center2 img { float: right; margin: 0; padding: 20px 0 0 0;}

/* body */
.body_resize { margin: 0; padding: 0; background: #fff;}
.body { width: 960px; margin: 0 auto; padding: 10px 10px;}
.body h2 { font: normal 20px DiavloMediumRegular, Arial, Helvetica, sans-serif; color: #2d2d2d; margin: 0; padding: 10px 5px; text-indent: 10px;}
.body h2 span { font: italic 11px Arial, Helvetica, sans-serif; color: #777;}
.body h3 { font: normal 18px DiavloMediumRegular, Arial, Helvetica, sans-serif; color: #282828; margin: 5px 0 0 0; padding: 5px; text-indent: 5px;  background-color: #F2F8FC;}
.body h4 { font: normal 16px DiavloMediumRegular, Arial, Helvetica, sans-serif; color: #282828; margin: 5px 0 0 0; padding: 5px;}
.body img.clear { float: none; padding: 0; margin: 0;}
.body p { font: normal 12px Arial, Helvetica, sans-serif; color: #575757; line-height: 1.8em; padding: 5px 5px; margin: 0;}
.body p.small {padding-right: 150px;}
.body a { text-decoration: none; color: #3b87aa; font: bold 12px Arial, Helvetica, sans-serif;}
.body a:hover { text-decoration: underline;}
.body ul { list-style-type: none; margin-left: 25px;}
.body_small { width: 320px; float: right; margin: 5px 5px; padding: 0;}
.body_small p span { color: #e34a00; font: normal 11px Arial, Helvetica, sans-serif; line-height: 1.8em;}
.body_small p.data { width: 100px; text-align: center; color: #e44900; background: #f7f7f7; padding: 2px 3px; margin: 0; font: bold 12px Arial, Helvetica, sans-serif;}
.body_center { width: 950px; margin: 5px 5px; padding: 0;}
.body_center h3 { clear: both;}
.body_center li {line-height: 20px; color: #575757;}
.body_big { width: 560px; float: left; margin: 5px 0 5px 5px; padding: 0;}
.body_big ul { list-style-type: circle; margin: 0; padding: 0;}
.body_big li { font: normal 12px Arial, Helvetica, sans-serif; color: #575757; line-height: 20px;}
.body .block1 { width: 210px; margin: 5px; padding: 0; float: left;}
.body .block2 { width: 260px; margin: 5px; padding: 0; float: left;}
.body_small ul { list-style-type: none; margin: 0; padding: 0;}
.body_small li { border-bottom: 1px dotted #ccc; margin: 0 5px; padding: 2px 0; font: normal 12px Arial, Helvetica, sans-serif; color: #575757;}
.body_small li.nob { border: 0;}

.review {clear: both; margin: 10px 0;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
background: -moz-linear-gradient(top,  #ffffff,  #eeeeee);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');}
.review img {margin-left: 10px;}
.review p {line-height: 1.25em;}

.testimonial {display: table; background: url(/images/testimon.gif) left no-repeat}
.closed, .red {float: left; margin-right: 5px; font-weight: bold; color: #ff0000;}

.party, .fkk {padding: 2px 2px 0 30px; margin: 2px;}
.party {background: url(/images/megaphone.png) 2px -1px no-repeat; }
.fkk {background: url(/images/red_flag.png) 1px -1px no-repeat;}

/* sprite */
.stern1 {display: block; background: url(/images/stern5.png) -64px 0 no-repeat; padding-left: 100px;}
.stern2 {display: block; background: url(/images/stern5.png) -48px 0 no-repeat; padding-left: 100px;}
.stern3 {display: block; background: url(/images/stern5.png) -32px 0 no-repeat; padding-left: 100px;}
.stern4 {display: block; background: url(/images/stern5.png) -16px 0 no-repeat; padding-left: 100px;}
.stern5 {display: block; background: url(/images/stern5.png) no-repeat; padding-left: 100px;}

/* footer */
.footer_resize { width: 960px; margin: 0 auto; padding: 0 0 10px 0; }
.footer {padding: 0;  margin: 0; background: #f6f6f6; border-top: 1px solid #dfdfdf; }
.footer img { float: left; margin: 0; padding: 0 15px 0 0;}
.footer p { font: normal 11px  Arial, Helvetica, sans-serif; color: #929292;}
.footer a { font: normal 11px Arial, Helvetica, sans-serif; color: #929292; text-decoration: none; padding: 5px; margin: 0;}
.footer a:hover {color: #3b87aa; text-decoration: underline;}
.footer span { padding: 10px 0 0 0; margin: 0;}
.footer p.leftt { text-align: left; width: 40%; margin: 0; padding: 40px 0 20px; float: left;} 
.footer p.rightt { text-align: right; width: 30%; margin: 0; padding: 40px 20px 0 0; float: right;} 

/* contact form */
.form { float: left; width: 550px; margin: 5px auto; padding: 0;}

#contactform { margin: 0; padding: 5px 10px;}
#contactform * { color: #7a7a7a;}
#contactform ol { margin: 0; padding: 0; list-style: none;}
#contactform li { margin: 0; padding: 0; background: none; border: none; display: block;}
#contactform li.buttons { margin: 5px 0 5px 0; float: right;}
#contactform label { float: left; margin: 0; width: 100px; padding: 5px 0; font: bold 12px Arial, Helvetica, sans-serif; color: #454646; text-transform: capitalize;}
#contactform label span { font: normal 10px Arial, Helvetica, sans-serif; color: #ee0000;}
#contactform input {color: #fff;}
#contactform input.text { font-size: 12px; color: #7a7a7a; width: 420px; border: 1px solid #aaa; margin: 5px 0; padding: 5px 2px; height: 15px; background: #fff;}
#contactform textarea { width: 420px; border: 1px solid #aaa; margin: 10px 0; padding: 2px; background: #fff; height: 150px;}
p.response { margin-left: 100px; color: #ee0000; font: bold 11px Arial, Helvetica, sans-serif; line-height: 1.8em; width: auto;}

select {font: normal 12px Arial, Helvetica, sans-serif; color: #575757;}

#map { margin: 5px; padding: 2px; border: 1px dotted #aaa; }
.bigmap { width: 540px; height: 330px; }
.smallmap { width: 280px; height: 280px; }

/* Gästebuch */
.sechs table {border-collapse: separate;}
.divider {border-top: 1px dotted #aaa;}

p.clr, .clr { clear: both; padding: 0; margin: 0;}
li.bg, .bg { clear: both; border-bottom: 1px solid #dfdfdf; padding: 10px 0 0 0; margin: 0 0 10px 0; background: none; list-style: none;}
.picleft {float: left; margin: 10px 15px 5px 10px;}
.picright {float: right; margin: 10px 10px 5px 15px;}
.nob {border: 0;}
.nobg {background: transparent;}

table {font-size: 16px;}
td img {vertical-align: middle;}