@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}



/* Basics */

html {	height: 100%; overflow-y:scroll;}
body{ width: 100%; font-family: 'Palanquin', sans-serif; color:#000; font-size: 14px; line-height:18px; letter-spacing:0.3pt; font-weight: normal; font-style: normal; background-color: #c8b8a1; /* -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */ }
h1, h2, h3, h4, h5, h6{	 font-size: 29px; font-weight: bold; line-height:35px; padding: 0; margin: 0; letter-spacing: 0.4pt; }
h1 { margin: 0 0 20px 0; color: #CF003D; }
h2 { font-size: 15px; font-weight: normal; line-height: 18px; margin: 0 0 35px 0; letter-spacing:0.0pt; }
a{ text-decoration:none; font-weight: normal; color: #4b4643; border:none; outline:none !important; }
a:focus, area, area a , map, map area { outline: none; }
b, strong { font-weight: bold;  }
table {	border-collapse: collapse; border-spacing: 0; border: 0; }
td{	vertical-align:top;}
hr{ border:none; border-bottom: 1px solid #000; margin:10px 0 10px 0; padding:0;	}
img, img a{	border:0; }
sup { margin:0;padding:0; line-height:3px; vertical-align: middle; position: relative; top: -5px; font-size: 10px;}
.clearfloat{ clear:both; height:0px; font-size: 1px; line-height: 0px; margin:0px; padding:0px;display:block; }
.clearfix:after { content:""; display:table; clear:both; }
.rollover { cursor: pointer;}
.hidden { display: none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } /* iPhone Schriftgrössenanpassung beim Drehen verhindern */
ul li { margin: 0 0 0 2px; padding: 0 0 0 16px; list-style: none; background:url(../images/list.png) 0 15px no-repeat; }




#main { position: relative; max-width: 845px; width: 100%; margin: 60px auto 60px auto; padding: 0 0 0 115px;  height: auto;  background-color: #FFF;}

/* Header */

#mainHeader { overflow: hidden; margin: 0 0 30px 0;}
#logo { float: right; width: 474px; height: auto; margin: 0 0 30px 0;  }

#mainNav { background-color: #CF003D; overflow: hidden; width: 100%; }
#mainNav ul { list-style: none; }
#mainNav ul li { float: left;  margin: 0 40px 0 20px; padding: 0;}
#mainNav ul li a { color: #000; font-weight: bold; display: block; font-size: 14px; line-height: 20px; letter-spacing: 0.5pt;  padding: 6px 0px 6px 0px;  }
#mainNav ul li:hover a , #mainNav ul li.active a { color: #FFF; }

#mainNav ul li ul { width: 530px; margin: 13px 0 0 0; }
#mainNav ul li ul li { float: left; width: auto; display: inline; margin:0; }
#mainNav ul li ul li a:hover, #mainNav ul li ul li.active a { font-weight: bold; }
#mainNav ul li.active ul li a:first-child { border-bottom: none; }
#mainNav ul li ul li:first-child { width: 97px; }
#mainNav ul li ul li:nth-child(2) { width: 137px; }
#mainNav ul li ul li:nth-child(3) { width: 157px; }

#naviButton { display: none; }


/* Content */

#content { position: relative; max-width: 730px; overflow: hidden; margin: 0px 0 52px 0; } 
#content.home { width: auto; max-width: 100%;}
#content a{ color: #4b4643; }
#content a:hover { color:#000; }

#contentBox { background-color: #e4dbcf; padding: 10px 10px 2px 10px; }
 
#contentBox h3 { cursor: pointer; padding: 7px 0 7px 7px; min-height: 38px;color: #000; font-weight: bold; display: block; font-size: 14px; line-height: 20px; letter-spacing: 0.5pt; background-color:#CF003D; color: #000; margin-bottom: 10px;}
#contentBox h3.trigger_active { color: #FFF; }
.toggle_container { background-color:#fff; margin-top: -10px; padding: 0px; margin-bottom: 10px;}


.col1 { width: 365px; float: left; }
.col1 img{ max-width: 100%;  width: 280px; height: auto; float: right; margin: 0 0 35px 0; }

.col2 { width: 185px; float: left; margin: 0 10px 0 0; }
.col2 img { width: 100%; height: auto; margin: 157px 0 0 0; }
.adresse { background-color: #e4dbcf; padding: 10px; }

.col3 { width: 535px; height: 420px; float: left;}

.specBox { margin: 75px 0 0 12px;}        
.einzug{ margin: 0 0 0 -10px; width: 12px; }  

#googleMaps { max-width: 100%; padding: 0px 0 20px 0; }

.bildlegende { padding: 6px 8px 8px 8px;}

#autoD { display:block; max-width: 280px;width: 100%; height: auto; }
#autoM { display:none; max-width: 180px;width: 100%; height: auto; margin: 30px 0 0 0 ;}



/* Footer */

footer { border-top: solid 2px #CF003D; padding: 8px 0 0 0; height: 55px; }
#k { position: absolute; width: 88px; height: auto; margin: -24px 0 0 -115px; }
#toplink { cursor:pointer;  clear: both; display: none; margin: 30px 0 20px 0; font-size: 15px; }
#toplink:hover { color: #000;  }
.adressItem { padding-right: 20px;}



/* Slider Inhalte */

.slide { overflow: hidden; }
#slidesContainer, .slidesContainer2{ width: 845px; height: 444px; position: relative; padding: 0; overflow: hidden; background-color: #ccc; }
.slidesContainer2 { width: 710px; height: 509px; }

#slides div, #slides1 div, #slide2s div, #slides3 div { width:100%;   height: 100%; margin-top: 0px; padding:0;	}
#slides img, #slides1 img , #slides2 img , #slides3 img  { width:100%; height: 100%; }	
#slides .slidesjs-navigation , #slides1 .slidesjs-navigation, #slides2 .slidesjs-navigation, #slides3 .slidesjs-navigation{ margin-top:0px; }
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(../images/btns-next-prev.png); background-repeat: no-repeat; margin: 0; display:block; width:30px; height:100%;  background-color: #333; opacity: 0.4;   text-indent: -9999px;		position:absolute;	  top:0;	  z-index:10;    }
a.slidesjs-next { margin-right:0px; background-position: -20px 50%; right:0px;    }
a.slidesjs-previous {      background-position: 5px 50%;	  left: 0px;	     }
a.slidesjs-play, a.slidesjs-stop{    background-image: none; width: 1px;   } 
#slides {      display: none;    }
.container {      margin: 0 auto    }	
.slidesjs-pagination {      margin: 0px 0 0;      float: left;      list-style: none;	  position: absolute;	  top:315px;	  z-index:11;	  	  width:240px;	  margin-left:-123px;  left:50%;	 text-align:center;     display: none;    }
.itemBox .slidesjs-pagination li {     	display: none;      margin: 0 1px; list-style:none;      overflow: hidden;	  padding: 0 0 0 0px;    }




/****************************************************************************************************************************/
/* #Media Queries
/****************************************************************************************************************************/


@media only screen and (max-width: 1000px) {
	

#main { max-width:  730px; width: auto;  margin: 20px auto 10px auto; padding: 0 1.5%; }
#mainHeader { max-width:  730px; width: auto; }
footer {  padding: 8px 0 0 90px; max-width:  730px; }
#k { position: absolute; width: 60px; height: auto; margin: 1px 0 0 -90px; }

#slidesContainer, .slidesContainer2 { max-width:  730px; width: 100%; height: auto; }	
.adressItem { padding-right: 10px; }


}

@media only screen and (max-width: 760px) {
	
body{ background-color: #FFF }	
#main { max-width:  96%; width: auto;  margin: 10px auto 10px auto; padding: 0 2%; }
#mainHeader { max-width:  730px; width: auto; }
#logo { width: 70%; height: auto; margin: 0 0 10px 0;  }

.col1 { max-width: 365px; width: auto; clear: both; margin: 0 0 30px 0;}
.col1 img{ max-width: 280px;  width: 100%; height: auto; float: left; margin: 0 20px 0px 0; }
.specBox { margin: 35px 0 0 12px;}

.col2 { width: 100%; clear:both; margin: 0 10px 0 0; }
.col2 img { width: 200px; height: auto; margin: 20px 0 20px 0; float: right;}
.adresse { background-color: #e4dbcf; padding: 10px; }

.col3 { width: 100%; height: 420px; float: left; margin: 0 0 40px 0;}
iframe {width: 100%;}
#autoD { display:none; }
#autoM { display:block;}
.adressItem { display: block; }
#googleMaps { max-width: 100%; padding: 20px 0; }
 
}


@media only screen and (max-width: 470px) {	

#mainNav { background-color: #FFF }
#mainNav ul { list-style: none; }
#mainNav ul li { clear: both; width: 100%; margin: 0 0 4px 0 ; padding: 0px 5px ; background-color: #CF003D;}
#contentBox { background-color: #e4dbcf; padding: 0px; }
#toplink { display: block;}
	
}


@media only screen and (max-width: 620px) {	
	
	
}

@media only screen and (max-width: 480px) {	



}