/* Standard Stylesheet
www.pink-duesseldorf.de
Start: 01.06.2008
Letzte Aenderung: 06.12.2008
*/
/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

/* Allgemeines */
body {
	font-size: 80%;
	line-height: 1.6em;
	color: #333;
	background: #fff;
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
}

a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Clear Class */
.c {
	clear: both;
}

img, a img {
	border: 0;
}

.hidden {
	display: none;
}

/* Absaetze */
p {
	font-size: 1em;
	line-height: 1.6em;
	margin: 0.5em 0;
/*	clear: both; */
}

/* Kleinerer Text */
.s {
	font-size: 0.9em;
}

/* Links- bzw. Rechtsausrichtung fuer Elemente */
.leftalign {
	float: left;
	margin:3px 9px 0px 0px;
}

.rightalign {
	float: right;
	margin:3px 5px 0px 9px;
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

blockquote {
	background:transparent url(images/blockquote.gif) no-repeat scroll 0 0;
	padding: 0 0 0 0px;
	margin:0.5em 0em 1em;
}

blockquote p:first-child {
    text-indent: 40px;
}

/* blockquote {
background:transparent url(images/quote_lt.gif) no-repeat scroll left top;
margin:2em 0em 4em;
padding:0px;
width:54%;
}

blockquote img {
left:414px;
margin:0pt;
padding:0pt;
position:absolute;
top:208px;
}

blockquote em {
    margin: 1em;
	padding: 1em;
	display: block; 
    font: normal 180% georgia, times, serif;
	background: url(images/quote_rt.gif) no-repeat bottom right;
}

blockquote cite {
    padding:4.1em;
	font: normal 90% georgia, times, serif;
}
*/
/* Layout */
#wrapper {
margin-left:5.5em;
}


/* header */
#header {
/*	height: 106px; */
	height: 104px;
	width: 888px;
/*	border-bottom: 1px solid #999; */
	background:#fff;
}

#logo {
	display:block;
	width:265px;
	height:78px;
	padding:0px;
	margin:10px 0 0;
	float:left;
	background:url(images/logo.jpg) no-repeat;
}

/* EO header */
/*
#navi {
	float:right;
	padding: 5px;
	margin:32px 5px 5px 0;
}

#navi ul {
	float:left;
    margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#navi ul li{
	list-style-type: none;
	text-transform: uppercase;
	display:inline;
	width: 500px;
/*    border:1px solid #333; */
	margin: 0 0 0 26px;
	padding: 0 0 0 0px;
	position:relative;
}

#navi ul li.current a {
    border-bottom: 3px solid #ec008c;
	color: #ec008c;
}

#navi ul li a {
      border-bottom: 3px solid #8F8F91;
      color: #8F8F91;
      padding: 3px;
}

#navi a {
	color:#ec008c;
	text-decoration:none;
	font-size: medium;
}

#navi ul li ul li {
	list-style-type: none;
	text-transform: uppercase;
	width: 120px;
	margin: 0px 0 0 0px;
	padding: 0 0 0 0px;
}

#navi ul li ul {
	display:none;
	position:absolute;
    margin: 30px 0 0;
	padding: 0 0 0 0px;
}

#navi ul li ul li.current a:hover {
display:inline;
background-color:#6699FF;
border:#66FFFF 1px dotted;
list-style-position:outside;
}

#navi ul li.current ul li a {
	border:none;
    color: #8F8F91;
}
#navi ul li ul li a{
      color: #8F8F91;
      padding: 3px;
} */

#headline {
	width: 888px;
	height:20px;
	margin:0 0 10px 0;
	padding:8px 0pt 8px 0px;
  /*  border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec; */
}

#headline h1 {
	text-transform: uppercase;
	font-size: large;
	color: #333333;
	padding:0 31px 5px 0px;
}

#main {
	width: 888px;
	float: left;
}


#content {
	display:block;
	float: left;
	width: 600px; 
	margin:0px 20px 20px 0px;
    text-align: left;
}
#news {
    background-color: #F2F2F2;
    float: left;
    height: auto;
    padding: 0 20px;
    width: 557px;
	border: 1px solid #ECECEC;
	border-bottom: none;
	margin: 0 0 10px 0;
}
#main #content #news h2 {
	border-top: none;
}
#banner_is {
    float: left;
    width: 600px;
}
#main #content #banner_is img {
    border: medium none;
    float: left;
    margin: 0 0 20px;
    padding: 0 21px 0 0;
}

