@charset "UTF-8";
/* CIMERUS 

rot			#A6171F

dunkelgrau schrift		#333333

grau hg		#999999
hellgrau	#cccccc


 */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}

body {
	text-align: center;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	background: url(layout/hg.png) #999999 repeat-x;
}

#wrapper {
	margin: 20px auto 0 auto;
	width: 900px;
	text-align: left;
}

#container {
	background-color: #ffffff;
}

/*==============  HEADER  ==============*/
#header {
	height: 320px;
}

#header .logo {
	margin-bottom: 10px;
	width: 560px;
	height: 105px;
}

#header .header_bild {
	height: 200px;
	width: 898px;
	clear: both;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	clear: both;
}

#header .header_bild img {
	height: 200px;
	width: 898px;
}

/*==============  KOPFNAVIGATION  ==============*/
#header .mod_customnav  {
	height: 21px;
	margin-top: -17px;
}

*html #header .mod_customnav  {
	margin-top: -20px;
}

#header .mod_customnav ul {
	list-style-type: none;
	margin-bottom: 5px;
	height: 16px;
	width: 233px;
	float: right;
}

#header .mod_customnav ul li {
	display: block;
	margin-right: 18px;
	float: left;
}

#header .mod_customnav ul li a {
	color: #ffffff;
	font-size: 0.8em;
}

#header .mod_customnav ul li a:hover,
#header .mod_customnav ul li.active a {
	color: #A6171F;
}

/*==============  LEFT  ==============*/
#left {
	padding-top: 20px;
	border-right: 1px solid #999999;
	width: 210px;
	float: left;
	margin: 20px 0;
}

#left .mod_navigation ul li a {
	color: #333333;
}
/*==============  NAVIGATION  ==============*/
#left .mod_navigation  {
	margin: 0 20px;
}

#left .mod_navigation ul.level_1 {
	list-style-type: none;
}

#left .mod_navigation ul.level_1 li {
	margin-bottom: 5px;
}


#left .mod_navigation ul.level_1 li a {
	color: #333333;
	margin-bottom: 10px;
}

#left .mod_navigation ul.level_1 li a:hover {
	color: #A6171F;
}

#left .mod_navigation ul.level_1 li.active a,
#left .mod_navigation ul.level_1 li.trail a {
	color: #A6171F;
}

#left .mod_navigation ul.level_1 li span.list_type {
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
	background: url(layout/dot.png) no-repeat;
}

#left .mod_navigation ul.level_1 li.active ul.level_2 span.list_type,
#left .mod_navigation ul.level_1 li.trail ul.level_2 span.list_type,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li.active span.list_type {
	display: block;
	width: 0;
	height: 0;
	margin-right: 0;
	margin-top: 5px;
	float: left;
}

#left .mod_navigation ul.level_1 li.active span.list_type,
#left .mod_navigation ul.level_1 li a:hover span.list_type,
#left .mod_navigation ul.level_1 li.trail span.list_type {
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
	background: url(layout/dot_active.png) no-repeat;
}

#left .mod_navigation ul.level_1 li.active ul.level_2 li a:hover span.list_type,
#left .mod_navigation ul.level_1 li.active ul.level_2 li.active span.list_type,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li.active span.list_type,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li a:hover span.list_type {
	display: block;
	width: 0;
	height: 0;
	margin-right: 0;
	margin-top: 0;
	float: left;
}

#left .mod_navigation ul.level_2 {
	display: none;
}

#left .mod_navigation ul.level_1 li.active ul.level_2,
#left .mod_navigation ul.level_1 li.trail ul.level_2 {
	display: block;
	list-style-type: none;
	margin: 5px 0 10px 15px;
}

#left .mod_navigation ul.level_1 li.active ul.level_2 li a,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li a {
	color: #333333;
}

#left .mod_navigation ul.level_1 li.active ul.level_2 li a:hover,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li a:hover,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li.active a,
#left .mod_navigation ul.level_1 li.active ul.level_2 li.active a,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li.trail a {
	color: #A6171F;
}

#left .mod_navigation ul.level_3 {
	display: none;
}

#left .mod_navigation ul.level_1 li.trail ul.level_2 li.active ul.level_3,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li.trail ul.level_3 {
	display: block;
	list-style-type: none;
	margin: 5px 0 10px 15px;
}

#left .mod_navigation ul.level_1 li.trail ul.level_2 li.active ul.level_3 a,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li.trail ul.level_3 a {
	color: #333333;
}

#left .mod_navigation ul.level_1 li.trail ul.level_2 li.active ul.level_3 a:hover,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li.trail ul.level_3 a:hover,
#left .mod_navigation ul.level_1 li.trail ul.level_2 li.trail ul.level_3 a.active {
	color: #A6171F;
}



/*==============  MAIN  ==============*/
#main {
	border-left: 1px solid #999999;
	width: 649px;
	float: right;
	margin: 20px 0 20px -1px;
	padding: 20px 20px 0 20px;
	color: #333333;
}

