/******************************************************************************
*   nord-sued-grund Immobilien
*   css/styles.css
*   (c) 2011 e.sens.e gmbh
*   
*   Tags
*   Allgemeine Klassen
*   Wrapper
*   Header
*   Top Navigation
*   Body
*   Left Navigation
*   Pane - Left, Center, Right
*   Content
*   Footer
*   Page Border
* 
******************************************************************************/

.br{border: 1px dotted red !important;}

* {margin: 0; padding: 0;}

/******************************************************************************
* Tags
******************************************************************************/

html {
    overflow-y:                 scroll;
}

body
{
    font-family:                Arial, Verdana, Helevetica, sans-serif;
    font-size:                  11px;    
    text-align:                 left;
    line-height:		       	1em;
    color:                      #454545;
}

img 
{
    border:                     none;
}

h3
{
    height:                     auto;
    color:                      #454545;
    font-size:                  1.0em;
    line-height:                1.5em;
    margin-bottom:              14px;
}

form
{
}


a,
a:active,
a:link,
a:visited {
	text-decoration:            underline;
    color:                      #4e586a;
}
div#centerPane .tabs a {
	font-weight:				normal;
}

div#centerPane .tabs a:hover {
	text-decoration:            none;
}


div#centerPane a:hover,
a:hover{
    text-decoration:            underline;
}

div#centerPane a {
	text-decoration:            none;
    color: 						#4E586A;
    font-weight:				bolder;
}

ul {
    list-style-type:            none;
}

li {
    width:                      auto;
    text-align:                 left;
}

div#content a[href$=".html"] {
    background:                 transparent url(../img/linkarrow.gif) no-repeat scroll left center;
    padding-left:               14px;
}

/******************************************************************************
* cliclab Textblock  Klassen
******************************************************************************/

.align_left
{
    text-align:                 left;
}

.align_right
{
    text-align:                 right;
}

.align_center
{
    text-align:                 center;
}

.align_justify
{
    text-align:                 justify;
}

.float_left
{
    clear:                      left;
    float:                      left;
}

.float_right
{
    clear:                      right;
    float:                      right;
}
/******************************************************************************
* Allgemeine Klassen
******************************************************************************/
/*
.current1 {
    background:                 url(../img/bgBullet2Current.gif) no-repeat left 18px;    
}

.current2 {
    background:                 url(../img/bgBullet2.gif) no-repeat left 8px;
}

.bullet1 {
    background:                 url(../img/bgBullet1.gif) no-repeat left 18px;
}
*/
.info
{
	color:						#AEAEAE;
	margin-top: 				84px;
	font-weight:				normal;
}

/******************************************************************************
* Wrapper
******************************************************************************/
div#main
{
    width:                      966px;
    margin:                     0 auto;
	padding-top: 10px;
} 


div#pageBorder{
    float:                      left;
    width:                      962px;
    height:                     auto;
    background:                 url(../img/bgPage.gif) repeat-y left top;
}
div#page{
   float:                      left;
    width:                      938px;
    height:                     auto;
    background:                 #fff url(../img/bgPageBottom.gif) no-repeat left bottom;
    padding-bottom:             10px;
    margin:                     0px 0px 0px 12px;
   /* border: 1px solid red;*/
}

/******************************************************************************
* Header
******************************************************************************/
div#header
{
    float:                      right;
    width:                      729px;
    height:                     28px;
    padding:                	2px 0;
	margin:						0 3px 2px 0;
	background:                 white url(../img/bgHeaderTop.gif) repeat-x left top;
}

div#logo
{
    float:                      left;
    width:                      202px;
    height:                     171px;
	border-top:					2px solid #f0f0f0;
	background:					white;
}
div#logo a
{
    display:                    block;
    width:                      200px;
    height:                     171px;
    xbackground-color:           #ffffff;
}

div#logo img
{
    margin:                     7px 0 0 46px;
    border:                     0px;
}

div#teaserImage {
    float:                      right;
    width:                      728px;
    height:                     140px;
    background-color:           #fff;
    border:                     0px;
    margin:                     0 3px 0 0;
	padding: 0;
    xborder-top:                 3px solid #dedede;
    position:                   relative;
}

div#deco_img
{
    position:                   absolute;
    width:                      100%;
    height:                     140px;
}

div#deco_img2
{
    display:                    none;
    position:                   absolute;
    width:                      100%;
    height:                     140px;
}

