/*  WEKO Immobilien GmbH Design & Layout
    Author: Engelbert Eichner
    Version 1.5 (_REDESIGN_) v. 22.05.2007 
    zuletzt aktualisiert am 13.10.2007 */

/* Dieses Stylesheet und alle zum Design
   gehoerigen Grafikdateien sind geistiges
   Eigentum von Engelbert Eichner und
   exklusiv lizensiert fuer WEKO Immobilien
   */

/* Colors
-----------------------------------------
background      #dbdad9
anthrazit_bg	#CCCBC9
anthrazit_title	#404040
anthrazit_text	#83827D
anthrazit_cont	#5F5F5F
black			#000000
softwhite		#FFFFFF
blue			#02ABFF
----------------------------------------*/

/* My Image Path
-----------------------------------------
./layoutimages
----------------------------------------*/

* {
	margin: 0;
	padding:0;
	border: 0;
}

html, body {
	font-family: "Tahoma", "Lucida Sans", "Trebuchet MS", sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	background: #dbdad9;
	color: #000000; /* 404040 */
}

p {
	margin: 0;
        padding: 0;
        border: 0;
}

/* Do not print
----------------------------------------*/

#Printlogo     { display: none; }
#PrintPageInfo { display: none; }

/* Body Structure
----------------------------------------*/

#Header {
	height: 100px;
	width: 100%;
	background: #404040 url(../layoutimages/bg_koeln_mit_logo.jpg)
	repeat-x top left;
}

#Header2 {
	width: 100%;
	background: #dbdad9;
	color: #83827D;
	border-top: 2px solid #02ABFF;
}

#ContentWrap {
	width: 100%;
	float: left;
	background: #dbdad9;
}

#NavColumn {
	width: 180px;
	float: left;
	padding-left:20px;
	padding-top: 30px;
}

#ContentColumn {
	width: 78%;
	float: left;
	padding-top: 30px;
	padding-bottom: 20px;
}

#Philo #ContentColumn {
       width: 630px;
}

/* Header2
----------------------------------------*/

.leftcolumn {
	width: 200px;
	float: left;
}

.rightcolumn {
	float: left;
	width: 78%;
}

#Logo {
	padding-left: 35px;
	padding-top: 4px;
	letter-spacing: 5.5px;
	font-size: 17px;
}

#Logo a {
	color: #000;
}


/* Slogan
----------------------------------------*/

.Slogan {
	position: relative;
}

.Slogan h1, .Slogan, .Slogantext {
	font-size: 1em; 
	letter-spacing: 0.1em;
	font-weight: normal;
	color: #000000;
	padding-bottom: 10px;
        width: 100%;
}

/* MainNav
----------------------------------------*/

#MainNav {
	float: left;
	margin-top: -2px;
}

#MainNav ul, #LangNav ul {
	margin: 0;
}

#MainNav li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

#MainNav a, #MainNav a:hover, #MainNav a:visited {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	font-size: 1.2em;
	font-weight: bold;
}

body#Home #t-objekte a,
body#Objekte #t-objekte a, body#Ref #t-ref a,
body#Kontakt #t-kontakt a, body#Philo #t-philo a,
body#Makler #t-makler a, body#Links #t-links a {
	color: #02ABFF; /* #02ABFF; blau */
	border: 2px solid #02ABFF;
	border-top: none;
	background: #5F5F5F;
}


/* LangNav
----------------------------------------*/

#LangNav {
	float: right;
	width: 15%;
	padding: 0;
	font-size: 1.0em;
	font-weight: normal;    
}

#LangNav li {
	float: right;
	padding: 0 0 6px 10px;
}


/* SubNav
----------------------------------------*/

#SubNav {
	margin: 0;
	padding: 0 10px;
}

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

a {
	color: #83827D; /* #83827D #767676 */
	text-decoration: none;
}

a:hover {
/*	color: #C1E4A9; /* lightgreen */
/*	color: #BF9E6D; /* beige */
/*	color: #415D73; /* anthrazitblue */
/*	color: #A1102F; /* bordeaurot */
/*	color: #ED1846; /* rot */
	color: #02ABFF; /* blau */

}

.currentlink {
	color: #02ABFF; /* blau */
}

.Makler a, 
.MaklerDivHighlighted a,
.LinksDiv a {
	color: #000;
	padding-left: 10px;
	border-left: 5px solid #CCCCCC;
}

.Makler a:hover, 
.MaklerDivHighlighted a:hover,
.LinksDiv a:hover {
	color: #02ABFF;
	border-left: 5px solid #02ABFF;
}

