/*
*****************************************************
 url			: www.peschke-immobilien.de
 erstellt 	: 07-01-2006 
 Aenderung	: 07-01-2006 
 CSS, Seo
 + Webdesign: www.delectat.de (D.P.)
*****************************************************
 (c) 2006     Peschke Immobilien
*****************************************************
 
Body BABAAB
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 

body {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font: normal 70%/170% Tahoma, Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-align: center;
	background: #383F44 url(elemente/layout/bg-body-blau.jpg) repeat-y center 0;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide {display: none;}

/*  Interface, Layout 
-----------------------------------------------------------*/

#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0px;
	width: 790px;
	height: 100%;
	border: 0;
}

html>body #wrap {
	padding: 0 0 0 0px;
}


/*  Interface, 
----------------------------------------------------*/

#header 	{
	margin: 0;
	height: 135px;
	float: none;
	background: url(elemente/layout/header-bild-135.jpg) 0 0;
}

#homee #header {
	margin: 0;
	height: 310px;
	float: none;
	background-image: url(../elemente/layout/header-bild-135.jpg);
	background-position: 0 0;
}

#logo 	{
	float: left;
	height: 55px;
	width: 200px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#streifen 	{
	width: 790px;
	height: 75px;
	padding: 0;
	margin: 0;
	background: #640D20 url(elemente/layout/streifen-640D20-790.gif) repeat-x;
}

#main	{
	padding: 40px 0 10px 25px;
	border: 0;
	margin: 1px 0 0 0;
	min-height: 450px;
	background-color: transparent;
	background-image: url(elemente/layout/bg-main.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}
* html #main { height: 450px;} /* nur fuer IE 5.5 - 6.x */
html + body #main { height: 450px; } /* nur vom IE 5.0 */

#sidebar {
	float: left;
	width: 195px;
	margin: -20px 0px 0 0px;	
	padding:0;
}

#content	{
	float: left;
	width: 495px;
	display: inline;
	margin-top: -20px;
	margin-right: 38px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#immobar	{
	float:right;
	width: 136px;
	margin: 0 0 10px 10px;
	padding: 10px 0 0 0;
	display: block;
	border-top: 0px solid #eee;
	border-left: 0px dotted #ccc;
	clear: both;
}

#immobar .rightalign {
	float: right;
	margin: 0px 0  12px 0;
}

#footer	{
	width: 790px;
	height: 30px;
	border-top: 1px solid #ccc;
	background: #212121 url(elemente/layout/streifen-790.gif) no-repeat 0 55px;
	line-height: 1.7em;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#footerleft	{
	float: left;
	width: 670px;
	margin: 0 0 0 25px;
	display: inline; 
}

#footerright	{	
	display: inline; 
	margin: 0 0 0 0px;
}

.status	{
	height: 21px;
	border-top: 1px solid #f1f1f1;
	border-bottom: 0px solid #B60604;
	padding: 3px 0 0 3px;
	border-left: 0px solid #B60604;
	border-bottom: 1px solid #f1f1f1;
	
	background: url(elemente/layout/icon_info.png) no-repeat;
	background: url(elemente/layout/status.gif) repeat;
	color: #B60604;
}

.highlight {
	margin: 0 0px 15px 3px;
	border-left: 3px solid #B60604;
	border-top: 0px solid #B60604;
	border-bottom: 0px solid #B60604;
	padding: 2px 0px 2px 8px;	
	
}

.drucken {
	margin: 0 0px 15px 0;
	border-bottom: 1px solid #eaeaea;
	border-left: 3px solid #bbb;
	padding: 5px 0px 5px 30px;	
	background: #f2f2f2 url(elemente/layout/pdf.png) no-repeat 8px 7px;
	display:block;
}


