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

Projekt:
www.engelhoefe.de
by finalgrafix

*******************************************************************************/
html {
	height: 100%;
	margin-bottom:1px;
	*height:;
	*margin-bottom:;
}

body, div,p,li { background-repeat:no-repeat; }


/*body
*******************************************************************************/
body {
	font-family:verdana, arial, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	margin:0;
	margin-bottom:1px;
	background-color:#99bdcf;
	position:relative;
	height:100%;
}


.clear {
	clear:both;
}

/*
website
********************************************************************************/
.website {
	padding:0;
	height:510px;
	width:960px;
}

/*header
*******************************************************************************/

.header {
	margin-top:20px;
	float:left;
	height:510px;
	width:220px;
}

.header-home{
	float:left;
    margin-top:20px;
	height:220px;
	width:960px;
	background-image:url(engel-header-home.jpg);
}

/*logo / breadcrumb
*******************************************************************************/
.logo {
	width:220px;
	height:220px;
	background-image:url(engel-logo+.gif);
	float:left;
}

.logo a {
	display:block;
	height:220px;
	width:220px;
}

.logo-home {
	width:220px;
	height:220px;
	float:left;
}

.logo-home a {
	display:block;
	height:220px;
	width:220px;
}

/*content
*******************************************************************************/


.main {
	margin-top:20px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	width:729px;
	height:510px;
	color:white;
	font-size:1.2em;
    text-align:left;
	background-image:url(engel-content.gif);
	*background-image:url();
	*background-color:#4C5E67;
	overflow:auto;
}

.main-home {
	margin-top:10px;
	float:left;
	width:729px;
	height:290px;
	color:white;
	font-size:1.2em;
    text-align:left;
}

.main-flash {
	margin-top:20px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	width:729px;
	height:510px;
	color:white;
	font-size:1.2em;
    text-align:left;
	background-image:url(engel-content.gif);
	*background-image:url();
	*background-color:#4C5E67;
}

.content {
	padding:10px 10px;
	float:left;
	line-height:16px;
}

.content-editor {
	float:left;
}

.news {
	margin-left:10px;
	height:27px;
	width:729px;
	float:left;
	color:white;
	background-image:url(engel-news-home.gif);
}

.content-home {
	margin-left:10px;
	padding:10px 10px;
	height:233px;
	width:709px;
	background-image:url(engel-content-home.gif);
	float:left;
	display:block;
	overflow:auto;
}
.rechts p {float:left;}
.rechts p IMG{float:right;margin-left:10px;}

.links p {float:left;}
.links p IMG{float:left;margin-right:10px;}

/*Headlines
------------------------------------------------------------------------------*/
.h2 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	line-height:normal;
	color:#99BDCF;
	text-align: center;
	background-image:url(line-h2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

/* Headline 1 */
.content h1 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	line-height:normal;
	visibility:collapse;
}

