/*
********************************************************************************
Cascading Style Sheet 
Version:	0.6
Date:		08-15-2007
Author:		uforepublic
********************************************************************************
*/

body {
	background: #D8DADB;
	padding: 0;
	margin: 0;
	color: #666666;
	font-size: 62.5%; /* 1em ~ 10 Pixel */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrapper{
/* Das Hintergrundbild wird bei den seitenspezifischen Layouts festgelegt */
	position: absolute;
	top: 0;
	left: 0;
	width: 1024px;
/*	border: 1px #fff solid;*/
}

#wrapper-inner{
	padding: 0;
	margin-top: 30px;
	margin-left: 82px;
	margin-right: 82px;
/*	margin-bottom: 20px;*/
/*	border: 1px green solid;*/
}

#header {
	float: right;
	text-align: right;
/*	border: 1px blue solid;*/
	width: 270px;
	height: 111px;
	margin-bottom: 20px;
}

#header h1 {
	margin-top: 0;
}

#header h1 img {
	margin-top: 0;
}

* html #header h1 {
	width: 270px;
	height: 111px;
/*	background: url(../images/logo_meub_immobilien.gif);*/
}

/*
* html #header h1 img {
	display: none;
}
*/

#wrapper-contentbox{
	clear: both;
	background: url(../images/bg_transparent_white.png);	
	/*margin-top: 20px;*/
	padding: 20px;
/*	padding-bottom:0;*/
	margin-bottom: 0;
/*	border: 1px red solid;*/
}

#content{
	clear: both;
	/*	border: 1px blue solid;*/
}

#content-left{
	position: relative;
	float: left;
	width: 195px;
	height: 250px;
}

#content-right{
	position: relative;
	float: left;
	width: 460px;
	padding: 0;
	margin: 0;
	margin-left: 27px;
/*	border: 1px red solid;	*/
}

.div-bottom {
/* DIV fuer Inhalt, der unten abschlieﬂen soll */
	position: absolute;
	bottom: 0;
	padding: 0;
	margin: 0;	
/*	border: 1px red solid;*/
}

.clear{
	clear: left;
}


/* ************************************************************************* */


h1 span {
	display: none;
}

h2 {
	font-size: 1.4em;
	padding: 0;
	margin: 0;
}

h3 {
	font-size: 1.1em;
}

h4 {
	
}

p {
	font-size: 1.2em;
	margin-bottom: 0;	
}

a {
	font-size: 1.1em;
	font-weight: normal;
	color: #AF3D3D;
	font-style: normal;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.eck_sp2 a {
	font-size: 13px;
	padding-left: 5px;
	margin-left: 0;
}

img {
	border: 0;
}

ul {
	padding: 15px;
	margin: 0;
/*	list-style: none;*/
}

li {
	padding: 2px;
	font-size: 1.2em;
}


/* ************************************************************************* */

/**** navigation ****/
#navigation img {
	padding-bottom: 3px;
}

#navigation span {
	display: none;
}

/*
* html #navigation img {
	display: none;
}
*/

* html #navigation span {
	
}

#navigation {
	padding: 0;
	margin: 0;
	margin-bottom: 65px;
	list-style: none;
	float: left;
}

#navigation li {
	float: left;
	padding: 0;
	margin: 0;
}

#navigation a {
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 1.2em; 
	font-weight: normal;
	text-decoration: none;
/*	border-bottom: 2px solid green;*/
	color: black;
	/*border-left: 3px transparent solid;*/
}

#navigation a:hover,
#navigation a:focus,
#navigation a:active {
	text-decoration: none;
	color: #AF3D3D;
	border-bottom: 2px #AF3D3D solid;
}

/****************************************************************************/
/**** highlight current site ****/
#index .index a,
#mieten .mieten a,
#kaufen .kaufen a, 
#anbieten .anbieten a,
#ueber-uns .ueber-uns a,
#kontakt .kontakt a,
#service .service a {
	text-decoration: none;
	color: #AF3D3D;
	border-bottom: 2px #AF3D3D solid;
}


#index .index a {
	border-bottom-color: #AF3D3D;
}

#mieten .mieten a {
	border-bottom-color: #98BC43;
}

#kaufen .kaufen a {
	border-bottom-color: #98BC43;
}

#anbieten .anbieten a {
	border-bottom-color: #e4d890;
}

#ueber-uns .ueber-uns a {
	border-bottom-color: #A1815F;
}

#kontakt .kontakt a {
	border-bottom-color: #5F7FA1;
}

#service .service a { 
	border-bottom-color: #686892;
}

/* ************************************************************************** */

iframe {
	border: none;
}

/* ************************************************************************** */

/**** sub navigation ****/
#sub-navigation{
	list-style: none;	
	margin: 0;
	padding: 0;
}

#sub-navigation li{
	padding-top: 5px;	
}

#sub-navigation a{
	text-decoration: none;
	text-transform: uppercase;
}


/**** layout INDEX site ****/
#index #wrapper{
	background: url(../images/bg_index.jpg) no-repeat;
}

