/*--------------------------------------- Table of Content -------------------------------------------------*/
/*----- General ----------------------------------------------------------------------------------------*/
/*----- Schriftgrößen ----------------------------------------------------------------------------------*/
/*----- Schriftfarben  ---------------------------------------------------------------------------------*/
/*----- Sidelinks on Top -------------------------------------------------------------------------------*/
/*----- Head -------------------------------------------------------------------------------------------*/
/*----- Primenavi --------------------------------------------------------------------------------------*/
/*----- Subhead ----------------------------------------------------------------------------------------*/
/*----- Subnavi ----------------------------------------------------------------------------------------*/
/*----- Content ----------------------------------------------------------------------------------------*/
/*----- SiteMap ------------------------------------------------------------------------------------*/
/*----- Form Styles ------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------------*/
/*----- 1.	General ----------------------------------------------------------------------------------------*/





body
	{
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:0.75em;
		color:#4a4747;
		
		background:#fff;
		
		margin:0;
		padding:0;
	}

#main-center
	{
		width:72em;
		float:left;
		margin:0 auto 0 auto;
		
	}
	
#container
	{
		width:85.4em;
		margin:0 auto 0 auto;
	}
	
#wall_vert
	{
		width:13.3em;
		height:50em;
		float:left;
		
	}
#wall_vert a:link img, a:hover img, a:visited img { text-decoration:none; border: 0px; }
#wall_horiz a:link img, a:hover img, a:visited img { text-decoration:none; border: 0px; }


#wall_horiz
	{
		width:71.2em;
		height:7.5em;
		/*height:5.5em;*/
		float:none;
		
	}	

br
	{
		clear:both;
	}



DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption 

				{
					margin:0.4em 0 0 0;
				}
				
				

/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- 2.	Schriftgrößen ----------------------------------------------------------------------------------*/

.zehnpx
	{
		font-size:0.85em;
	}

.elfpx
	{
		font-size:0.9em;
	}


h1 		/* Standardgröße */
	{
		font-size:1.4em;
	}


/*----------------------------------------------------------------------------------------------------------*/
/*----- 3.	Schriftfarben  ---------------------------------------------------------------------------------*/
.elirot
	{
		color:#ec1b24 !important;
	}

.blue
	{
		color:#005594 !important;
	}

.dark-green
	{
		color:#635e3d;
	}

.light-blue
	{
		color:#0099cc;
		font-weight:bold;
	}

/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- 5.	Sidelinks on Top -------------------------------------------------------------------------------*/
#sidelinks
	{
		padding:0.8em 0.5em 0.5em 0;

		float:right;
	}

#sidelinks	ul
		{
			float:right;
				
			margin:0;
			padding:0;
		}

#sidelinks	ul	li
			{
				list-style:none;
				
				color:#635e3d;
				font-weight:bold;
				font-size:0.9em;
				
				float:left;

				margin:0 0 0 0.7em;
			}

#sidelinks	ul	li	a,
#sidelinks	ul	li	a:hover,
#sidelinks	ul	li	.active
				{
					color:#ceca5e;
					text-decoration:none;
				}

#sidelinks	ul	li	a:active,
#sidelinks	ul	li	a:focus,
#sidelinks	ul	li	a:hover,
#sidelinks	ul	li	.active
				{
					color:#eaaf00;
				}

/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- 6.	Head -------------------------------------------------------------------------------------------*/
.head
	{
		height:6.5em;
		background:url(../../eli/_images/back_head.gif) no-repeat;
		
		clear:both;
	}

.head	.logo,
.head	.banner
		{
				padding:0.8em 1em 0 1em;
		}

.head	.logo
			{
				float:left;
			}


.head	.banner
		{
			text-align:right;
			
			padding:0.5em 1em 0 1em;
		}

		
#box-link {
	position: absolute;
	top: 30px;
	left: 15px;
	width: 529px;
	height: 115px;
	background-color: transparent;
	border: none;
}	

/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- 7.	Primenavi --------------------------------------------------------------------------------------*/
.primenavi
	{	
		width:71.2em;
		float:left;
		padding:0.8em 0 1em 0em;
	}

