/* Farben */

/* 
erste Hierarchie, Überschriften
Hellblau : 51b7ff

Unteren Menüpunkte (z.B. Anbieten, Suchen …) bzw. Überschriften im Text
Dunkelblau : 1167c8

Schwarze Schrift : 656586

Dunkelrot : b3091a

hellgrau : c3c3d7

*/

h2
{
	margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;
}

label
{
	margin-left:3px;
}


td, tr, div, p {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
}

hr {
  color			   :#CCC; 
  width            : 100%;
  border-style:solid;
  margin-top:4px;
  background-color:#FFF;
  height:0;
  max-height:0;
  display:block;
  position:relative;
  clear:both;
  font-size:1px;
  padding:0;
  border-top:1px solid #CCC;
  border-bottom:1px solid #FFF;
  border-left:#FFF;
  border-right:#FFF;
}

.hr1 {
  margin-bottom:3px;
}

h1
{
	font-size:22px;
	color:#656586;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h3
{
	font-size:17px;
	color:#656586;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


h2
{
	font-size:18px;
	color:#656586; 
	font-weight:500;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4
{
	font-size:14px;
	color:#656586; 
	font-weight:500;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#buttons 
{
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
  color			   : #656586;
}

.button 
{
  font-size        : 12px;
/*  height           : 22px !important;*/
  margin-left	   : 0px;
  margin-top	   : 5px;
  padding          : 1px;
  color			   : #656586;
  
}

.button_anmeld 
{
  font-size        : 12px;
/*  height           : 22px !important;*/
  margin-bottom    : 0px;
  padding          : 1px;
  color			   : #656586;
  margin-left	   : 0px;
  margin-top	   : 5px;
}

.button_l 
{
  font-size        : 12px;
 /* height           : 22px !important; */
  margin-bottom    : 5px;
  padding          : 1px;
  float			   : left;
  color			   : #656586;
}

.inputbox 
{
  font-family      : Verdana, arial, helvetica, sans-serif;
  font-size        : 12px;
  border           : 1px solid;
  border-color	   : #CCCCCC; 
/*  background-color : #FDFCFC; */
  margin-bottom    : 2px;
  margin-top	   : 2px;
  color			   : #656586;
  width			   : 406px;
	
}

.uploadbox {
  font-family      : Verdana, arial, helvetica, sans-serif;
  font-size        : 12px;
  border           : 1px solid;
  border-color	   : #CCCCCC; 
  background-color : #FDFCFC;
  margin-bottom    : 2px;
  margin-top	   : 2px;
  color			   : #656586;
  width			   : 424px;
	
}

.inputbox_short {
  font-family      : Verdana, arial, helvetica, sans-serif;
  font-size        : 12px;
  border           : 1px solid; 
  border-color	   : #CCCCCC; 
/*  background-color : #FDFCFC;*/
  margin-bottom    : 2px;
  margin-top	   : 2px;
  color			   : #656586;
}



.inputbox_short_email
{
 font-family      : Verdana, arial, helvetica, sans-serif;
  font-size        : 12px;
  border           : 1px solid; 
  border-color	   : #CCCCCC; 
/*  background-color : #FDFCFC;*/
  margin-bottom    : 2px;
  margin-top	   : 2px;
  color			   : #656586;
  width:300px;
}

.inputbox_anmeld 
{

  font-family      : Verdana, arial, helvetica, sans-serif;
  font-size        : 12px;
  border           : 1px solid; 
  border-color	   : #CCCCCC; 
  background-color : #FDFCFC;
  margin-bottom    : 2px;
  margin-top	   : 2px;
  margin-left	   : 0px;
  color			   : #656586;
}

.label_anmeld
{
  font-family      : Verdana, arial, helvetica, sans-serif;
  font-size        : 12px;
  margin-bottom    : 0px;
  margin-top	   : 0px;
  margin-left	   : 0px;
  color			   : #656586;

}


.check_inputbox {
  font-family      : Verdana, arial, helvetica, sans-serif;
  font-size        : 12px;
/*  background-color : #FDFCFC;*/
  margin-bottom    : 0px;
  margin-top	   : 3px;
  color			   : #656586;
}

.select_box
{
  	font-size       : 12px;
  	width			: 329px;
 	margin-bottom   : 2px;
  	margin-top	   	: 2px;
	color			: #656586;
	font-family     : Verdana, arial, helvetica, sans-serif;
}

.select_box_short
{
  	font-size       : 12px;
  	width			: 189px;
 	margin-bottom   : 2px;
  	margin-top	   	: 2px;
	color			: #656586;
	font-family     : Verdana, arial, helvetica, sans-serif;
}

.search_field
{
  	font-size       : 12px;
  	width			: 325px;
 	margin-bottom   : 2px;
  	margin-top	   	: 2px;
	color			: #656586;
	font-family     : Verdana, arial, helvetica, sans-serif;
}

.search_field_short
{
  	font-size       : 12px;
  	width			: 185px;
 	margin-bottom   : 2px;
  	margin-top	   	: 2px;
	color			: #656586;
	font-family     : Verdana, arial, helvetica, sans-serif;
}

.date_feld
{
  	font-size       : 12px;
 	margin-bottom   : 2px;
  	margin-top	   	: 2px;
	color			: #656586;
	font-family     : Verdana, arial, helvetica, sans-serif;

}


a:link, a:visited {
  font-size        : 12px;
  text-decoration  : none;
  font-weight      : normal;
  text-decoration  : none;
}

a:hover {
  font-size        : 12px;
  color            : #1167c8;
  text-decoration:underline;
}

ul {

  margin           : 2px;
  padding-left     : 5px;
  list-style       : none;
  list-style	   : none;
}

li {
  
  line-height      : 15px;
  padding-left     : 5px;
  padding-top      : 0px;
  list-style	   : none;
}


.date {
  font-size        : 12px;
  color            : #333333;
  padding-right    : 10px;
}

table.content{
  width            : 100%;
  padding          : 0px;
  border-collapse  : collapse;
  border-spacing   : 0px;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  padding-left     : 5px;
  padding-right    : 5px;
  border-spacing   : 0px;
  margin-bottom    : 5px;
}
table.contentpaneopen
{
  width            : 100%;
  padding-left     : 5px;
  padding-right    : 5px;
  border-spacing   : 0px;
  margin-bottom    : 5px;
}

.header {
  font-size        : 12px;
  font-weight      : bold;
  line-height      : 24px;
  text-transform   : none;
  text-align       : left;
  color            : #1167c8; /* #005A02;*/
  width            : 100%;
}.title {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  text-transform   : none;
  text-indent      : 8px;
  font-size        : 20px;
  text-align       : left;
  color            : #FFFFFF;
}


.contentheading {
  font-size        : 12px;
  font-weight      : bold;
  line-height      : 24px;
  text-transform   : none;
  text-align       : center;
/*  color			   : #51b7ff; */
  width            : 100%;
}.title {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  text-transform   : none;
  text-indent      : 8px;
  font-size        : 20px;
  text-align       : left;
  color            : #FFFFFF;
}

.contentheading2 {
  font-size        : 12px;
/*  font-weight      : bold;*/
  line-height      : 24px;
  text-transform   : none;
  text-align       : left;
  color            : #1167c8; 
  width            : 100%;
  padding-left	   : 0px;

}


.componentheading3 {
  font-size        : 14px;
  line-height      : 24px;
  text-transform   : none;
  text-align       : center;
  color			   : #666; /*            : #1167c8;*/ 
  width            : 100%;
  padding-left	   : 0px;
  margin-top:20px;
  margin-bottom:20px;

}

.componentheading4 {
  font-size        : 10px;
  line-height      : 24px;
  text-transform   : none;
  text-align       : left;
  color            : #1167c8; 
  width            : 100%;
  padding-left	   : 0px;
  margin-top:20px;
  margin-bottom:20px;
}

.componentheading5 {
  font-size        : 14px;
  line-height      : 24px;
  text-transform   : none;
  text-align       : center;
  color			   : #666; /*            : #1167c8;*/ 
  width            : 100%;
  padding-left	   : 0px;
  margin-top:20px;
}


/* für Calender-Control */
.title a:link, .title a:visited {
  font-size        : 20px;
  color            : #FFFFFF;
  text-decoration  : none;
}
.title a:hover {
  font-size        : 20px;
  color            : #FFFFFF;
  text-decoration  : none;
}

/*
.footer 
{
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-size        : 10px;
  color            : #FFFFFF;
  font-weight      : normal;
  text-decoration  :none;
  clear:both;
}

.footer a:link, .footer a:visited 
{
  font-size        : 12px;
  color            : #FFFFFF;
  text-decoration  : underline;
}

.footer a:hover 
{
  font-size        : 12px;
  color            : #333333;
  text-decoration  : none;
}


div.module
{	
	padding-left: 10px;
	margin:0px;
	margin-bottom:20px;
}


div.module h3
{	
	font-size:10pt;
	margin:0px;
	padding:0px;	
	color:#1167c8; 
	margin-bottom:5px;
}

div.module form
{
	margin:0px;
	padding:0px;	
}

div.module table
{
	margin:0px;
	padding:0px;		
	border-collapse:collapse;
	
}

div.module td
{
	text-align: left;	
}

*/
.contentpaneopen h3
{
	font-size:10pt;
	font-weight:bold;
	margin:0px;
	padding:0px;		
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
		
}

.contentpaneopen p, ul
{	
  margin		   : 0px;
  margin-bottom   : 15px; 
}

/* Bottommenue
--------------------------------------------------------- */

div.moduletable_bottommenu
{
	margin:0px; padding:0px;
}

.moduletable_bottommenu td
{	
	text-align:center;
}

div.moduletable_bottommenu span
{	
	padding-left: 5px;   
	padding-right: 5px;   
}
/*
.error
{
	color:#FF0000;
}
*/
.mail_ok
{
	color:	#090; /* #005A02;*/
}

li
{
	margin-top:4px;
}

.link_hb
{
	color	:#1167c8;
	font-weight:500;
	text-decoration:none;
}


a.haekchen_link:before
{
	content:url(../images/haekchen.gif); border:0px;
}

a.haekchen_link
{
	text-decoration:none;
	color:#656586;
	font-weight:500;
}

a:hover.haekchen_link
{
  font-size        : 12px;
  color			   : #666666;
  text-decoration  : underline;
}


a.link_black_haekchen:before
{
	content:url(../images/haekchen.gif); border:0px;
}

a.link_black_haekchen
{
	color:#656586 /*#51b7ff*/;
	font-weight:500;
}


a:hover.link_black_haekchen
{
  font-size        : 12px;
  color			   : #666666;
  text-decoration  : underline;
}

a.link_green_haekchen:before
{
	content:url(../images/haekchen_green.gif); border:0px;
}

a.link_green_haekchen
{
	color:#090 /*#51b7ff*/;
	font-weight:500;
}

a:hover.link_green_haekchen
{
  font-size        : 12px;
  color:#090;
  text-decoration  : underline;
}


.link_red
{
	color:#c81b2c /*#51b7ff*/;
	font-weight:500;
}

a:hover.link_red
{
  font-size        : 12px;
  color			   : #666666;
  text-decoration  : underline;
/*  font-weight	   : bold;*/
}

.link_green
{
    color:#090;
    font-weight:500;
}

a:hover.link_green
{   
  text-decoration  : underline;
}

.link_yellow
{
    color:#FF8000;
    font-weight:500;
}

a:hover.link_yellow
{   
  text-decoration  : underline;
}


.link_black
{
	color:#656586 /*#51b7ff*/;
	font-weight:500;
}

a:hover.link_black
{
  font-size        : 12px;
  color			   : #666666;
  text-decoration  : underline;
/*  font-weight	   : bold;*/
}

.link_black_little
{
	color:#656586 /*#51b7ff*/;
	font-size:10px;
	text-decoration:none;
/*	font-weight:500;*/
}

a:hover.link_black_little
{
  font-size        : 10px;
  color			   : #666666;
  text-decoration  : underline;
/*  font-weight	   : bold;*/
}


.link_db
{
	color:#1167c8;
		
}

.link_liste
{
	color:#656586;
    text-decoration  :none;
}

a:link.link_liste
{
	color:#656586;
}

a:hover.link_liste  
{
  font-size        :12px;
  color			   :#666666;
  text-decoration:underline;
}

.link_red
{
	color:#b00011;
	font-size        : 11px;
  	padding-left     : 0px;
}

.link_gray
{
	color:#CCCCCC;
	text-decoration:none;
}

a:hover.link_gray  
{
  font-size        : 12px;
  color			   :#666666;
  text-decoration  : underline;
}

.link_live
{
	color:#656586;
	text-decoration:none;
}

a:hover.link_live  
{
  font-size        : 12px;
  color			   :#666666;
  text-decoration  : underline;
}



.link_title
{
	color:#CCCCCC;
	text-decoration:none;
}

a:hover.link_title  
{
  	color			   :#666666;
	text-decoration    :none;
}

.fix_table
{
	table-layout:fixed;
}


.anmeld
{
	padding-left:15px;
	
}

.table_kopf
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF; /*#EFF5FB;*/
	padding-bottom:0px;
	vertical-align:top;
	
	
}

.table_kopf2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
/*	padding-bottom:5px;*/
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	vertical-align:top;
	
}

.table_row
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#c3c3d7;
	vertical-align:top;
	border:#FFFFFF;
	border-width:0px;
	padding-left:10px;
	
}

.table_row2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top;
	border:#FFFFFF;
	border-width:0px;
	padding-left:10px;

}