#main h1 {
	color: #A6171F;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#main h2 {
	color: #333333;
	margin-bottom: 20px;
	font-size: 1.2em;
}

#main p {
	margin-bottom: 10px;
}

#main ul,
#main ol {
	margin-left: 20px;
	margin-bottom: 20px;
}

#main a {
	color: #A6171F;
}

#main table {
	border-spacing: 0;
	border-collapse: collapse;
}

#main table td {
	padding: 2px 2px 2px 5px;
}

#main .ce_gallery {
	float: right;
}

#main .ce_text .image_container {
	text-align: center;
}


/*=================  AKKORDEON  ==============*/
#main .ce_accordion .accordion div {
	padding-bottom: 10px;
}
#main .ce_accordion h2 {
	background-color: #A6171F;
	clear: both;
	color: #FFFFFF;
	padding: 5px;
	font-weight: 100;
	font-size: 1em;
	cursor: pointer;
}

#main .ce_accordion .accordion .image_container {
	padding: 0;
}

#main .accordion table.klang_daten tr td {
	border-bottom: 1px solid #A6171F;
	border-spacing: 0;
}

#main .accordion table.klang_daten tr td.no_border {
	border-bottom: none;
	padding-left: 20px;
}

#main .accordion img.anmelden_gif {
	position: relative;
	left: -30px;
}

#main .ce_accordion .orange  h2 {
	background-color: #D74C27;
}

#main .ce_accordion .gruen  h2 {
	background-color: #507A15;
}




/*========  BILDERGALERIE AUF HAUPTMENÜE SEITE  =========*/
#main .uebersicht .ce_image {
	margin-bottom: 40px;
	margin-right: 12px;
}


#main .uebersicht .ce_image .caption {
	text-align: center;
	vertical-align: bottom;
}

/*========  MEDIA HOME FORMULAR  =========*/

#main #f2 label {
	display: block;
	float: left;
	width: 140px;
}

#main #f2 input.text {
	width: 200px;
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 5px;
}

#main #f2 fieldset.klang,
#main #f2 fieldset.heimkino,
#main #f2 fieldset.multiroom,
#main #f2 fieldset.raumgestaltung {
	width: 130px;
    float: left; 
    margin-bottom: 20px;
}

#main #f2 fieldset.raum1 {
    clear: both;
}

#main #f2 fieldset.raum1 label,
#main #f2 fieldset.raumgroesse1 label,
#main #f2 fieldset.raum2 label ,
#main #f2 fieldset.raumgroesse2 label {
    width: 210px;
} 


#main #f2 div.checkbox_container span {
	display: block;
}

#main #f2 div.checkbox_container label {
	display: inline;
	float: none;
} 

#main #f2 #ctrl_7,
#main #f2 #ctrl_9 {
	width: 60px;
}

#main #f2 .explanation {
	clear: both;
}

#main #f2 input.submit,
#main #f2 input.captcha {
	width: 200px;
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 5px;
}

/*========  KONTAKTFORMULAR  =========*/

#main #f3 label {
	display: block;
	float: left;
	width: 110px;
	margin-right: 10px;
}

#main #f3 input.text,
#main #f3 textarea,
#main #f3 select {
	width: 200px;
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 5px;
}

#main #f3 textarea {
	width: 340px;
	height: 150px;
}

#main #f3 label.long {
	width: 250px;
}

#main #f3 div.radio_container span,
#main #f3 div.checkbox_container span {
	display: block;
}

#main #f3 div.radio_container label,
#main #f3 div.checkbox_container label {
	display: inline;
	float: none;
} 

#main #f3 .explanation {
	clear: both;
}

#main #f3 input.submit {
	width: 200px;
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 5px;
}

#main #f3 p.error {
	display: none;
}

#main p.error {
	border: 1px solid #A6171F;
	padding: 2px;
	text-align: center;
	background-color: #D89A9D;
	margin-top: 10px;
}

#main #f3 input.error {
	border: 1px solid #A6171F;
	background-color: #D89A9D;
}

/*========  KLANG ERLEBNIS FORMULAR  =========*/

#main #f6 label {
	display: block;
	float: left;
	width: 130px;
	margin-bottom: 5px;
}

#main #f6 input.text,
#main #f6 select {
	width: 200px;
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 5px;
}

#main #f6 textarea {
	width: 200px;
	height: 50px;
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 5px;
}

#main #f6 #ctrl_42 {
	width: 25px;
}

#main .submit_container {
	margin-left: 130px;
	margin-top: 10px;
}


#main #f6 input.submit,
#main #f6 input.captcha {
	width: 200px;
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 5px;
}

#main #f6 p.error {
	display: none;
}

#main #f6 input.error {
	border: 1px solid #A6171F;
	background-color: #D89A9D;
}

/*==============  SONSTIGE  ==============*/
#footer {
	clear: both;
	height: 18px;
	background-color: #cccccc;
	color: #333333;
	padding-top: 2px;
	text-align: center;
}

#footer a {
	color: #A6171F;
}

.invisible {
	display: none;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.dlh_googlemap {
	border: 1px solid #333333;
}
