/*
*****************************************************
 url			: www.loft-living-krefeld.de
 erstellt 	: 17-03-2007 
 Aenderung	: 17-03-2007 
 CSS + 
 Webdesign	: www.delectat.de (D.P.)
*****************************************************
 (c) 2007 Frank Schneewind
*****************************************************

Farben:
Grau: #F2F2F2
Hellbraun: #8D7963
Orange: #ED6A00
Rotbraun: #260E0E
Beige: #F4F1E8;
 
Body
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 

body {
	margin: 0;
	padding: 0;
	color: #555555;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%; 
	line-height: 170%;
	text-align: center;
	background: #F3F2E7 url(../elemente/layout/bg3.jpg) repeat-x 0px 0px;
}

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 
-----------------------------------------------------------*/

#bgwrap {
	width: 100%;
	background: url(../elemente/layout/bg-main-hellbraun.jpg) no-repeat center 81px;
	padding: 0;
	margin: 0;	
	border: 0;
}

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

/*  template
----------------------------------------------------*/
#logo 	{
	float: left;
	height: 54px;
	width: 240px;
	margin: 18px 0 0 -6px;
	padding: 0;
}

#header	{
	margin: 32px 0 0 0;
	padding:0;
	width: 590px;
	float:left;
}

html>body #header{
	margin: 31px 0 0 0;
}

#headersidebar	{
	float:right;
	margin: 161px 0 0 0;
	width: 230px;
	padding: 0;
}
	
#claim {
	margin: 0;
	width: 590px;
	background: transparent url(../elemente/layout/claim-main.gif) no-repeat 0 0;
	padding: 116px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:116px; /* for IE5/Win */
}

#imagefader	{
	padding: 14px 0 0 14px;
	width: 576px;
	height: 340px;
	margin: 0;
	background: transparent url(../elemente/layout/bg-imagefader.png) no-repeat 0 0;
}

.content	{
	margin: 20px 0 0 0;
	width: 590px;
	float:left;
}

.sidebar	{
	float:right;
	margin: 0;
	width: 230px;
	padding: 0;
}

#footer	{
	height: 50px;
	padding: 14px 0 0 20px;
	margin: 20px 0 0 0;
	text-align: left;
	border-top: 3px solid #e9e7d6;
	background: url(../elemente/layout/bg-footer.jpg) repeat-x 0 0;
}

#topbar	{	
	display: inline; 
	margin: 0 10px 5px 0;
	float:right;
}

#topbar #oben {
	padding: 0 17px 0 2px;
	background: transparent url(../elemente/layout/uparrow.gif) no-repeat 100% 3px;
}

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

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

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

a:active {
	color:#ED6A00;
	text-decoration: none;
}

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

.content p a:link, .content p a:visited, .content p a:active,
#headersidebar a:link,#headersidebar a:visited ,#headersidebar a:active,
#sidebar p a:link, #sidebar p a:visited, #sidebar p a:active {
	background: transparent url(../elemente/layout/dot-link.gif) repeat-x 0 100%;
	padding: 0;
}

#footer a:link, #footer a:visited, #footer a:active, 
#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #888;
	margin: 0;
	padding: 0 2px;
}

#footer a:hover, #topbar a:hover {
	color:#E2000C;
}

#email {
}

/*  Text, Headlines, Listen 
-----------------------------------------------------------------------*/

h1 {color: #333;
	padding: 0;
	margin: -35px 0 5px 0;
	font: normal 26px/33px Georgia, "Times New Roman", Times, serif;
}

.headlinebg {
	color: #e6e3d4;
	padding: 0 0 0 14px;
	font: 70px/70px Georgia, "Times New Roman", Times, serif;
}

h2 {
	color: #333;
	padding: 0;
	margin: 27px 0 10px 0;	
	font: normal 18px/26px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dotted #ccc;
}

h3 {color: #2079AA;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;	
	font: normal 17px/26px "Trebuchet MS", "Times New Roman", Times, serif, Georgia, Arial;
	border-bottom: 1px dotted #ccc;
}

#headersidebar h2, #sidebar h2 {
	color: #9f9955;
	margin: 0;		
	padding: 0 0 0 3px;
	font: bold 15px/24px  Georgia, "Times New Roman", Times, serif, Georgia, Arial;
	border-bottom: 1px dotted #999; border-bottom: 1px dotted #493F3F
}

#headersidebar h3, .sidebar h3 {
	color: #9f9955;
	margin: 33px 0 0 0;		
	padding: 0 0 2px 0px;
	font: bold 15px/24px  Georgia, "Times New Roman", Times, serif, Georgia, Arial;
	border-bottom: 1px dotted #999;
	background: transparent url(../elemente/layout/h3sidebarrr.gif) no-repeat 1px 1px;
}

.sidebar h3 {
	color: #9f9955;
	padding: 0;
	margin: 47px 0 0 0;
	font: normal 18px/26px  Georgia, "Trebuchet MS", "Times New Roman", Times, serif, Arial;
	border-bottom: 1px dotted #ccc;
}