.table_row3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#c3c3d7;
	border:#FFFFFF;
	border-width:0px;
	padding-left:10px;

}

.ratgeber
{
	color:#1167c8;
}

a:link.ratgeber
{
	color:#1167c8;
}

a:hover.ratgeber
{
	color:#1167c8;
	font-weight	   :normal;
    text-decoration:underline;

}

.error_text
{
	color:#F00;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight:100;
	
}

.little_gray_text
{
	color:#CCCCCC;
	font-size:10px;
}


.template_left
{
	background-color: #f8f7f5; /*#F1F1F1; #e9f5fa;*/
	padding-left:3px;
  	font-size:12px;
	border:0px;
}

.template_label
{
	padding-left:15px;
	padding-bottom:5px;
  	font-size:12px;
	border:0px;
}

.template_field
{
	background-color: #f8f7f5; /*#F1F1F1; #e9f5fa;*/
	padding-left:3px;
	padding-bottom:5px;
  	font-size:12px;
	border:0px;
}

.template_table
{
	background-color: #f8f7f5; /*#F1F1F1; #e9f5fa;*/
	padding-left:3px;
	padding-top:15px;
  	font-size:12px;
}

.template_table_white
{
	background-color:#FFF;
	padding-left:3px;
  	font-size:12px;
}

