/*
	Site CSS KUNDENNAME
        (c) Oliver Herzberg 2009
        herzberg(at)macnews.de

        ColorSet
        ========
        background-color: #e6e6e6;
*/

#site {
        background-color: #e5e5e5;
        background: #e5e5e5 url(http://www.sg-bau-immobilien.de/img/bg_site.jpg) top repeat-x;
        font-size: 13px;
        color: #3a3a3a;
}

.red {
	color: red;
}
 
/* `Logo
----------------------------------------------------------------------------------------------------*/
.logo {
}

/* `Header
----------------------------------------------------------------------------------------------------*/
.header {
	border-top: 8px solid #abc1da;
	height: 202px;
	overflow: hidden;	
}

/* `MainNav
----------------------------------------------------------------------------------------------------*/
.mainNav {
	border-bottom: 8px solid #5f8abc;
	height: 30px;
	background-color: #fff;
        margin-bottom: 15px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:50; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px; margin:0;}
#menu li a {text-transform: none; display:block; float:left; height:30px; line-height:30px; background:#fff; color:#00367a; text-decoration:none; font-size:12px; font-weight:bold; padding:0 15px 0 10px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#menu li a:hover {z-index:2; position:relative;color:#fff; background-color: #5f8abc;}
#menu li:hover {position:relative; z-index:2;}

#menu li:hover > a {color:#fff; background:#abc1da;}
#menu li:hover > a.sub {color:#fff; background-color:#5f8abc;}

#menu li.current a {color:#fff; background:#5f8abc;}

#menu li a.sub {background: #5f8abc url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#ccffff url(down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:30px; width:150px; color: #fff; background:#5f8abc;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-2px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-bottom:1px solid #5f8abc;}
#menu :hover ul li a {width:170px; padding:0; text-indent:10px; background:#abc1da; color:#fff; height:30px; line-height:30px;}

#menu :hover ul li.currentsub a {color:#fff; background:#5f8abc;}

#menu :hover ul :hover {background-color:#5f8abc; color:#fff; }

/* `sideBarLeft
----------------------------------------------------------------------------------------------------*/
.sideBarLeft {
	
}

.sideBarLeft .box {
	background-color: #fff;
        padding: 10px;
        margin-bottom: 20px;
}


