/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
created by agentur etcetera
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* ----- Standart Schrift ----- */

body,a,div,p,li,ul,h1,h2,h3,h4,h5,h6,form,fieldset,legend,label,input,textarea,select,optgroup,option{
	font: normal 12px/16px Arial,sans-serif;
	color:#512b1b;
}

/* ----- HTML und BODY ----- */

body,html{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}

/* ----- complete ----- */

#horizon{
	width:100%;
	height:1px;
	overflow:visible;
	visibility:visible;
	display:block;
	margin:20px 0px 0px 0px;
	/* Hide from IE-mac \*/
	margin:0px;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-240px;
	/* End hide from IE-mac */
	padding:0px;
}
#container{
	display:block;
	width:760px;
	height:499px;
	margin:0px auto 0px auto;
	padding:0px;
	overflow:visible;
	background-color:#ffffff;
}

/* ----- Navigation ----- */

#navigation{
	display:block;
	float:left;
	width:130px;
	height:441px;
	margin:0px;
	padding:0px;
	background-color:#f03000;
}
#navigation ul{
	display:block;
	width:130px;
	height:260px;
	margin:181px 0px 0px 0px;
	padding:0px;
	list-style:none outside none;
	background-color:#ede4d9;
}
#navigation ul li{
	display:block;
	height:26px;
	width:130px;
	margin:0px;
	padding:0px;
}
#navigation ul li a{
	display:block;
	overflow:hidden;
	height:26px;
	width:130px;
	margin:0px;
	padding:0px;
	text-indent:135px;
	text-decoration:none;
	background-position:0px 0px;
	font:normal 11px/26px Verdana;
}
#navigation ul li a:hover{
	background-position:-130px 0px;
}
#navigation ul li a.on{
	background-position:-130px 0px;
}

#m_wohnen{
	background-image:url(/htdocs/_img/wohnen.gif);
}
#m_schlafen{
	background-image:url(/htdocs/_img/schlafen.gif);
}
#m_kueche{
	background-image:url(/htdocs/_img/kueche.gif);
}
#m_essplatz{
	background-image:url(/htdocs/_img/essplatz.gif);
}
#m_jungeswohnen{
	background-image:url(/htdocs/_img/jungeswohnen.gif);
}
#m_komfortwohnen{
	background-image:url(/htdocs/_img/komfortwohnen.gif);
}
#m_raumaustattung{
	background-image:url(/htdocs/_img/raumaustattung.gif);
}
#m_unternehmen{
	background-image:url(/htdocs/_img/unternehmen.gif);
}
#m_service{
	background-image:url(/htdocs/_img/service.gif);
}

/* ----- Content ----- */

#content{
	display:block;
	float:left;
	width:265px;
	height:441px;
	margin:0px;
	padding:0px;
	background-color:#f03000;
	background-image:url(/htdocs/_img/contentbottom.gif);
	background-position:0px 311px;
	background-repeat:no-repeat;
	font:normal 11px/18px Verdana,Arial,Helvetica,Sans-Serif;
}
h1{
	display:block;
	font:bold 11px/18px Verdana,Arial,Helvetica,Sans-Serif;	color:#fff;
	margin:40px 0px 0px 25px;
}
p{
	display:block;
	font:normal 11px/18px Verdana,Arial,Helvetica,Sans-Serif;
	color:#fff;
	margin:9px 0px 0px 25px;
}
div.clear{
	display:block;
	height:1px;
	width:1px;
	font:normal 1px/1px Sans-Serif;
	clear:both;
}
/* ----- Content-Navigation ----- */
#content ul{
	width:240px;
	height:50px;
	margin:18px 0px 0px 25px;
	padding:0px;
	list-style:none outside none;
}
#content ul li{
	height:18px;
	margin:0px;
	padding:0px;
}
#content ul li a{
	display:block;
	height:18px;
	width:240px;
	margin:0px;
	padding:0px;
	text-indent:18px;
	background-position:0px 5px;
	background-image:url(/htdocs/_img/kaestchen.gif);
	background-repeat:no-repeat;
	font:normal 11px/18px Verdana, Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	color:#fff;
}
#content ul li a:hover{
	color:#512b1b;
}
#content a.link{
	font:normal 11px/18px Verdana, Arial, Helvetica, Sans-Serif;
	color:#fff;
	text-decoration:none;
}
#content a.link:hover{
	text-decoration:underline;
}

/* ----- Flash ----- */

#flash{
	display:block;
	float:left;
	width:365px;
	height:441px;
	margin:0px;
	padding:0px;
	background-color:#ede4d9;
}

/* ----- Logos ----- */

#logos{
	display:block;
	clear:both;
	width:760px;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	font:normal 1px/1px Arial;
}

/* ----- Adresse ----- */

#adresse{
	display:block;
	width:760px;
	height:18px;
	background-color:#ede4d9;
	margin:0px;
	padding:0px;
	font:normal 11px/18px Verdana,Arial,Helvetica,Sans-Serif;
}

#adresse a.link{
	display:block;
	float:left;
	width:13px;
	height:8px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:normal 11px/18px Verdana,Arial,Helvetica,Sans-Serif;
	color:#512b1b;
	text-decoration:none;
}

#adresse a img{
	display:block;
	float:left;
	width:13px;
	height:8px;
	padding:6px 15px 0px 15px;
	margin:0px;
}

/* ----- Bilder ----- */

img{
	border:0px none #f03000;
	margin:0px;
	padding:0px;
}

/* ----- Formulare ----- */

form{
	margin:0px;
	padding:0px;
}

label.dialog{
	display:block;
	float:left;
	width:150px;
	height:18px;	
	margin:7px 0px 0px 0px;
	padding:0px;
	font:normal 12px/18px Arial,sans-serif;
	text-align:right;
}

input.dialog{
	display:block;
	float:left;
	width:300px;
	height:16px;	
	margin:7px 0px 0px 10px;
	padding:0px;
	border:1px inset #;
	background-color:#;
	color:#;
	font:normal 12px/18px Arial,sans-serif;
	text-indent:5px;
}

input.button{
	display:block;
	float:left;
	width:300px;	
	margin:7px 0px 0px 10px;
	padding:0px;
	color:#;
	border:1px outset #;
	background-color:#;
	font:normal 12px/14px Arial,sans-serif;
	text-align:center;
}

textarea.dialog{
	display:block;
	float:left;
	width:300px;
	height:42px;	
	margin:7px 0px 0px 10px;
	padding:0px;
	border:1px inset #;
	background-color:#;
	color:#;
	font:normal 12px/14px Arial,sans-serif;
}