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

@import url('reset.css');

@import url('global.css');

html { overflow-y: scroll !important; }

body,
html {
	height:100%;
	padding:0;
	margin:0;
	background:url('../images/background.jpg') repeat center;
	
	/* FONT */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#000;
}

.wrapper {
	width:1000px;
	margin:0px auto;
}

.header {
	position:relative;
	width:960px;
	padding:20px 20px 0;
	background:url('../images/background_header.png') no-repeat;
}

.header.uebersiedeln {
	position:relative;
	width:960px;
	padding:20px 20px 0;
	background:url('../images/background_header_uebersiedelung.png') no-repeat;
}

.header a.mail {
	position:absolute;
	display:block;
	top:110px; right:20px;
	width:100px; height:30px;
	text-indent:-9999px;
	background:none;
}

.branding {
	display:block;
	width:250px; height:180px;
	margin:0 auto;
	text-indent:-9999px;
}

.menu { background:#401a12; }
.menu li { float:left; }
.menu a {
	display:block;
	width:80px; height:40px;
	text-indent:-9999px;
	background:url('../images/menu.png') no-repeat;
}

	.menu a.home { width:97px; background-position:-0px -0px; }
	.menu a.home:hover, .home .menu a.home  { width:97px; background-position:-0px -40px; }
	
	.menu a.ueber-uns { width:130px; background-position:-97px -0px; }
	.menu a.ueber-uns:hover, .ueber-uns .menu a.ueber-uns  { width:130px; background-position:-97px -40px; }

	.menu a.neuigkeiten { width:159px; background-position:-227px -0px; }
	.menu a.neuigkeiten:hover, .neuigkeiten .menu a.neuigkeiten  { width:159px; background-position:-227px -40px; }

	.menu a.produktpalette { width:190px; background-position:-386px -0px; }
	.menu a.produktpalette:hover, .produktpalette .menu a.produktpalette  { width:190px; background-position:-386px -40px; }

	.menu a.service { width:111px; background-position:-576px -0px; }
	.menu a.service:hover, .service .menu a.service  { width:111px; background-position:-576px -40px; }

	.menu a.referenzen { width:151px; background-position:-687px -0px; }
	.menu a.referenzen:hover, .referenzen .menu a.referenzen  { width:151px; background-position:-687px -40px; }

	.menu a.kontakt { width:122px; background-position:-838px -0px; }
	.menu a.kontakt:hover, .kontakt .menu a.kontakt  { width:122px; background-position:-838px -40px; }
	
.menu-border-bottom {
	width:960px; height:20px;
	background:url('../images/menu_border_bottom.png') no-repeat;
}

/*** START NEWS SLIDER ***/


#news {
	width:260px;
}

#news ul {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
	height:1%;
}

#news ul:after {
	content: ".";  
	clear: both;  
	display: block;  
	height: 0;  
	visibility: hidden;
}

#news .slides { 
	overflow:hidden;
	width:260px;
	height:120px;
	border:1px solid #666;
	border-left:0; border-right:0;
}

#news .slides ul { width:2000px; }

#news .slides li {
	float:left;
	width:240px;
	height:120px;
	padding:5px 10px 5px;
	background:none;
}
#news .slides span.date {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#999;
}

#news .news-nav { margin:3px auto 0; width:100px; }
#news .news-nav li { float:left; margin:2px; padding:0; background:none; }
#news .news-nav a {
	display:block;
	width:10px; height:10px;
	text-indent:-9999px;
	background:#ccc;
}
#news .news-nav a.activeSlide {
	background:#999;
}

/*** END NEWS SLIDER ***/


.container {
	width:960px; height:100%;
	padding:20px 20px 40px;
	background:url('../images/background_content.png') repeat-y;
}

.info-box {
	
}

.info-box .top {
	display:block;
	width:300px; height:20px;
	background:url('../images/info_box_header.png') no-repeat;
}

.info-box .middle {
	width:270px;
	margin:0;
	padding:0 0 0 30px;
	background:url('../images/info_box_background.png') repeat-y;
}

.info-box h2 {
	padding:0 0 10px 5px;
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	color:#401a12;
}

.info-box .middle p {font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 2em;
	padding:10px;
	color:#401a12;
	border-top:1px dotted #401a12;
}
	
.info-box .bottom {
	display:block;
	width:300px; height:20px;
	background:url('../images/info_box_footer.png') no-repeat;
}

