@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	line-height:16px;
}

a { text-decoration:underline; }

a:link { text-decoration:underline; color:#FFF; }
a:visited { color:#FFF; }
a:hover { color:#FF3E3E; }
a:active { color:#FF3E3E; }
a:focus { color:#FF3E3E; }

h1 {
	letter-spacing:3px;
	font-size:15px;
	margin:0 0 5px 0;
}

h2 {
	font-size:14px;
	margin:0 0 3px 0;
	padding:0;
	font-weight:bold;
}

h3 {
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:4px 0 0 0;
}

p {
	margin:10px 0 0 0;
}

strong {
	font-weight:normal;
}

img {
	border:#FFF 5px solid;
}

body {
	font-family: Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:center;
	background:url(Images/bg_liquid-emotion.jpg) #000 no-repeat;
}

img {
	margin-bottom:20px;
}

#wrapper {
	background:url(Images/content_transparancy.png) repeat;
	margin-top:90px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:50px;
	text-align: left;
	width:960px;
}

*html #wrapper {
	width:970px;
}

/* #### Menue #### */
#menue {
	padding:0 10px;
	width:160px;
	float:left;
}

#menue ul {
	font-weight:bold;
	list-style:none;
}

.Icons {
	border: 0px solid;
	margin:50px 0px 20px 0px;
}

#liquid-emotion-logo {
	border: 0px solid;
	margin:20px 100px 30px 10px;
}

* html #inge-helmke-logo {
	margin:0 10px 20px 0;
}

.column_right ul li, .column_left ul li {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0 0 8px 0;
	background:url(Images/bulletpoint.gif) no-repeat;
	background-position: top left;
	display: block;
}


			/*  Jup, "html>body" ist ein Hack */	

			a#startseite {
				display: block;
				background-image:url(Images/btn_startseite.png);
				background-repeat: no-repeat;
				width:160px;
				height:36px;
				cursor: pointer;
					}

			html>body a#startseite:hover {
				background-image:url(Images/btn_startseite_hover.png);
				}

			html>body a#startseite.aktive {
				background-image:url(Images/btn_startseite_hover.png);
				}

				a#dienstleistung {
					display: block;
					background-image:url(Images/btn_dienstleistung.png);
					background-repeat: no-repeat;
					width:160px;
					height:36px;
					cursor: pointer;
					}
				
				html>body a#dienstleistung:hover {
					background-image:url(Images/btn_dienstleistung_hover.png);
					}
				
				html>body a#dienstleistung.aktive {
					background-image:url(Images/btn_dienstleistung_hover.png);
				}
		
		a#veranstaltungen {
			display: block;
			background-image:url(Images/btn_veranstaltung.png);
			background-repeat: no-repeat;
			width:160px;
			height:36px;
			cursor: pointer;
			}
		
		html>body a#veranstaltungen:hover {
			background-image:url(Images/btn_veranstaltung_hover.png);
			}
		
		html>body a#veranstaltungen.aktive {
			background-image:url(Images/btn_veranstaltung_hover.png);
		}
		
				a#booking {
					display: block;
					background-image:url(Images/btn_booking.png);
					background-repeat: no-repeat;
					width:160px;
					height:36px;
					cursor: pointer;
					}
				
				 html>body a#booking:hover {
					background-image:url(Images/btn_booking_hover.png);
					}
				
				 html>body a#booking.aktive {
					background-image:url(Images/btn_booking_hover.png);
				}
		
		a#galerie {
			display: block;
			background-image:url(Images/btn_galarie.png);
			background-repeat: no-repeat;
			width:160px;
			height:36px;
			cursor: pointer;
			}
		
		html>body a#galerie:hover {
			background-image:url(Images/btn_galarie_hover.png);
			}
		
		html>body a#galerie.aktive {
			background-image:url(Images/btn_galarie_hover.png);
		}
		
				a#vermietung {
				display: block;
				background-image:url(Images/btn_vermietung.png);
				background-repeat: no-repeat;
				width:160px;
				height:36px;
				cursor: pointer;
				}
			
			html>body a#vermietung:hover {
				background-image:url(Images/btn_vermietung_hover.png);
				}
			
			html>body a#vermietung.aktive {
				background-image:url(Images/btn_vermietung_hover.png);
			}
		

			a#kontakt {
				display: block;
				background-image:url(Images/btn_kontakt.png);
				background-repeat: no-repeat;
				width:160px;
				height:36px;
				cursor: pointer;
				}
			
			html>body a#kontakt:hover {
				background-image:url(Images/btn_kontakt_hover.png);
				}
			
			html>body a#kontakt.aktive {
				background-image:url(Images/btn_kontakt_hover.png);
			}

/* #### Kontent #### */

#kontent {
	float:right;
	width:770px;
}

*html #kontent {
	width:770px;
	padding:15px 0px 15px 5px;
}

*+html #kontent {
	width:770px;
	padding:50px 0px 15px 5px;
}

.column_right {
	float:right;
	width:370px;
	padding:0 10px 0 5px;
}

.column_left {
	width:370px;
}

* html .column_left {
	width:370px;
}

*html .column_left {
	width:360px;	
}

*html .column_right {
	float:right;
	width:360px;
}

.col_border {
	padding-left:25px;
	border-left:#666 1px solid;
}


.thumbnails {
	margin-left:17px;
}

/* #### Footer #### */
#footer {
	line-height: 20px;
	border-top:1px #666 solid;
	padding:20px 0 0 0;
	margin:40px 10px 20px 0;
	text-align:center;
	clear:both;
}

#attetion {
	color:#FF3E3E;
}


#footer .aktiviert, #aktiviert   { color:#FF3E3E; }
#footer .deaktiviert, #deaktiviert { color:#FFF; }