/*
 * (c) 2008 camaoGmbH & Co. KG
 * Author: Plagge, Stefan
 */
/*
 * Clear Browser Stylesheet
 */

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

a img {
	border: none;
}

html {
  height: 100.05%;
}

body {
	background: #989c65 url(../img/bg.png) repeat-x;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	font-weight: normal;
	line-height: 1.5;
}

h1,
h2,
h3 {
	font-family: "Times New Roman", Helvetica, sans-serif;
	font-weight: normal;
}

h1 {
	left: 50%;
	margin-left: -91px;
	margin-top: 146px;
	position: relative;
	width: 204px;
}

h2 {
	color: #333333;
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 1.8em;
    text-transform: uppercase;
}

h3 {
	color: #989c65;
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 10px;
}

h4 {
	color: #989c65;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
}

p {
	color: #444444;
	font-size: 1.6em;
	line-height: 21px;
	margin-top: 15px;
}

li {
	list-style-image: none;
	list-style-type: none;
}

ul, ol, dl {
	list-style-position: outside;
}




/*
	Layout
	----------------------------------------------------------------------------
*/

.wrapper {
	left: 50%;
	margin-left: -464px;
	position: relative;
	width: 910px;
}

.pageHead {
	height: 200px;
	position: relative;
	width: 910px;
}

.logo {
	background: url(../img/bg_logo.png) no-repeat;
	float: left;
	height: 230px;
	position: relative;
	vertical-align: bottom;
	width: 240px;
}

* html .logo {
	height: 203px;
}

.headerBanner {
	border: 1px solid #ffffff;
	float: right;
	height: 159px;
    padding: 5px 0 0 5px;
	position: relative;
	top: 36px;
	width: 645px;
}

.pageBody {
	position: relative;
	top: 12px;
	width: 910px;
}




/*
	Navigation
	----------------------------------------------------------------------------
*/

.mainNavigation {
	background: url(../img/bg_content_top.png) no-repeat;
	height: 75px;
	position: relative;
}

.mainNavigation ul {
	float: right;
	list-style: none;
	margin-right: 1px;
	overflow: hidden;
}

.mainNavigation ul li {
 	background-image: url(../img/bg_nav.png);
 	background-repeat: no-repeat;
	float: left;
	height: 75px;
	width: 132px;
}

.mainNavigation ul li.firstListItem {
 	background-image: url(../img/bg_nav_first.png);
}

.mainNavigation ul li.lastListItem {
 	background-image: url(../img/bg_nav_last.png);
}

div.mainNavigation ul li a {
	display: block;
	background-image:url(../img/bg_nav_active.png);
	outline: none;
	width: 132px;
	height: 46px;
}

div.mainNavigation ul li.first a {
	background-image:url(../img/bg_nav_first_active.png);
}

div.mainNavigation ul li.last a {
	background-image:url(../img/bg_nav_last_active.png);
}

div.mainNavigation ul li.active a,
div.mainNavigation ul li a:hover {
	height: 75px;
}

div.mainNavigation ul li a img {
	height: 24px;
 	padding: 13px 0 0 13px;
	width: 114px;
}



/*
	Layout continued
	----------------------------------------------------------------------------
*/

.wrapperLayoutColumns {
	background: #ffffff url(../img/galerie_bigpics_1.jpg) no-repeat;
	position: relative;
	width: 845px;
}

.layoutColumns {
	background: url(../img/bg_content.png) repeat-y;
	padding: 24px 65px 50px 0;
	position: relative;
	width: 845px;
}

/*
 * Background image for start page, "Fotogalerie", "Kontaktdaten", "Impressum"
 */

.layoutColumnsFixHeight {
	background: #ffffff url(../img/bg_content-fix-height.png) no-repeat;
	height: 443px;
	padding: 24px 65px 28px 0px;
	position: relative;
	width: 845px;
}

.layoutColumnLeft {
	float: left;
	padding: 2px 0 0 60px;
	position: relative;
	width: 170px;
}