.content {
	float:left;
	width:600px;
	margin:0 0 0 20px;
}

.content h1 {
	padding:10px 0 10px 5px;
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#401a12;
	border-bottom:1px dotted #401a12;
}

.content h2 {
	padding:0 0 10px 5px;
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	color:#401a12;
	border-bottom:1px dotted #401a12;
}

.content h3 {
	padding:0 0 10px 5px;
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	color:#401a12;
	border-bottom:1px dotted #401a12;
}

.content p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	padding:0 5px;
	color:#401a12;
}

.content img.left, .content img.right, img.border, iframe, .border {
	padding:9px;
	border:1px solid #bdad9e;
	background:#e2ddd0;
}

.content img.left { margin-right:10px; }
.content img.right { margin-left:10px; }


.content a.back {
	display:block;
	width:100%;
	margin-top:20px;
	padding-top:5px;
	border-top:1px dotted #401a12;
}


.content label { float:left; width:100px; text-align:right; padding:5px 3px 0px 0px; font-weight:bold; color:#401a12; }
.content input[type="text"] , .content input[type="password"] { float:left; width:200px; margin:2px 5px; border:solid 1px #401a12; border-top-color:#401a12; border-bottom-color:#401a12; background:url('../admin/images/background_input.jpg') repeat-x #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#401a12; }

.ul-news li { margin-bottom:60px; }
.ul-news .date { 
	margin-top:10px; 
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	color:#401a12;
}

.ul-produktpalette { }
.ul-produktpalette li, .ul-service li { 
	float:left;
	width:260px; height:260px;
	margin:10px 20px;
	text-align:center;
}
	
	.ul-produktpalette h2, .ul-service h2 {
		padding-bottom:0px;
		margin-bottom:10px;
		letter-spacing:0.05em;
	}
	
		.ul-produktpalette h2 a, .ul-service h2 a { color:#401a12; text-decoration:none; font-weight:normal; }
		.ul-produktpalette h2 a:hover, .ul-service h2 a:hover { color:#893422; }
	
	.ul-produktpalette h2.two-line {
		padding-top:1.4em;
	}
	
	.ul-produktpalette a.img, .ul-service a.img {
		display:block;
		width:240px; height:160px;
		padding:9px;
		text-indent:-9999px;
		border:1px solid #bdad9e;
		background:#e2ddd0;
	}

		.ul-produktpalette a.dekoration { background:url('../images/produkt-dekoration.jpg') no-repeat center #e2ddd0; }
		.ul-produktpalette a.events { background:url('../images/produkt-events.jpg') no-repeat center #e2ddd0; }
		.ul-produktpalette a.hochzeit { background:url('../images/produkt-hochzeit.jpg') no-repeat center #e2ddd0; }
		.ul-produktpalette a.tischdekorationen { background:url('../images/produkt-tischdekoration.jpg') no-repeat center #e2ddd0; }
		.ul-produktpalette a.trauerbinderei { background:url('../images/produkt-trauer.jpg') no-repeat center #e2ddd0; }
		
		.ul-service a.grabpflege { background:url('../images/service-grabpflege.jpg') no-repeat center #e2ddd0; }
		.ul-service a.zustelldienst { background:url('../images/service-zustelldienst.jpg') no-repeat center #e2ddd0; }
		.ul-service a.fleurop { background:url('../images/service-fleurop.jpg') no-repeat center #e2ddd0; }


.ul-thumbs { }
.ul-thumbs li { float:left; margin:0 10px 20px; }
.ul-thumbs a {
	display:block;
	width:80px; height:80px;
	padding:9px;
	border:1px solid #bdad9e;
	background:#e2ddd0;
}

.ul-referenzen { width:520px; margin:0 auto; }
.ul-referenzen li { margin:0px 35px 20px 5px; }
	.ul-referenzen li img {
		float:left;
		width:180px; height:120px;
		padding:9px;
		margin:0 10px;
		border:1px solid #bdad9e;
		background:#e2ddd0;
	}
	.ul-referenzen h3 {
		font-size:12px;
		letter-spacing:0;
		padding:10px 0 3px;
		margin-bottom:10px;
	}
	
	
		

.footer {
	width:940px; height:100px;
	margin:0px auto 0;
	padding:5px 30px 0;
	background:url('../images/background_footer.png') no-repeat;
}

.footer p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#999;
}

.footer a { color:#999; }
.footer a:hover { color:#ccc; }