@charset "utf-8";
/* CSS Document
   (c) COPYRIGHT by Martens:medien 2008
     Autor: S.Martens
   Kontakt: s.martens@martensmedien.de
 */


/*------------------------------------------------
     1.0. BREADCRUMBLEISTE
      |_ 1.1. KONTAKTGRAFIK
	  
     2.0. HAUPTMENUE
     3.0. THE BIG PIC
     4.0. CONTENT
      |_ 4.1. TEASER
      |_ 4.2. BLOGNEWS
	  
     5.0. FOOTER
	 6.0. SUBPAGES
	 7.0. FORMULAR
	 8.0. AUF EINEN BLICK
	 9.0. WEBSITE PFLEGEPAKETE 
	10.0. ARTIKELAKTION
	  |_ 10.1. ABWRACKFORMULAR
	  
     X.0. ALLGEMEINE KLASSEN
----|                 |-------------------------*/


* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #e0ddd8;
	background-image: url(gfx/bodyBG.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#centerall {
	width: 882px;
	margin: 0px auto;
	position: relative;
}

#print_header {
	display: none;
}

/*----------------------------------------------------------------------------
     1.0. BREADCRUMBLEISTE
----------------------------------------------------------------------------*/
#breadcrumb {
	padding: 7px;
	background-color: #ccc9c4;
	text-align: right;
	font-size: 0.9em;
	color: #403f3d;

}

#breadcrumb a {
	margin: 0 5px;
	color: #403f3d;
	text-decoration: underline;
}

#breadcrumb a:hover {
	color: #089fc3;
}
	
	/*-----------------------------------------------------------------------
          1.1. KONTAKTGRAFIK
     -----------------------------------------------------------------------*/
	#schreiben_sie_mir {
	margin-right: 60px;
	}
	
	#kontaktblaetter {
		float: right;
	} 
	
	#kontakblaetter_position {
		position: absolute;
		top: 44px;
		right: -23px;
		z-index: 98;
	}

/*----------------------------------------------------------------------------
     2.0. HAUPTMENUE
----------------------------------------------------------------------------*/
#menuecontainer {
	position: absolute;
	top:  150px;
	left: -53px;
	z-index: 99;
	background-color: #e0ddd8;
	border: 5px solid #403f3d;
	padding: 1px 1px 0 1px;
	width: 272px;
}

#menuecontainer ul {
	list-style-type: none;
}

#menuecontainer ul li {
	border: 2px solid #403f3d;
	margin-bottom: 1px;
}

#menuecontainer ul li h2 {
	font-size: 1.2em;
	font-variant: small-caps;
	line-height: 1.2em;
	text-decoration: none;
	font-weight: normal;
}

#menuecontainer ul li h2 a {
	display: block;
	background-color: #e0ddd8;
	color: #403f3d;
	padding: 5px;
	text-decoration: none;
}

#menuecontainer ul li h2 a:hover {
	display: block;
	background-color: #bfbcb8;
	color: #403f3d;
	padding: 5px;
}

/*----------------------------------------------------------------------------
     3.0. THE BIG PIC
----------------------------------------------------------------------------*/
#big_pic_balken {
	position: relative;
	top: -5px;
	right: -108px;
	height: 5px;
	width: 774px;
}
		