/* Headlines
----------------------------------------*/

#ContentColumn h2 {
	margin:  0;
        padding: 0;
	font-size: 1.3em;
}

#ContentColumn h2 a {
	width: 100%;
	color: #CCCCCC;
}

#ContentColumn h3 {
        color: #5F5F5F;
        font-size: 1em;
        font-weight: normal;
        border-bottom: 1px solid #EEE;
        margin-top: -5px;
}

.Object h2, .LinksDiv h2 {
	padding: 5px 0 15px 12px;
}

#Makler .Object h2 {
	padding: 5px 0 10px 10px;
	margin: 0;
}

* html #Makler .Object h2 {
	padding: 5px 0 10px 0;
} /* IE 7 Only */

*:first-child+html #Makler .Object h2 {
	padding: 5px 0 10px 0;
} /* IE 6 and below */


#Links .LinksDiv h2 {
	padding: 5px 0 0 10px;
}

* html #Links .LinksDiv h2 {
	padding: 5px 0 0 0;
} /* IE 7 Only */

*:first-child+html #Links .LinksDiv h2 {
	padding: 5px 0 0 0;
} /* IE 6 and below */

#NavColumn h1 {
	font-size: 0.9em;
	font-weight: normal;
	margin-bottom: 20px;
}

#SubNav h2 {
	font-size: 1.1em;
	margin-top: 5px;
}

#contact_form h2 {
padding: 10px 0;
}

/* Lists
----------------------------------------*/

ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
}

* html #SubNav ul li {
	padding-left: 0px; /* IE6 */
}

#SubNav ul li {
	padding-left: 10px;
}

.LinksDiv ul {
	padding-left: 10px;
	padding-bottom: 10px;
}



/* Tables: Facts
---------------------------------------*/

.Facts {
	width: 95%;
}

*html .Facts {
	font-size: 1em;
} 

*html .ObjectLongDescr .Facts {
	font-size: 0.8em;
}

.Facts td {
	border-bottom: 1px solid #83827D; 
}


/* Tables: Makler
---------------------------------------*/



.Makler {
	width: 100%;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0 8px 0 8px;
	margin: 0;
}

.Makler td {
	padding: 1px;
}

.Makler tr.Firstrow {
	font-size: 1.3em;
	line-height: 1.5em;
	border-bottom: 1px solid #83827D;
}

.MaklerDivHighlighted {
	border-top: 1px solid #83827D;
	border-bottom: 1px solid #83827D;
}


.MaklerDiv table.Makler,
.MaklerDivHighlighted table.Makler {
	width: 100%;
}

td.MaklerCommercial {
	line-height: 1.6em;
	padding-top: 5px;
	color: #FFFFFF;
}

.td_align {
	text-align: right;
	vertical-align: top;
}

.td_width {
	width: 40%;
	vertical-align: top;
}


.maklerlogo {
	float: left;
	margin: 5px 20px 10px 15px;
}

.borderleft {
	padding-left: 10px;
	border-left: 5px solid #ACACAC;
}

/* Objektclasses
----------------------------------------*/

.Object, .LinksDiv {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	border: 1px solid #000;
	background: #acacac;
}

.Object_leftrow {
	float: left;
	width: 70%;
}

#Objekte .Object_leftrow {
	width: 60%;
}

.ObjectPhotoRow {
	float: left;
	width: 100%;
	margin: 0;
	border-top: 1px solid #83827D;
}

.ObjectFacts {
	float: left;
	width: 50%;
	padding: 0 15px 0 10px;
	font-size: 0.8em;
	line-height: 1.4em;
}

* html .ObjectFacts {
	padding-left: 0px;     /* IE5 */
	margin-top: 10px;      /* IE5 */
	voice-family: "\"}\""; /* IE5 */
	voice-family: inherit; /* IE6 */
	padding-left: 10px;    /* IE6 */
	margin-top: 0px;       /* IE6 */
}

#Ref .ObjectFacts {
	width: 24%;
}

.ObjectFactsInfo {
	float: left;
	width: 100%;
	padding: 0 15px 0 10px;
	font-size: 0.8em;
	line-height: 1.4em;
}

.ObjectFacts p, .ObjectFactsInfo p,
.ObjectDescr p {
	margin: 10px 0 0 0;
	line-height: 1.5em;
}

.ObjectImages {
	padding: 0;
	float: right;
}

#Ref .ObjectImages {
	float: left;
}

.ObjectDescr {
	float: left;
	padding: 0;
	width: 45%;
	font-size: 0.8em;
	line-height: 1.5em;
}

