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

 N-H Immobilien 

 PHP coder: Tobias Schwarz
 CSS coder: Joerg Elsen
 Design:    Lisette Keller

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

/*******************************************************************************
                       Global
*******************************************************************************/

img { border:0; }

html { margin: 0; padding: 0; }

body {
	margin: 10px; 
	padding: 0; 
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 62,5%;
	background-color: #FFF;
}

a 	  	  { color:#3e7fdb; font-weight:normal; text-decoration:underline; }
a:link 	  { color:#3e7fdb; font-weight:normal; text-decoration:underline; }
a:visited { color:#3e7fdb; font-weight:normal; text-decoration:underline; }
a:active  { color:#3e7fdb; font-weight:normal; text-decoration:underline; }
a:hover   { color:#000000; font-weight:normal; text-decoration:none; }

/*******************************************************************************
                       Position Rules
*******************************************************************************/

div#container{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	font-size:0.75em;
}

div#bread{ 
	position:absolute;
	margin:0 0 0px 618px;
	padding:8px 0 0px 28px;
	height:31px;
	background: url(../../images/icons.gif) 0 0 no-repeat;
}

div#bread a{ 
	padding:0 0px 0 0;
	text-decoration:none;
}

#footer { 
	padding:10px 5px;
	text-align:center;
	background-color:#e9e9e9; 
	border-top:12px solid #FFF; 
	border-bottom:4px solid #5bc5ff;
}

.clear { clear:both; }

/*******************************************************************************
                       Navi
*******************************************************************************/

#navcontainer {
	margin:0;
	padding:0;
	width:900px;
	text-transform:uppercase;
}

#navcontainer ul, ul#navlist {
	margin:0;
	padding:0;
}

#navcontainer ul li, #navlist li {
	margin:0px;
	padding:15px 0 0 0;
	list-style: none;
	background: url(../../images/menubg.gif) 0 0 no-repeat;
	width:150px;
	height:34px;
	float:left;
}

#navcontainer ul li a, ul#navlist a.level1 			{ color:#FFF; padding:0 0 0 10px; text-decoration:none;}
#navcontainer ul li a:hover, ul#navlist a.level1:hover 		{ color:#DDD; padding:0 0 0 10px; text-decoration:underline; }
#navcontainer ul li.active a, ul#navlist a.level1aktive 		{ color:#FFF; padding:0 0 0 10px; text-decoration:underline; }
#navcontainer ul li.active a:hover, ul#navlist a.level1aktive:hover 	{ color:#DDD; padding:0 0 0 10px; text-decoration:underline; }


.navcontainersub {
	background:#E6E6E6;
	width:200px;
	float:left;
}

.navcontainersub ul, ul#navlistsub {
	margin:5px 0 0 0px;
	padding:2px;
	list-style-type:none;
}

.navcontainersub ul li, ul#navlistsub li {
	padding:0 0 0 0px;
	margin:0 0 5px 5px;
}

.navcontainersub ul li a, ul#navlistsub a.level2 { 
	display: block; 
	padding: 3px 0 3px 10px; 
	width: 165px; 
	background:url(../../images/button_navi.gif) 0 6px no-repeat; 
	font-weight:normal;
	color: #555555; 
	text-decoration:none;
}

.navcontainersub ul li a:hover, ul#navlistsub a.level2:hover	{ 
	background-color:#EEE; 
	color: #AB0014; 
}

.navcontainersub ul>li.active>a, ul#navlistsub a.level2aktive { 
	display: block; 
	padding: 1px 0 1px 10px; 
	width: 165px; 
	font-weight:normal;
	color: #FFF; 
	background-color:#AB0014;
	background-image: none;
}

.navcontainersub ul>li.active>a:hover, ul#navlistsub a.level2aktive:hover	{ 
	background-color:#8F0017; 
	color: #FFF; 
}

.navcontainersub ul li ul li a, ul#navlistsub a.level3 { 
	display: block; 
	padding: 3px 0 3px 20px; 
	width: 165px; 
	background:url(../../images/pfeilblau.gif) 11px 6px no-repeat;
	font-weight:normal;
	color: #555555; 
	text-decoration:none;
}

.navcontainersub ul li ul li a:hover, ul#navlistsub a.level3:hover	{ 
	background-color:#EEE; 
	color: #AB0014; 
}

.navcontainersub ul li ul li.active a, ul#navlistsub a.level3aktive { 
	display: block; 
	padding: 3px 0 3px 20px; 
	width: 165px; 
	background:url(../../images/pfeilblau.gif) 11px 6px no-repeat;
	font-weight:normal;
	color: #AB0014; 
	text-decoration: underline;
}

.navcontainersub ul li ul li.active a:hover, ul#navlistsub a.level3aktive:hover	{ 
	background-color:#EEE; 
	color: #555555; 
	text-decoration: none;
}


/*******************************************************************************
                       Home Position
*******************************************************************************/

div#wrapperleft {
	width:680px;
	float:left;
	padding:10px 0 0 10px;
	background-color:#DBE6EC;

}

div#wrapperleft img {
	float:left;
}

div#wrapperright {
	width:190px;
	padding:10px 0 0 10px;
	float:right;
	background-color:#e6e6e6;
}