.primenavi	ul
		{
			margin:0;
			padding:0;
		}

.primenavi	ul	li
			{
				list-style:none;
				
				font-size:1.2em;
				font-weight:bold;
				
				margin:0;
				padding:0;
				
				float:left;
			}
	
.primenavi	ul	li	a,
.primenavi	ul	li	a:hover,
.primenavi	ul	li	.active
				{
					color:#cfc27c;
					text-decoration:none;
					
					margin:0 1em 0 0;
				}

.primenavi	ul	li	a:active,
.primenavi	ul	li	a:focus,
.primenavi	ul	li	a:hover,
.primenavi	ul	li	.active
				{
					color:#ff8a00;
				}


/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- 8.	Subhead ----------------------------------------------------------------------------------------*/
.imagearea
	{
		clear:both;
		
		height:11em;
		
		padding:1em;
		margin:0 0 0.7em 0;
	}

.imagearea	.text
	{
		width:28em;
		
		color:#fff;
		
		float:left;
	}

.imagearea	.text	h1,
.imagearea	.text	h2
		{
			height:4.7em;
			
			font-size:1.3em;
			line-height:1.1em;
						
			margin:0.8em 0 0 0;
			padding:0;
		}

.imagearea	.text	h2
		{
			height:auto;
			line-height:normal;
			margin:0;
		}
		


.imagearea ul
		{
			float:right;
			
			margin:0;
			padding:0;
		}

.imagearea ul 	li
		{
			width:19em;
			
			list-style:none;
			
			float:left;
			
			margin:0 0 0 0.7em;
			padding:0;
		}

.imagearea ul	li	.content
		{
			height:9.4em;
			
			background:#f4f5fd;
			
			padding:0.5em 0.8em 0.2em 0.8em;
		}

.imagearea ul	li	.content	h1
		{
			color:#005493;
		
			margin:0 0 0.3em 0;
			padding:0;
			
			float:left;
		}


.imagearea ul	li	.content	p
		{
			margin:0;
			padding:0;
			
			clear:both;
		}


.imagearea ul	li	.content	a,
.imagearea ul	li	.content	a:active,
.imagearea ul	li	.content	a:focus,
.imagearea ul	li	.content	a:hover,
.imagearea ul	li	.content	a:visited
		{
			color:#877310;
			text-decoration:none !important;
			cursor:pointer !important;
		}

/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- 9.	Subnavi ----------------------------------------------------------------------------------------*/
.leftside
	{
		width:15.4em;
		
		float:left;
	}


#subnavi
	{
		width:15.4em;
		
		margin:0 0 1em 0;
		
		float:left;
	}

#subnavi	ul
		{
			list-style:none;
			
			min-height:10em;
			height:auto;
			_height:10em;
			
			background:#eee8e5;
			
			margin:0;
			padding:0.1em 0.5em 0.5em 0.5em;
		}

#subnavi	ul	li
			{
				font-weight:bold;
				margin:0 0.2em 0.2em 0.5em;
				font-size:0.9em;
			}

#subnavi	ul	li	a,
#subnavi	ul	li	a:hover,
#subnavi	ul	li	.active
				{
					color:#4c4743;
					text-decoration:none;
				}

#subnavi	ul	li	a:active,
#subnavi	ul	li	a:focus,
#subnavi	ul	li	a:hover,
#subnavi	ul	li	.active
				{
					color:#005594;
				}

#subnavi	ul	li	h1
				{
					color:#005594;
					margin:0;
					padding:0;
				}

#subnavi	ul	hr
				{
					border:none;
					border-bottom:1px dotted #CCCCCC;
					
					background:transparent;
					color:#eee8e5;
					
					
									
				}



#subnavi	ul li ul.sub
		{
			min-height:0;
			height:auto;
			_height:auto;
                         
                        list-style:none;
			
			margin:0 0 0.6em 0.4em;
			padding:0;
		}


#subnavi	ul li ul.sub li
		{
			font-weight:normal;
			font-size:0.9em;
		}
	
		
		
