@charset "UTF-8";

/* Basics
------------------------------------------------------------------------ */
@font-face {
	font-family: 'KlavikaMedium';
	src: url('fonts/klavika-medium-webfont.eot');
	src: local('☺'), url('fonts/klavika-medium-webfont.ttf') format('truetype'), url('fonts/klavika-medium-webfont.svg#webfontj8N1IWBQ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaRegular';
	src: url('fonts/klavika-regular-webfont.eot');
	src: local('☺'), url('fonts/klavika-regular-webfont.ttf') format('truetype'), url('fonts/klavika-regular-webfont.svg#webfontWdzUU6iv') format('svg');
	font-weight: normal;
	font-style: normal;
}

* { margin:0; padding:0; outline:0; }

body, .senden, .inputfield, input, textarea { font-family:KlavikaRegular,Trebuchet MS,Arial,sans-serif; font-size:13px; color:#4c5459; }

body { line-height:18px; background-color:#f0f0eb; }

h1,h2,h3 { font-weight:normal; }
h1 { margin-bottom:20px; font-size:27px; line-height:30px; color:#e2111a; }
h2 { margin-bottom:12px; font-size:17px; line-height:22px; color:#e2111a; }
h3 { font-size:26px; line-height:30px; font-weight:normal; }

a { color:#e2111a; text-decoration:none; }
a:hover { color:#e2111a; }

p { margin-bottom:12px; }
p.big-space { margin-bottom:25px; }

b,strong { font-family:KlavikaMedium,Trebuchet MS,Arial,sans-serif; font-weight:normal; }

img { border:none; }

#text-center ul,
#text-center-right ul,
#text-center-right-grey ul {
	margin:-10px 0 15px 13px;
}

.clear { float:none; clear:both; height:0; font-size:0; line-height:0; }

/* Container
------------------------------------------------------------------------ */
#wrapper { margin:0 auto; width:974px; border-right:10px solid #f0f0eb; border-left:10px solid #f0f0eb; }
	
	#header { padding-bottom:15px; font-family:KlavikaMedium,Trebuchet MS,Arial,sans-serif; }
		#header .logo { float:left; margin-right:12px; width:317px; height:200px; }
			#header .logo img { float:left;
		}
		
		#header .anschrift { float:left; padding:36px 0 0 440px; height:164px; width:205px; background:url(images/bg-header-kontakt.jpg) no-repeat left center; background-color:#fff; }
		
		#header .navigation { clear:both; float:none; padding-top:15px;
	}
	
	#teaser { margin-bottom:12px; }
		#teaser img { display:block;
	}
	
	#uebersicht { }
		#uebersicht .box { position:relative; float:left; margin:0 13px 13px 0; width:316px; height:212px; background-color:#fff; }
		#uebersicht .box.long { float:none; clear:both; margin:0 0 13px 0; width:auto; height:212px; background-color:#fff; }
		#uebersicht .box.long.height { float:none; clear:both; margin:0 0 13px 0; width:auto; height:450px; background-color:#fff; }
			#uebersicht .box.long ul.navigation { position:absolute; top:5px; left:5px; z-index:2; width:964px; }
				#uebersicht .box.long ul.navigation li { float:left; margin-right:5px; font-size:14px; color:#fff; text-transform:uppercase; background-color:#d54d13; list-style:none; }
				#uebersicht .box.long ul.navigation li.right { float:right; margin:0; }
					#uebersicht .box.long ul.navigation li a { float:left; padding:4px 5px 3px 5px; color:#fff; }
			
			
			
		#uebersicht .box.last { float:right; margin-right:0; }
			#uebersicht .box img { float:left; }
			
			#uebersicht .box h2 { position:absolute; margin:0; font-size:14px; color:#fff; text-transform:uppercase; background-color:#d54d13; top:0; left:0; z-index:2; }
				#uebersicht .box h2 a { float:left; padding:4px 5px 3px 5px; color:#fff; }
			
			#uebersicht .box p { position:absolute; margin:0; width:240px; text-transform:uppercase; background:url(images/bg-white-transparent.png); top:25px; left:0; z-index:2; }
				#uebersicht .box p a { display:block; padding:4px 5px 3px 5px; color:#4c5459; }
			
			#uebersicht .box .WebYepImageEditButton { position:absolute; top:10px; right:10px; z-index:2;
	}
	
	#content { clear:both; float:none; margin-bottom:12px; padding:12px 12px 0 12px; background-color:#fff; }
		#content .content-navigation { margin-bottom:10px; }
		
		#content .left { float:left; margin-right:25px; width:300px; }
		#content .center { float:left; margin-right:25px; width:300px; }
		#content .right { float:left; width:300px; }
		#content .center-right { float:left; width:625px; }
			#content .center-right .angebot-box { margin-bottom:30px; }
				#content .center-right .angebot-box .left { float:left; margin-right:12px; width:398px; }
					#content .center-right .angebot-box .left img { float:left; }
				#content .center-right .angebot-box .right { float:left; padding:9px; width:193px; border:2px solid #e2111a; }
					#content .center-right .angebot-box .right p.alter-preis { margin-bottom:18px; font-family:Tahoma, Helvetica, sans-serif; font-size:16px; text-decoration:line-through; }
					#content .center-right .angebot-box .right p.neuer-preis { font-size:42px; color:#e2111a;}
		#content .mitarbeiter { float:left; margin:0 10px 0 0; width:127px; height:230px; }
		#content .mitarbeiter.last { margin-right:0; }
			#content .mitarbeiter img.image { margin-bottom:5px;
	}
	
	div.logo img.logo { margin-right:30px; }

	#drei-boxen { float:none; clear:both; margin-bottom:12px; text-transform:uppercase; }
		#drei-boxen .box { position:relative; float:left; margin-right:13px; padding:12px 12px 0 12px; width:292px; background-color:#fff; }
		#drei-boxen .box.last { float:right; margin-right:0; }
			#drei-boxen img { margin-bottom:5px; }
			
			#drei-boxen .box .WebYepImageEditButton { position:absolute; top:20px; left:20px; z-index:2;
	}
	
	#footer { padding:10px 12px 0 12px; text-transform:uppercase; border-top:2px solid #cacac7; }
		#footer a { color:#4c5459; }
		#footer .left { float:left; }
		#footer .right { float:right;
}

