/* @override http://localhost:8888/css/style.css */

/*----------------------------------------------------
                 bŸro wei§enborn  - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
font-family: Helvetica, Verdana, Tahoma, Arial;
font-size:12px;
margin:0 auto;
padding:0;
color:#6f6f6f;
height:100%;
width: 1000px;
}
*{
margin:0;
	padding: 0;
}
body{
	margin: 0 auto;
	background: url(../images/bg.png) fixed -45px;
}
.clr{clear:both}
form{margin:0; padding:0;}

fieldset {
	border-style: none;
}
hr{
border:0;
color:#dedede;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{margin-bottom:15px; font-, Arial, Verdana; font-weight:normal; color:#444444;}
h1{font-size:32px; line-height:30px;}
h2{font-size:22px; line-height:28px;}
h3{font-size:18px; line-height:20px;}
h4{font-size:16px; line-height:18px; font-weight:bold;}
h5{font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}

/* links */
a{color:#e2001a; text-decoration:none;}

a:visited{color:#e2001a; text-decoration:none;}
a:hover{color:#e2001a; text-decoration: underline;
}

a img{border:none}
.imgleft{float:left; padding:5px 12px 0px 0px;}
.imgright{float:right; padding-left:12px;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:14px;
line-height:20px;
margin-bottom:14px;
color:#6f6f6f;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#6f6f6f;
padding:2px 4px 2px 38px;
background-image:url(../images/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}

/* code */
code{
font-family:Tahoma, Arial, Verdana;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#page-container{width:988px; margin:0 auto;}
.page-container-inner{width:988px; background-image:url(../images/bg-container.png); float:left;}
.frame{width:920px; margin:0 auto;}


/* Header
------------------------------------------------------*/
#header{height: 80px; width:920px; margin-top: 0px;}

#language {
	height: 31px;
	margin-top: 5px;
}
#language p {
	float: right;
	margin-right: 12px;
	margin-top: 8px;
}
#language a img {
	margin-right: 6px;
	padding-top: 2px;
	float: right;
	margin-top: 7px;
}
#bottom-header{width:920px; float:left; background-color: #e2001a;}
.logo{width:900px; float:left; background-color: white;
	padding-bottom: 6px;
	padding-left: 18px;
	padding-right: 0px;
}
.phone{font-size:18px;

	color: white;
	width: 200px;
	float: right;
	margin-top: 20px;
}


.phone-get{font-size:14px; color:white;}

div#top-header {
	width: 200px;
	float: left;
}

/* Search styling */
.search-fieldset{border:none;}
#search-box{padding-bottom:6px; float:left; height:23px;}
#search{float:right; width:auto;}
#s{font:12px Tahoma, Arial, Verdana; font-size:11px; color:#c8c9be; padding: 4px 30px 4px 3px; background-color:#fff; border:1px solid #d3d2d2; width:185px;}
#s:focus{border:1px solid #adacac; color:#adacac;}
#search .go{position:absolute; margin:3px 0 0 -26px;}

/* Top Navigation bar menu styling */
#nav-menu {width:680px; float:left; list-style-type:none;
	color: #000;
	vertical-align: bottom;
	margin-right: 0px;
	margin-top: 22px;
	margin-left: 18px;
}
#nav {margin:0px; padding:0px 0px 0px 0px; float:left;}
#nav ul{ 
padding:0;
margin:0;
width:auto;
list-style: none;
height:30px;
position: relative;
}
#nav li{
list-style:none;
float:left;
text-align:center;
font: normal 14px/26px Helvetica, Verdana, Tahoma, Arial;
	color: #000;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
#nav li a {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden; 
color:#e2001a;
text-decoration:none;
	padding-top: 0;
	padding-left: 20px;
	padding-right: 20px;
}
#nav li a:hover {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding: 0 20px; 
color: #535353;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow{
background-color:#AEB0B2;
width:920px;
height:283px; 
margin: 20px 0px 0px;
float:left;
}
#slideshow-threed{
width:920px;
height:283px; 
margin:15px 0px 0px 0px;
float:left;
}
#box-nav-slider{
height: 0px;
display: none;
}
#slideshow-navigation a{
display: none;
height: 0px;

}
#slideshow-navigation{float:right; padding-right:10px}

.img-slide{width:460px; height:283px; float:left;}
.text-slide{width:420px; padding-left:20px; padding-right:20px; height:283px; float:left;}
.slidehalf { float:left;}

