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

	Staudt Firmengruppe
	Main Stylesheet
	Carsten Ruppert 
	2009-02-16

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


html, body{
	width: 100%;
	height: 100%;
	}
	
body{
	margin: 0;
	background: #ffffff;
	font: normal 10pt/100% Arial, Helvetica, Sans, Sans-Serif;
	}

div.clear{
	clear: both;
	}

a{
	color: #bd0321;
	text-decoration: none;
	}

a img{
	border-width: 0;
	}

a.bidbutton{
	display: block;
	background: #979b9d url('../../img/layout/arrowbutton.gif') 8px center no-repeat;
	color: #111111;
	padding: 15px 5px 15px 50px;
	line-height: 130%;
	border: solid #ffffff;
	border-width: 9px 0 9px 0;
	margin: 10px 0 0 0;
	}

table#background-table{
	width: 100%;
	height: 100%;
	}
	table#background-table td{
		vertical-align: top;
		}
	table#background-table td#middle{
		width: 972px;
		background: #d1d1d2;
		border: solid #ffffff;
		border-width: 0 9px 0 9px;
		}
	table#background-table td#left, table#background-table td#right{
		background: #e9e9e9 url('../../img/layout/gradient_body.jpg') 0px 0px repeat-x;
		}
	div.background-stripe{
		height: 314px;
		margin: 120px 0 0 0;
		background: #d2d2d3;
		}

div#footer{
	background: #ffffff;
	border: solid #cfd0d1;
	border-width: 9px 0 0 0;
	position: fixed;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 5px 0 5px 0;
	font-size: 9pt;
	color: #555555;
	}


div#top-container{
	position: absolute;
	width: 991px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -496px;
	z-index: 10;
	}
div#header-container{
	position: relative;
	height: 120px;
	background: #ffffff;
	}
	div#header-container img#logo{
		position: absolute;
		right: 18px;
		bottom: 27px;
		}
	div#topmenu{
		position: absolute;
		bottom: 0;
		padding: 3px 0 0 9px;
		margin: 0 0 0 9px;
		font-size: 9pt;
		font-weight: bold;
		}
		div#topmenu a.first{
			display: block;	
			padding: 5px 0 5px 14px;
			color: #444444;
			}
		div#topmenu a:hover{
			background: #444444;
			color: #f0f0f0;
			}
	

	
div#middle-container{
	height: 314px;
	background: #d2d2d3;
	padding: 0 9px 0 9px;
	border: solid #ffffff;
	border-width: 0 0 9px 0;
	}
	div#middle-container div#mainmenu-container{
		float: left;
		width: 622px;
		height: 314px;
		border: solid #8a8c8e;
		border-width: 0 9px 0 9px;
		background: transparent url('../../img/layout/villa.jpg') top right no-repeat;
		}
		div#mainmenu-container div#mainmenu{
			width: 160px;
			padding: 0px 0 0 0;
			}
			div#mainmenu a{
				display: block;
				padding: 5px 0 5px 15px;
				font-size: 9pt;
				color: #444444;
				font-weight: bold;
				}
				div#mainmenu a:hover{
					background: #444444;
					color: #f0f0f0;
					}
			div#mainmenu div.menuspacer{
				height: 27px;
				}
	div#middle-container div#phone{
		font-size: 9pt;
		font-weight: bold;
		padding: 30px 0 0 15px;
		line-height: 150%;
		color: #333333;
		}

a.active-item{
	background-color: #666666 !important;
	color: #ffffff !important;
	}
	div#middle-container div#images-container{
		float: left;
		width: 314px;
		height: 314px;
		border-style: solid;
		border-width: 0 9px 0 9px;
		border-color: transparent #8a8c8e transparent #ffffff;
		background: transparent url('../../img/layout/people.jpg') top left no-repeat;
		}





table#content-table{
	width: 972px;
	height: 100%;
	margin: 0 9px 0 9px;
	background: #efeeee;	
	border-style: solid;
	border-width: 0 9px 0 9px;
	border-color: transparent #8a8c8e transparent #ffffff;
	}
	table#content-table td{
		vertical-align: top;
		}
	table#content-table td#content-left{
		padding: 434px 0 30px 0;
		border: solid #ffffff;
		border-width: 0 9px 0 0;
		width: 622px;
		background: #e5e5e5 url('../../img/layout/gradient_grey.jpg') 0px 434px repeat-x;
		}
	table#content-table td#content-right{
		padding: 434px 0 30px 0;
		border: solid #d0d1d1;
		border-width: 0 0 0 9px;
		}
	div.content-padding{
		padding: 20px 10px 20px 10px;
		line-height: 140%;
		}

