@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');
}

/* 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;}

/*RSS*/
.rss { width: 250px; float: right; margin: 38px 0 0 0; padding: 3px 0 3px 35px; background: url(/images/rss.png) left no-repeat; font: normal 11px Arial, Helvetica, sans-serif; color: #878787; line-height: 1.2em;}
.rss a { font: bold 11px Arial, Helvetica, sans-serif; color: #b4b4b4; text-decoration: none;}

/* imagepeplacement */	
.linkfeed {background: url(/images/feed.png) 0 2px no-repeat; padding-left: 18px;}
.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;}

/* 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 0 5px 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;}
.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;}
.testimonial {display: table; background: url(/images/testimon.gif) left no-repeat}
.closed {float: left; margin-right: 5px; font-weight: bold; color: #ff0000;}

/* 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;}

/* END_bloga*/

/*************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;}

/********** contact form **********/

#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;}