/*----------------------------------------------------------------------------
     4.0. CONTENT
----------------------------------------------------------------------------*/	
#contentcontainer {
	position: relative;
	top: -5px;
	background-color: #ccc9c4;
	padding-bottom: 20px;
	z-index: 1;
}

	/*-----------------------------------------------------------------------
          4.1. TEASER
     -----------------------------------------------------------------------*/
	#teasercontainer {
		padding: 5px;
		background-color: #d7d4ce;
		overflow: hidden;
		margin-left: 108px;
		margin-right: 20px;
		margin-bottom: 30px;
		position: relative;
		top: 10px;
	}
	
	#teasercontainer_2 {
		padding: 5px;
		background-color: #d7d4ce;
		overflow: hidden;
		margin-left: 108px;
		margin-right: 20px;
		margin-bottom: 83px;
		margin-top: -63px;
		position: relative;
		top: 10px;
	}
	
	.teaser {
		width: 234px;
		text-decoration: none;
		background-color: #d7d4ce;
		text-decoration: none;
	}
	
	.teaser:hover {
		background-color: #e5e2dc;
	}
	
	.teaser h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #e0ddd8;
		background-color: #403f3d;
		padding: 10px 0 8px 10px;
		line-height: 1em;
	}
	
	.teaser h3 a {
		color: #e0ddd8;
		font-weight: bold;
		text-decoration: none;
	}
	
	.teaserdatum {
		color: #e0ddd8;
		background-color: #403f3d;
		padding: 0 0 10px 10px;
		line-height: 1em;
	}
	
	.teasertext {
		margin: 6px 10px;
		color: #403f3d;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 18px;
	}
	
	.teasertext a {
		color: #403f3d;
		text-decoration: none;
	}
	
	.teaser h4 {
		padding: 5px 10px 0 10px ;
		color: #403f3d;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 18px;
		padding-bottom: 25px;
	}
	
	.teaser h4 a {
		color: #403f3d;
		text-decoration: none;
	}
	
	.teaser h4 a i {
		text-decoration: underline;
		font-style: normal;
	}
	
	/*-----------------------------------------------------------------------
          4.2. BLOGNEWS
     -----------------------------------------------------------------------*/
	#blogcontainer {
		background-color: #f5f2eb;
		overflow: hidden;
		margin-left: 20px;
		margin-right: 20px;
		border: 2px solid #4caec3;
	}
	
	#blogcontainer h2 {
		font-size: 1.2em;
		font-weight: bold;
		color: #807d79;
		line-height: 1.2em;
		margin: 12px 0 15px 20px;
	}
	
	#blogcontainer sup {
		font-size: 0.8em;
	}
	
	#blogcontainer div {
		margin: 0 0 12px 20px;
		background-color: #f5f2eb;
	}
	
	#blogcontainer img {
		margin: 5px 0 10px 0;
		border: 2px solid #4caec3;
	}
	
	#blogcontainer img:hover {
		border: 2px solid #CE1433;
	}
	
	#blogcontainer h2 a {
		color: #089fc3;
		text-decoration: none;
	}
	
	#blogcontainer a:hover {
		color: #CE1433;
	}
	
	#blogcontainer a {
		color: #089fc3;
		text-decoration: underline;
		font-weight: bold;
	}
	
	#blogcontainer a:hover {
		color: #CE1433;
	}
	
	#blogcontainer p {
		color: #807d79;
		font-weight: bold;
	}
	
	#blogcontainer p a {
		color: #CE1433;
		text-decoration: none;
		font-weight: bold;
	}
	
	#blogcontainer p a:hover {
		text-decoration: underline;
	}
		
/*----------------------------------------------------------------------------
     5.0. FOOTER
----------------------------------------------------------------------------*/	
#footerleft {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
}

#footerleft h5 {
	font-size: 1em;
	font-weight: bold;
	color: #8c8a87;
	margin: 5px 0 20px 0;
}

#footerright {
	float: right;
	position: relative;
}

#footer_balken {
	position: relative;
	top: -5px;
	height: 5px;
	width: 334px;
}

#footerright ul {
	margin-top: 6px;
	list-style-type: none;
}

#footerright ul li {
	font-size: 1em;
	font-weight: bold;
	margin-top: 4px;
}

#footerright ul li a {
	font-weight: bold;
	color: #8c8a87;
	text-decoration: none;
}

#footerright ul li a:hover {
	text-decoration: underline;
}

#print_only {
	display: none;
}

/*----------------------------------------------------------------------------
     6.0. SUBPAGES
----------------------------------------------------------------------------*/
#big_pic_subpage {
	position: absolute;
	top: 5px;
	z-index: 2;
}

#big_pic_subpage_balken {
	position: relative;
	top: 650px;
	height: 5px;
	width: 650px;
	z-index: 3;
}	

#subpagecontainer {
	background-color: #dae4e6;
	margin: 54px 20px 39px 269px;
	padding: 40px 20px 5px 20px;
	position: relative;
	z-index: 4;
}

#subpagecontainer h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;
	color: #403f3d;
}

#subpagecontainer p {
	line-height: 1.7em;
	margin-bottom: 15px;
	color: #403f3d;
}

