body {
        font-family: 'Roboto', sans-serif;
        font-size:18px;
        margin:0px 0;
        padding:0;
        color:#111;
        line-height:1.5em;
        width:100%;
        height:100%;
        background:#c0e9ff;
	

}


h1,h2,h3,h4,h5,h6{
        color:#245074;
        margin: 10px 0px;
	margin-top:35px;
        font-weight:400;
}
        h1{font-size:1.7em;margin-top:0px;}
         h2{font-size:1.55em;}
         h3{font-size:1.4em;}



#all {
        border-top:0px solid #d6dfe6;
        margin: 0 auto;
        width:960px;

}

#spalte_m .hak li {
	margin-left:25px;margin-bottom:10px;list-style-image: url(img/hak.png);padding-left:0px;
	line-height:1.1em;
}

#header{
        margin: 0 auto;
        width:100%;
        height:300px;
        background:#fff;
        margin-top:0px;
        box-shadow: 0 0 55px rgba(0,0,0,0.45);
}

#header .logo img{
        float:left;width:100%;max-width:185px;margin-left:32px;
}
#header .site_header img {
                float:left;width:100%;max-width:960px;
}

#header .topmenu {
        margin:0 auto;
        height:75px;
        font-size:0.99em;
        background:#fff;
        text-align:center;
        float:left;
	margin-left:25px;
	


}
#header .topmenu a {
        font-family:verdana;
        color:#601818;
        height:25px;
        padding: 0px 10px;
        margin-right:0px;
        text-decoration:none;
        line-height:95px;
        text-transform:normal;font-family: 'Roboto', sans-serif;

}


#header .aktiv {
        height:25px;
        margin-right:0px;
        color:#601818;
        border-right:0px solid #ffffff;
        font-weight:700;

}

.slogan{
                float:left;
                margin-top:-210px;
                height:75px;
                width:100%;
                padding-top:25px;
                font-family: 'Times New Roman', sans-serif;
                color:#601818;
                font-size:1.9em;
                background:#f6eada;
                line-height:55px;
                text-align:center;
                filter:alpha(opacity=0.8); /* IE */
                -moz-opacity: 0.80; /* Mozilla */
                opacity: 0.80; /* Opera */
		display:none;
}


#header .menu_sub{
                float:left;
                margin-top:-270px;
                margin-left:32px;
                background:#601818;
                height:150px;
                width:185px;
                padding-top:25px;
                filter:alpha(opacity=0.8); /* IE */
-moz-opacity: 0.80; /* Mozilla */
opacity: 0.80; /* Opera */
font-family: 'Roboto', sans-serif;
}

#header .menu_sub a{
                display:block;
                text-decoration:none;
                color:#fff;
                padding-left:15px;
}

#header .sub_aktiv{
        font-weight:700;
}





#spalte_m .inhalt {
        margin:0px 25px 15px 0px;
        width:900px;
        float:right;
        padding:15px 0px 0px 0px;
        border:0px solid #fab4c5;
        font-size:1.0em;
}


#spalte_m img {
        margin:0px 0px 0px 0px;

}


#spalte_m  {
        margin:0px 0px 15px 0px;
        width:960px;
        background:#fcf7f2;
        float:right;
        padding:15px 0px 0px 0px;
        border:0px solid #fab4c5;
        font-size:1.0em;
        box-shadow: 0 0 55px rgba(0,0,0,0.45);

}
#spalte_m ul {
        margin:8px 0px 20px 35px;

}


#spalte_m p{
        margin:0px 0px 20px 0px;
       

}



#spalte_m .inhalt a{
        color:#601818;
        font-weight:600;
        text-decoration:none;
}

#spalte_m .inhalt a:hover{
        color:#808080;
        text-decoration:underline;

}




#spalte_m .img_rotate{
        -moz-transform:rotate(-5deg); /* Firefox 3.6 Firefox 4 */
        -webkit-transform:rotate(-5deg); /* Safari */
        -o-transform:rotate(-5deg); /* Opera */
        -ms-transform:rotate(-5deg); /* IE9 */
        transform:rotate(-5deg); /* W3C */
        border:20px solid #fff;box-shadow: 0 0 25px rgba(0,0,0,0.45);
        float:left;
        margin-right:35px;margin-bottom:40px;margin-top:0px;

}
#spalte_m .img_rotate_r{
        -moz-transform:rotate(5deg); /* Firefox 3.6 Firefox 4 */
        -webkit-transform:rotate(5deg); /* Safari */
        -o-transform:rotate(5deg); /* Opera */
        -ms-transform:rotate(5deg); /* IE9 */
        transform:rotate(5deg); /* W3C */
        border:20px solid #fff;box-shadow: 0 0 25px rgba(0,0,0,0.45);
        float:left;
        margin-right:35px;margin-bottom:40px;margin-top:0px;

}

