@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/*

	Projekt: Gästehaus Arnold Bettingen
	Datei: style.css
	Author: Carolin Schwank

*/


/* ----------------------------------------------------- Page layout */

/* Basics */
body {
	background-color: #e6e6db;
	font: 100.01% normal  Helvetica, "Helvetica neue", Arial, Geneva, "sans serif";
	text-align: center;
	margin: 50px 0 0 0;
}

a { text-decoration: none; }
	a:link { color: #74783a }
	a:visited { color: #74783a  }
	a:hover { color: #721d15 }
	a:active { color: #721d15 }
strong { font-weight: bold; color: #666; }
em {  }

/* Layout */

#wrapper {
	background-color: #f4f4ed;
	margin: 0 auto;
	padding: 6px;
	text-align: left;
	width: 822px;
	-moz-box-shadow:0 2px 10px #ccc;
	-webkit-box-shadow:0 2px 10px #ccc;
	box-shadow:0 2px 10px #ccc;
}

#footer {
	font-size: 0.6em;
	margin: 0 auto;
	padding: 5px;
	text-align: right;
	text-transform: uppercase;
	width: 822px;
}

#header {
	background: url(../img/bgHeader.png) no-repeat right top #b2bb1d;
	border-bottom: 6px solid #F4F4ED;
	height: 180px;
}

#dekoPic {
	border-right: 6px solid #F4F4ED;
	float: left;
	width: 235px;
}

#logo {
	margin-left: 265px;
	padding-top: 105px;
}

#content {
	background: url(../img/bgContent.png) repeat-y 0 0 #FFF;
}

#navBar {
	float: left;
}

#mainContent {
	margin: 0 0 35px 265px;
	padding: 30px 30px 50px 0;
}

/* Textgestaltung */
.s {font-size: 0.7em;}
p, ul, ol, dl {font-size: 0.8em;}
p {line-height: 1.5em;margin: 0 0 12px 0;}

h1 {display: none;}
h2 {color: #721D15;font: 1.5em Georgia, Times, serif;margin: 0 0 0.6em 0;}
h3 {color: #74783A;font-size: 1.0em;font-weight: bold;margin: 0 0 0.3em 0;}
h4 {color: #74783A;font-size: 0.8em;font-weight: bold;margin: 0 0 12px 0;
	
}

#navBar  ul {
	background: url(../img/bgTrenner.png) no-repeat 0 0 transparent;
	margin: 37px 0 50px 37px;
	width: 155px;
}

#navBar li {
	background: url(../img/bgTrenner.png) no-repeat left bottom transparent;
	padding: 6px 0 6px 13px;
}

#navBar li a.current {
	font-weight: bold;
}

#innerNav {
	font-size: 0.7em;
	margin: 0 0 20px 0;
	text-align: right;
}

#innerNav a {
	background: url(../img/arrow.gif) no-repeat 0 4px transparent;
	padding: 0 15px 0 10px;
}

dl.preise {font-size: 0.75em;width: 270px;}
dl.preise dt, dl.preise dd  {background: #e6e6db;margin-bottom:2px;padding: 3px 0 3px 3px;}
dl.preise dt {float:left;width: 130px; white-space: nowrap;}
dl.preise dd {margin-left: 135px; white-space: nowrap;}

ul.ausstattung {margin: 0 0 10px 2px;}
ul.ausstattung li {background: url(../img/arrow.gif) no-repeat 0 7px transparent;line-height: 20px;padding-left: 12px;}

/* Spezielle Klassen */

.pic220 {
	width: 220px;
	float: left;
	margin: 0 10px 5px 0;
	padding: 5px;
	background-color: #F4F4ED;
	border: 1px solid #E6E6DB;
}

.fotos {
	float: left;
	width: 240px;
}

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

.fotos {
	margin: 0 0 7px 0;
}

.fotos span {
	display: block;
	float: left;
	margin: 0 7px 7px 0;
	padding: 5px;
	width: 100px;
	border: 1px solid #E6E6DB;
	background-color: #F4F4ED;
}

.lupe {
	background: url(../img/lupe.gif) no-repeat 0 7px transparent;
	font-size: 0.7em;
	padding: 8px 0 4px 20px;
}

/* Allgemeine Klassen */

.trenner {
	background: url(../img/trenner.png) repeat-x 0 5px transparent;
	height: 5px;
	padding-top: 5px;
	margin: 5px 0 5px 0;
}