/* Header Kontakt Navigation
------------------------------------------------------------------------ */	
#header .anschrift ul { margin-bottom:20px; list-style:none; }
	#header .anschrift ul li a { padding-left:15px; background:url(images/icon-arrow.gif) no-repeat left 2px;
}
	
/* Header Navigation
------------------------------------------------------------------------ */	
#header .navigation ul { list-style:none; }
	#header .navigation ul li { float:left; margin-right:8px; padding-left:22px; font-size:14px; text-transform:uppercase; background:url(images/bg-header-navigation-li.gif) no-repeat left center; }
	#header .navigation ul li.first { padding-left:12px; background:none; }
		#header .navigation ul li a { color:#58585a;
}

#header .navigation ul.angebote { float:right; }
	#header .navigation ul.angebote li { margin:0; padding-right:12px; background:none; }
		#header .navigation ul.angebote li a { color:#e2111a;
}

.home #header .navigation ul li.home a,
.wohnen #header .navigation ul li.wohnen a,
.team #header .navigation ul li.team a,
.kuechen #header .navigation ul li.kuechen a,
.service #header .navigation ul li.service a,
.profil #header .navigation ul li.profil a,
.kontakt #header .navigation ul li.kontakt a { color:#e2111a; cursor:default; }

/* Content Navigation
------------------------------------------------------------------------ */	
#content .content-navigation ul { list-style:none; }
	#content .content-navigation ul li { float:left; margin-right:15px; font-family:KlavikaMedium,Trebuchet MS,Arial,sans-serif; font-size:14px; text-transform:uppercase; }
		#content .content-navigation ul li a { color:#58585a;
}

#content .content-navigation ul.uebersicht { float:right; }
	#content .content-navigation ul.uebersicht li { margin-right:0;
}

#content .content-navigation ul li.active a { color:#e2111a; }

/* Image Slider
------------------------------------------------------------------------ */
.image-slider { float:left; margin-right:30px; width:620px; position:relative; }
	.image-slider .slider-content { width:620px; height:435px !important; overflow:hidden; }
		.image-slider .slider-content img { margin-bottom:5px; height:auto; }
		.image-slider .slider-content h2 { margin-bottom:1px; font-size:14px; color:#e2111a; text-transform:uppercase; }
		.image-slider .slider-content p { margin:0; width:550px; }
		.image-slider .slider-content .WebYepImageEditButton { position:absolute; top:10px; left:10px; z-index:20; }
		.image-slider ul { height:23px; list-style:none; position:absolute; right:0; top:390px; z-index:100; }
			.image-slider ul li { float:left; margin-left:5px; width:23px; height:23px; }
				.image-slider ul li p { margin:0; }
				.image-slider ul li a { float:left; width:23px; height:23px; text-indent:-9999px; }
				.image-slider ul li.previous a { background:url(images/icon-slider-previous.gif); }
				.image-slider ul li.next a { background:url(images/icon-slider-next.gif);
}

/* Formular
------------------------------------------------------------------------ */
form { margin-bottom:12px; }
	fieldset { border:none; }	
		.inputfield { margin-bottom:10px; padding:5px; width:282px; background-color:#f0f0eb; border:none; }
		textarea { height:190px; overflow:auto; }
		.senden { float:right; color:#4c5459; background-color:#fff; border:none; cursor:pointer;
}

/* Formulare Allert
------------------------------------------------------------------------ */
.errMsg { display:none; }
.errFld { color:#e2111a; background-color:#f0f0eb; }

#alertMessagePlaceHolder { display:none; margin-bottom:12px; padding:5px 12px; color:#fff; background-color:#e2111a; }
	#alertMessagePlaceHolder b, #alertMessagePlaceHolder strong { color:#fff;
}

/* WebYep
------------------------------------------------------------------------ */
#wy-login { position:absolute; top:0; left:0; }
#header .anschrift .WebYepRichTextEditButton,
#header .navigation .WebYepRichTextEditButton { display:none; }