/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {	
	line-height: 1;
}
blockquote, q {	
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {	
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------------------------- */
/* ------- HTML Elements ------- */
/* ----------------------------- */
body {
	background: url(../images/bg_body.png) 0 40px repeat-x #EFF0E2;
   	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	color: #000000;
}
a {
	color: #ef8601;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	color: #ef8601;
}
h1, h2 {
   	font-family: "Helvetica Narrow","Arial Narrow", Helvetica, Verdana, Arial, sans-serif;
	font-size: 22px;
	line-height: 130%;
}
h1 {
	margin-bottom: 25px;
}
h2 {
	margin-bottom: 15px;
}
p {
	margin-bottom: 22px;
	line-height: 135%;
}
/* ----------------------------- */
/* ------- Basic Classes ------- */
/* ----------------------------- */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearfloat {
	clear: both;
}

/* ----------------------------- */
/* ---- Document Structure ----- */
/* ----------------------------- */
#container {
   position: relative;
   width: 950px;
   background: transparent;
   margin: 0 auto;
}
#header {
   width: 100%;
   height: 150px;
   background-color: transparent;
}
#main {
   width: 100%;
   background-color: transparent;
}
#content-top  {
	width: 100%;
	height: 449px;
	float: left;
	position: relative;
	background: url(../images/bg_content_top.png) top left no-repeat transparent;
	margin: 0 0 30px 0;
}
#topcontent-left {
	width: 670px;
	float: left;
	background-color: transparent;
	margin: 19px 0 0 0;
}
#topcontent-right {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 258px;
	margin: 0 20px 0 670px;
	background-color: transparent;
}
#content-bottom {
	width: 910px;
	clear: both;
	background-color: transparent;
	padding: 0 20px;
}
#footer {
   width: 100%;
   text-align: right;
   background-color: transparent;
   margin: 45px 0 20px 0;
}
/* ----------------------------- */
/* ---------- Header ----------- */
/* ----------------------------- */
#logolinkhome {
	position: absolute;
	width: 319px; 
	height: 113px;
	left: 0;
	top: 31px; 
	background: url(../images/logo_ferienwohnung_toni.png) no-repeat transparent;
	z-index: 1;
}
#logolinkhome span {
	display: none;
}
#navigation {
	position: relative;
	height: 106px;
	float: right;
	top: 30px;
	right: 15px;
	background-color: transparent;
	list-style: none;
}
#navigation li {
	float: left;
}
#navigation a {
   	font-family: "Helvetica Narrow","Arial Narrow", Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #828A76;
	text-decoration: none;
	display: block;
	height: 60px;
	padding: 46px 15px 0 15px;
	background: url(../images/navigation_separator.png) left center no-repeat transparent;
}
#navigation li:first-child a {
	background-image: none;
}
#navigation a:hover {
	color: #ef8601;
}
/* ----------------------------- */
/* ---------- Content ---------- */
/* ----------------------------- */
#main {
	font-size: 15px;
	line-height: 120%;
}
#topcontent-left img {
	margin: 20px;
}
#topcontent-right,
#topcontent-right p {
	font-size: 15px;
	line-height: 150%;
}
#topcontent-right p {
	margin-bottom: 15px;
}
/* ----------------------------- */
/* ---------- Footer ----------- */
/* ----------------------------- */
#footer  {
	color: #828A76;
	font-size: 12px;
}
#footer a  {
	color: #828A76;
	text-decoration: none;
}
#footer a:focus, #footer a:hover, #footer a:active {
	color: #197F30;
	text-decoration: underline;
}
/* ----------------------------- */
/* --------- Specials ---------- */
/* ----------------------------- */
/* Slider */
ul.slides {
	width: 630px;
	height: 390px;
	margin: 20px;
}
#topcontent-left ul.slides li img {
	width: 100%;
	height: 100%;
	margin: 0;
}
/* Google Maps */
#topcontent-left iframe {
	margin: 20px;
}
#topcontent-left .maplink {
	font-size: 10px;
	margin: -10px 0 0 0;
}