p {color: #555;
	font-size: 1.2em;	
	line-height: 1.5em;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}

#headersidebar p{
	color: #555;
	font-size: 1.1em;	
	line-height: 1.4em;
}

.alleobjekte {
	padding: 9px 0 10px 0;
	margin: 0 0 10px 0;
	clear: both;
}

#footer p{
	color: #555;
	padding:0;
	margin:0;
	font-size: 1.1em;	
	line-height: 1.4em;		
}

.pdf {
	margin: 0;
	padding: 13px 3px 13px 14px;
	background: #EDEBDA url(../elemente/layout/bg-pdf.jpg) no-repeat 0px 0px;	
	min-height: 35px;
}

.zitat {
	background: transparent url(../elemente/layout/zitat-first.gif) no-repeat 0 0;
	font: italic 20px/27px Georgia, "Times New Roman", Times, sans-serif;
	padding: 0 25px 0 40px;
	margin: 0;
	color: #3C618C; color: #3C618C;
}

.zitatlast {
	background: transparent url(../elemente/layout/zitat-last.gif) no-repeat 100% 100%;
	margin: 0 0px 20px 0px;
}

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

b, strong, .item {	
	font-weight: bold;
	color: #555;
}

#sidebar .linkitem, #headersidebar .linkitem {
	margin: 7px 0 0 0;
	padding: 0 0 0 12px;
	background: transparent url(../elemente/layout/arrow.gif) no-repeat 1px 6px;
}

.pdf .linkitem {
	margin: 0px 0px 0 0px;
	padding: 0 0px 0 20px;
	background: transparent url(../elemente/layout/arrow.gif) no-repeat 1px 8px;
	font-size: 1.1em;
	line-height: 1.7em;
}

.colored {
	background-color: #EBF1F7; 
	padding: 1px
}

.headlinecolor {
	color: #ED6A00;
}

.headlinecolorsold {
	color: #E2000C;
	float:right;
	font-variant: small-caps;
	letter-spacing: 0.05em;
}

.leistungen ul{
	border: 3px solid #ccc;
	margin: 0 10px 0px 15px;
	padding: 2px 10px;
}

.leistungen li {
	list-style: none;
	margin: 5px 0 5px 13px;
	padding: 0 15px 0px 22px;
	font-size: 1.1em;	
	background: url(../elemente/layout/plus.gif) no-repeat 0px 5px;					
	line-height: 1.4em;
}

.columnleft {
	float:left;
	width: 47%;
	border-right: 1px dotted #ccc;
	padding: 0 16px 0 0;
	margin: 10px 0 0 0;
}

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

.columnleft p, .columnright p{
	padding: 0 0 0 0;
	font-size: 1.1em;	
	line-height: 1.4em
}

.columnleft h2, .columnright h2 {
	margin: 0px 0 10px 0;	
}
 
 /*  Fotos
-----------------------------------------------------------------------*/ 

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

.rightalign {
	float: right;
	margin: 0 2px 0 6px;
}

.leftalign {
	float: left;
	margin: 0 10px 1px 0;
	padding: 0;
}

/* Navigation
----------------------------------------------------*/
#navigation {
	height: 81px;
	margin: 0;
	padding:0;
	float:right;
}

#navigation ul {
	margin: 50px 0 0 0;
	padding: 0;	
	border: 0;
	list-style: none;
	float:left;	
	background: transparent url(../elemente/layout/stripe.gif);
}
	
#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font: normal 0.9em/18px Georgia, Arial, Tahoma, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFF;
}

#navigation ul li a {
	float: left;
	margin: 0;
	padding: 8px 15px 5px 15px;
	color: #fff;color: #000;
	color: #ED6A00;
	text-decoration: none;
}

#navigation ul li a:hover {
	color: #ED6A00;	
	background-color: #260E0E	
	}
	
#navigation ul li.active a {
	color: #ED6A00;
	background: #e5e5e5 url(../elemente/layout/tab-on-bg.gif) repeat-x top left;
}
	
/* Lightbox Fotos
----------------------------------------------------*/
	
.sidebar .objekt {
	padding:5px 0 10px 0;
	margin: 0 0 10px 0;
	clear: both;
}
.objekt ul {
	list-style:none;
	margin:0;
	padding:0;
}

.objekt ul li{
	float:left;
	padding:0;
	margin:10px 11px 8px 0;
	text-align:center;
}

.objekt img{
	float:left;
	margin:0;
	border:1px solid #ccc;
	padding: 1px;
	background-color: #eee;
	width:42px;
	height:42px;
}

.objekt ul li img:hover{
	border:1px solid #ED6A00;
}	

/*  Status der Navigation
-----------------------------------------------------------------------*/ 

body#home a#navhome,
body#historie a#navhist,
body#immobilie a#navimmo,
body#wohnungen a#navwohn,
body#kontakt a#navkont,
body#links a#navlink

{	color: #ED6A00;
	color: #FFF;
	background-color: #260E0E	}

/*@media print {
 ... Formatdefinitionen zum Drucken ... */