.layoutColumnRight {
	float: right;
	margin-bottom: 30px;
	position: relative;
	width: 585px;
}

.pageFoot {
	background: url(../img/bg_content_bottom.png) no-repeat;
	margin: 12px 0 0px 0;
	padding: 13px 10px 50px 0;
	text-align: right;
	width: 900px;
}

.pageFootFixHeight {
	height: 20px;
	margin-bottom: 40px;
	padding: 10px 10px 0 0;
	text-align: right;
	width: 900px;
}

.bgPaperLeft {
	background: url(../img/bg_paper-left.png) no-repeat;
	height: 560px;
	left: 50%;
	margin-left: -465px;
	position: absolute;
	top: 287px;
	width: 30px;
}




/*
	Start page
	----------------------------------------------------------------------------
*/

.picturedLinksArea {
	height: 280px;
	overflow: hidden;
	width: 580px;
}

.picturedLink {
	float: left;
	padding-right: 45px;
	width: 111px;
}

.borderPicture {
	border: 1px solid #b8b8b8;
	display: block;
	height: 107px;
	width: 107px;
}

.paddingStartSubtext {
	padding: 7px 5px 0 5px;
}




/*
	"Unser Heim" + "Unser Angebot" page
	----------------------------------------------------------------------------
*/

.layoutColumnBottom {
	height: 40px;
	margin-top: -80px;
	padding-bottom: 90px;
}

.floatBoxContainer {
	width: 580px;
}

.floatBoxLeft {
	float: left;
	width: 280px;
}

.floatBoxRight {
	float: right;
	width: 270px;
}

.paddingBpa-graphic {
	padding-top: 10px;
}

.paddingLeft33 {
	padding-left: 33px;
}




/*
	"Fotogalerie" page
	----------------------------------------------------------------------------
*/

.layoutFotogalerie {
	float: right;
	margin-bottom: 30px;
	position: relative;
	width: 600px;
}

.headlineFotogalerie {
	height: 45px;
	left: 324px;
	overflow: hidden;
	position: absolute;
	top: 200px;
	width: 190px;
	z-index: 3;
}

.textFotogalerie {
	height: 78px;
	left: 266px;
	overflow: hidden;
	position: absolute;
	top: -6px;
	width: 390px;
	z-index: 3;
}

.picturesContentBox {
	height: 420px;
}

.pictureDefaultContentBox {
	height: 234px;
	margin-left: -100px;
	position: absolute;
	width: 352px;
	z-index: 0;
}

.pictureContentBoxMouseOver {
	float: right;
	height: 340px;
	padding-top: 80px;
	position: absolute;
	width: 600px;
	z-index: 1;
}

.pictureContentBoxMouseOver li {
	float: right;
	width: 65px;
}

.galerie li {
	float: right;
	margin: 0 11px 11px 0;
}

.galerie li.pictureGalerieMarginLeftBottom {
	margin: 0 0 11px 500px;
}

.galerie li.pictureGalerieThirdRowMarginLeftBottom {
	margin: 0 11px 11px 175px;
}

.galerie .pictureGalerieMarginRightBottom {
	float: right;
	margin: 0 11px 11px 0;
}

.galerie .pictureGalerieMarginRight {
	float: right;
	margin: 0 11px 0 0;
}

.galerie .pictureGalerieMarginBottom {
	float: right;
	margin: 0 0 11px 0;
}

.galerie .pictureGalerieMargin0 {
	float: right;
	margin: 0;
}

.preview1 {
	background: url("../img/galerie_thumbs_1.jpg");
}

.preview2 {
	background: url("../img/galerie_thumbs_12.jpg");
}

.preview3 {
	background: url("../img/galerie_thumbs_5.jpg");
}

.preview4 {
	background: url("../img/galerie_thumbs_11.jpg");
}

.preview5 {
	background: url("../img/galerie_thumbs_9.jpg");
}

.preview6 {
	background: url("../img/galerie_thumbs_6.jpg");
}