.text_normal
{
	font-size:10px;
	color:#656586;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.pRatgeber
{
	padding-top:10px;
	padding-bottom:10px;
}

ol.oRatgeber
{
	padding-left:35px;
}

li.lRatgeber
{
/*  	padding-left     : 15px;*/
	list-style:decimal;
}


.x-form
{
	background-color:#f8f7f5;
}

.static_text
{
	font-size:9px;
	color:#CCCCCC;
}

.input_live
{
  font-family      : Verdana, arial, helvetica, sans-serif;
  font-size        : 12px;
  border           : 1px solid; 
  border-color	   : #CCCCCC; 
/*  background-color : #FDFCFC;*/
  margin-bottom    : 2px;
  margin-top	   : 2px;
  color			   : #656586;
}

#LSHighlight {
     color: #564b47;
}


#JT_arrow_left{
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 1px solid #F2F2F2;
	background-color:#FFF; 
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#656586;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #FFF;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	/*font-weight:bold;*/
	color:#656586;
}

#JT_close_right{
	background-color: #D7EAFF;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	/*font-weight:bold;*/
	color:#656586;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip, a.jTip
{
	cursor:auto;
}

.jTipIcon
{
	vertical-align:bottom;
	padding-bottom:3px;
	padding-left:3px;
}

.wohnung_logo
{
}

.grundstueck_logo
{

}

#status
{
	color:#0C0;
}

.slide-out-div 
{
	padding: 20px;
	width: 250px;
	background:#FFF;
	border: #51b7ff 1px dotted;
}      

 
textarea {
    width:90%;
    padding:5px;
}
 
#form-wrap {
    background: #fff;
	margin-left:66px;
 	margin-top:20px;
}

.blue_text
{
	color: #1167c8;
	font-size:14px;
}