body, html { margin: 0; padding: 0; }
body, input, h1, h2, h3, h4, h5, h6 { font-family: "Raleway", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 18px; }
body { line-height: 2; color: #444; background: #fff; }

img, iframe { max-width: 100%; }
img { height:auto; border:0; }

iframe { max-height: 100%; }
iframe { border: 0 !important; }

strong, dt, h3, h4 { font-weight: 700; }

h1, h2, h3, h4, h5, h6 { margin: 10px 0; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }
h1, h2, h3 { line-height: 40px; }
h2 { font-size: 50px; line-height: 1.2; }
h3 { font-size: 24.5px; }
h4 { font-size: 17.5px; }
h5 { font-size: 14px; }
h6 { font-size: 11.9px; }

hr { background: #EEE; border: 0; height: 1px; margin: 40px 0 40px; }

blockquote { margin: 1em 0; border-left: 3px solid #ccc; padding-left: 20px; text-align: left; }




dt { }
dd { padding: 0; margin: 0 0 25px 0; }

a { -webkit-transition: all ease 150ms; -moz-transition: all ease 150ms; -o-transition: all ease 150ms; transition: all ease 150ms; text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #000; }
a:active { color: #000; }

/* Header Styles */
header { width: 100%; overflow: hidden; }
header { padding: 2em 0 2em 0; text-align: center; background: #5c7cac; color: #fff; }
h1 { margin: 0; padding: 0; float: left; color:#fff; font-weight:bold; font-size:35px; text-transform:uppercase; padding-top: 10px; margin-right:30px; }
header h2 { margin: 0 0 1em 0; }
header h2.docs-header { margin: 0; }

footer { text-align: center; padding: 1.5em 0; background-color: #222; }
footer p, a { margin: 0; color: #999; line-height: 1.5; }





/* Navigation Styles */ 
nav { background: #2b2a2c ; padding: 10px 0; min-height: 60px; }
nav ul, nav li { margin: 0; padding: 0; list-style: none; 
 display: inline;
 list-style: none;
 list-style-image: none;
 list-style-type: none;
}
nav ul a { padding: 0 1em; color: #EEE; font-size: .9em; height: 60px; line-height: 60px; display: block; background:#2b2a28; }
nav h1 a { padding: 7px 1em; height: 46px; line-height: 0; height: 45px; line-height: 45px; }
nav a:hover { color:#000; background: #fff; text-decoration: none; }
nav a:active { color:#000; background: #fff; }
nav ul.site { padding: 20px 0 0 0; }
nav #menu { clear: left; }
nav #menu a.active { color: #000; background: #fff; }
nav #menu-mobi { display: none !important; }
nav #menu-mobi li { display: block; list-style: none; }
/*nav #menu a { color: #fff; }*/
nav #menu-toggle { position: absolute; right: 0; top: 0; font-size: 1.5em; padding: 0 16px; }

.open { background: #f00; }







nav #menu li, 
nav #menu a { float: left; }
 




/* Content Styles */ 
section { padding: 1em 0 3em; text-align: center; } 
section.vibrant { background: #222; color: #fff; }

nav:before, 
nav:after, 
header:before, 
header:after, 
section:before, 
section:after { content: " "; display: table; }

nav:after, 
header:after, 
section:after  { clear: both; } 

nav, header, section { *zoom: 1; }













.docs-nav { background-color: #f5f5f5; list-style: none; margin: 0 0 0 20px; padding: 0px 20px; font-size: 0.95em; }
.docs-nav a { display: block; margin: 0 -20px; padding: 0 20px; text-decoration: none; }
.docs-nav a  img { display: block; margin: 0 -20px; padding: 10px 20px; text-decoration: none; border-right: 0; }



header { /* padding: 4em 0 4em 0; */ }
.container { width: 95%; max-width: 650px; margin: 0 auto; position: relative; }

/* default = smallest screen */
#menu-left { display: block !important; }

.docs-nav { position: absolute; top: 0; width: 220px;
	-webkit-transition: top linear 50ms; -moz-transition: top linear 50ms; 
	-o-transition: top linear 50ms; transition: top linear 50ms; }
.docs-nav.fixed { position: fixed; top: 49px; width: 220px; }
.docs-nav .separator { height: 20px; }
.docs-nav img { padding: 20px 10px 0px 10px; }
.docs-nav li a { padding-left: 30px; }	

.docs-content { padding-left: 310px; }
.container { max-width: 1000px; padding: 0 20px; }
.container-25 { width: 20%; float:left; margin:10px; padding:20px; }
.container-33 { width: 25%; float:left; margin:10px; padding:20px; }
.container-50 { width: 40%; float:left; margin:10px; padding:20px; }
.container-66 { width: 50%; float:left; margin:10px; padding:20px; }
/*
#menu-left { display: none !important; }
.docs-content { padding-left: 10px; }
.container { max-width: 400px; padding: 0 20px; }
.container-25 { text-align: center; margin:10px; padding:10px; }
.container-33 { text-align: center; margin:10px; padding:10px; }
.container-50 { text-align: center; margin:10px; padding:10px; }
.container-66 { text-align: center; margin:10px; padding:10px; }
*/








section { text-align: left; } 
section.centered { text-align: center; }

input { display: inline-block; }

.docs-nav a:hover { background: #eee; color: #000; }
.docs-nav a:active, 
.docs-nav .active { color: #000; background: #ccdcec; }







#sitemap ul, #sitemap li { margin: 0; padding: 0; list-style: none; }






/* Form */
#fkontakt , 
#ffinder { background-color:#eee; padding:20px; }

fieldset { border: 0; }

label { display:inline-block; height: 24px; color:#888; line-height: 22px; width: 120px; vertical-align: top; }

input, 
textarea, 
select { width:200px; margin:0; padding:3px; color:#888; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; }

input[type='checkbox'] { width:30px; }
input .checkbox { width:30px; }
input.submit { color:#000; }

option { width:100px; margin:0; padding:3px; }

textarea{ overflow:auto; }
@media only screen and (min-width: 400px) {
	textarea{ width: 200px; max-width:300px; }
}
@media only screen and (min-width: 600px) {
	textarea{ width: 300px; max-width:300px; }
}
@media only screen and (min-width: 800px) {
	textarea{ width: 200px; max-width:200px; }	/*weniger als bei 600 weil auch noch docs-nav-links */
}
@media only screen and (min-width: 1000px) {
	textarea{ width: 450px; max-width:480px; }
}


span.required{ color:#f16c32; }
.form_requried{ /* --- ANTIPETZ --- */ color:#4d4d50; background-color:#4d4d50; display: none; visibility: hidden; }














.c img  { height:30px; }


.c { text-align: center; }
.w { background-color: #ffefd5; text-align: center; width: 100px; height: 20px } /* wohnung */
.m { font-weight: bold; background-color: #fff8dc; text-align: center; height: 20px } /* monat */

.a { background-color: #d5e5f5 } /* #d5e5f5 an-/abreise */
.r { background-color: #f5f5f5 } /* reserviert */
.f { background-color: #c0d0f0 } /* frei */
.t { background-color: #ffffe0; text-align: center; width: 15px; height: 20px } /* tag */

.as { background-color: #d5e5f5 } /* #dcecfc an-/abreise sonntag */
.rs { background-color: #f5f5f5 } /* #fcfcfc reserviert sonntag */
.fs { background-color: #c0d0f0 } /* #b0c0e0 #cadafa frei sonntag */
.ts { background-color: #efefd0; text-align: center; width: 15px; height: 20px } /* #ffffea tag sonntag */

.p1 { background-color: #c0d0f0; text-align: center; width: 20px; height: 20px } /* preis1 */
.p2 { background-color: #d5e5f5; text-align: center; width: 20px; height: 20px } /* preis2 */
.p3 { background-color: #f5f5f5; text-align: center; width: 20px; height: 20px } /* preis3 */
.p4 { background-color: #ffffff; text-align: center; } /* preis4 */

.kleiner { font-size: smaller }



table.tsaison { border-collapse: separate; border-spacing: 3px; line-height: 2.5em; background-color: #fff; width: 700px; text-align: center; }
table.tsaison td img { height: 25px; }
table.tpreise { border-collapse: separate; border-spacing: 3px; line-height: 2.0em; background-color: #fff; width: 650px; text-align: center; }
table.tfrei { border-collapse: separate; border-spacing: 3px; line-height: 2.0em; background-color: #fff; width: 710px; text-align: center; }
/*table.tfrei a { color: #444; text-decoration:none; }
table.tfrei a:hover { color: #444; text-decoration:underline; }*/
table.tmfrei { border-collapse: separate; border-spacing: 3px; line-height: 2.0em; background-color: #fff; width: 220px; text-align: center; }



label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 120px;
}

select {
}

.last, 
.clear  { clear: both; } 

.gray { background: #F0F0F0; }

.activities { font-size: smaller; background-color: #F0F0F0; text-align: left; padding: 20px; margin: 0px; }
.small { font-size: smaller; }
.center { text-align: center; }

.bold { font-weight:bold; }
.titel { background-color: #f5f5f5; font-weight:bold; }

.tw1a { background-color: #fff8dc; font-weight:bold; }
.tw2a { background-color: #fff3d8; font-weight:bold; }
.tw3a { background-color: #ffefd5; font-weight:bold; }

.tw1b { background-color: #ffffe0; }
.tw2b { background-color: #fffae0; }
.tw3b { background-color: #fff5e0; }

.twx { background-color: #efefd0; }

.tw1x { background-color: #e5e5e5; }
.tw2x { background-color: #e5e5e5; }
.tw3x { background-color: #e5e5e5; }

.tw0 { background-color: #fff; }





@media only screen and (min-width: 680px) { 
    nav #menu-toggle { display: none !important; }
    nav #menu { max-height: 9999px; clear: none; }
}

/*@media only screen and (max-width: 679px) { 
    nav #menu-toggle { display: block !important; }
    nav #menu { display: none !important; }
	nav #menu-mobi { display: block !important; }
}*/

@media only screen and (min-width: 100px) {
	#menu-left { display: none !important; }
	
	.docs-content { padding-left: 10px; }	
	.container { max-width: 400px; padding: 0 20px; }
	.container-25 { text-align: center; margin:10px; padding:10px; }
	.container-33 { text-align: center; margin:10px; padding:10px; }
	.container-50 { text-align: center; margin:10px; padding:10px; }
	.container-66 { text-align: center; margin:10px; padding:10px; }
}

@media only screen and (min-width: 600px) {
    .container { max-width: 600px; padding: 0 20px; }
	.container-25 { text-align: left; }
	.container-33 { text-align: left; }
	.container-50 { text-align: left; }
	.container-66 { text-align: left; }
}

@media only screen and (min-width: 800px) { 
	#menu-left { display: block !important; }

	.docs-nav { position: absolute; top: 0; width: 220px;
        -webkit-transition: top linear 50ms; -moz-transition: top linear 50ms; 
        -o-transition: top linear 50ms; transition: top linear 50ms; }
    .docs-nav.fixed { position: fixed; top: 49px; width: 220px; }
    .docs-nav .separator { height: 20px; }
	.docs-nav img { padding: 20px 10px 0px 10px; }
	.docs-nav li a { padding-left: 30px; }	
	
    .docs-content { padding-left: 310px; }
    .container { max-width: 1000px; padding: 0 20px; }
	.container-25 { width: 20%; float:left; margin:10px; padding:20px; }
	.container-33 { width: 25%; float:left; margin:10px; padding:20px; }
	.container-50 { width: 40%; float:left; margin:10px; padding:20px; }
	.container-66 { width: 50%; float:left; margin:10px; padding:20px; }
}




nav,
nav ul,
nav ul li,
nav li,
#menu,
#foot,
footer { background: #2b2a2c; padding: 0px 0; min-height: 60px; }

#foot { text-align:center; }

nav ul, nav li { margin: 0; padding: 0; list-style: none; 
 display: inline;
 list-style: none;
 list-style-image: none;
 list-style-type: none;
}