.immobilienbox {
	margin: 12px 0 12px 0;
	padding: 0 0 0px 0;
	display: block;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.externbox {
	margin: 12px 0 12px 0;
	padding: 0 0 7px 0;
	display: block;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.immobilienbox h2 {
	color: #006F9A;
	padding: 4px 0 6px 22px;
	font: normal 15px/17px Georgia, Arial, sans-serif;
	margin: 0;
	background: #eee url(elemente/layout/expose-small.gif) no-repeat 1px 6px;
}

.externbox h2, .externbox h3 {
	color: #006F9A;
	padding: 4px 0 6px 22px;
	font: normal 15px/17px Georgia, Arial, sans-serif;
	margin: 0;
	background: #eee url(elemente/layout/expose-small.gif) no-repeat 1px 6px;
}

.immobilienbox h3 {
	color: #006F9A;
	padding: 4px 0 6px 22px;
	font: normal 15px/17px Georgia, Arial, sans-serif;
	margin: 0;
	background: #eee url(elemente/layout/expose-small.gif) no-repeat 1px 6px;
}

.columnright{	
	float: right;
	width: 136px;
	margin: 10px 0 0 0;
	padding: 0;
}

.columnleft	{	
	float: left;
	width: 340px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0px;
}

.new	{
	float:left;
	width: 130px;
	height: 170px;
	margin: 10px 12px 0 0;
	padding: 10px 5px 7px 10px;
	background-color: #f3f3f3;	
	display:inline;
	border: 1px solid #e1e1e1;
}

.newright {
	float:left;
	width: 140px;
	height: 212px;
	margin: 10px 0 0 0;
	padding: 10px 5px 7px 10px;
	background-color: #f4f4f4;	
	display:inline;
	border: 1px solid #e1e1e1;
}

.columnrightextern{	
	float: left;width: 347px;
	margin: 10px 0 0 0;
	padding: 0; font-size: 1.0em;	
	line-height: 1.6em;
}

.columnleftextern	{	
	float: left;
	width: 145px;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0px;
}

.immobilienbox  td{
	padding: 0 0 0 2px;
	border-bottom: 1px solid #EAEAEA;
	width: 300px;			
}

.immobilienboxspalte  td{
	padding: 0 0 0 9px;
	width: 150px;			
}

#newsletter .columnleft, #kontakt .columnleft, #gesuche .columnleft	{	
	width: 240px; 
	margin:0;
	padding: 0x;	
}

#newsletter .columnright, #kontakt .columnright, #gesuche .columnright	{	
	width: 240px; 
	margin:0;
	padding: 0x;	
}


/*  lightbox 
----------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;}
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(elemente/layout/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="elemente/layout/overlay.png", sizingMethod="scale");
	}
	
	

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

ul {
margin: 0;
padding: 0;

}

#navigation {	
	width: 790px; 
	height: 43px;
	background-color: #212121;
	margin: 0 0 0 0px
}

#navigation ul {
	font-size: 90%;
	list-style: none;
	background-color: #212121;
	width: 750px;
	text-transform: uppercase;
	letter-spacing: .1em;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
	
#navigation ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#navigation ul li a {
	float: left;
	margin: 0 1px 0 0;
	padding: 6px 12px;
	color: #ccc;
	border-top: 1px solid #383838;
	background: #2E2E2E;text-decoration: none;
}

#navigation ul li a:hover {
	
	background: #920305;background: #383838;
}
	
#navigation ul li.active a {
	font-weight: bold;
	color: #369;
	border-right: 1px solid #000;
	background: #e5e5e5 url(elemente/layout/tab-on-bg.gif) repeat-x top left;
}

/*  Unternavigation 
----------------------------------------------------*/

#subnav {
	padding: .4em 0 .4em 0px;
	margin: 0px;
}

#subnav ul {
	border-top: 1px solid #ccc;
	padding: 0px;
	margin: 10px 0 0 0;
}

#subnav li {
	border-bottom: 1px solid #ededed;
	list-style: none;
	margin: 0;
}

#subnav li a {
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 24px;	
	background: url(elemente/layout/arrow.gif) no-repeat left;
	background: url(elemente/layout/page_text.gif) no-repeat left;
	font-size: 1.0em
}

#subnav li a:hover {
	padding: 4px 0 4px 24px;
	background: #EEE url(elemente/layout/page_text.gif) no-repeat left;	
}

/*  Links
----------------------------------------------------*/

a:link {
	color: #1A64A5; 
	text-decoration: none;
	border-bottom: 0px solid #1A64A5;
	padding: 0 0 0px 0;	
}

a:visited {
	color: #1A64A5;
	text-decoration: none; padding: 0 0 1px 0;
	border-bottom: 0px solid #1A64A5; 
}
/*  background: transparent url(../elemente/layout/dotted-linie.gifff) repeat-x 0 100%;*/

a:hover {
	color: #B60604;
	text-decoration: none;
	border-bottom: 0px solid #B60604;
}

a:active {
	color: #FF9933;
	text-decoration: none;
	border-bottom: 0px solid #FF9933;
}


#footer a:link, #footer a:visited, #footer a:active {
	color: #BBB;
	text-decoration: none;
	margin: 0 0 0 0px;
	padding: 0 6px 0 6px;
	border-right: 1px solid #666;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}

a.navlast{
border-right:none !important;
}

a.first{
margin: 0 0 0 -6px!important;
}

#footer p{
	color: #999;
	line-height: 1.9em;
}


#content ul li {
	color: #333333;
	margin: 5px 0 0 10px;
	padding: 0 10px 0 25px;
	list-style-type: circle;
	list-style-position: inside;
	}