#spalte_m .img_zimmer_b{
                border:15px solid #fff;
                box-shadow: 0 0 25px rgba(0,0,0,0.45);
                float:left;
        }


#spalte_m .img_zimmer_th{
                border:5px solid #fff;
                box-shadow: 0 0 25px rgba(0,0,0,0.45);
                float:right;
                max-width:155px;
                height:auto;
                margin-right:15px;
                margin-bottom:8px;
        }

#spalte_m .zimmer_thumbs{
        width:370px;
        float:right;
        border:0px solid #c3c3c3;

}



#sidebar {
        float:left;
        width:200px;
	display:none;

}

#sidebar .menue{
        margin-left:10px;
        margin-top:15px;
}

#sidebar .menue a{
        display:block;
        text-decoration:none;
        font-weight:normal;
        text-transform:normal;
        margin-bottom:10px;
        padding-left:15px;
        font-size:18px;
        color:#444444;

}


#sidebar .menue a:hover{
        display:block;
        text-decoration:underline;
        font-weight:normal;
        text-transform:noral;
        margin-bottom:10px;
        color:#9f002e;
}


#clear {
        clear:both;

}


#footer {
        padding-top:5px;
        padding-left:2%;
        padding-right:2%;
        text-align:left;
        font-size:0.9em;
        height:30px;
        border-top:1px solid #777;
        color:#333;
        font-weight:200;
        width:96%;
}


#footer .service{
                float:right;
}

#footer .service a{
        color:#601818;
        text-decoration:none;
}

.clear {
        clear:both;
        margin-top:12px;
}



#breadcrumb {
                padding: 5px 20px;
                background: #f5f4ec;
                border-bottom: 1px solid #EAEAEA;
                font-size: 14px;
                line-height: 17px;
                color: #777;
                box-shadow: 0 1px 0 #f5f4ec inset, 0 5px 5px #e7e6dc inset;
                text-shadow: 0 1px 0 #FFF;
                text-align:left;
        }
        #breadcrumb a, #breadcrumb a:visited {
                color: #777;
                text-decoration: underline;
        }
        #breadcrumb a:hover, #breadcrumb a:active {
                color: #AD9F9B;
                text-decoration: none;
        }
        #breadcrumb a {
                margin: 0 5px;
        }
        #breadcrumb .item {
                display: inline-block;
                zoom:1;
                *display:inline;
                height: 16px;
        }


.box-1{
float:right;background:#e7ddc9;padding:5px 10px;
        margin-bottom:15px;
}


#spalte_m input, select, {
        height:30px;
        font-size:1.1em;
        width:280px;
        box-shadow: 0 0 15px rgba(0,0,0,0.15);
        font-family: 'Roboto', sans-serif;


}

.form_1{
        width:250px;
        float:left;
        margin-right:15px;
        margin-bottom:15px;
        font-family: 'Roboto', sans-serif;
}

.form_1_r{
        width:250px;
        float:right;
        margin-bottom:15px;
        margin-right:145px;
        font-family: 'Roboto', sans-serif;

}

input, select{
        height:28px;
        width:280px;
        font-size:1.1em;
        font-family: 'Roboto', sans-serif;
}



.txt {
        width:320px;
        min-height:120px;

}

.button_send {
        background:#601818;border:0px solid #fff;color:#ffffff;height:45px;box-shadow: 0 0 15px rgba(0,0,0,0.15);
}

#spalte_m .button_download {
        background:#78aa09;border:1px solid #000;color:#ffffff;min-height:45px;line-height:55px;
}

#spalte_m .button_download a{
        color:#ffffff;
}







.button_download {
	-moz-box-shadow:inset 0px 1px 0px 0px #648a08;
	-webkit-box-shadow:inset 0px 1px 0px 0px #648a08;
	box-shadow:inset 0px 1px 0px 0px #648a08;
	background-color:#648a08;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #000000;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:auto;
	line-height:2.0em;
	width:98%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #648a08;
}#spalte_m .button_download:hover {
	background-color:#89c403;
}.button_download:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */








#header .telefon {float:right;color:#601818;margin-top:10px;display:block;padding-left:40px; font-size:1.4em;height:54px;line-height:38px;margin-right:25px;}



.telefon{
display:none;

}