.leftPaneBorder {
    border-left:                3px solid #ffffff !important;    
    border-bottom:              3px solid #ffffff !important;
}

.rightPaneBorder {
    border-left:                3px solid #ffffff !important;
    border-right:               3px solid #ffffff !important;
    border-bottom:              3px solid #ffffff !important;    
}

.borderBottom {
    border-bottom:              3px solid #ffffff !important;        
}

.sep
{
	margin:                     10px 0 10px 0;
    background:                 none !important;
}
.red
{
	font-weight:                bold;
    font-style:                 italic;
    color:                      #4E586A;
}
.green
{
	font-weight:                bold;
    font-style:                 italic;
    color:                      #4a8541;
}
div#centerPane .nolink
{
    background:                 none !important;
    padding-left:               0px !important;
	text-decoration: 			none;
	color:						#4E586A;
	font-weight:				bolder;
}
.agb
{
    float:                      left;
    width:                      404px;
    margin-bottom:              10px;
}

.inputsubmit {
    color:                      #696969;
    background-color:           transparent;
    border:                     1px solid #A9A9A9;
    font-size:                  11px;
    font-weight:                normal;
    height:                     18px;
    padding-bottom:             3px;
    text-decoration:            none;
}
#keywords_select {
	float:						left;
    border:                     1px solid #C1C9CC;
    color:                      #424949;
    font-size:                  11px;
    font-weight:                normal;
    text-align:                 left;
    text-decoration:            none;
    height:						17px;
    width:                      180px;
	margin:						10px 700px 7px 15px;
}
/******************************************************************************
* Top Navigation
******************************************************************************/
ul#headNav
{
    list-style-type:		    none;
    margin-right:               3px;
	font-family:				Arial Bold, sans-serif;
	letter-spacing:             0.01em;
}

ul#headNav li {
    float:                      right;
    padding:                    13px 0px 0px 0px;
    color:                      #ffffff;
}

ul#headNav li a{
    float:			            left;
    width:			            auto;
    padding:                    0px 5px 0px 5px;
    font-size:                  1.0em;
    line-height:                1.1em;
    color:			            #ffffff;
    text-decoration:		    none;
}

ul#headNav li a:hover{
    text-decoration:		    underline;
}

/******************************************************************************
* Body
******************************************************************************/
div#body {
    clear:                      both;
    float:                      left;
    width:                      938px;
    height:                     auto;
    margin-top:                 0px;
    background:                 transparent url(../img/bgPageBlur.gif) top left repeat-x;
}

.bewertung {
	background:                 transparent url(../img/body_bg.jpg) top left repeat-x;

}

/******************************************************************************
* Left Navigation
******************************************************************************/
ul#nav
{
    float:			            left;
    width:			            210px;
    height:                     auto;
    margin:                     0;   
    font-size:                  1.1em;
    font-weight:                bold;
    border:                     0px solid green;
}

ul#nav li {
    width:			            170px;
    float:                      left;
    list-style-type:            none;
    background:                 url(../img/bgBullet1.gif) no-repeat left top;
}

ul#nav li a,
ul#nav li a:active,
ul#nav li a:link,
ul#nav li a:visited
{
    float:			            left;
    display:                    block;
    width:			            100%;
    padding:                    6px 0px 7px 42px;
    color:                      #454545;
    text-decoration:		    none;
}


ul#nav li a:hover{
    display:                    block;
    width:                      100%;
    background-color:           #e5e5e5;
    background:                 url(../img/bgBullet1Hover.gif) no-repeat left top;
}

ul#nav li.current a,
ul#nav li.current a:active,
ul#nav li.current a:link,
ul#nav li.current a:visited {
    display:                    block;
    width:                      100%;
   	color: 						#4e586a;
    background:                 url(../img/bgBullet1Current.gif) no-repeat left top;
}

ul#nav li ul li a,
ul#nav li ul li a:active,
ul#nav li ul li a:link,
ul#nav li ul li a:visited 
{
    width:                      100%;
   	color: 						#4e586a;
    background:                 url(../img/bgBullet2.gif) no-repeat left top;
}

ul#nav li ul li a:hover{
    width:                      210px;
    background-color:           #dcc0c0;
    background:                 url(../img/bgBullet2Hover.gif) no-repeat left top;
}
ul#nav li ul li.current a,
ul#nav li ul li.current a:active,
ul#nav li ul li.current a:link,
ul#nav li ul li.current a:visited {
    background-color:           #d1acac;
    background:                 url(../img/bgBullet2Current.gif) no-repeat left top; 
}


