@charset "utf-8";

/* body */
body {background: url("../img/framework/bg/bg-body.jpg") no-repeat top center #fdfff7;}

/* font */
body {font-family: Corbel, Arial, sans-serif; font-size: 16px; color: #555947;}
h1 {font-size: 2em; line-height: 1em; margin: 0 0 20px 0;}
h2 {font-size: 1.3em; line-height: 1em; margin: 0 0 0.3em 0;}
p {font-size: 1em; line-height: 1em; margin: 0 0 0.6em 0; text-align: left;}
#footer p {font-size: 0.8em; text-align: right; padding: 4px; margin: 0;}
a {color: #8c8d99;}
a:hover {text-decoration: none;}

/* container */
#container {width: 1000px; margin: auto; background: url("../img/framework/bg/bg-container.png")}

/* header */
#header {height: 140px; background: url("../img/framework/bg/bg-header.png") no-repeat; margin: 0 5px;}
#logo {float: left; margin: 5px 0 0 5px; background: url("../img/framework/header/logo.png"); width: 124px; height: 103px;}
#index-link {position: relative; left: 0; top: 0; display: block; width: 100%; height: 110px;}
#claim {float: right; margin: 3px 3px 0 0; background: url("../img/framework/header/claim.png"); width: 285px; height: 57px;}

/* content */
#content-container {margin: 0 220px 0 0;}
#content {padding: 0 50px 30px 50px;}
#content .box {margin: 0 0 20px 0;}
#content img.flt-rght {display: block; float: right; margin: 0 0 10px 10px; padding: 5px;}
#content .bilder {text-align: center;}
#content .bilder img {border: 1px solid #ccc; padding: 5px; background: #fdfff7;}
#content table {margin: 0 0 10px 0;} #content table td {padding: 10px 20px 10px 0;}

/* headings */
#content h1 span, #content h2 span {display: none;} #content h1 {height: 29px;} #content h2 {height: 23px;}
#content .h1-index {background: url("../img/framework/headings/h1-index.png") no-repeat;}
#content .h1-person {background: url("../img/framework/headings/h1-person.png") no-repeat;}
#content .h1-produkte {background: url("../img/framework/headings/h1-produkte.png") no-repeat;}
#content .h1-angebot {background: url("../img/framework/headings/h1-angebot.png") no-repeat;}
#content .h1-kinderschminken {background: url("../img/framework/headings/h1-kinderschminken.png") no-repeat;}
#content .h1-kontakt {background: url("../img/framework/headings/h1-kontakt.png") no-repeat;}
#content .h1-impressum {background: url("../img/framework/headings/h1-impressum.png") no-repeat;}
#content .h2-entspannen {background: url("../img/framework/headings/h2-entspannen.png") no-repeat;}
#content .h2-rimpler {background: url("../img/framework/headings/h2-rimpler.png") no-repeat;}
#content .h2-lancray {background: url("../img/framework/headings/h2-lancray.png") no-repeat;}
#content .h2-kontakt {background: url("../img/framework/headings/h2-kontakt.png") no-repeat;}
#content .h2-anfahrt {background: url("../img/framework/headings/h2-anfahrt.png") no-repeat;}

/* navigation */
#navigation-container {float: right; width: 210px;}
#navigation {padding: 10px;}
#navigation li {background: url("../img/framework/navigation/navigation-item.png") no-repeat; padding: 5px;}
#navigation li:hover {background: #8c8d99;}
#navigation #item-person a {display: block; background: url("../img/framework/navigation/person.jpg"); width: 180px; height: 120px;}
#navigation #item-produkte a {display: block; background: url("../img/framework/navigation/produkte.jpg"); width: 180px; height: 120px;}
#navigation #item-angebot a {display: block; background: url("../img/framework/navigation/angebot.jpg"); width: 180px; height: 120px;}
#navigation #item-kinderschminken a {display: block; background: url("../img/framework/navigation/kinderschminken.jpg"); width: 180px; height: 120px;}
#navigation #item-kontakt a {display: block; background: url("../img/framework/navigation/kontakt.jpg"); width: 180px; height: 120px;}

/* footer */
#footer {border-top: 1px solid #ddd; background: #fdfff7; clear: both; margin: 0 0 5px 0;}

/* print remove */
#header h1 {display: none;}
#navigation span {display: none;}