h3.box-header{
	color: #444444;
	margin: 0;
	display: block;
	padding: 12px 0 12px 10px;
	border: solid #fafafa;
	border-width: 0px 0 2px 0;
	background: #cfcfcf;
	font-size: 10pt;
	}

div.page-switcher{
	text-align: center;
	font-weight: bold;
	}


/* Berater rechts */
div.advisor-box{
	padding: 10px;
	background: #ffffff url('../../img/layout/gradient_grey.jpg') bottom left repeat-x;
	border: solid #ffffff;
	border-width: 0px 0 9px 0;
	color: #444444;
	}
table.advisor{
	width: 100%;
	}
	table.advisor td{
		padding: 3px 0 3px 0;
		}

		
/* Neue Immobilien rechts */
div.immo-box{
	padding: 0;
	background: #e5e5e5 url('../../img/layout/gradient_grey.jpg') top left repeat-x;
	border: solid #ffffff;
	border-width: 0 0 9px 0;
	margin: 0 0 20px 0;
	}
ul.neue-immobilien{
	list-style-type: square;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	font-size: 9pt;
	color: #333333;
	line-height: 140%;
	}
	ul.neue-immobilien li{
		margin: 0 0 15px 0;
		}
	ul.neue-immobilien a{
		font-weight: bold;
		}
	div.neue-immobilie img{
		border: 1px solid #aaaaaa;
		margin: 4px 10px 0 0;
		float: left;
		}

	div.neue-immobilie{
		background: #e5e5e5 url('../../img/layout/gradient_grey.jpg') top left repeat-x;
		padding: 15px 10px;
		border: solid #dddddd;
		border-width: 0 0 1px 0;
		line-height: 140%;
		}


div.partnerlink{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border: dashed #aaaaaa;
	border-width: 0 0 1px 0;
	}
	div.partnerlink img{
		float: right;
		margin: 0 0 0 10px;
		border: 1px solid #dddddd;
		}

	
/* Objektseite */
div.area-headline{
	color: #444444;
	font-size: 10pt;
	padding: 6px 10px 5px 10px;
	border: solid #cccccc;
	border-width: 1px 0 1px 0;
	margin: -10px -10px 20px -10px;
	background: #ffffff url('../../img/layout/gradient_grey.jpg') bottom left repeat-x;
	letter-spacing: 1px;
	}

div.object-gallery{
	border: solid #cccccc;
	border-width: 2px 1px 2px 1px;
	padding: 10px;
	background: #ffffff url('../../img/layout/gradient_galler.jpg') bottom left repeat-x;
	}
	div.thumbimage{
		float: left;
		margin: 0 10px 10px 0;
		font-size: 9pt;
		}
		div.thumbimage img{
			border: 1px solid #cccccc;
			}
	span.thumb-caption{
		font-weight: bold;
		}

div.objekt-optionen{
	margin: 30px 0 0 0;
	line-height: 200%;
	font-weight: bold;
	}

div.objekt-vorschau{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border: dashed #aaaaaa;
	border-width: 0 0 1px 0;
	line-height: 150%;
	}
	div.objekt-vorschau img{
		float: left;
		margin: 0 15px 0 0;
		border: 1px solid #cccccc;
		}
div.hinweis-haftung{
	font-size: 9pt;
	color: #555555;
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	border: solid #888888;
	border-width: 1px 0 0 0;
	}




/* Listen Global */
ul{
	list-style-image: url('../../img/layout/bullet.gif');
	padding-left: 10px;
	margin-left: 15px;
	}
	ul li{
		margin: 0 0 10px 0;
		}
	

/* Ueberschriften */
h1, h2{
	line-height: 125%;
	}

h1{
	font-size: 16pt;
	}

h2{
	font-size: 14pt;
	}

h2.red, span.red{
	color: #bd0321;
	}