div#leftpane ul#nav li#nav_wohnung_kaufen,
div#leftpane ul#nav li#nav_grundstuecke_wohnbebauung,
div#leftpane ul#nav li#nav_gewerbliche_immobilien_kaufen,
div#leftpane ul#nav li#nav_auslandsimmobilien,
div#leftpane ul#nav li#nav_merger_acquisition
{
	margin-top: 				4px;
	padding: 	                9px 0 0 0;
	background:                 transparent url(../img/bgBullet1Spec.gif) no-repeat left top;
}


/******************************************************************************
* Siegel
******************************************************************************/

div#leftpane {
	float:			            left;
    width:			            210px;
	margin:                     0;
	padding-top: 4px;
	margin-top: 10px;
}
div#siegel {
	clear:						left;
	float: 						left;
	margin:						20px 0 0 10px;
}
div#leftpane .part {
	float:			            left;
    width:			            180px;
	
	margin: 32px 0 7px 22px;
	font-size: 1.0em;
    line-height: 1.6em;
	
}

/******************************************************************************
* Search
******************************************************************************/
div#search {
	width: 400px;
	height: 34px;
}

/******************************************************************************
* Content
******************************************************************************/
div#content{
    float:                      left;
    width:                      708px;
    height:                     100%;
    font-size:                  1.1em;
    line-height:                1.6em;
    background:                 transparent url(../img/bgContent.gif) no-repeat scroll left top;
    border:                     0px solid;
}


/******************************************************************************
* Pane - Left, Center, Right
******************************************************************************/
div#centerPane {
    float:                      left;
    width:                      476px;
    height:                     100%;
    padding:                    0 0 16px 32px;
    margin:                     0;
    border: 0px solid red;
}

div#centerPaneWide {
    float:                      left;
	width:                      680px;
    height:                     100%;
    padding:                    0 0 16px 32px;
    margin:                     0;
    border: 0px solid red;
}

div#centerPaneBorder {
    background:                 url(../img/bgContent.gif) no-repeat left top;
}

div#centerPane ul {
	margin:						15px 0px 15px 0px;
	list-style-type: 			none;
}

div#centerPane ul li{ 
    padding-left:               14px;
	margin:						2px 0px;
    line-height:                1.8em;
    font-weight:                normal;
    background:                 transparent url(../img/liBullet1.gif) 0px 9px no-repeat;    
}

div#centerPane h2
{
    font-size:                  18px;
    color:                      #4e586a;
  /*  border-bottom:              1px solid #912b46;*/
    margin:                     12px 0 0px 0;
    padding-bottom:             14px;
    line-height:                24px;
    width:                      540px;

}

div#centerPane h2 .subline
{
    font-family:                Arial, sans-serif;
    font-size:                  14px;
    color:                      #4e586a;
}
div#languages
{
    float:                      right;
    position:                   relative;
    height:                     18px;
    display:                    inline;
}

div#languages a
{
margin: 0 0 0 6px;
}

div#rightPaneBorder {
    background:                 url(../img/bgContent.gif) no-repeat left top;
    border: 0px solid blue;
    float:                      right;
    margin:					    0 0 0 10px;
    width:                      188px;
}

div#rightPane {
	margin:					    0 0 0 18px;
    float:                      right;
    width:                      170px;
    height:                     auto;
    font-size:					0.9em;
	line-height:				1.1em;
    border: 0px solid blue;  
}


div#rightPane p {

    clear:                      both;
    width:                      170px;
    height:                     auto;
    padding:                    2px 0px 18px;
	font-size:					1em;
	line-height:				1.6em;
	color:						#454545;
	
}
div#rightPane b {
    border-bottom:              1px solid #454545;
    width:                      160px;
    display:                    block;
}

div#rightPane a,
div#rightPane a:link,
div#rightPane a:active,
div#rightPane a:visited

{
	text-decoration:			none;
    /*float:                      left;
    width:                      100%;
    */
    height:                     auto;
    font-weight:                bold;
    padding:                    2px 0px 5px;
}    

div#rightPane a:hover

{
	text-decoration:			underline;
}
div#rightPane h3