#subnavi	ul	li 	ul.sub li	a,
#subnavi	ul	li	ul.sub li	a:hover,
#subnavi	ul	li	ul.sub li	.active
				{
					color:#4c4743;
					text-decoration:none;
				}

#subnavi	ul	li	ul.sub li	a:active,
#subnavi	ul	li	ul.sub li	a:focus,
#subnavi	ul	li	ul.sub li	a:hover,
#subnavi	ul	li	ul.sub li	.active
				{
					color:#0a85e1;
				}
		
		

.leftside .banner
		{
			clear:both;
		}
		
	
		
.leftside	.banner	input.newssuche

			{
				width:110px;
				height:16px;
			
				background:url(http://www.hotelundtechnik.de/images/searchbox.gif) left top no-repeat; 
				
				border:none; color:#999999;
				

				
				padding:0.4em;
				margin: -0.3em 0.5em 0 0.8em;
				
				float:left;
			}
		
			
.leftside .banner h1
		{
			font-size:1.2em;
			margin: 0.2em 0.5em 0.9em 0.8em;
		}

/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- 8.	Content ----------------------------------------------------------------------------------------*/
.bannermiddle
	{
		margin:0 0 10px 0;
		
		float:left;
	}

.bannermiddle	img
		{
			border:none !important;
			padding:0 !important;
			margin:0 !important;
		}

.topic
	{
		width:38.8em;
				
		padding:0.7em 0.9em 1em 0.8em;
		
		float:left;
		line-height:1.4em;
	}
	
.topic p.form
	{
		padding: 5px 0 0 0;
		margin: 0;
	}
	
	
.topic	h1
		{
			color:#ff8a00;
			font-size:1.5em;
			margin:0 0 0.5em 0;
			padding:0;
		}

		
.topic	h1.topnews
		{
			color:#ff0000;
			font-size:1.5em;
			margin:0 0 0.5em 0;
			padding:0;
		}


.topic	h2,
.topic	h2.blue_2,
.topic	h2.spaceTop,
.topic	h3,
.topic	h3.spaceTop
		{
			color:#ff8a00;
			font-size:1.2em;
			
			margin:0 0 0.5em 0;
			padding:0;
			
			clear:both;
		}
		
		
.topic	h2.topnews
		{
			color:#ff0000;
			font-size:1.2em;
			margin:0 0 0.5em 0;
			padding:0;
		}
		

.topic	h2.blue_2
		{
			color:#0176c1 ;
			
			margin:1.2em 0 0 0;
		}

.topic	h3,
.topic	h3.spaceTop
		{
			color:#e41330;
			font-size:1em;
			
			margin:0;
		}

.topic	h3.spaceTop
		{
			margin:1.8em 0 0 0;
		}


.topic	h2.spaceTop
		{
			margin:1.5em 0 0 0;
		}




	
.topic select.lvz,
.topic input.lvz
			{
				width:320px;
				
				float:left;
			}
			
.topic input.lvz
			{
				width:310px;
			}

		
.topic input.lvz_pfeil
			{
				width:auto;
				height:auto;
				
				background:none;
				
				margin:-4px 0 0 8px;
				
				cursor:pointer;
				
				float:left;
			}

				
.topic	p
		{
			margin:0 0 0.5em 0;
			padding:0;
		}
		
		
.topic	p.meldung
		{
			margin:0.5em 0 0.8em 0;
			padding:0;
		}


.topic p.date
	{
		color:#cccccc;
		font-size:0.8em;
		font-weight:bold;
	}
	
	
.topic p.komment
	{
		color:#666666;
		font-size:0.9em;
		font-weight:normal;
	}
	
	
.topic th
		{
			text-align:left;
			background:#CCCCCC;
			color:#ffffff;
		}

	
.topic	hr
		{
			height:1px;
			border:none;
			border-bottom:1px dotted #CCCCCC;
					
			background:transparent;
			color:#fff;
					
			margin:0.9em 0 0.5em 0;
			*margin:-0.5em 0 0 0;
			padding:0;
			
			clear:both;		
		}



.topic img.signs
	{
		border:none !important;
		
		float:none !important;
		margin:0;
		padding:0;
		vertical-align:middle;
	}

.topic .csc-textpic-imagewrap
		{
			margin:0 15px 0 0 0;
		}

.topic dl
		{
			width:auto !important;
		}
		
.topic dt,
.topic dd
		{
			clear:both; !important;
			float:left;
		}

.topic dd
		{
			padding:7px 0 0 0 !important;
		}

.topic	img,
.topic dl  dt img
		{
			
			
			
			
			float:left;

		}


.topic	img.bordernone,
.topic	input.bordernone
		{
			width:auto !important;
			height:auto !important;
			
			border:none !important;
			background:none !important;
			
			float:left !important;
			
			padding:0 !important;
			margin:0 !important;
		}
.topic	ul,
.topic	ol,

.topic	ul	li	ul,
.topic	ol	li	ol
		{
			margin:0 0 0.5em 0;
			padding:0;
		}

.topic	ul	li	ul,
.topic	ol	li	ol
		{
			margin:0.5em 0 0.5em 0;
		}

.topic	ul	li
			{
				list-style:url(../images/icons/arrow.gif) outside;
			
				margin:0 0 0.3em 2.7em;
				padding:0;
			}


			
.topic	ul	li	ul	li
			{
				font-weight:normal;
				
				list-style:url(../images/icons/arrow.gif) outside;;
			
				margin:0 0 0.1em 1.3em;
				padding:0;
			}

					
.topic	ol	li
			{
				margin:0 0 0.2em 2em;
				padding:0;
			}


.topic	a
		{
			text-decoration:none;
			color:#ff8a00;
		}
	
		
.topic	ul li a.wbwa,
.topic	ul li ul li a.wbwa
		{
			text-decoration:none;
			color:#0a85e1;
		}
		
.topic	ul li a.wbwa:active,
.topic	ul li a.wbwa:focus,
.topic	ul li a.wbwa:hover,
.topic	ul li ul li a.wbwa:active,
.topic	ul li ul li a.wbwa:focus,
.topic	ul li ul li a.wbwa:hover
		{
			text-decoration:none;
			color:#ff8a00;
		}
		
.topic	ul li a.active
		{
			text-decoration:none;
			color:#ff8a00;
		}
		
.topic	a.hot
		{
			text-decoration:none;
			color:#ff0000;
		}
	
		
.topic	a.hot:active,
.topic	a.hot:focus,
.topic	a.hot:hover
		{
			text-decoration:underline;
			color:#ff0000;
		}


.topic	a:active,
.topic	a:focus,
.topic	a:hover
		{
			text-decoration:underline;
			color:#ff8a00;
		}
		

.topic	a.blue_sub
		{
			text-decoration:none;
			color:#005594;
		}
	
		
.topic	a.blue_sub:active,
.topic	a.blue_sub:focus,
.topic	a.blue_sub:hover
		{
			text-decoration:underline;
			color:#005594;
		}




/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- SiteMap ----------------------------------------------------------------------------------------*/
.topic	.csc-sitemap ul,
.topic	.csc-sitemap ul	li	ul
		{
			margin:0 0 0.5em 0;
			padding:0;
		}


.topic	.csc-sitemap ul	li
			{
				font-weight:bold;

                                list-style:url(../../eli/_images/bullet.gif) outside;
			
				margin:0 0 1em 2.4em;
				padding:0;
			}


			
.topic	.csc-sitemap ul	li	ul	li
			{
				font-weight:normal;
				
				list-style:url(../../eli/_images/bullet_2.gif) outside;
			
				margin:0 0 0.2em 1.5em;
				padding:0;
			}



.topic	.csc-sitemap ul	li	ul	li	a
			{
				color:#4a4747;
			}

.topic	.csc-sitemap ul	li	ul	li	a:hover
			{
				color:#0176c1;
			}


/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*----- 8.	INFOBEREICH ------------------------------------------------------------------------------------*/

#info
	{
		width:15.4em;
		float:right;
		padding: 0 0.5em 0 0;
	}

#info	h1
		{
			font-size:1.2em;
			color:#635e3d;
			
			background:#eee8e5;
			
			margin:0 0 0.2em 0;
			padding:0.3em 0.6em 0.4em 0.6em;
		}

#info	.box
		{
			margin:0 0 1.5em 0;
			padding:0;
		}

#info	.box .topic
			{
				width:auto;
				min-height:5em;
				height:auto;
				_height:5em;
				background:#f7f4f3;
				
				margin:0;
				padding:0.7em 1em 1em 1em;

				float:none;
			}

#info	.box .topic	p
			{
				font-size:0.9em;
				font-weight:bold;
				
				margin:0 0 0.4em 0;
				padding:0
			}

#info	.box .topic	img,
#info	.box .topic	dl  dt img
			{
				border:none !important;
			
				padding:0 !important;
			
				float:none !important;

			}

#info	.box .topic	a,
#info	.box .topic	a:hover,
#info	.box .topic	.acitve
			{
				text-decoration:none;
				color:#957b22;
			}

#info	.box .topic	a:active,
#info	.box .topic	a:focus,
#info	.box .topic	a:hover,
#info	.box .topic	.active
			{
				color#:0176c1;
			}


#info .banner
		{
			text-align:center;
			margin:0 0 0.5em 0;
		}

/*----------------------------------------------------------------------------------------------------------*/
/*----- 9.	Form Styles ------------------------------------------------------------------------------------*/
form
	{
		clear:both;
		
		display:inline;
	}

fieldset
	{
		border:none;
		margin:0;
		padding:0;
	}

input,
select,
textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
	}