#subpagecontainer a {
	text-decoration: underline;
	color: #4caec3;
}

#subpagecontainer a:hover {
	text-decoration: underline;
	color: #990000;
}

#subpagecontainer img {
	margin-left: -15px;
	margin-bottom: 15px;
}

#artikelhandling {
	position: relative;
	top: -73px;
	left: -613px;
	border-right: 5px solid #807d7a;
	padding-right: 5px;
}

#artikelhandling ul {
	list-style-type: none;
	text-align: right;
}

#artikelhandling ul li {
	font-size: 1em;
	font-weight: bold;
	margin-top: 4px;
}

#artikelhandling ul li a {
	font-weight: bold;
	color: #807d7a;
	text-decoration: none;
}

#artikelhandling ul li a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------
     7.0. FORMULAR
----------------------------------------------------------------------------*/
fieldset {
	border: 1px solid #8a9099;
	margin-bottom: 10px;
	padding: 10px 0;
}

legend {
	margin: 0 10px;
	padding: 0 5px;
	font-size: 1.2em;
	border: 1px solid #8a9099;
}

.textfelder {
	border: 1px solid #8a9099;
	background-color: #e0ddd8;
}

.textfelder:hover {
	background-color: #bfbcb8;
}

/*----------------------------------------------------------------------------
     8.0. AUF EINEN BLICK 
----------------------------------------------------------------------------*/
#aufeinenblick {
	position: absolute;
	top:  320px;
	left: -53px;
	z-index: 99;
	background-color: #e0ddd8;
	border: 3px solid #ccc9c4;
	padding: 1px 1px 0 1px;
	width: 236px;
}

#aufeinenblick ul {
	list-style-type: none;
}

#aufeinenblick ul li {
	border: 1px solid #403f3d;
	margin-bottom: 1px;
}

#aufeinenblick_head {
	background-color: #403f3d;
	color: #e0ddd8;
	padding: 5px;
	font-weight: bold;
	font-size: 1em;
}

#aufeinenblick ul li h4 {
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	text-decoration: none;
	padding: 7px;
}

/*----------------------------------------------------------------------------
     9.0. WEBSITE PFLEGEPAKETE 
----------------------------------------------------------------------------*/
#pflegepakete {
	position: absolute;
	top:  539px;
	left: -53px;
	z-index: 99;
	background-color: #e0ddd8;
	border: 3px solid #ccc9c4;
	padding: 1px 1px 0 1px;
	width: 236px;
}

#pflegepakete ul {
	list-style-type: none;
}

#pflegepakete ul li {
	border: 1px solid #403f3d;
	margin-bottom: 1px;
}

#pflegepakete_head {
	background-color: #403f3d;
	color: #e0ddd8;
	padding: 5px;
	font-weight: bold;
	font-size: 1em;
}

#pflegepakete ul li h4 {
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	text-decoration: none;
	padding: 7px;
}

/*----------------------------------------------------------------------------
     10.0. ARTIKELAKTION
----------------------------------------------------------------------------*/
#subpagecontainer_abwrack {
	background-color: #dae4e6;
	margin: 54px 20px 39px 269px;
	padding: 5px;
	position: relative;
	z-index: 4;
}

#artikelaktion {
	border: 2px solid #CC3300;
	padding: 0 15px 10px 15px;
	background-image: url(gfx/website_inhalt_abwrack_artikel_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

#artikelaktion h3 {
	font-size: 18px;
	text-decoration: underline;
	margin: 10px 0;
	color: #000;
}

#artikelaktion p {
	color: #000;
	line-height: 17px;
}

#artikelaktion ul {
	margin: 10px 0 20px 40px;
}

#artikelaktion ul li {
	background-color: #D9DEE1;
	border: 1px solid #3c6368;
	padding: 0 13px;
	margin-bottom: 5px;
}

#artikelaktion ul li p {
	font-weight: normal;
	padding-bottom: 13px;
}

.listheader {
	font-size: 12px;
	font-weight: bold;
	list-style-image: url(gfx/checked.png);
}

#artikelaktion ol {
	margin: 10px 0 30px 40px;
}