#immobilienmakler #content ul {
	border: 0px solid #ccc;
	padding: 0px;
	margin: 5px 0 20px 0px;
	background-color: #fff;
	padding: 11px 0 11px 0px;
}

#immobilienmakler #content li {
	border-bottom: 0px solid #ededed;
	list-style: none;
	margin: 5px 0 0 10px;	
	background: url(elemente/layout/page_text.gif) no-repeat left top;
	padding: 0 10px 0 25px;
	line-height: 1.5em;
}


#sitemap #content li, #gesuche #content li {
	border-bottom: 0px solid #ededed;
	list-style: none;
	margin: 5px 0 0 10px;	
	background: url(elemente/layout/page_text.gif) no-repeat left top;
	background: url(elemente/layout/arrow.gif) no-repeat 0 7px;
	padding: 0 8px 0 15px;
	line-height: 1.5em;
}

#sitemap #content ul, #gesuche #content ul {
	border: 0px solid #ccc;
	padding: 0px;
	margin: 5px 0 10px 0px;
	background-color: #fff;
	padding: 11px 0 11px 0px;
}

#gesuche #content ul {margin: 0px 0 10px 0px;padding: 5px 0 11px 0px}


/*  Text, Headlines, Listen  background: url(../elemente/layout/resultsPage_bg.gif) no-repeat 100% 0;
-----------------------------------------------------------------------*/

h1 {
	color: #640D20;
	color: #212121;
	color: #006F9A;color: #5085b1;
	margin: 0 0px 13px 0;
	font: normal 22px/27px Georgia, Arial, sans-serif;
	border-left: 0px solid #B60604;
	border-bottom: 1px solid #640D20;
	padding: 6px 0 2px 0px;
}

.expose {
	background: url(elemente/layout/expose-senkrecht.gif) no-repeat 2px 0px;	
	padding: 6px 0 2px 30px;
}

h2 {	color: #640D20;
	color: #006F9A; 
	padding: 0px 0 0px 0px; 
	font: normal 17px/21px Georgia, Arial, sans-serif;
	margin:0 0 3px 0;
}

#home h3 {
	color: #006F9A; 
	padding: 0px 0 0px 0px; 
	font: normal 11px/14px Georgia, Arial, sans-serif;
	margin: 0px 0 3px 0;
}

#streifen h3 {	
  float: right;
  width: 425px;
  color: #DDD;
  margin: 14px 20px 0 0;
  font: italic 13px/23px Georgia, Arial, sans-serif;
  text-indent: 25px;
  display: inline;
}

#streifen h2 {	
  float: left; 
  color: #ddd;
  margin: 25px 0 0 25px;
  font: normal 18px/23px Georgia, Arial, sans-serif;
  width: 310px;
  display: inline;
}

#sidebar h2 {	
  color: #bbb;
  margin: 2px 0 6px 0;
  padding:0;
  font: italic 22px/23px Georgia, Arial, sans-serif;
  float: none;
}

#sidebar h3, #sidebar h4 {	
  color: #777; color: #006F9A;
  margin: 25px 0 3px 0;
  padding: 0;
  font: italic 17px/21px Georgia, Arial, sans-serif;
}

#sidebar #aehnlichhead {
	padding: 0 0 0 23px;
	background: url(elemente/layout/page_new.gif) no-repeat 0 2px;
}

#sidebar .aehnlicheimmo a:link, #sidebar .aehnlicheimmo a:visited, #sidebar .aehnlich a:active {
	border-bottom: 1px solid #e1e1e1;
	padding: 3px 0 3px 22px;
	margin: 0;
	background: transparent url(elemente/layout/arrow.gif) no-repeat 6px 7px;
	display: block;
	line-height: 1.3em;
}

#sidebar .aehnlicheimmo a:hover {
	padding: 3px 0 3px 22px;
	margin: 0;
	background: #EEE url(elemente/layout/arrow.gif) no-repeat 6px 7px;
	display:block;
	line-height: 1.3em;
}

.arrow a:link, .arrow a:visited, .arrow  a:active {
	padding: 3px 0 3px 20px;
	margin: 0 0 0px 0;
	background: transparent url(elemente/layout/arrow.gif) no-repeat 6px 7px;
	line-height: 1.6em;
	font-size: 140%;
}

.arrow a:hover {
	padding: 3px 0 3px 20px;
	margin: 0;
	background:url(elemente/layout/arrow.gif) no-repeat 6px 7px;
	line-height: 1.6em;
}

#sidebar #newsletterhead, #content #newsletterhead{
	padding: 0px 0 0 23px;
	background: url(elemente/layout/pencil.png) no-repeat 0 2px;
}

#sidebar #traumhaushead, #content #traumhaushead{
	padding: 0 0 0 23px;
	background: url(elemente/layout/magnify.png) no-repeat 0 2px;
}