.sideBarLeft .box h3 {
        background: url(http://www.sg-bau-immobilien.de/img/bullet_h3.gif) top left no-repeat;
        padding: 0 0 10px 27px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	color: #0048a4;
	font-size: 16px;
}

.sideBarLeft .box img {
       margin: 8px 0;
       border: 1px solid #cbcbcb;
}

.sideBarLeft .box p,
.sideBarLeft .box a { 
       text-decoration: none; 
       color: #0048a4;
}

.sideBarLeft .box a:hover { 
	text-decoration: underline; 
}



/* `Content
----------------------------------------------------------------------------------------------------*/
.mainContent {
        background-color: #fff;
        margin: 20px 0 20px 0;
        padding-bottom: 30px;
}

.mainContent h1 {
	margin: -20px 0 0 20px;
        padding: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 25px;
	color: white;
        background-color: #0048a4;
	font-size: 20px;
        width: 600px;
}

.mainContent h2 {
        padding: 15px 0 0 40px;
	font-style: normal;
	font-weight: normal;
	line-height: 25px;
	color: #0048a4;
	font-size: 16px;
}

.mainContent h3 {
        padding: 15px 0 0 40px;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	color: #0048a4;
	font-size: 14px;
}

.mainContent p {
        padding: 5px 0 10px 40px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	color: #3a3a3a;
	font-size: 13px;
}

.mainContent .box,
.mainContent .pic_box {
        margin: 20px 0 0 40px;
        border-top: 8px solid #abc1da;
}

.odd {
        background: #edf2f8;
}

.mainContent .box img,
.mainContent .box a+img {
        margin-top: -8px;
        padding: 0 20px 0 0;
        float: left;
}

.mainContent .box h3 a,
.mainContent .pic_box h3 a {
        text-decoration: none;
        padding-top: 15px;
        width: 280px;
        float: left;
	font-style: normal;
	font-weight: normal;
	line-height: 25px;
	color: #0048a4;
	font-size: 16px;
}

.mainContent .box h4,
.mainContent .pic_box h4 {
        text-decoration: none;
        padding-top: 15px;
        width: 220px;
        float: left;
	font-style: normal;
	font-weight: normal;
	line-height: 25px;
	color: #0048a4;
	font-size: 12px;
}

.mainContent .box p {
        width: 220px;
        float: left;
        padding:5px 0 10px 0
}

.mainContent .box .link a,
.mainContent .pic_box .link a {
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        float: right;
        margin-top: -26px;
        padding-right: 10px;
        color: #0048a4;
}

.mainContent .pic_box p {
        width: 220px;
        float: left;
        padding:5px 0 10px 0
}

.mainContent .pic_box img,
.mainContent .pic_box a+img {
        margin-top: -8px;
        padding: 0px 20px 0 0;
        float: left;
}

.mainContent table {
        width: 280px;
        margin-left: 40px;
}
.mainContent tr { 
	border-bottom-color: #0048a4; 
	border-bottom-style: solid; 
	border-bottom-width: 1px;  
}

.mainContent td {    
	padding: 5px;
        width: 60%;
}

.mainContent p>img {
	float: left;
	margin-right: 20px;
}

.pic_content img {
	float: left;
	margin: 5px 5px 10px 40px;
}

.left {
	float:left;
	padding:10px 10px 0 0;	
	width:80px;
}

.left img {
	padding: 10px 0!important;
}

.first_sp {
	float:left;
}

.sec_sp {
	float:left;
	padding:10px 10px 0 0;	
	width:80px;
}

.sec_sp img {
	padding: 10px 0!important;
}

.last_sp {
	float:left;
	padding:10px 10px 0 0;	
	width:80px;
}

.last_sp h3 {
	float:left;
	padding:10px 10px 0 0!important;;	
	width:80px;
}
.pic_bar {
	padding-top: 60px;
}

.box li {
	padding-bottom: 5px;
	list-style-type: none;
}

                
                                                                                                      
.box ul {
	list-style-type: none;
}


#ImmoList ul {
	list-style-type: square;
}

#ImmoList li {
	padding-bottom: 5px;
	list-style-type: square;
	color:#0048A4;
margin-left:13px;
}
                                                                                           
.pic_bar img {
	margin-bottom: 10px;
	background-color: white;
	border-style: solid;
	border-color: #5f8abc;
	border-width: 1px;
	padding: 10px;
}

#map {
  border-color: #356aa0;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin: 5px 5px 10px 40px;
  padding: 4px;
  background-color: #f2f2f2;
  width: 530px;
  height: 300px;
}

.galerie {
  padding-left: 35px;
}

.mainContent .galerie img {
	float: left;
	margin: 5px;
}

/* `immonetFrame
----------------------------------------------------------------------------------------------------*/
.immonetFrame {
       padding: 10px 0 0 10px;	
}

/* `Form
----------------------------------------------------------------------------------------------------*/

.con_form{
	margin:0 auto;
	width:510px;
	padding:14px;
}

#contact_form{
	border:solid 1px #b7ddf2;
}

#contact_form h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#contact_form legend {
	font-size:14px;
	font-weight:bold;
}

#contact_form p{
	font-size:11px;
	color:#666666;
	margin-bottom:10px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}

#contact_form label{
	display:block;
	text-align:right;
	width:160px;
	float:left;
}

#contact_form .error{
	color:#ff0000;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:160px;
}

#contact_form input,
#contact_form textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 10px 10px;
}

#contact_form button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666666 url(http://www.sg-bau-immobilien.de/img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#contact_form legend {
        padding: 10px 0;
}

.check {
        width: 30px!important;
}

#textfield {
        width: 300px!important;
}


/* `Footer
----------------------------------------------------------------------------------------------------*/
.footer {
	margin-top: 10px;	
}

.footer p {
       font-weight: bold;
       padding: 10px;
       color: #0048a4;	
}

#footer ul li {
        display:inline;
        padding: 70px 10px 0 0;   
}

#footer a {
	color: #0048a5;
	text-decoration: none;
}

.sitemap ol {
	margin-left: 30px;
        padding-bottom: 15px;
}

.sitemap ol>li>a {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
} 


.sitemap ul>li>a {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
} 

.sitemap li>ul {
	margin-left: 10px;
}