@media (min-width: 640px) and (max-width: 1024px) {
        /* Kompaktes Layout (mind. 640 Pixel und max. 1024 Pixel breit) */
        /* Schrift kleiner */


        #spalte_m {
                width:640px;
        }


        #all {

                width:640px;

        }

        #header .logo img{
                float:none;width:100%;max-width:185px;display:none;
        }
        #header .menu_sub{
                margin-top:-247px;
        }
        #header .telefon {
                        float:right;color:#601818;margin-top:10px;display:none;background:url(img/icons.jpg) no-repeat left center;padding-left:40px; font-size:0.9em;height:54px;line-height:26px;
                }



#header{
        height:220px;
}

        #spalte_m .inhalt{
                         width:590px;
                         margin: 0 auto;
                         float:left;
                        padding:15px 25px 0px 25px;
        }
        #spalte_m h2{
           font-size:26px;
           font-weight:400;
           color:#777;
        }
        #sidebar {
        float:none;
        width:100%;


}



#sidebar .menue{
        clear:both;

}

#sidebar .menue a{
        display:block;
        font-size:1.0em;
        background:#f1dec7;
        width:95%;

}



.slogan{
                float:left;
                margin-top:-205px;
                margin-left:140px;
                height:150px;
                width:500px;
                padding-top:25px;
                font-family: 'Times New Roman', sans-serif;
                color:#601818;
                font-size:1.9em;
                line-height:35px;
                text-align:center;
}



#spalte_m .img_zimmer_b{
                border:5px solid #fff;
                box-shadow: 0 0 25px rgba(0,0,0,0.45);
                float:left;
                max-width:280px;
                height:auto;
        }


#spalte_m .img_zimmer_th{
                border:5px solid #fff;
                box-shadow: 0 0 25px rgba(0,0,0,0.45);
                float:right;
                max-width:128px;
                height:auto;
                margin-right:1px;
                margin-bottom:8px;
        }

#spalte_m .zimmer_thumbs{
        width:300px;
        float:right;
        border:0px solid #c3c3c3;

}



input{
        width:450px;
        float:left;
        margin-bottom:15px;
        margin-right:14px;
        font-family: 'Roboto', sans-serif;

}

.form_1_r, .form_1{
        width:500px;
        float:left;
        margin-bottom:15px;
        margin-right:145px;
}

.telefon{
        display:block;
        font-size:1.2em;
        margin-bottom:20px;
}

textarea{
         width:100%;
}

}



@media (min-width: 340px) and (max-width: 640px) {
        /* Kompaktes Layout (mind. 640 Pixel und max. 1024 Pixel breit) */
        /* Schrift kleiner */


        #spalte_m {
                width:480px;
        }


        #all {
                width:480px;
        }

        #header .logo img{
                float:none;width:100%;max-width:185px;display:none;
        }
        #header .menu_sub{
                margin-top:-245px;
        }
        #header .telefon {
                        float:right;color:#601818;margin-top:10px;display:none;background:url(img/icons.jpg) no-repeat left center;padding-left:40px; font-size:0.9em;height:54px;line-height:26px;
                }

	#header .topmenu {width:100%;}


#header{
        height:110px;
}

#spalte_m .inhalt{
                         width:420px;
                         margin: 0 auto;
                         float:left;
                        padding:15px 25px 0px 25px;
                        box-shadow: none;
        }

#spalte_m h2{
           font-size:26px;
           font-weight:400;
           color:#777;
        }

#sidebar {
        float:none;
        width:95%;
}

#header .topmenu {
        margin:0 auto;
        height:65px;
        font-size:0.99em;
        background:#fff;
        text-align:center;
        float:left;
}


#header .topmenu a {
        font-family:verdana;
        color:#601818;
        height:25px;
        padding: 0px 10px;
        margin-right:0px;
        text-decoration:none;
        line-height:1.9em;
      

}


#header .aktiv {
        height:25px;
        margin-right:0px;
        color:#601818;
        border-right:0px solid #ffffff;
        font-weight:700;

}


#header .menu_sub{
                float:left;
                margin-top:-123px;
                margin-left:0px;
                background:#601818;
                height:99px;
                width:185px;
                padding-top:25px;
                filter:alpha(opacity=0.9); /* IE */
-moz-opacity: 0.90; /* Mozilla */
opacity: 0.90; /* Opera */
font-family: 'Roboto', sans-serif;
}

#header .menu_sub a{
                display:block;
                text-decoration:none;
                color:#fff;
                padding-left:15px;
}

#header .sub_aktiv{
        font-weight:700;
}


.slogan{
                float:left;
                margin-top:-250px;
                margin-left:145px;
                height:150px;
                width:580px;
                padding-top:25px;
                font-family: 'Times New Roman', sans-serif;
                color:#fff;
                font-size:1.9em;
                line-height:35px;
                text-align:center;
                display:none;
}