#artikelaktion ol li {
	background-color: #D9DEE1;
	border: 1px solid #3c6368;
	padding: 0 13px 13px 13px;
	margin-bottom: 5px;
}

#artikelaktion ol li a {
	background-color: #CC3300;
	color: #D9DEE1;
	padding: 5px 10px;
}

#artikelaktion ol li a:hover {
	background-color: #3c6368;
	color: #D9DEE1;
	padding: 5px 10px;
}

.ol1 {
	list-style-image: url(gfx/1.png);
}

.ol2 {
	list-style-image: url(gfx/2.png);
}

.ol3 {
	list-style-image: url(gfx/3.png);
}

.ol4 {
	list-style-image: url(gfx/4.png);
}

#artikelaktion h3 a {
	background-color: #CC3300;
	color: #D9DEE1;
	padding: 10px 100px;
}

#artikelaktion h3 a:hover {
	background-color: #3c6368;
	color: #D9DEE1;
	padding: 10px 100px;
}

/*----------------------------------------------------------------------------
     10.1. ABWRACKFORMULAR
----------------------------------------------------------------------------*/
#abwrackformular {background-color:#403F3D; padding:20px; color: #4CAEC3; font-weight: bold;}
#abwrackformular h3 {padding-bottom:15px; font-size:18px;}
#abwrackformular form input {padding: 3px; font-weight:bold; margin:7px 5px 12px 0;}
#abwrackformular table {margin-top: 20px;}
#abwrack_vorname {width: 130px; border:2px solid #4CAEC3;}
#abwrack_vorname:hover{border:2px solid #63B008;}
#abwrack_vorname:focus{border:2px solid #63B008;}
#abwrack_nachname {width: 130px; border:2px solid #4CAEC3;}
#abwrack_nachname:hover {border:2px solid #63B008;}
#abwrack_nachname:focus {border:2px solid #63B008;}
#abwrack_firma {width: 278px; border:2px solid #4CAEC3;}
#abwrack_firma:hover {border:2px solid #63B008;}
#abwrack_firma:focus {border:2px solid #63B008;}
#abwrack_email {width: 278px; border:2px solid #4CAEC3;}
#abwrack_email:hover {border:2px solid #63B008;}
#abwrack_email:focus {border:2px solid #63B008;}
#abwrack_telefon {width: 278px; border:2px solid #4CAEC3;}
#abwrack_telefon:hover {border:2px solid #63B008;}
#abwrack_telefon:focus {border:2px solid #63B008;}
#abwrackformular p { font-size: 11px; line-height: 15px; color: #FFF; padding-bottom:5px;}
#abwrack_submit {cursor:pointer; border: 2px solid #63B008;}
#abwrack_submit:hover {border-color: #FFF; background-color: #63B008; color:#FFF;}
#abwrack_reset {cursor:pointer; border: 2px solid #CC3300;}
#abwrack_reset:hover {border-color: #FFF; background-color: #CC3300; color: #FFF;}
/*----------------------------------------------------------------------------
     X.0. ALLGEMEINE KLASSEN
----------------------------------------------------------------------------*/
.noborder {
	border: 0; /* Rahmen der Imagelinks werden ausgeblendet */
	border: none;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.margin_right_21px {
	margin-right: 21px;
}

.margin_top_50px {
	margin-top: -53px;
}

.blau {
	color: #089fc3;
} 

/*     _____________________
      /                     \
-----+ DAS LETZTE ZUM SCHLUß +------------------------------------------------------------
      \_____________________/
__  __               _                                              _  _       
|  \/  |             | |                                            | |(_)      
| .  . |  __ _  _ __ | |_   ___  _ __   ___  _  _ __ ___    ___   __| | _   ___  _ __  
| |\/| | / _` || '__|| __| / _ \| '_ \ / __|(_)| '_ ` _ \  / _ \ / _` || | / _ \| '_ \ 
| |  | || (_| || |   | |_ |  __/| | | |\__ \ _ | | | | | ||  __/| (_| || ||  __/| | | |
\_|  |_/ \__,_||_|    \__| \___||_| |_||___/(_)|_| |_| |_| \___| \__,_||_| \___||_| |_|
 
 "Realität ist da, wo der Pizzamann herkommt" - bekannte Weisheit eines Programmierers 

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