/* objekte old 
ul.objekte {
	list-style-type: none;
        list-style-position: outside;
        margin: 0 0 0em 0px;
        padding: 0 0 0 0em;
        display: inline;
}

ul.objekte li {
	list-style-type: none;
        list-style-position: outside;
        margin: 0 0 2em 0px;
        padding: 0 0 0 0.5em;
        display: inline;
        background: url(angebote/vermietung/gehry/1.jpg) top left no-repeat;
}

#content ul.objekte li h2 {
        display: inline;
        font-size: 1em;
        border-top: none;
}

#content ul.objekte li p {
        display: inline;
        font-size: 1em;
        border-top: none;
}

 objekte old */
 
.objectWrapper {
 	background-color: #FFF /* #F7F7F7 */;
	border-bottom: 1px solid #ececec;
/*	border-top:1px solid #DDDDDD; */
	float: left;
	margin: 5px 0pt 20px 0px;
	padding: 0px 0 18px 0;
	width: 600px;
	display: block;
	border: none;
}

#content .objectWrapper h1 {
	font: 150%/1.3em Georgia, "Times New Roman", Times, serif;
	color: #ec008c;
	line-height: 1.3em;
	margin: 0px 0 0;
	border-bottom: none;
}

#content .objectWrapper h2 {
	font: 125%/1.3em Georgia, "Times New Roman", Times, serif;
	color: #ec008c;
	/* line-height: 1.1em; */
	margin: 0px 0 0;
	border-top: 1px dotted #999;
	border-bottom: none;
}

#content .objectWrapper h2 span {
    background-color: #ec008c;
    color: #ffffff;
    font-family: Arial,sans-serif;
    font-weight: bold;
    margin: 0 0 1em;
    padding: 0.1em 0.2em;
    text-transform: uppercase;
}

.objectWrapper img {
	 margin: 10px 2px 2px 0;
	 float: left;
}

.objectWrapper dl {
	margin: 0 20px 20px 20px;
	padding: 0;	
	border-bottom: 1px solid #DDDDDD;
}

.objectWrapper dt {
background-color: #F7F7F7;
font-size: 120%;
font-weight: bold;
font-style: normal;
line-height: 1.4em;
margin: 0pt;
padding: 0pt;
/* text-transform:uppercase; */
text-decoration: none;
margin-bottom: 0.7em;
}

.objectWrapper dt a{
background-color: #F7F7F7;
font-size: 120%;
font-weight: bold;
font-style: normal;
line-height: 1.4em;
margin: 0pt;
padding: 0pt;
/* text-transform:uppercase; */
text-decoration: none;
margin-bottom: 0.7em;
}

.objectWrapper dd {
	margin: 0 0 0 0px;
	padding: 0;	
	clear: left;
}

.objectWrapper dl dd.fotostrecke img {
	 margin: 10px 2px 2px 0;
	 float:left;
}

.objectWrapper dl dd.img {
	 margin: 0;
	 float:left;
}

.objectWrapper dd.img img {
	float:left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #FFF;
}

/*
div.objectWrapper img {
	position: relative;
	float:left;
	display:block;
	margin: 0 1em 1em 0px;
	border: 5px solid #999;
}

div.objectWrapper .description {
	position: relative;
	float:left;
	padding: 0 0 0 0;
	margin: 0;
	left:195px;
}

div.objectWrapper a {
	border: none;
}
*/

#content h2 {
	font: 140%/0.9em Georgia, "Times New Roman", Times, serif;
	color: #ec008c;
	line-height: 1.3em;
	/* neue Farbe grau */ 
/*        color: #666; */ 
	margin: 40px 0 0;
	border-top: 1px solid #ececec;
}

#content h3 {
	margin-bottom: .15em;
    font: 120% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#content ul li {
	list-style-type: disc;
	margin: 0 2.5em 0.5em 2.5em;
	padding: 0 0 0 0.5em;
}