{   
    font-size:                  16px;
    color:                      #4e586a;
	margin-top:					15px;
}


/******************************************************************************
* Footer
******************************************************************************/
div#footer {
    clear:                      both;
    float:                      left;
    width:                      966px;
    height:                     40px;
    text-align:                 center;
    color:                      #4e586a;
    padding:                    10px 10px;
    line-height:                1.4em;
    font-size:                  1em;
}
div#footer a,
div#footer a:active,
div#footer a:link,
div#footer a:visited
{
   color:                       #4e586a; 
    text-decoration:            none;
}

/******************************************************************************
* Textblock
******************************************************************************/


div.textblock
{
    width:                      676px;
    width: 100%;
    margin-top:					8px;
	margin-bottom:				10px;
    float:                      left;
}

div.textblock img,
div.textblock object
{
    margin-left:                0;
    margin-right:				4px;
    margin-top:                 5px;
    margin-bottom:              15px;
}

div.textblock img.float_left,
div.textblock object.float_left
{
    margin-left:                0px;
    margin-right:               12px;
    margin-top:                 0px;
}

div.textblock img.float_right,
div.textblock object.float_right
{
	margin-left:                12px;
    margin-right:               0px;
    margin-top:                 0px;

}

div.textblock strong
{
	margin:                     0 0 -10px 0;
	padding:                    0;
}

div.textblock strong.textblock_subline
{
	display:                    block;
    font-style:                 italic;
    margin-bottom:              10px;
}
div.textblock.textblock_default
{
	/*
    padding:                    10px 0 5px 0px;
padding:0;
*/
border: 0px solid yellow;
}

div.textblock.textblock_html
{
margin:0;
padding:0;
}

div.textblock ul
{
	margin:						10px 0 10px 0;
	padding:					0;
	line-height: 				22px;
}

div.textblock img,
div.textblock_textcol_odd img
{
	margin:						0 8px 8px 0;
	padding:					4px !important;
    xborder:                     1px solid #aeaeae;
}


div.textblock_textcol
{
    /*clear:                      both;*/
    float:                      left;
    width:                      394px;
    border: 0px solid blue;
}

div.textblock_textcol_odd
{
   /* clear:                      none;*/
    float:                      right;
    margin:                     8px 0 0 10px;
    width:                      260px !important;
    border: 0px solid red;
    text-align: right;
}

div.textblock_textcol_even
{
 	/*clear:                          none;*/
}

div.textblock_textcol h3
{
    width:                      394px;
    border:                     0px solid red;
    height:                     auto;
}

div.textblock_textcol strong.textblock_subline
{
}

div.textblock_semipremium_even,
div.textblock_semipremium_odd
{
	margin-top:               12px;
	padding-top:              18px;
	border-top: 		      1px solid #cbd2ba;
}

div.textblock_textcol ul
{
float:left;
}
/*
div.textblock_framed h3
{
*/
/*
	color: #1781f1;
*/
/*
	font-size: 13px;
	background-color: #a2a2a2;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-left: -9px;
	color: #ffffff;
	width: 526px;
}

div.textblock_framed strong.textblock_subline
{
	color: #000000;
	font-weight:bold;
	font-size: 13px;
	background-color: #e0e0e0;
	padding: 1px 8px 1px 8px;
	margin-left: -9px;
}
div.textblock_framed
{
background-color: #e0e0e0;
padding: 4px 10px 4px 10px;
width: 516px;
}

div.textblock_framed p
{
	background-color: #f0f0f0;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
}
*/
div.textblock_boxed h3,
div.textblock_framed h3,
div.textblock_framed2 h3
{
	background-color: 		      #4E586A;
	color:							#FFFFFF;
	font-size:						13px;
	margin-left:					-9px;
	margin-right:					-9px;
	margin-top:						 0;
	padding-bottom:					1px;
	padding-left:			  		8px;
	padding-right:					0px;
	padding-top:					2px;
	
}
div.textblock_framed2 h3
{
	background-color: 		      #E0E0E0;
	color: #4E586A;
}

div.textblock_boxed h3
{
	background-color: 		        #dadada;
	color:							#747474;
	font-size:						11px;
	margin-left:					0px;
	margin-right:					0px;
	border-top: 					#aeaeae solid 1px;
}