* html .ObjectDescr {
	margin-top: 10px;      /* IE5 */
	voice-family: "\"}\""; /* IE5 */
	voice-family: inherit; /* IE6 */
	margin-top: 0px;       /* IE6 */
}

#Ref .ObjectDescr {
	float: right;
	width: 38%;
}

.ObjectLongDescr {
	float: left;
	width: 100%;
	padding: 0 15px 10px 10px;
	font-size: 0.8em;
	line-height: 1.5em;
}

*html .ObjectLongDescr {
	font-size: 1.0em;
}

.ObjectMap {
	position: absolute;
	top: 250px;
	left: 74%;
	border: 1px solid #404040;
}

* html .ObjectMap {
	left:  72%;            /* IE5 */
	voice-family: "\"}\""; /* IE5 */
	voice-family: inherit; /* IE6 */
	left:  74%;            /* IE6 */
}

.Object_Infotext {
   padding: 10px;
   text-align: justify;
}

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

#Content {
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
}

/* Contactform
----------------------------------------*/

#Contactform {
	border: 1px solid #404040;
	background: #5F5F5F;
	margin-bottom: 10px;
}

#Contactform .col2 {
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	width: 35%;
}

#Contactform .col3 {
	padding: 0;
}

/* IE 7 Browserweiche 
---------------------*/

*:first-child+html #Contactform .col2 {
	width: 40%;
}

*:first-child+html #Contactform .col3 {
	width: 10%;
}

/* IE 6 und aelter 
------------------*/

*html #Contactform .col2 {
	width: 40%;
} 

* html #Contactform .col3 {
	width: 10%;
} 

/* Ende Browserweichen
----------------------*/

#Contactform td {
	padding: 10px 15px 10px 10px;
	color: #FFF;
}

#Contactform input, #Contactform textarea {
	padding: 2px;
	font-size: 0.9em;
	font-family: "Arial sans", "Lucida Sans";
	border: 1px solid #FFF;
}

#Contactform .sendbutton {
	padding: 15px;
	background: none;
	border: none;
	color: #fff;
}

#Contactform input:hover, #Contactform textarea:hover {
	color: #ED1846;
	border: 1px solid #ED1846;
}

#Contactform .sendbutton:hover {
	border: none;
}

/* Kontakt
----------------------------------------*/

#Col-Left, #Col-Right {
	margin: 40px 0;
	width: 43%;
	float: left;
}

#Kontakt address {
	margin: 10px 0;
	line-height: 1.7em;
	letter-spacing: 0.1em;
}

#Kontakt address a {
	text-decoration: underline;
}

/* Newsletter
----------------------------------------*/

#NewsletterList {
margin-bottom: 20px;
}

#ContentColumn #Newsletter {
margin-left: 10px;
width: 700px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 1px 0;
}

#ContentColumn #NewsletterHeader {
font-size: 1.4em;
margin-bottom: 10px;
}

/* Footer
----------------------------------------*/

#Footer {
	clear: both;
	width: 100%;
	float: left;
	border-top: 1px solid #DDDDDD;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.3em;
}

/* Images
----------------------------------------*/

#Kontakt img {
	border: 1px solid #FFF;
}

#Kontakt #Logo img, #Kontakt #Header2 a img {
	border: none;
}

.ObjectImages img {
	border: 1px solid #000;
}

.ObjectImages a, #Ref .ObjectImages img, .ObjectImages a img {
/*	border: 1px solid #000; */
}

.ObjectImages img a:hover {
	border: 1px solid #02ABFF;
}

.ObjectPhotoRow .ObjectImages {
	float: left;
}

.ObjectPhotoRow .ObjectImages a {
	border: none;
}


/* Misc
----------------------------------------*/

.redtxt {
	color: #02ABFF; /* blau */
}

.greytxt {
	color: #CCCCCC; /* hellgrau */
}

.eingerueckt1 {
    margin: -20px 0 0 50px;
    padding: 0;
    text-align: justify;
}

.eingerueckt2 {
    margin: -20px 0 0 100px;
    padding: 0;
    text-align: justify;
}

.comment {
color: #333333;
font-size: 0.9em;
}

.rssfeed {
	margin: 20px 20px 10px 10px;
}

.rssfeed a {
	background: url(../images/uploads/misc/feed-icon-32x32.gif) no-repeat top left;
	padding-left: 35px;
	padding-bottom: 35px;
}

.rssfeed a:hover {
	background: url(../images/uploads/misc/feed-icon-32x32-hover.gif) no-repeat top left;
}

/* End of Stylesheet */