#content ul li ul {
	list-style-type: disc;
	margin: 0 2.5em 0em 2.5em;
	padding: 0 0 0 0.5em;
}

#content ul {
	margin: 0 0 2em 2.5em;
	padding: 0 0 0 0.5em;
}

#content p, #sidebar p {
	margin:0px 0pt 7px;
	padding:2px 31px 5px 0;
}

#content h2, #sidebar h2 {
	margin:0px 0 6px 0;
	padding:16px 31px 8px 0px;
	clear: both;
}

#content h3, #content h4 {
	margin:0px 0 0 0;
	padding:0px 31px 5px 0px;
	clear: both;
}

#sidebar h3, #sidebar h4 {
	font-size:medium;
	margin:5px 0px 0px 0px;
	padding:0px 31px 0px 0px;
	text-transform:uppercase;
}

#sidebar ul li {
    list-style-type: none;
	/* list-style-type: disc; */
    /* list-style-position: outside; */
	margin: 0 0 0.5em 0em;
    padding: 0 0 0 0.1em;
    border-bottom: 1px dotted #DDD;
}

#sidebar ul {
    margin: 2px 0 1em 0em;
    padding: 0 0 0 0;
}

#sidebar {
    padding:10px 0 0;
	border-top:1px solid #ececec;
	float:right;
	margin-top:0px;
	width:268px;
}

#banner {
        width: 878px;
       	margin:0 0 15px 0;
       /* padding: 2px; */
       /* border: 1px solid #ececec; */
}

#footer {
	clear:both;
	width: 888px;
	border-top: 1px solid #999;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
}

#footer span {
	margin:0;
	padding:5px 1px 5px 1px;
	font-size: small;
	color:#000033;
}

/* content breit */
#content_wide {
	display:block;
	float: left;
	margin:0;
}

.aktionsbox {
	float:left;
	width: 888px;
	background:#999;
	background: url(images/aktionsbox_right.gif) top right no-repeat;
	margin-bottom: 30px;
}

.desc img {
	width:449px;
	float:left;
	padding:10px 0 10px 10px;
}

.aktionsbox h2, .aktionsbox h3, .aktionsbox span {
	float:right;
	width:362px;
	margin-right: 35px;
	padding-top: 10px;
}

.aktionsbox h2 a {
	font-size: x-large;
	color: #333;
	text-decoration:none;
}

.desc {
	width:200px;
	float:left;
	display:block;
	margin:0;
	padding:9px 20px 0 20px;
	background:url(images/aktionsbox_left.gif) top left no-repeat;
}

.link {
	margin:0;
	padding:0 0 0 30px;
	background:url(images/aktionsbox_left.gif) bottom left no-repeat;
}

.link em {
	display:block;
	padding:0 20px 19px 0;
	font-style: normal;
	background: url(images/aktionsbox_right.gif) bottom right no-repeat;
}

.aktionsbox a {
	font-size:1.0em;
	color:#ec008c;
}

/* ######## tabelle colorschemer.com ######## */
#content table {
	border-collapse: collapse;
	border-spacing: 0pt;
	width: 100%;
	margin: 15px 0 20px 0;	
	/* border-bottom: 2px dotted #333; */
}

#content table th {
	width: 18%;
	background-color:#ECECEC;
}

#content table td {
	width: 82%;
}

#content table th, #content table td {
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	padding: 2px 3px 0 4px;
}

#content table tr {
background-color:#f9f9f9;
}

#content img {
/* float: left; */
padding: 2px; 
border: 1px solid #EEE; 
background: #fff;
}

.icons {
	margin:0px 3px 3px 1px;
	padding:0px 0pt 0pt;
	position:relative;
	top:4px;
}

.pink {
	color: #EC008C;
}

img.sold {
	border: 0;
	background: transparent url(images/stempel.png) fixed center center;
}

div#presentation { 
margin: 10px 0 20px 0px; 
padding-top: 18px; 
float: left; 
width:600px;
border-top: 1px solid #DDD; 
border-bottom: 1px solid #DDD; 
background-color: #F7F7F7; 
}

div#presentation dl { 
margin: 0; 
padding: 0 20px; 
float: left; 
width: 520px; 
border-bottom: 1px solid #FFF; 
display: inline; 
}
			