#index h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 20px; 
	font-weight: lighter;	
	color: #AF3D3D;
}

#index #content-right .div-bottom h2 {
	display: none;
}

#index #content-left {
	border-right: 2px #AF3D3D solid;
}

#index #content-right {
	height: 250px;
}

#index #content-right div {
	width: 400px;	
}

#index p {
/*	margin-bottom: 0;*/
}

.meub-img {
	float: right;
	position: relative;
	right: -20px;
	top: -194px;
	padding: 0;
	margin: 0;
}

/**** EMD END END****/

/**** layout MIETEN site ****/

#mieten #wrapper, 
#kaufen #wrapper {
	background: url(../images/bg_mieten.jpg) no-repeat;
}

#anbieten #wrapper {
	background: url(../images/bg_anbieten.jpg) no-repeat;
}

#mieten #content-left, 
#kaufen #content-left {
	border-right: 2px #98BC43 solid;
}

#anbieten #content-left {
	border-right: 2px #e4d890 solid;
}

/**** EMD END END****/

/**** layout KAUFEN site ****/
/**** EMD END END****/

/**** layout ANBIETEN site ****/
/**** EMD END END****/

/**** layout UEBER-UNS site ****/
#ueber-uns #wrapper, 
#meta #wrapper {
	background: url(../images/bg_ueber-uns.jpg) no-repeat;
}

#ueber-uns #content-left,
#meta #content-left {
	border-right: 2px #A1815F solid;
}

/**** EMD END END****/


/**** layout KONTAKT site ****/
#kontakt #wrapper{
	background: url(../images/bg_kontakt.jpg) no-repeat;
}

#kontakt #content-left {
	border-right: 2px #5F7FA1 solid;
}

/**** contact form ****/

.form {
	padding-bottom: 10px;
}

#kontakt table {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	font-size: 1.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#kontakt td {
	margin: 0px;
	padding: 0px;
	padding-bottom: 7px;
}

#kontakt td.leftcell {
	width:100px;
}

#kontakt .textarea {
	margin: 0px;
	padding: 0px;
}

#kontakt input.text {
	width: 300px;
	border: 1px solid #AFC7D1;
	background-color: #E7EDEF;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#kontakt textarea {
	width: 300px;
	border: 1px solid #AFC7D1;
	background-color: #E7EDEF;
	height: 120px;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#kontakt select {
	width: 60px;
	border: 1px solid #AFC7D1;
	background-color: #E7EDEF;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#kontakt .button {
	background: #AFC7D1;
	color: #fff;
	font-size: 1em;
}

/* ******************************************************************************* */


#anbieten table {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	font-size: 1.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#anbieten td {
	margin: 0px;
	padding: 0px;
	padding-bottom: 7px;
}

#anbieten td.leftcell {
	width:100px;
}

#anbieten .textarea {
	margin: 0px;
	padding: 0px;
}

#anbieten input.text {
	width: 300px;
	border: 1px solid #e4d890;
	background-color: #ece7c8;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#anbieten input.textsmall {
	width: 60px;
	border: 1px solid #e4d890;
	background-color: #ece7c8;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#anbieten input.check {
	border: 1px solid #e4d890;
	background-color: #ece7c8;
}

#anbieten textarea {
	width: 300px;
	border: 1px solid #e4d890;
	background-color: #ece7c8;
	height: 120px;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#anbieten select {
	width: 60px;
	border: 1px solid #e4d890;
	background-color: #ece7c8;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#anbieten .button {
	background: #ece7c8;
	color: #666;
	font-size: 1em;
}


/**** /contact form ****/


/**** layout SERVICE site ****/
#service #wrapper{
	background: url(../images/bg_service.jpg) no-repeat;
}

#service #content-left {
	border-right: 2px #686892 solid;
}

#service #content-right div {
	margin-bottom: 7px; 
}

#service #content-right h3 {
	background: url(../images/bg_transparent_lila.png);
	text-transform: uppercase;
	padding: 10px;
	margin-bottom: 3px;
}

#service #content-right p{
	background: url(../images/bg_transparent_lila.png);
	margin: 0;
	padding: 10px;
}

#service #content-right ul{
	list-style: none;	
	background: url(../images/bg_transparent_lila.png);
	margin: 0;
	padding: 10px;	
}

#service #content-right li{
	padding-top: 5px;	
}

.alert {
	color: #AF3D3D;
	border-left: 3px solid #AF3D3D;
	padding-left: 10px;
}

/**** EMD END END****/

#metafooter {
	margin-left: 4px;
	margin-bottom: 20px;
	color: #999;
}

#metafooter img {
	float: right;
}

#metafooter p a {
	font-size: 9px;
	text-decoration: none;
	color: #999;
	font-weight: normal;
}

#metafooter p a:hover {
	font-size: 9px;
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

#meta p span {
	font-size: 2em;
	padding-right: 0.3em;
	color: #A1815F;
	float: left;
}

#metafooter p img {
	margin-right: 0.1em;

}

* html img { 
	behavior: url("css/pngbehavior.htc"); 
}
