/* RS MG */
/* Robert Sindermann - Mediengestaltung */
/* www.rs-mg.de */

* {margin:0; padding:0; outline:none; border:0;}

html, body {
  width: 100%;
  height: 100%;
  font: normal 12px/160% Tahoma, Helvetica, sans-serif;
  background: #692908 url('gfx/back.jpg') left repeat-y;
  color: #333;
}
#wrapper {
  position: relative;
  width: 100%;
  height: 900px;
  background: #692908 url('gfx/back-content.jpg') left top no-repeat;
}
#wrapper #page {
  position: relative;
  width: 1000px;
  height: 100%;
  height: auto !important;
  min-height: 100%;
}
#wrapper #page #left {
	float: left;
	width: 250px;
	margin: 20px 17px 0 8px;
}
ul#nav {
	list-style: none;
	margin: 50px 0 0 0;
	text-transform: uppercase;
}
ul#nav a {
  font: normal 22px/30px "Impact", Tahoma, Helvetica, sans-serif;
	color: #926c3b;
	text-decoration: none;
}
ul#nav a:hover, ul#nav a.active {color: #3a9c88;}
#wrapper #page #left .box {margin: 50px 0 0 0;}
#wrapper #page #left .box .kontakt {float: left; width: 80px;}
#wrapper #page #right {
	float: left;
	width: 600px;
	margin: 125px 60px 0 65px;
}
#wrapper #page #right #pic {
	border: 5px solid #3a9c88;
	margin: 0 0 30px 0;
}
#wrapper #page #right #angebot {
	float: right;
	position: relative;
	background: url('gfx/back-angebot.png') no-repeat;
	width: 179px;
	height: 193px;
	padding: 15px;
	z-index: 99;
}
#wrapper #page #right #angebot h1 {font: bold 18px/30px Tahoma, Helvetica, sans-serif; color: #000; text-transform: none;}
#wrapper #page #right #angebot #preis {
	position: absolute;
	top: 100px;
	right: 5px;
	width: 100px;
	height: 75px;
	padding-top: 25px;
	text-align: center;
	z-index: 999;
	font: bold 18px/100% Tahoma, Helvetica, sans-serif;
	color: #fff;
}
#wrapper #page #right .textpics img {border: 1px solid #3a9c88; padding: 1px;}
#wrapper #page #right ul {margin-left: 25px;}
#wrapper #page #right p#copy {margin: 50px 0 0 0; padding-top: 25px;}
#wrapper #page #right p#copy a {color: #999; text-decoration: none;}
#wrapper #page #right p#copy a:hover {color: #666; text-decoration: underline;}
#wrapper #page #right p#footer {margin: 10px -29px 0 -31px; width: 660px; height: 75px; background: url('gfx/footer.jpg') no-repeat; border-top: 5px solid #3a9c88;}

#popup {
  position: relative;
  width: 450px;
  height: 100%;
  background: #692908 url('gfx/back-popup.jpg') no-repeat;
}
#popup #kontakt, #popup #furniere {
  width: 400px;
  text-align: center;
}
#popup #kontakt {padding: 100px 25px 0;}
#popup #furniere {padding: 50px 25px 0;}
#popup #furniere img {
  background: #fff;
  padding: 2px;
}

h1 {
  font: normal 22px/30px "Impact", Tahoma, Helvetica, sans-serif;
  color: #3a9c88;
  text-decoration: none;
  text-transform: uppercase;
}
h1.headline {border-bottom: 1px solid #999; margin-bottom: 25px}
h2 {
  font: bold 18px/150% Tahoma, Helvetica, sans-serif;
  color: #333;
  text-decoration: none;
}

a {color: #3a9c88; font-weight: bold; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
a[href $='.pdf'] {
  float: left;
  padding-left: 18px;
  background: transparent url('gfx/icon-pdf.gif') no-repeat center left;
}

div.clear {clear:both;}