.preview7 {
	background: url("../img/galerie_thumbs_10.jpg");
}

.preview8 {
	background: url("../img/galerie_thumbs_2.jpg");
}

.preview9 {
	background: url("../img/galerie_thumbs_7.jpg");
}

.preview10 {
	background: url("../img/galerie_thumbs_3.jpg");
}

.preview11 {
	background: url("../img/galerie_thumbs_8.jpg");
}

.preview12 {
	background: url("../img/galerie_thumbs_4.jpg");
}

.preview1,
.preview2,
.preview3,
.preview4,
.preview5,
.preview6,
.preview7,
.preview8,
.preview9,
.preview10,
.preview11,
.preview12 {
	background-position: 4px 4px;
	background-repeat: no-repeat;
	border: 1px solid #b8b8b8;
	padding: 4px;
}

.pictureContentBoxMouseOver a {
	cursor: pointer;
	display: block;
	height: 65px;
}

.pictureContentBoxMouseOver a img {
	height: 234px;
	left: 0;
	margin-left: -100px;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 352px;
}

.pictureContentBoxMouseOver a:focus img {
	visibility: visible;
}

* html .pictureContentBoxMouseOver a:active img {
	visibility: visible;
}

*+html .pictureContentBoxMouseOver a:active img {
	visibility: visible;
}

.preview1 a:hover {
	background: url("../img/galerie_thumbs_1b.jpg");
	background-repeat: no-repeat;
}

.preview2 a:hover {
	background: url("../img/galerie_thumbs_12b.jpg");
	background-repeat: no-repeat;
}

.preview3 a:hover {
	background: url("../img/galerie_thumbs_5b.jpg");
	background-repeat: no-repeat;
}

.preview4 a:hover {
	background: url("../img/galerie_thumbs_11b.jpg");
	background-repeat: no-repeat;
}

.preview5 a:hover {
	background: url("../img/galerie_thumbs_9b.jpg");
	background-repeat: no-repeat;
}

.preview6 a:hover {
	background: url("../img/galerie_thumbs_6b.jpg");
	background-repeat: no-repeat;
}

.preview7 a:hover {
	background: url("../img/galerie_thumbs_10b.jpg");
	background-repeat: no-repeat;
}

.preview8 a:hover {
	background: url("../img/galerie_thumbs_2b.jpg");
	background-repeat: no-repeat;
}

.preview9 a:hover {
	background: url("../img/galerie_thumbs_7b.jpg");
	background-repeat: no-repeat;
}

.preview10 a:hover {
	background: url("../img/galerie_thumbs_3b.jpg");
	background-repeat: no-repeat;
}

.preview11 a:hover {
	background: url("../img/galerie_thumbs_8b.jpg");
	background-repeat: no-repeat;
}

.preview12 a:hover {
	background: url("../img/galerie_thumbs_4b.jpg");
	background-repeat: no-repeat;
}




/*
	"Kontaktdaten" page
	----------------------------------------------------------------------------
*/

.layoutColumnRightLeftSide {
	float: left;
	padding-top: 40px;
	position: relative;
	width: 280px;
}

.layoutColumnRightRightSide {
	float: right;
	padding-top: 40px;
	position: relative;
	width: 300px;
}



/*
	Formatting
	----------------------------------------------------------------------------
*/

.displayBlock {
	display: block;
}

.standardTextSize {
	color: #444444;
	font-size: 1.6em;
	line-height: 21px;
}

.smallTextSize {
	color: #444444;
	font-size: 1.3em;
	line-height: 18px;
}

.padding {
	padding: 0 10px 0 10px;
}