div#presentation dt { 
margin: 0; 
padding: 0; 
float: right; 
width: 274px; 
font-style: normal;
font-size: medium;
line-height: 1.7em; 
color: #444; 
text-transform: uppercase; 
}
			
div#presentation dt span { 
color: #D90000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 65%; 
text-transform: uppercase; 
}

div#presentation dd { 
margin:0 0 0 240px;
padding: 0; 
color: #333;
font-size: 1em;
line-height: 1.6em;
text-align:left; 
}

div#presentation dd.date, .done dd.this_tagline { 
margin-bottom:0px; 
line-height: 100%; 
color: #999; 
}

div#presentation dl dd.img { 
margin: 0; 
}

div#presentation dd.img img { 
margin: 0 20px 0 0; 
padding: 2px; 
float: left; 
border: 1px solid #EEE; 
background: #fff;
}

div#presentation dd.img a:hover img { 
border: 1px solid #DDD; 
}

div#presentation dd.end { 
clear: both; 
height: 18px; 
visibility: hidden; 
}

.cave { 
color: #ec008c
}

div.note {
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
font-size: 0.9em;
line-height: 1.1em; 
padding: 2px 3px 0 4px;
/* border-top: 1px solid #DDD; 
border-bottom: 1px solid #DDD; */ 
background-color: #F7F7F7;
}

div.note p h3 { 
font-size: 1.2em;
color: #EC008C; 
border: none;
background-color: #fff;
}

/* #wrapper #main #content #presentation .cave {
	margin-top: 20px;
}
#wrapper #main #content #presentation .cave a {
color: #EC008C;
background-color: #EC008C;
	padding: 0px;
} */

#wrapper #main #content #presentation dd.list {
background: transparent url(../images/bulletPoint.gif) no-repeat scroll 0 2px;
margin-top: 20px;
}

#wrapper #main #content #presentation dd.list a {
margin-left:0;
padding-left:12px;
}


#nav {
    float: right;
    margin: 32px 5px 5px 0;
    padding: 5px;
	font-size: medium;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
	text-transform: uppercase;
		float:left; 
		display:block; 
		margin: 0 10px;
		background:#fff; 
		position:relative;
		z-index:500;
	}
		
	/* this is the parent menu */
	#nav li a {
		display:block; 
		font-weight:bold;  
		height:23px; 
		text-decoration:none; 
		text-align:center; 
    	color: #333333;
    	padding: 3px;
	}

	#nav li a:hover {
		color:#EC008C;
		/* border-bottom: 4px solid #EC008C; */
	}
	
	/* you can make a different style for default selected value */
	#nav a.selected {
		color:#EC008C;
		border-bottom: 4px solid #EC008C;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			text-transform: uppercase;
			float:left; 
		}
		
		#nav li ul li {
			margin: 0;
	}
	
	/* test */
		ul#nav li ul {
			border: 0px solid #EC008C;
			width:200px;
		}
		
	/* test */
		
		/* display block will make the link fill the whole area of LI */
		ul#nav a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#333;
		}
		
		ul#nav a:hover, ul#nav ul a:hover {
			text-decoration:none; 	
			color: #EC008C;
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}

input.text {
    border: solid 2px #EC008C;
    margin: 0 0 10px 0;
    padding: 0 0 0 2px;
    width: 153px;
	height: 24px;
	color: #EC008C;
	font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
}
input.submit {
	background-color: #333;
	color: #fff;
	font-weight: normal;
	font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
	padding: 4px;
}
.small {
    font-size: 86%;
    line-height: 1.6em;
    margin-top: 1.6em;
	}
h3.description {  
    float:left;
    position:relative; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    padding: 0 !important;
	margin: 0 0 10px 0 !important; 
	width: 245px !important; 
}  
h3.description span { 
    background-color:#EC008C;   
    padding:10px;  
    margin:0px; 
    bottom: 0;
    left: 0;
	position:absolute;
	width: 247px;  
	/* styling bellow */  
    color:white;  
    opacity:0.8; /* transparency */  
    filter:alpha(opacity=80); /* IE transparency */ 
} 
h3.description img { background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 3px;
}
#sidebar p.description { padding: 10px; border: 1px solid #EEEEEE; margin: 0 0 15px; }