p {color: #505050;
	font-size: 1.0em;	
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

#home .newright p {
	color: #505050;
	font-size: 0.9em;	
	line-height: 1.5em;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

#home .new p {
	color: #505050;
	font-size: 0.9em;	
	line-height: 1.5em;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

#content	p{	
	margin: 0 0 15px 0;
}

#sidebar p {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 1.0em;	
  line-height: 1.5em;
}

i {	font-style: italic;
	color: #333;
}

b, strong {	
	font-weight: bold;
	color: #505050;
}



 
 /*  Fotos
-----------------------------------------------------------------------*/ 

.img-shadow img {
	border: 1px solid #760D20;border: 1px solid #cccccc;
	padding: 2px;
	display: block;
  	background-color: #fff;
}

.img-border img {
	border: 1px solid #760D20;border: 1px solid #ddd;
	padding: 3px;
	display: block;
  	background-color: #fff;
}

#sidebar img {
	border: 1px solid #CCCCCC;
	padding: 4px;
	display: block;
  	background-color: #ddd;
	margin: 15px 0px 15px 0;
}


.rightalign {
	float: right;
	margin: 0px 0 0 15px;
}

.leftalign {
	float: left;
	margin: 5px 12px 5px 0;
	
}

 /*  Formulare
-----------------------------------------------------------------------*/ 
  
#formkontakt {
  	width: 100%;
}

#formkontakt p { margin: 0 0 20px 0; }

label {
	display: none;
	}

input.freifeld, input.pflichtfeld, textarea, select, .file {
	background-color: #f4f4f4;
	width: 220px;
	font-family: Arial;
	font-size: 1.0em;	
	line-height: 1.4em;
	color: #818273; color: #786752;color: #666;
	margin-bottom: 3px;
	padding: 3px 4px 3px 10px;
	border: 1px solid #ccc;
	border-left: 3px solid #999;
	}

	#plz input.pflichtfeld{
		width: 75px;
	}
	
	#ort {
		width: 140px;
	}
	
	#nachricht, #betreff {
		width: 475px;
	}
	
	#nachrichtgesuche {
		width: 220px;
	}
	
input.freifeld:focus, textarea:focus, select:focus, .file:focus {
	background-color: #96308e;
	border-left: 3px solid #ffccff;
	color: #ffccff;
	}
input.freifeld, input.pflichtfeld {
	height: 1.5em;
	}
input.pflichtfeld, textarea.pflichtfeld {
	border-left: 3px solid #B60604;
	}
	
input.pflichtfeld:focus, input.freifeld:focus, textarea.pflichtfeld:focus {
	border-left: 3px solid #B60604;
	background-color: #dfdfdf;
	color: #000000;
	}

#Sendenkontakt	{
	width: 482px;
	height: 32px;
	margin: 0px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom: 3px solid #999; color:#000;
}
	
select, select:focus {
	height: 1.5em;
	padding: 0;
	border: transparent;
	}
	
#suche {
	float:right;
	margin: 12px 20px 0 0; 
	}
	
input.suchfeld {
	background-color: #212121;
	width: 123px;
	border: none;
	font-family: Arial;
	font-size: 1.0em;	
	line-height: 1.4em;
	color: #999999;
	margin-bottom: 3px;
	padding: 4px 4px 5px 10px;
	border: 1px solid #383838;
	}
	
input.suchfeld:focus {
	border: 1px solid #444444;
	background-color: #212121;
	color: #CCCCCC;
	}
	
#suche {
	float:right;
	margin: 12px 33px 0 0;
	display: inline;
	}
	
input#suchebutton 	{
	width: 56px;
	padding: 4px 0px 4px 0px;
	margin: 0px 0 3px 2px;
	border: 1px solid #383838;
	font-family: Tahoma, Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 90%;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #ccc;
	border-top: 1px solid #383838;
	background: #2E2E2E;
}

input#suchebutton a:hover {
	
	background: #920305;background: #383838;
}


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{  
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -90px;
	left: -130px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	/*height: 100px;*/
}

.hoverbox ul
{ 	border: 0;
	margin: 0;
	padding: 0}

.hoverbox li
{
	color: inherit;
	display: inline;
	float: left;
	margin: 0px 0 15px 0;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #ccc;
	width: 250px;
	/*height: 300px;
	*/
}

/* =Internet Explorer Hacks
----------------------------------------------------------------------*/

* html .hoverbox a
{
	position: relative;
}

* html .hoverbox a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox a:hover .preview
{
	top: -90px;
	left: -130px;
}

* html .hoverbox li
{
	position: static;
}

* html #home .hoverbox a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html #home .hoverbox a:hover .preview
{
	top: -90px;
	left: -130px;
}