.noPadding {
	padding: 0;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginBottom30 {
	margin-bottom: 30px;
}

.list {
	color: #444444;
	font-size: 1.6em;
	line-height: 21px;
}

.listItemHeadline {
	color: #b78655;
}

.distanceIncrease10 {
	margin-top: 10px;
}

.distanceIncrease16 {
	margin-top: 16px;
}

* html .distanceIncrease16 {
	margin-top: 56px;
}

*+html .distanceIncrease16 {
	margin-top: 56px;
}

.distanceIncreaseKontaktdaten16 {
	margin-top: 16px;
}

.distanceIncrease20 {
	margin-top: 20px;
}

.distanceIncrease25 {
	margin-top: 25px;
}

.distanceIncreaseFirstParagraph {
	margin-top: 10px;
}

.distanceDecrease-1 {
	margin-top: -1px;
}

.distanceDecrease-10 {
	margin-top: -10px;
}

.pictureBorder {
	border: 1px solid #b8b8b8;
	padding: 4px;
}

.textList li {
	color: #444444;
	font-size: 1.6em;
	line-height: 21px;
	list-style-type: disc;
	margin-left: 17px;
	padding: 0 0 10px 5px;
}

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

.clearfix {
	display: inline-block;
}

.outlineNone {
	outline: none;
}

.green {
	color: #989c65;
}




/*
	Links
	----------------------------------------------------------------------------
*/

a:link {
	color: #444444;
	text-decoration: underline;
}

a:visited {
	color: #444444;
}

a:hover {
	color: #000000;
}

a:link.small {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-decoration: none;
}

a:visited.small {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-decoration: none;
}

a:hover.small {
	color: #35371b;
	text-decoration: underline;
}

a:link.gray {
	color: #bfbfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4;
	text-decoration: none;
}

a:visited.gray {
	color: #bfbfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4;
	text-decoration: none;
}

a:hover.gray {
	color: #000000;
}

a:link.green {
	color: #9d9c6b;
	font-weight: bold;
	text-decoration: underline;
}

a:visited.green {
	color: #9d9c6b;
	font-weight: bold;
	text-decoration: underline;
}

a:hover.green {
	color: #686730;
}

a:link.greenNormal {
	color: #9d9c6b;
	text-decoration: underline;
}

a:visited.greenNormal {
	color: #9d9c6b;
	text-decoration: underline;
}

a:hover.greenNormal {
	color: #686730;
}

a:link.brown {
	color: #b78655;
	font-weight: bold;
	text-decoration: underline;
}

a:visited.brown {
	color: #b78655;
	font-weight: bold;
	text-decoration: underline;
}

a:hover.brown {
	color: #8e6033;
}

a:link.normalFontWeight {
	font-weight: normal;
}

a:visited.normalFontWeight {
	font-weight: normal;
}

a:link.link1,
a:link.link2,
a:link.link3,
a:link.link4,
a:visited.link1,
a:visited.link2,
a:visited.link3,
a:visited.link4 {
	display: block;
}

a:link.link1 {
	background: url(../img/start_heim_inaktiv.jpg) 4px 4px no-repeat;
}

a:visited.link1 {
	background: url(../img/start_heim_inaktiv.jpg) 4px 4px no-repeat;
}

a:hover.link1 {
	background: url(../img/start_heim.jpg) 4px 4px no-repeat;
}

a:link.link2 {
	background: url(../img/start_angebot_inaktiv.jpg) 4px 4px no-repeat;
}

a:visited.link2 {
	background: url(../img/start_angebot_inaktiv.jpg) 4px 4px no-repeat;
}

a:hover.link2 {
	background: url(../img/start_angebot.jpg) 4px 4px no-repeat;
}

a:link.link3 {
	background: url(../img/start_galerie_inaktiv.jpg) 4px 4px no-repeat;
}

a:visited.link3 {
	background: url(../img/start_galerie_inaktiv.jpg) 4px 4px no-repeat;
}

a:hover.link3 {
	background: url(../img/start_galerie.jpg) 4px 4px no-repeat;
}

a:link.link4 {
	background: url(../img/start_kontakt_inaktiv.jpg) 4px 4px no-repeat;
}

a:visited.link4 {
	background: url(../img/start_kontakt_inaktiv.jpg) 4px 4px no-repeat;
}

a:hover.link4 {
	background: url(../img/start_kontakt.jpg) 4px 4px no-repeat;
}