.linie { display:block; border-top:2px solid #c2cace;}

#aktuell 	{ margin:0 0 10px 0; padding:0 0 10px 0; font-size: 0.9em; display:block; }
#aktuell img 	{ padding:0 4px 0 0; float:left; display:block; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: block;}

hr.clear_columns{	
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -2em 0 0 0;
}

/*******************************************************************************
                       Infobox
*******************************************************************************/
#infobox { 
	background:#E6E6E6; 
	width:200px; 
}

#infobox p { 
	padding:5px;
}


/*******************************************************************************
                       Bilder
*******************************************************************************/

.bi_small { 
	margin:20; 
	padding:2px 0 2px 2px;
}

.bild_info { 
	margin:20; 
	padding:2px 0 2px 2px;
}


/*******************************************************************************
                       Font Styles
*******************************************************************************/

h1 {font-size:1.1em; color:#AC0007; margin:0; padding:0;}
h2 {font-size:1.1em; font-weight:bold; color:#AC0007; margin:0; padding:0; }
h3 {font-size:1.1em; font-weight:bold; color:#AC0007; margin:0 0 10px 0; padding:0 0 2px 0; border-bottom:1px dotted #ddd;}
h4 {font-size:1.1em; font-weight:bold; color:#FFFFFF; background-color:#AB0014; margin:0; padding:2px 0 2px 2px; border-top:5px solid #FFF;}

div#wrapperleft p{ line-height:1.4em; padding:0; margin:0 0 10px 0;}

ul#liste {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#liste li {
	color:#ab0014;
	line-height:1.4em;
	padding:0 0 0 10px;
	background: url(../../images/pfeilrot.gif) 0 5px no-repeat;
}

p { margin:0px; padding:0 0 10px 0; line-height:1.4em;}

/*******************************************************************************
                       Link Styles
*******************************************************************************/

a.link 			{ color:#3e7fdb; padding:0 30px 0 10px; text-decoration:underline; background: url(../../images/pfeilblau.gif) 0 5px no-repeat;}
a.link:hover 	{ color:#0251c2; text-decoration:underline; }

a.em_link 		{ color:#3e7fdb; padding:0 30px 0 10px; text-decoration:underline; background: url(../../images/pfeilblau.gif) 0 5px no-repeat;}
a.em_link:hover { color:#0251c2; text-decoration:underline; }

a.li_link 		{ color:#3e7fdb; padding:0 30px 0 10px; text-decoration:underline; background: url(../../images/pfeilblau.gif) 0 5px no-repeat;}
a.li_link:hover { color:#0251c2; text-decoration:underline; }

/*******************************************************************************
                       Angebote + Referenzen
*******************************************************************************/

.wrapper {
	width:670px;
	float:right;
}

/****** teaser *****/
.pane{ 
	line-height:1.4em;
	background-color:#FFF;
}

.pane img { 
	margin:0; 
	border: 1px dotted #B2B2B2;
	padding:10px;
	float:left;
}

.box { 
	border:1px solid #DDD; 
	background-color:#F5F5F5;
	margin:0 0 0 250px; 
	padding:5px;
}


/****** detail *****/
.panedetail{ 
	line-height:1.4em;
	background-color:#FFF;
	float:left;
}

.panedetail img { 
	margin:0; 
	border: 1px dotted #B2B2B2;
	padding:10px;
}

.boxdetail { 
	border:1px solid #DDD; 
	background-color:#F5F5F5;
	margin:0; 
	padding:5px;
}

.linie {
	border-top:0px solid #c8ced6; 
	margin:0 0 10px 0;
	clear:left; 
}

/*******************************************************************************
                       Baupartner
*******************************************************************************/

.wrapper {
	width:670px;
	float:right;
}

/****** teaser *****/
.panebau{ 
	line-height:1.4em;
	background-color:#FFF;
}

.panebau img { 
	margin:0; 
	padding:0 10px 10px 0;
	float:left;
}

.liniebau {
	border-bottom:1px solid #c8ced6; 
	margin:0 0 10px 0;
	clear:left; 
}

/*******************************************************************************
                       Sitemap
*******************************************************************************/

#sitemap{
	margin:0;
}

#sitemap ul{
/*	line-height:1.3em;
	margin:10px 0 0 0;*/
	margin:0;
}

#sitemap li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#sitemap li a:hover{
	text-decoration:underline;
}

#sitemap>ul>li>a, a.pa_sitemap_link_level1 {
	background:#f5f5f5;
	display:block;
	text-decoration:none;
	font-size:2ex;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:2px 0 2px 5px;
}

#sitemap>ul>li>ul>li>a, a.pa_sitemap_link_level2 {
	display:block;
	text-decoration:none;
	font-size:11px;
	margin:2px 0 0 0;
	padding:0 0 0 5px;
}

#sitemap>ul>li>ul>li>ul>li>a, a.pa_sitemap_link_level3 {
	text-decoration:none;
	font-size:11px;
	margin:10px 0 0 0;
	padding:2px 0 2px 20px;
	font-weight:normal;
	background: url(../../images/pfeilblau.gif) 6px 5px no-repeat;
}

#sitemap>ul>li>ul>li>ul>li>ul>li>a, va.pa_sitemap_link_level4 {
	text-decoration:none;
	font-size:11px;
	margin:10px 0 0 0;
	padding:2px 0 2px 35px;
	font-weight:normal;
}
div.errors {
	padding: 5px;
	margin-bottom: 15px;
	border: solid 1px #dd2222;
	background-color: #ffdddd;
	color: #dd2222;
}
td p {
	margin:0; 
	padding:0;
}