/* Headline 2 */
.content h2 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	line-height:normal;
	color:#99BDCF;
	text-align: center;
	background-image:url(line-h2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.content-home h2 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	line-height:normal;
	color:#ffffff;
	text-align: center;
	background-image:url(line-hh2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

/* Headline 3 */
.content h3 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	line-height:normal;
	color:white;
	text-align: center;
	font-size:1.0em;
}

/*Hyperlinks
------------------------------------------------------------------------------*/
.main a, .main-block a:link {
	font-weight:bold;
	color:#fff;
    text-decoration:none;
}

.main a:hover {
	text-decoration:none;
}

.main-home a, .main-home a:link {
	font-weight:bold;
	color:#fff;
    text-decoration:none;
}

.main-home a:hover {
	text-decoration:none;
}

/*Images
------------------------------------------------------------------------------*/
.main div.image {
	margin-bottom:0;
}

.main div.image p {
	margin:0;
	font-size:0.9em;
}

.main div.flLeft {
	float:left;
	margin-right:10px;
}

.main div.flRight {
	float:right;
	margin-left:10px;
}

img {
	border:0px;
}

/*-------------------------------------------------------------------------------------

vertical drop-down-navigation

-------------------------------------------------------------------------------------*/

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

.navi {
	margin-top:10px;
	float:left;
	width:220px;
	height:280px;
	background-image: url(engel-navi.gif);
}

.dropdown-navigation {
	float:left;
	width:228px;
	height:230px;
	padding:14px 0;
	}

.dropdown-navigation ul.nav1st {
	list-style-type: none;
	width: 230px; /* Width of Menu Items */
	margin: 0;
	padding: 0;
	}
	
.dropdown-navigation ul.nav1st li {
	position: relative;
	padding: 5px 0 5px 5px;
	}
	
.dropdown-navigation ul.nav1st li.active {
	background-image:url(engel-aktiv.gif); 
	z-index:19;
	}
	
.dropdown-navigation ul.nav1st li a,
.dropdown-navigation ul.nav1st li a:link {
	color:#ffffff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	position: static;
	z-index: 10;
	}
	
.dropdown-navigation ul.nav1st li a.current,
.dropdown-navigation ul.nav1st li a.current:link,
.dropdown-navigation ul.nav1st li a:hover {
	color: #4C5E67; 
	text-decoration: none;
	padding:0;
	margin:0;
	}
	
.dropdown-navigation ul.nav1st li a.folder {
	}

/* Fix IE. Hide from IE Mac \*/
* html .dropdown-navigation ul li {
	float: left;
	height: 1%;
}

* html .dropdown-navigation ul li a {
	height: 1%;
}
/* End */

/* Sub Menu Styles */



.dropdown-navigation ul.nav1st li ul.nav2nd {
	position: absolute;
	left: 225px;
	bottom:-5px;
	width:147px;
	margin:0;
	padding:5px;
	color:#4C5E67;
	font-weight:bold;
	z-index:100;
	text-align:left;
	display: none;
	list-style:none;
}

.nav2nd .subhead {
	height:10px;
	width:167px;
	background-image:url(subhead.gif);
	background-repeat:no-repeat;
}

.nav2nd .subhg {
	width:167px;
	padding-left: 0px;
	padding-right:10px;
	background-image:url(subhg.gif);
	background-repeat:repeat-y;
}

.nav2nd .subhg TD{
	vertical-align:top;
	margin:0;
	padding:0;
}

.nav2nd .subhg  IMG {
	padding-top:10px;
}

.nav2nd .subfuss{
	height:10px;
	width:167px;
	background-image:url(subfuss.gif);
	background-repeat:no-repeat;
}

.dropdown-navigation ul.nav1st li ul.nav2nd li {
} 

.dropdown-navigation ul.nav1st li ul.nav2nd li a,
.dropdown-navigation ul.nav1st li ul.nav2nd li a:link {
	font-size: 1.1em;
	font-weight: bold;
	line-height:12pt;
	color:#4C5E67;
	padding-right:5px;
}

.dropdown-navigation ul.nav1st li ul.nav2nd li a IMG {
}

.dropdown-navigation ul.nav1st li ul.nav2nd li.active {
	background-image:none;
}

.dropdown-navigation ul.nav1st li ul.nav2nd li a.current,
.dropdown-navigation ul.nav1st li ul.nav2nd li a.current:link,
.dropdown-navigation ul.nav1st li ul.nav2nd li a:hover {
	text-decoration: none;
	color:white;
}

/* The magic ^^ */
.dropdown-navigation ul.nav1st li.over {
} 

.dropdown-navigation ul.nav1st li:hover ul.nav2nd,
.dropdown-navigation ul.nav1st li.over ul.nav2nd { 
	display: block;
} 

.footer {
	width:222px;
	height:30px;
	color:white;
	float:left;
}

.footer a{
	color:white;
	text-decoration:none;
}

.ticker {
	padding:5px 0 0 5px;
}

.hp_caption {

}

/*Kontaktformular
--------------------------------------------------------------------------------*/

.preinp {
  font:11px/20px verdana, arial, helvetica, sans-serif;
  color:#c2c2c2;
}

.input_text{
}

.inpt {
  color:black;
}

.input_submit{
  font-weight: bold;
}

/* BUDIRO
------------------------------------------------------------------------------*/
#project * { font-size:9pt;font-family:Verdana,Helvetica,Arial;color:#4C5E67;}
#projnavicont { width:100%;height:24px;vertical-align:top;text-align:left;}
#projnavicont ul { list-style-type: none;margin:0;padding:0;}
#projnavicont li { float:left;margin:0px;margin-right:1px;padding:0px;background:url(/img/icons/bbpe_tabright.gif) no-repeat right top;}
#projnavicont a { padding:5px 8px 5px 8px;display:block;background:url(/img/icons/bbpe_tableft.gif) no-repeat left top;width:.1em;font-size:9pt;color:white;font-weight:bold;text-decoration:none;white-space:nowrap;}
#projnavicont > ul a {width:auto;}
#projnavicont li.active,#projnavicont li.active:hover { background:url(/img/icons/bbpe_tabright.gif) no-repeat right -46px; }
#projnavicont li.active a, #projnavicont li.active:hover a { background:url(/img/icons/bbpe_tableft.gif) no-repeat left -46px;font-size:9pt;color:#4E4E4E;font-weight:bold;text-decoration:none; }
#projnavicont li:hover { background:url(/img/icons/bbpe_tabright.gif) no-repeat right -92px;}
#projnavicont li:hover a { background:url(/img/icons/bbpe_tableft.gif) no-repeat left -92px;font-size:9pt;color:#0095DA;font-weight:bold;text-decoration:none;}
#projcont_images, #projcont_floorplans, #projcont_attach, #projcont_contact ,#projcont_description ,#projcont_flats { display:none;color:#5A5A5A;}
#projcont_images.active,#projcont_floorplans.active,#projcont_attach.active,#projcont_contact.active,#projcont_description.active ,#projcont_flats.active{ display:block;background:transparent;margin:0px;padding:8px;height:460px;vertical-align:top;text-align:left;width:680px;}
.projthumbbar { height:21px;padding:2px;margin-bottom:4px;overflow:hidden;background:transparent;color:black;}
.projthumbbar img { display:block;float:left;margin-right:4px;cursor:pointer;}
.projimageview { height:367px;text-align:center;vertical-align:middle;margin-bottom:4px;background:transparent;color:black;}
.projimageview img { display:block;margin:auto;color:#5a5a5a;}
.proimagecaption { text-align:center;background:rgb(225,225,225);padding:2px;height:16px;margin-bottom:4px;color:#5A5A5A; }
#projcont_description > div {height:430px;width:650px;overflow:auto;color:#5A5A5A;}
#projcont_flats > div {height:430px;width:650px;overflow:auto;color:#5A5A5A;}
#flat_field * {color:black;}
#projcont_contact td {font-size:10pt; vertical-align:top;text-align:left;color:black;}
#projcont_contact input {margin-bottom:2px;color:black;}
#projcont_attach .small {font-size:8pt; line-height:9pt;font-weight:normal;background-color:#000;color:#5a5a5a;}
h5.subheading { font-size:10pt;text-decoration:underline;display:block;margin:0px;font-weight:bold; }
h2 a { font-size:12pt; text-decoration:none; color:black;margin:30px 0pt 0pt; }
img.propico {display:block;float:left;border:none;margin-right:4px;}
.halftrans {opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}

/*Additions for the blog
------------------------------------------------------------------------------*/
h5.blog { margin:10px 0pt 0pt; }
h5.blog a { font-size:12pt; text-decoration:none; color:black !important;}
small { color:#777777; font-size:8pt; line-height:9pt; }
.blog_pois {background:#F8F8F8;padding:4px;color:#244398;font-weight:bold;}
.blog_pois a {color:#244398 !important;font-weight:bold;display:block;height:24px;line-height:24px;}
.blog_pois img {display:blokc;float:left;margin-right:4px;margin-bottom:2px;}

/* Additions for GMaps
------------------------------------------------------------------------------*/
#window * {color:black;font-size:9pt;}
#window .name {color:#244398;font-weight:bold;font-size:10pt;}