div.textblock_boxed
{
    float:                      	left;
	background-color: 		        #ffffff;
	border-bottom: 					#aeaeae solid 1px;
	border-left: 					#aeaeae solid 1px;
	border-right: 					#aeaeae solid 1px;
	margin-left:					0px;
	margin-right:					0px;
	padding-bottom: 				4px;
	width: 							362px;
}
div.textblock_boxed img
{
	border: 						none;
}


div.textblock_framed strong.textblock_subline {
background-color:#E0E0E0;
color:#000000;
font-size:13px;
font-weight:bold;
margin-left:-9px;
padding:1px 8px;
}
div.textblock_framed {
background-color:#E0E0E0;
padding:0px 10px 4px 10px;
width:97%;
}

div.textblock_framed2 {
background-color:#EFEFEF;
padding:0px 10px 4px 10px;
width:97%;
}

div.textblock_framed p {
background-color:#F0F0F0;
padding-bottom:7px;
padding-left:10px;
padding-top:8px;
}
div.textblock_framed img
{
border: none !important;
margin-bottom: 14px;
}

div.textblock_arrow {
	background: #D5E2F2 url(../img/pfeilnachunten2.gif) bottom left no-repeat;
	padding: 2px;
}

div#centerPane div.textblock_arrow  ul {
margin: 15px 0 0 15px;
}

dl#keywords
{
    float:                      left;
    width:                      672px;
    margin-bottom:              10px;
    border-bottom:              1px solid #cccccc;
}

dl#keywords dt
{
    display:                    none;
    clear:                      both;
    float:                      left;
    width:                      230px;
    margin:                     0px;
    padding-left:               10px;
    padding-right:              10px;
    padding-top:                10px;
    padding-bottom:             10px;
    font-weight:                bold;
}

dl#keywords dd
{
    display:                    none;
    float:                      right;
    width:                      402px;
    margin:                     0px;
    padding-left:               10px;
    padding-right:              10px;
    padding-top:                10px;
    padding-bottom:             10px;
}

dl#keywords dt.dl_head
{
    display:                    block;
    padding-left:               9px;
    padding-top:                2px;
    padding-bottom:             3px;
    border-left:                1px solid #cccccc;
    border-top:                 1px solid #cccccc;
    background-color:           #f0f0f0;
    font-weight:                bold;
}

dl#keywords dd.dl_head
{
    display:                    block;
    padding-left:               9px;
    padding-right:              9px;
    padding-top:                2px;
    padding-bottom:             3px;
    border-left:                1px solid #cccccc;
    border-right:               1px solid #cccccc;
    border-top:                 1px solid #cccccc;
    background-color:           #f0f0f0;
    font-weight:                bold;
}

dl#keywords dt.keyword_selected,
dl#keywords dd.keyword_selected
{
    display:                    block;
}

/******************************************************************************
* Reiter-Gruppen (c) cliclab
******************************************************************************/

div#content0 {
	display:                    block;
	float:                      left;
	width:                      476px;
}
a#contenttab0 {
	background-image:	url(../img/tab1.gif);
	font-weight:                bold !important;
    padding-bottom:             2px;
    xcolor:white;
}

div#content1 {
	display:none;
	float:left;
	width:                      476px;
}
div#content2 {
	display:none;
	float:left;
	width:                      476px;
}
div#content3 {
	display:none;
	float:left;
	width:                      476px;
}
div#content4 {
	display:none;
	float:left;
	width:                      476px;
}
div#content5 {
	display:none;
	float:left;
	width:                      476px;
}
div#content6 {
	display:none;
	float:left;
	width:                      476px;
}
div.contenttabs {
	background-image:url(../img/tabbg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height: 24px;
	margin-bottom:10px;
	margin-right:2px;
	margin-top:0;
	padding-right:10px;
    line-height: 1.4em;
	float:  left;
}

div.contenttabs a#contenttab3 {
    clear: both;
}

div.contenttabs h2 {
	display:inline;
}
a.tab, a.tab:link, a.tab:visited, a.tab:active, a.tab:hover {
	background-image:url(../img/tab2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#606060;
	display:block;
	float:left;
	height:24px;
	padding-top:4px;
	text-align:center;
	text-decoration:none;
	width:150px;
	font-weight: normal;
}

a.tabsel, a.tabsel:link, a.tabsel:visited, a.tabsel:active, a.tabsel:hover {
	background-image:url(../img/tab1.gif);
	font-weight: normal;
    xcolor: white;
}
