/* www.raum-und-mensch.de */

/****************************************************************  all */

html, body, span, a, div, table, td, form, input, textarea, h1, h2, h3, ul, li {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background: url(img/bg_all.jpg) repeat-y;
}

a {
	outline: none;
	color: #663300;
}

a:focus, a:hover, a:active {
	text-decoration: none;
}

.marginalien a {
	outline: none;
	color: #8f8f8f;
}

.clearit {
	clear: both;
}

.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

img {
  border: 0;
  outline: none;
}


/**************************************************************** typo */

h1 a 	{
	position: absolute;
	left: 34px;
	top: 130px;
	width: 221px;
	height: 116px;
	text-indent: -10000px;
	display: block;
	text-decoration: none;
	background: url(img/raum_und_mensch_logo.gif) no-repeat;
         }

h2.startseite, h2.gkunden, h2.pkunden, h2.phil, h2.astaude, h2.kontakt, h2.impressum, h2.referenzen, h2.netzwerk,
h2.kinderzimmer, h2.badezimmer, h2.wohnen, h2.zentren, h2.arbeitsraum, h2.sakralbau  	{
	width: 400px;
	height: 28px;
	margin: 0 0 5px 0;
	padding: 0;
	text-indent: -10000px;
	background: url(img/headline_startseite.gif) no-repeat;
}

h2.gkunden	{
	background: url(img/headline_gkunden.gif) no-repeat;
}

h2.pkunden	{
	background: url(img/headline_pkunden.gif) no-repeat;
}

h2.phil	{
	background: url(img/headline_phil.gif) no-repeat;
}

h2.astaude	{
	background: url(img/headline_astaude.gif) no-repeat;
}

h2.kontakt	{
	background: url(img/headline_kontakt.gif) no-repeat;
}

h2.referenzen	{
	background: url(img/headline_referenzen.gif) no-repeat;
}

h2.netzwerk	{
	background: url(img/headline_netzwerk.gif) no-repeat;
}

h2.impressum	{
	background: url(img/headline_impressum.gif) no-repeat;
}

h2.wohnen	{
	background: url(img/headline_wohnen.gif) no-repeat;
}

h2.badezimmer	{
	background: url(img/headline_badezimmer.gif) no-repeat;
}

h2.kinderzimmer	{
	background: url(img/headline_kinderzimmer.gif) no-repeat;
}

h2.sakralbau	{
	background: url(img/headline_sakralbau.gif) no-repeat;
}

h2.zentren	{
	background: url(img/headline_zentren.gif) no-repeat;
}

h2.arbeitsraum	{
	background: url(img/headline_arbeitsraum.gif) no-repeat;
}

#text p.subhead {
	font-size: 11px;
	font-weight: bold;
	color: #8f8f8f;
	padding: 0 0 14px 0;
	margin: 0;
}

h3	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8b3b51;
	margin: 0;
	padding: 0 0 3px 0;
	text-indent: 0;
}

#text p {
	font-size: 12px;
	line-height: 18px;
	color: #2c2c2c;
	padding: 0 0 14px 0;
	margin: 0;
}

#text p.footer {
	padding: 14px 0 30px 0;
	margin: 0;
}

#box_right p.caption {
	font-size: 10px;
	color:  #8b3b51;
	margin: 0;
	padding: 1px 2px 50px 0;
}

ul.all {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.all li {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 5px 20px;
	margin: 0;
	background: url(img/list_style_image.gif) no-repeat;
	line-height: 18px;
	color: #343434;
}


/****************************************************************  div container */

#container	{
	width: 100%;
	border-top: 2px solid #762d1d;
	background: url(img/bg_all.jpg) repeat-y;
	height: auto;
	}

#box_left	{
	width: 289px;
	float: left;
	height: 100%;
	background: #cbbdab
	}

#box_right	{
	float: left;
	width: 653px;
}

#header	{
	width: 656px;
	height: 343px;
	border-right: 1px solid #762D1D;
	background: url(img/img_head1.jpg) repeat;
	
}

#content {
	width: 655px;
	border-top: 1px solid #762D1D;
	border-left: 1px solid #762d1d;
	border-right: 1px solid #762d1d;
	background: #cbbdab url(img/bg_content.jpg) repeat-x;
}

#imagebox	{
	float: left;
	margin: 68px 0 0 0;
	text-align: right;
	width: 210px;
}

#text 	{
	float: left;
    width: 409px;
	line-height: 22px;
    padding: 29px 0 0 34px;
}
	
.marginalien {
	position: relative;
	top: 533px;
	left: 0;
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6e6a65;
	border-left: 3px solid #762D1D;
	padding-left: 32px;
	margin-top: 40px;
}


#box_right img	{
	border-right: 3px solid #7b8989;
	padding: 0;
	margin: 0;
}

/****************************************************************  nav */

ul#nav {
         position: absolute;
         left: 0;
         top: 345px;
         width: 289px;
         height: 215px;
         background: url(img/bg_nav.gif) no-repeat transparent;
         list-style: none;
         list-style-position: outside;
         padding: 13px 0 0 0;
         margin: 0;
         }

ul#nav li {
         width: 289px;
         height: 26px;
         display: block;
         margin: 0;
         padding: 0;
         }

ul#nav a {
         display: block;
         text-decoration: none;
         height: 26px;
         width: 289px;
         margin: 0;
         padding: 0;
         }
		 
a#gkunden	        { background: url(img/nav_gkunden.gif); width: 289px;  height: 26px;}
a#pkunden           { background: url(img/nav_pkunden.gif); width: 289px;  height: 26px;}
a#phil              { background: url(img/nav_phil.gif); width: 289px;  height: 26px;}
a#referenzen        { background: url(img/nav_referenzen.gif); width: 289px;  height: 26px;}
a#netzwerk          { background: url(img/nav_netzwerk.gif); width: 289px;  height: 26px;}
a#astaude           { background: url(img/nav_astaude.gif); width: 289px;  height: 26px;}
a#kontakt           { background: url(img/nav_kontakt.gif); width: 289px;  height: 26px;}


ul#nav a:hover, ul#nav a.act {
	background-image: none;
}