/* 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* reset */

html { height: 100% } 
body {
	 font-family: Arial, Helvetica, sans-serif;
	 letter-spacing: 0.2em;
	 font-size: 0.8em;
	 color:#564b47;  
	 padding:0px;
	 margin:0px;
	 top:0px;
	 text-align: center;
	 line-height: 1;
	 background-color:#444549;
	 background-image:url(../images/px.jpg);
}
   
   /* Standardrahmen zurücksetzen */
   fieldset, img { border:0; }
   
   /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
   select, input, textarea { font-size: 99% }
   

/* HEADER */
#header {
	height:70px;
	width:100%;
	margin-top:0px;
	padding:0;
	float:left;
}

img { border:0px; }

/* ########## LINKS ########### */

a {
   color: #fff;
   text-decoration: none;
}

a:hover {
   color: #40b200;
   text-decoration: none;
}

a.help {
   cursor: help;
   font-weight: bold;
   color: #090;
} 

/* Navigation*/
#box {
	margin:0 auto;
	text-align: center;
	clear:both;
	z-index:1;
	width:100%;
	height:1000px;
	background-image: url(../images/axel-cramer.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#content {
	margin:0 auto;
	width:880px;
	text-align:left;
	z-index:2;
}

div#back
{
	position:absolute;
	top:760px;
	padding-left:770px;
	z-index:1;
}

div#text
{
	position:absolute;
	width:798px;
	top:450px;
	color:#cdcdcd;
	padding:18px;
	padding-left:41px;
	padding-right:41px;
	text-align:center;
	font-size:1.0em;
	line-height:1.3em;

}
div#text p
{
	padding-bottom:14px;

}
div#text div.block
{
	text-align:left;
	float:left;
	padding-top:15px;
	padding-right:32px;
}

div#text div.lblock
{
	text-align:left;
	float:left;
	padding-top:15px;
	padding-right:8px;
}
div#text div.rblock
{
	text-align:left;
	float:left;
	padding-top:15px;
	padding-right:0;
}

div#text div.lblock li
{
	font-size:0.9em;
}


div#detail
{
	position:absolute;
	width:340px;
	top:125px;
	color:#cdcdcd;
	font-size:1.0em;
	line-height:1.3em;
	
	text-align:left;
	padding-left:522px;
	padding-right:25px;
}
div#detail h1
{
   	font-weight:bold;
	   color: #b948be;
   	text-transform:uppercase;
	padding-bottom:40px;
}
div#detail p
{
	   color: #b948be;
	padding-top:40px;
  	font-weight:bold;
}

div#text h1
{
   font-weight:bold;
   	text-transform:uppercase;
}
div#text h1.green
{
   color: #40b200;
}

div#logo
{
	float:right;
	width:515px;
	height:188px;
}
div#logo a
{
	float:left;
	width:515px;
	height:188px;
	background-image: url(../images/interior-agent-i.png);
	background-repeat:no-repeat;
	background-position:top right;
	cursor: pointer;
	cursor: hand;
	
}
div#logo a:hover
{
	float:left;
	width:515px;
	height:188px;
	background-image: url(../images/interior-agent-a.png);
	background-repeat:no-repeat;
	background-position:top right;
}
div#logo a span
{
	position:absolute;
	color:#cdcdcd;
	margin-top:58px;
	margin-left:104px;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
}
div#logo a.infobutton span
{
	position:absolute;
	color:#cdcdcd;
	margin-top:67px;
	margin-left:98px;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
}
div#logo a:hover span
{
	color:#444;
}

div#navi
{
	float:left;
	width:880px;
	padding-top:250px;
}

div#navi a
{
	float:left;
	width:219px;
	text-align:center;
}

div#navi a span {
	text-transform:uppercase;
	font-weight:bold;
   color: #8f1694;
   font-size:0.9em;
   	 letter-spacing: 0.3em;
}
div#navi a:hover span {
   color: #40b200;
}

div#navi a.aktiv span {
   color: #40b200;
}





div#copyright
{
	float:right;
	padding-right:203px;
	padding-top:33px;
	color:#aaaaaa;
}
div#copyright strong
{
	font-weight:bold;
}
div#copyright a
{
	color:#999999;
}
div#copyright a:hover
{
	color:#be0b1e;
	text-decoration:underline;
}


.space {
	float:left;
	width:30px;
	height:250px;
}

#footer {
}