#featured div div.bg-featured img.slidehalf {
	margin-top: 5px;
	margin-bottom: 6px;
} /* Editable Slider Image Position */
.slidehalf2 { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
.slide-text h1{color:#FFF; padding:50px 20px 0px 0px}
.slide-text p{font-size: 14px; color:black; line-height:22px;}
.slide-text a.read_more{color:##bf2331; font-size: 14px;}
.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}


/* Content
------------------------------------------------------*/
#content{width:920px; padding: 20px 0px; float:left;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgleft-box{float:left; border:solid 1px #cfd4c3; padding:6px; margin-right:15px; background-color:#f9fbf4;}
.imgright-box{float:right; border:solid 1px #cfd4c3; padding:6px; margin-left:15px; background-color:#f9fbf4;}
#content1{float:left; width:284px;}
#content2{float:left; width:284px; margin-left:34px;}
#content3{float:left; width:284px; margin-left:34px;}
#content3 div.maincontent img.headshot {
	float: left;
	padding-right: 7px;
	padding-bottom: 5px;
	margin-top: 4px;
}
.orange{color:#e2001a;}

ul.content-list {margin:0px; padding:0px; list-style-type:none;}
ul.content-list li {background-image:url(../images/arrow.gif); background-position:0px 6px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list li a {text-decoration:none;}
ul.content-list li a:hover {text-decoration:underline;}

/* Featured Project */
#featured{margin-top:3px; height:255px;}
.bg-featured{ width:275px; height:157px; padding:px 5px;}

.maincontent h2 {
	border-bottom: 2px solid #c1c4c6;
	padding-bottom: 10px;
	color: black;
	font-weight: bold;
	font-size: 25px;
	word-spacing: 2px;
}
.featured-text{padding-top:5px;}

/* Bottom Box */
.imgleft-bottom{width: 45px; height: 45px; float:left; margin-right:15px;
	margin-bottom: 50px;
}
#bottom-box{width:908px;  float:left;
	padding-top: 15px;
	margin-top: 5px;
}
#bottom-box-inner{width:908px; line-height:16px; float:left;
	background-color: #D9DADB;
	padding: 5px;
}
#bottom-box-inner h4{padding-top:8px; margin-bottom:8px; color: #000;
	font-size: 25px;
}
.box1{width: 650px; font-size:13px; float:left;
	padding: 5px 15px 5px 10px;
	height: 71px;
}
.box1 p {
	margin-bottom: 0px;
}

.box2{width: 200px; font-size:13px; float:left;
	padding: 10px 15px 5px 10px;
	height: 71px;
}

#bottom-box-inner div.box2 img.imgleft-bottom {
	border: 1px solid grey;
}

#bottom-box-inner div.box2 p {
	color: black;
}

/* Footer
------------------------------------------------------*/
#footer{width:920px; height:110px; font-size:11px; margin:0px auto; color:white; background-color:#e2001a; line-height:18px; float:left;}
#footer a, #footer a:visited{color:white; text-decoration:underline;}
#footer p{font-size: 12px; color:white;
	font-weight: bold;
}
.footer1{width:209px; float:left; margin-left:20px; padding-top:15px;}
.footer2{width:269px; float:left; margin-right:100px; padding-top:15px;}
.footer2 ul{margin:0px; padding:0px; font-size:11px; list-style-type:none;}
.footer2 ul li{list-style:none;	border-bottom:solid 1px white; line-height:24px; text-align:right;}
.footer3{width:320px; float:left; margin-left:0px; padding-top: 55px;}
.footer3 h3{color:white;}
.twitter{padding-right:5px; float:left;}
#social span{background:url(../images/social-icon.jpg); float:left; width:16px; height:16px; margin:4px 5px 0 0;}
#fb-icon span{background-position:0px 0;}
#fb-icon a:hover span{background-position: 0px -16px;}
#twit-icon span{background-position:-16px 0;}
#twit-icon a:hover span{background-position: -16px -16px;}
#flic-icon span{background-position:-32px 0;}
#flic-icon a:hover span{background-position: -32px -16px;}
#rss-icon span{background-position:-48px 0;}
#rss-icon a:hover span{background-position: -48px -16px;}

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
 
.nav {
	color: white;
  
  z-index: 100;
  position: relative;
	font: 17px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	vertical-align: bottom;
	
}
.nav li {
  float: left;
  position: relative;
	border-color: white;
	border-left: 1px solid white;
}

.nav li ul{
	margin-top: 10px;
}
.nav lu ul a {
	color: grey;
}
.nav li.last{
	border-right: 0px;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  color: white;
  display: block;
  text-decoration: none;
	padding: 2px 16px 1px 4px;
}


 

.nav li a:hover {
 
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
}

 
.nav ul {
  background: white;
 color: white;
  list-style: none;
  position: absolute;
  top: -999em;
  left: -1px;
	opacity: 0.75;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 34px;
}
.nav ul li {
  border: 0;
  float: none;
  color: white;
}
.nav ul a {
  border-bottom: 0;
    white-space: nowrap;
    color: #797979;
	opacity: 0.66;
}
.nav ul a {
	color: grey;
}
.nav ul a:hover {
	color: gray;
}
.nav ul li ul {
	color: grey;;
}

body.verwaltung a.verwaltung{
	color: black;
}

body.vermietungsangebote a.vermietungsangebote{
	color: black;
}

body.planen a.planen{
	color: black;
}
body.service a.service{
	color: black;
}

body.team a.team{
	color: black;
}

body.kontakt a.kontakt{
	color: black;
}
body.forms a.forms{
	color: black;
}

body.contact a.contact{
	color: black;
}

body.team_en a.team_en{
	color: black;
}
body.property_management a.property_management{
	color: black;
}
body.project_management a.project_management{
	color: black;
}
body.tenancy a.tenancy{
	color: black;
}
body.home a.home{
	color: black;
}