/******************************************************************************
*   nord-sued-grund Immobilien
*   css/styles.css
*   (c) 2009 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
{
	font-family:				Arial, Helvetica, sans-serif;
    height:                     auto;
    color:                      #454545;
    font-size:                  1.0em;
    line-height:                1.5em;
    margin-bottom:              14px;
}

h4
{
    line-height:                1.2em;
	height:                     auto;

}

form
{
    width:                      200px;
    margin:                     0 0 8px 0;
}


a,
a:active,
a:link,
a:visited {
	text-decoration:            underline;
    color:                      #6ab023;
}

a:hover{
    text-decoration:            underline;
}

ul {
    list-style-type:            none;
}

li {
    float:                      left;
    width:                      auto;
    text-align:                 left;
}

hr {
	border: 0;
	border-bottom: 1px dashed #6ab023;
}

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;
} 

div#pageBorder{
    float:                      left;
    width:                      962px;
    height:                     auto;
    background:                 url(../img/bgPage.gif) no-repeat left top;
}
div#page{
   float:                      left;
    width:                      937px;
    height:                     auto;
    background:                 url(../img/bgPageBottom.jpg) no-repeat left bottom;
    padding-bottom:             10px;
    margin:                     0px 0px 0px 12px;
   /* border: 1px solid red;*/
}

/******************************************************************************
* Header
******************************************************************************/
div#header
{
    float:                      left;
    width:                      932px;
    height:                     30px;
    margin:                     0;
    background-color:           #aeaeae;
}

div#logo
{
    clear:                      both;
    float:                      left;
    width:                      200px;
    height:                     214px;
    background-color:           #aeaeae;
}
div#logo a
{
    display:                    block;
    width:                      200px;
    height:                     188px;
    background-color:           #ffffff;
}

div#logo img
{
    margin:                     32px 0 0 8px;
    border:                     0px;
}

div#teaserImage {
    float:                      left;
    width:                      728px;
    height:                     214px;
    background-color:           #aeaeae;
    border:                     0px;
    margin:                     0px;    
}

.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:                      #6ab023;
}
.green
{
	font-weight:                bold;
    font-style:                 italic;
    color:                      #4a8541;
}
.nolink
{
    background:                 none !important;
    padding-left:               0px !important;
}
.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 #999999;
    color:                      #696969;
    font-size:                  11px;
    font-weight:                normal;
    text-align:                 left;
    text-decoration:            none;
    height:						19px;
    width:                      auto;
	margin:						0 700px 7px 5px;
}
/******************************************************************************
* Top Navigation
******************************************************************************/
ul#headNav
{
    float:			            right;
    width:			            728px;
    height:                     30px;
    list-style-type:		    none;
    background-color:           #6ab023;
    border-bottom:              0px !important;
    border-right:               0px;
    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:                 5px;
}

/******************************************************************************
* Left Navigation
******************************************************************************/
ul#nav
{
    float:			            left;
    width:			            200px;
    height:                     auto;
    margin:                     0 0 0 3px;   
    font-size:                  1.1em;
    font-weight:                bold;
    border:                     0px solid green;
}

ul#nav li {
    width:			            200px;
    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:			            172px;
    padding:                    6px 0px 7px 28px;
    color:                      #454545;
    text-decoration:		    none;
}


ul#nav li a:hover{
    display:                    block;
    width:                      172px;
    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:                      172px;
   	color: 						#6ab023;
    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:                      172px;
   	color: 						#6ab023;
    background:                 url(../img/bgBullet2.gif) no-repeat left top;
}

ul#nav li ul li a:hover{
    width:                      200px;
    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; 
}
/******************************************************************************
* 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:                      460px;
    height:                     auto;
    padding:                    0;
    margin:                     0 0 16px 32px;
   /* background:                 url(../img/bgContent.gif) no-repeat left top;*/
    background:                 transparent url(../img/bgh2.gif)  repeat-x left top;
    border: 0px solid red;
}

div#centerPaneBorder {
    background:                 url(../img/bgContent.gif) no-repeat left top;
}

div#centerPane ul {
	margin:						15px 0px 15px;
    float:                      left;
    width:                      100%;
    height:                     auto;
    margin-bottom:              15px;
}


div#centerPane ul li {
    clear:                      left;
    float:                      left;  
    height:                     auto;
    width:                      100%;    
    padding:                    2px 0px 2px 14px; 
    line-height:                1.5em;
    font-weight:                normal;
    background:                 url(../img/bgBullet1.gif)  no-repeat -16px 0px;    
}

div#centerPane ul li ul li {
	background:                 url(../img/bgBullet4.gif)  no-repeat -16px 0px;  
}





div#centerPane h2
{
    font-family:                Arial, Verdana, sans-serif;
    font-size:                  18px;
    color:                      #6ab023;
  /*  border-bottom:              1px solid #6ab023;*/
    margin-bottom:              4px;
    padding-bottom:             4px;
    line-height:                20px;
    width:                      540px;
	font-weight:				normal;
}

div#centerPane h2 .subline
{
    font-family:                Arial, sans-serif;
    font-size:                  14px;
    color:                      #6ab023;
}
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:                      200px;
}

div#rightPane {
	margin:					    0 0 0 18px;
    float:                      right;
    width:                      180px;
    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:                normal;
	color:						#6ab023;
}    

div#rightPane a:hover

{
	text-decoration:			underline;
}
div#rightPane h3

{   
	font-family:				Arial, Helvetica, sans-serif;
    font-size:                  14px;
    color:                      #6ab023;
	margin-top: 				0px;
	font-weight: 				normal;
}

div#rightPane h4

{   
    color:                      #6ab023;
	
	font-weight: 				normal;
}

div#rightPane img {
	border: 1px solid #6ab023;
	margin: 				6px 0 0 0;
	padding: 0;

}


/******************************************************************************
* Footer
******************************************************************************/
div#footer {
    clear:                      both;
    float:                      left;
    width:                      966px;
    height:                     40px;
    text-align:                 center;
    color:                      #3e6641;
    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:                       #3e6641; 
    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:               10px;
    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;
    border:                     1px solid #87a632 !important;
}


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_semipremium_even img.float_right,
div.textblock_semipremium_odd img.float_right {
	margin-left: 			 20px !important;
}

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_framed h3 {
background-color:#6ab023;
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_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_framed p {
background-color:#F0F0F0;
padding-bottom:7px;
padding-left:10px;
padding-top:8px;
}
div.textblock_framed img
{
border: none !important;
margin: 0 !important;
padding:0 !important;
}

div.textblock_image
{
background-color:#E0E0E0;
margin: 0 !important;
padding:0 0 0 8px !important;
width:100%;
}

div#centerPane div.textblock_image ul
{
margin-left: 10px;
}

div.textblock_image img
{
	margin: 					4px 0 0 3px !important;
	padding:	                0 !important;
	border:                     none !important;
}

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;
}