input.webcode
		{
			width:13.5em;
			height:1.2em;
			background:#e1dbd8;
			border:0;
			
			padding:0.4em;
			margin:0 0 0.4em 0;
			
			float:left;
		}

input.webcodecheck
		{
			width:30px;
			
			font-size:1.6em;
			color:#997e23;
			letter-spacing:-0.05em;
			
			background:none;
			border:none;
			margin:0;

			float:left;
		}



.imagearea	.text	form
			{
				float:left;
			}


.imagearea	.text	input

			{
				width:15em;
				height:1.2em;
			
				background:#fff;
				border:none;
				
				padding:0.4em;
				
				float:left;
			}


.imagearea	.text	.newssuchen

			{
				width:28px;
				
				font-size:1.5em;
				color:#fff;
				
				background:none;
				border:none;
				
				margin:0.2em 0 0 0.7em;
				padding:0;
				
				float:left;
				
				cursor:pointer;
			}

.topic label
		{
			width:9em;
			
			float:left;
		}

.topic	input,
.topic textarea,
.topic select,
.topic .errorField,
.topic .errorField_mitteilung
		{
			width:20em;
			height:1.6em;
			
			background:#eee8e5;
			border:none;
			
			margin:0 0 3px 0;
			padding:4px 4px 0 4px;
		}
	
.topic textarea,
.topic .errorField_mitteilung
		{
			height:12em;
		}

.topic select
		{
			padding:4px;
			height:auto;
			width:20.5em;
		}

.topic .radio
		{
			width:auto;
			height:auto;
			
			background:none;
			
			margin:0 3px 0 0;
			
			float:left;
			
		}
	
.topic .plz,
.topic .ort,
.topic .errorField_plz,
.topic .errorField_ort
		{
			width:5em;
			
			margin:0 3px 3px 0;
			float:left;
		}
		
.topic .ort,
.topic .errorField_ort
		{
			width:14.05em;
			
			margin:0 0 3px 0;
		}

.topic .errorField,
.topic .errorField_plz,
.topic .errorField_ort,
.topic .errorField_mitteilung	
		{
			border:1px solid #e41330;
		}

.topic .csc-mailform-submit
		{
			width:auto;
			
			color:#666;
			
			font-weight:bold;
			
			background:none;
	
			margin:0 0 0 9em;
			
			cursor:pointer;
		}