*{ margin: 0; padding: 0; }*
body { margin: 30px 0 0; /*background: #fff url(../images/bg.gif) repeat-x;*/ font: .85em "Trebuchet MS", Arial, Sans-Serif; color: #444; }
	h1 { font-size: 3em; font-weight: normal; float: left; color:#444444;}
	h1.content { font-size: 1.3em; font-weight: 700; border-bottom: 1px solid #CCC; margin: 0 0 .8em; float:none; }
	h1 a { text-decoration: none; }
	h2 { font-size: 2em; color:#fff; font-weight: normal; margin: 0 0 .8em; }
	h3 { font-size: 1.3em; border-bottom: 1px solid #CCC; margin: 0 0 .8em; }
	h4 { font-size: 1.3em; color:#444444; font-weight: normal; margin: -10px 0 .8em; }
	h5 { font-size: 1.3em; color:#444; font-weight: normal; margin: 0 0 .8em; }
	p  { margin: 0 0 1.8em 0; line-height: 1.8em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #9D2900; }
	a:hover { color: #A0000E; text-decoration: none; }
	img { border: 0; image-rendering: -webkit-optimize-contrast;}
	.red { color: #c6263a; }
	.white { color: #ffffff; }
	.date {font-size: 0.85em}
	
.wrap { width: 900px; margin: 0 auto; }
.wrap2 { width: 900px; margin: 0 auto; display: block; }
 
#header { width: 900px; height: 79px; margin: 0 auto; }
	#topmenu  { float: right; padding: 6px 0 0 0; list-style: none; }
		#topmenu li { display: inline; }
		#topmenu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#topmenu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#topmenu .active a { border-bottom: 2px solid #c6263a; color: #c6263a;}

 	#mainmenu  { float: left; padding: 0px 0 0 0; list-style: none; }
		#mainmenu li { display: inline; font-weight: normal;}
		#mainmenu a { display: block; float: left; margin-right: 30px; padding: 5px 5px 5px 5px; text-decoration: none; font-size: 16px; color: #fff; }
		#mainmenu a:hover { color: #c6263a; border-bottom: 0px solid #ccc; }
		#mainmenu .active a  { border-bottom: 2px solid #c6263a; color: #c6263a;   font-weight: bold;} 
		
	.nav {
		text-align:left;
		width:140px;
		
	}
	.nav li { 
		background-repeat: no-repeat;
		margin-bottom:1px;
		height: 22px;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		display: block;
		font-family:Arial;
		font-size:12px;
		font-weight: bold;
		/*Farb-Verlauf der Navi-Hintergründe*/ 
		background: #f6f8f9; /* Old browsers */
		background: -moz-linear-gradient(left,  #d9d9d9 0%, #d9d9d9 20%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9d9d9), color-stop(20%,#d9d9d9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #d9d9d9 0%, #d9d9d9 20%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #d9d9d9 0%, #d9d9d9 20%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #d9d9d9 0%, #d9d9d9 20%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to right,  #d9d9d9 0%, #d9d9d9 20%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

	}
	
	.nav ul li:hover{
		color: #db0031;
	}
	
	.nav a {
		height: 25px;
		color:#161616;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight: bold;
		display: block;
		width: 140px;
		height: 22px;
	}
	.nav a:hover {
		color: #db0031;
	}
	
	.nav ul ul li {
		padding-left: 25px;
		font-size: 11px;
	}

	.nav ul ul.hotel-sub li {
		padding-left: 20px;
	}
	
	.nav ul ul ul li {
		padding-left: 35px;
		font-size: 10px;
	}
	
#teaser { clear: both; height: 259px; background: #fff url(../images/teaserbg_neu.png) repeat-x; }
	.box {
	float: left;
	width: 380px;
	color: #C7E3EE;
	padding-top: 66px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
	#image {
	float: right;
	position: relative;
	background: url(../images/header2.jpg) no-repeat top right;
	height: 228px;
	width: 510px;
	bottom: auto;
	margin-top: 31px;
}
	
#bar { height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; }
	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px; }
	.step a { color: #fff; margin: 0 10px 0 0;}
	
.col { float: left; width: 276px; margin: 0 30px 16px 0; }

.tmenu { float: left; width: 220px; margin: 0 30px 16px 0; }
.twocol { float: right; width: 600px; margin: 0 30px 16px 30; }

/* INFOBOX  ******************************************************/

/* Presse */
.infobox {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid;
background-color: #D5D5D5;
padding:10px;
display: inline-block }

/* Unternehmen */
.infoboxuntern {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid;
background-color: #D5D5D5;
margin-bottom: 20px;
padding-left: 5px;
padding:10px;
display: inline-block }

/* INFOBOX  ENDE *************************************************/

/* NEU KRELLE ***********************************************************/

.tmenu2 { float: left; width: 120px; margin: 0 10px 0px 0; } /* linke Menü*/
.twocol2 {   float: left; width: 500px; margin-left:40px; margin-right:10px; } /* Mittlere Spalte mit Länge 500*/
.twocol3 {   float: left; width: 600px; margin-left:40px; margin-right:10px; } /* Mittlere Spalte mit Länge 600 */
.twocol4 {   float: left; width: 700px; margin-left:40px; margin-right:10px; text-align: center; } /* Mittlere Spalte mit Länge 700 */
.twocol1 {   float: left; width: 750px; margin-left:40px; margin-right:10px; text-align: center; } /* Mittlere Spalte mit Länge 700 */
.twocol5 {                width: 800px; margin-left:40px; margin-right:10px; } /* Mittlere Spalte mit Länge 800 */
.erste_spalte {width: 880px; margin-left:40px; margin-right:10px; } /* Mittlere Spalte mit Länge 800 */
.threecol2 { float:right; width: 210px; margin-left:10px;} /* Dritte Spalte */
.zweite_spalte {width: 500px; margin-left: 510px;}

/* Gallery */

.gallerydiv {
	background-color: #ffffff;
	margin: 0 auto;
	overflow: hidden;
	width: 650px;
	border: 1px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height: auto;
}

ul { 
	line-height: 1.8em;
 }
 
/* Presseinfos */
 
 .pressediv {
	text-align: justify;
	text-justify: newspaper;
 }
 .pressediv p {
	text-align: justify;
 }
 
 

.bold {color:#db0031;font-weight: bold;}

.hdrei:last-child{
	border-bottom: 0px solid #CCC;
}


.eventulol {	
	padding:5px;
	margin-left:35px;
}



/* ENDE NEU KRELLE ************************************************************/


	.last { float: right; margin: 0; }
	.info { border: 1px solid #c6263a; background: #f4f4f4; padding: 7px; }



#footer { 
	clear: both;
	width: 900px; 
	margin: 0 auto; 
	padding: 15px; 
	border-top: 1px solid #e0e0e0; 
	background: #ffffff no-repeat right 13px; 
}	

#footer .right {
	float: right; 
	margin: 0 120px 0 0; 
}

#footer a {
	color: #808080; 
	font-weight: bold;
}

 /* Style the buttons that are used to open and close the accordion panel */
button.faq_accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.faq_accordion.active, button.faq_accordion:hover {
    background-color: #d9d9d9;
}

button.faq_accordion:after {
    content: '\002B'; /* Unicode character for "plus" sign (+) */
    color: #777;
	font-weight: bold;
    float: right;
    margin-left: 5px;
	font-size: 13px;
}
button.faq_accordion.active:after {
    content: "\2212"; /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel. Note: hidden by default */
div.faq_panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}