#spalte_m .img_zimmer_b{
                border:150px solid #ff0000;
                box-shadow: 0 0 25px rgba(0,0,0,0.45);
                float:left;
        }


#spalte_m .img_zimmer_th{
                border:5px solid #fff;
                box-shadow: 0 0 25px rgba(0,0,0,0.45);
                float:right;
                max-width:155px;
                height:auto;
                margin-right:15px;
                margin-bottom:8px;
        }

#spalte_m .zimmer_thumbs{
        width:370px;
        float:right;
        border:0px solid #c3c3c3;
}

.form_1_r, .form_1{
        width:500px;
        float:left;
        margin-bottom:15px;
        margin-right:145px;
}


#sidebar .menue{
        clear:both;

}

#sidebar .menue a{
        display:block;
        font-size:1.0em;
        background:#f1dec7;
        width:330px;

}

textarea{
         width:320px;
}

}































@media (min-width: 340px) and (max-width: 380px) {
        /* Kompaktes Layout (mind. 340 Pixel und max. 380 Pixel breit) */
        /* Schrift kleiner */


        #spalte_m {
                width:340px;
        }


        #all {

                width:340px;

        }

        #header .logo img{
                float:none;width:100%;max-width:185px;display:none;
        }
        #header .menu_sub{
                margin-top:-245px;
        }
        #header .telefon {
                        float:right;color:#601818;margin-top:10px;display:none;background:url(img/icons.jpg) no-repeat left center;padding-left:40px; font-size:0.9em;height:54px;line-height:26px;
                }



#header{
        height:110px;
}

        #spalte_m .inhalt{
                         width:300px;
                         margin: 0 auto;
                         float:left;
                        padding:15px 25px 0px 25px;
                        box-shadow: none;
        }
        #spalte_m h2{
           font-size:26px;
           font-weight:400;
           color:#777;
        }
        #sidebar {
        float:none;
        width:95%;


}

#header .topmenu {
        margin:0 auto;
        height:65px;
        font-size:0.99em;
        background:#fff;
        text-align:center;
        float:left;


}
#header .topmenu a {
        font-family:verdana;
        color:#601818;
        height:25px;
        padding: 0px 10px;
        margin-right:0px;
        text-decoration:none;
        line-height:1.9em;
        text-transform:uppercase;font-family: 'Roboto', sans-serif;

}


#header .aktiv {
        height:25px;
        margin-right:0px;
        color:#601818;
        border-right:0px solid #ffffff;
        font-weight:700;

}





#header .menu_sub{
                float:left;
                margin-top:-123px;
                margin-left:0px;
                background:#601818;
                height:99px;
                width:185px;
                padding-top:25px;
                filter:alpha(opacity=0.9); /* IE */
-moz-opacity: 0.90; /* Mozilla */
opacity: 0.90; /* Opera */
font-family: 'Roboto', sans-serif;
}

#header .menu_sub a{
                display:block;
                text-decoration:none;
                color:#fff;
                padding-left:15px;
}

#header .sub_aktiv{
        font-weight:700;
}








.slogan{
                float:left;
                margin-top:-250px;
                margin-left:145px;
                height:150px;
                width:320px;
                padding-top:25px;
                font-family: 'Times New Roman', sans-serif;
                color:#fff;
                font-size:1.9em;
                line-height:35px;
                text-align:center;
                display:none;
}



#spalte_m .img_zimmer_b{
                border:150px solid #ff0000;
                box-shadow: 0 0 25px rgba(0,0,0,0.45);
                float:left;
        }


#spalte_m .img_zimmer_th{
                border:5px solid #fff;
                box-shadow: 0 0 25px rgba(0,0,0,0.45);
                float:right;
                max-width:155px;
                height:auto;
                margin-right:15px;
                margin-bottom:8px;
        }

#spalte_m .zimmer_thumbs{
        width:270px;
        float:right;
        border:0px solid #c3c3c3;

}

.form_1_r, .form_1{
        width:250px;
        float:left;
        margin-bottom:15px;
        margin-right:145px;
        font-family: 'Roboto', sans-serif;

}


#sidebar .menue{
        clear:both;

}

#sidebar .menue a{
        display:block;
        font-size:1.0em;
        background:#f1dec7;
        width:290px;

}


.button_send {
        background:#601818;border:0px solid #fff;color:#ffffff;height:45px;box-shadow: 0 0 15px rgba(0,0,0,0.15);width:250px;
}

textarea{
         width:100%;
}


}









#spalte_m .go-button {
	align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:1.2em;
	font-weight:bold;
	padding:12px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}#spalte_m .go-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
	color:#ffffff;
}#spalte_m .go-button:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */