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

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

html {
  height: 100.05%;
}

body {
	background: #e5bd95 url(../img/bg.jpg) 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,
h2 {
	color: #333333;
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 1.8em;
    text-transform: uppercase;
}

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

h4 {
	color: #b78655;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
}
h4 a {
    color: #b78655 !important;
    text-decoration: none !important;
}

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;
}

ol.datenschutz li {
	list-style: decimal;
	font-size: 1.6em;
	font-weight: bold;
}

ul.datenschutz li {
	list-style: disc;
	font-size: initial;
	font-weight: normal;
}

ol.datenschutz li p {
	font-size: initial;
	font-weight: normal;
}



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

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

.pageHead {
    height: 215px;
    overflow: hidden;
    position: relative;
    width: 910px;
}

.logo {
	background: url(../img/bg_logo.jpg) no-repeat;
	float: left;
	height: 230px;
	position: relative;
	vertical-align: bottom;
	width: 240px;
}
.logo .logo-inner {
    left: 50%;
    margin-left: -62px;
    margin-top: 138px;
    position: relative;
    width: 143px;
}

* 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.jpg) no-repeat 0 3px;
	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.jpg);
 	background-repeat: no-repeat;
	float: left;
	height: 75px;
	width: 132px;
}

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

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

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

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

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

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: #ffffff 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 .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.logo13 {
	background: url("../img/galerie_thumbs_13.jpg");
}

.logo14 {
	background: url("../img/galerie_thumbs_14.jpg");
}

.logo15 {
	background: url("../img/galerie_thumbs_15.jpg");
}

.logo16 {
	background: url("../img/galerie_thumbs_16.jpg");
}

.logo1,
.logo2,
.logo3,
.logo4,
.logo5,
.logo6,
.logo7,
.logo8,
.logo9,
.logo10,
.logo11,
.logo12,
.logo13,
.logo14,
.logo15,
.logo16 {
	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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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

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



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

.displayBlock {
	display: block;
}

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

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

.clearBoth {
    clear: both;
}

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

.noPadding {
	padding: 0;
}

.noMargin {
    margin: 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;
}

.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;
}

.orange {
	color: #de8154;
}




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

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

a:visited {
	color: #000000;
}

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: #5e554b;
	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.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.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.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_new.jpg) 4px 4px no-repeat;
}