/* At-Rules */
@charset "iso-8859-1";

/****************************************************************************************************************************************************/
/******************************************************************     Basis     *******************************************************************/
/****************************************************************************************************************************************************/ 

body {
	background: #ffffff;	
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: arial,helvetica;
	font-size: 11px;
	color: #808080;
	letter-spacing: 0.05em;
}
br { 
letter-spacing: normal;
}


td {
	background: white;	

	font-family: helvetica;
	font-size: 11px;
	color: #808080;
	letter-spacing: 0.05em;
}

p {
	padding: 0px;
	margin: 0px;
}

h2 {
	MARGIN-TOP: 0;
	font-size: 11px;
	color: #0470bb;
	font-weight: bold;
	
}
h3 {
	font-family: arial,helvetica;
	MARGIN: 0;	 
	padding: 0;
	font-size: 11px;
	color: #0470bb;
	display: inline;    
    font-weight: normal;
}

a:link, a:visited {
	font-family: arial,helvetica;
	font-size: 12px;
	color: #808080;
	text-decoration: underline;	
}
a:hover {
	color: #FF9933;
	text-decoration: underline;	
}

/****************************************************************************************************************************************************/
/******************************************************************     Bereiche  *******************************************************************/
/****************************************************************************************************************************************************/ 

#master {
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -500px;
	margin-top: -350px;
	width: 1000px;
	height:	700px;
	z-index:1;
	/*background-image: url(../images/master_bg.jpg)	;*/
}

#top {
	text-align: left;  
	margin-left:auto;
	margin-right:auto;
	padding-top: 33px;
}

#middle {
	padding-top: 29px;
	height: 460px;
}

#subnavi {	
  	float: left; width: 235px;
    margin: 0; padding: 0;
	background-image: url(../images/navi_back.jpg)	;	
	background-position: right;
	background-repeat: no-repeat; 
	height:468px;
}

#content {	
	position: absolute;
	margin-left: 247px;
	background-color: white;
	width: 720px;
	border: 1px solid #dddedf;
	height:465px; 
}




#footer {
	clear:both;
	padding-top: 32px;
font-family: arial,arial,helvetica;
	font-size: 10px;
	color: #808080
}


/* Navigation */
ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
} 
 
/****************************************************************************************************************************************************/
/******************************************************************     Blocks    *******************************************************************/
/****************************************************************************************************************************************************/ 



/**************************************************************************/
/*																		  */
/*						Block 1											  */
/*																		  */
/**************************************************************************/

#block1{
	float:left;
	font-family: Verdana,Arial,Helvetica;
	color: #808080;
	padding-top:60px; 
} 

#block1 ul {
	margin: 0; 
    text-align: left;
	padding-left: 35px;
}  

#block1 ul li{
	display: inline;
	margin: 0; padding: 0;
}

div#block1 a {		 
	padding-top:17px;  
}



div#block1 a#active_menu {
	color: #0470bb;
	background-image: url(../images/bg_top.gif)	;
	background-repeat: no-repeat; 
}

div#block1 a.menu:link,
div#block1 a.menu:visited {
	font-family: Arial,Verdana,Helvetica;
	font-size: 10px;
	text-decoration: none;
	color: #808080;	
}

div#block1 a.menu:hover {
	text-decoration: underline;	
}

#block1 span#trenner {
	padding-left: 2px;
	padding-right: 2px;
}

/**************************************************************************/
/*																		  */
/*						Block 2											  */
/*																		  */
/**************************************************************************/

#block2{  
    font-family: arial,helvetica;
   	font-size: 11px;
   	color: #808080	; 
	width: 180px;
	padding-left: 35px;
	padding-top: 100px;
}

div#block2 a {		 
	padding-left:20px;	
	padding-top: 2px;
    line-height: 20px;
}
div#block2 #active_menu {
	background-image: url(../images/bg_left.gif)	;
	background-repeat: no-repeat;  
	color: #0470bb;
}

div#block2 a.menu:link,
div#block2 a.menu:visited {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #808080;	
}

div#block2 a.menu:hover {
	text-decoration: underline;	
}

div#block2 p {
	padding-left: 20px;
}

div#block2 h3 {
	padding-left: 20px;
}

.blocktext {	
   font-size: 10px;
   padding-left: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
   letter-spacing: 0.0em;
	
}

/**************************************************************************/
/*																		  */
/*						Block 3											  */
/*																		  */
/**************************************************************************/

#block3 {
	float:left;

}


#block3 ul {
	margin: 0; 
    text-align: left;
	padding-left: 35px;
}  

#block3 ul li{
	display: inline;
	margin: 0; padding: 0;
}

div#block3 #active_menu {
	color: #0470bb;

}

div#block3 a.menu:link,
div#block3 a.menu:visited {
	font-size: 10px;
	text-decoration: none;
	color: #808080;		
}
div#block3 a.menu:hover {
	text-decoration: underline;	
}

#block3 span#trenner {
	padding-left: 5px;
	padding-right: 5px;
}

/**************************************************************************/
/*																		  */
/*						Block 4											  */
/*																		  */
/**************************************************************************/

#block4 {
	float:right;
}


#block4 ul {
	margin: 0; padding-right: 20px;
    text-align: right;
}  

#block4 ul li{
	display: inline;
	margin: 0; padding: 0;
}

div#block4 #active_menu {

}

div#block4 a.menu:link,
div#block4 a.menu:visited {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #808080;		
}
div#block4 a.menu:hover {
	text-decoration: underline;	
}
#block4 span#trenner {
	padding-left: 10px;
	padding-right: 10px;
}

/****************************************************************************************************************************************************/
/******************************************************************     Elemente  *******************************************************************/
/****************************************************************************************************************************************************/ 

	  

#logo {
	float:right;
	padding-right: 30px;
	padding-top: 9px;
	
		
}

#rahmen_ol {
	position: absolute;
	top:-1px;
	left: -1px;
	z-index:10;
}
#rahmen_or {
	position: absolute;
	top:-1px;
	right: -1px;
	z-index:10;
}    
#rahmen_ur {
	position: absolute;
	bottom:-1px;
	right: -1px;
	z-index:10;
}    
#rahmen_ul {
	position: absolute;
	bottom:-1px;
	left: -1px;
	z-index:10;
}

#i_rahmen_ol {
	position: absolute;
	top:10px;
	left: 10px;
	z-index:10;
}
#i_rahmen_or {
	position: absolute;
	top:10px;
	right: 263px;
	z-index:10;
}    
#i_rahmen_ur {
	position: absolute;
	bottom:8px;
	right: 263px;
	z-index:10;
}    
#i_rahmen_ul {
	position: absolute;
	bottom:8px;
	left: 10px;
	z-index:10;
}



/****************************************************************************************************************************************************/
/******************************************************************     Speziell  *******************************************************************/
/****************************************************************************************************************************************************/ 

/**************************************************************************/
/*																		  */
/*						Treemenü										  */
/*																		  */
/**************************************************************************/

.menu_out {
	width: 136px; 
	padding-left:20px;	
	font-size: 11px;
	font-weight: bold;
	cursor:pointer; 
	text-decoration: none;
	height: 20px;
}


.menu_over {
	width: 179px;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer; 
	padding-left:20px;
	text-decoration: underline;
	height: 20px;
}


.submenu_a:link {
	font-size: 10px;
	color: #808080;
	cursor:pointer; 
	text-decoration: none;
}
.submenu_a:visited {
	font-size: 10px;
	color: #808080;
	cursor:pointer; 
	text-decoration: none;
}
.submenu_a:hover {
	font-size: 10px;
	color: #808080;
	cursor:pointer; 
	text-decoration: 
	underline;
}

#activetree {
	color: #006eb9;
	background-image: url(../images/bg_left.gif)	;
	background-repeat: no-repeat; 
	padding-top: 2px; 
}

#activesub {
	color:  #006eb9;
}

#menumaster{
	padding-top:1px;
}

.menu_visited {color: blue}

.menutitle{cursor:pointer;margin-bottom: 5px;padding:2px;text-align:left;}
.submenu{padding-left: 10px;padding-top: 0px;padding-bottom: 5px; }


       

/**************************************************************************/
/*																		  */
/*						Flexcroll										  */
/*																		  */
/**************************************************************************/

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
z-index: 9000;
}

.vscrollerbase {
width: 12px;
z-index: 9000;
background: #ffffff url(../images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}




.vscrollerbar {
width: 12px;
padding: 20px;
background: #000000 url(../images/basebarcaps_verticalbarbody.png) -14px 0px repeat-y;
z-index: 9000;
}

.vscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.vscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

/****************************************************************************************************************************************************/
/****************************************************************** FCK Vorlagen  *******************************************************************/
/****************************************************************************************************************************************************/ 

#contentText{		  
    font-family: arial,helvetica;
   	font-size: 11px;
   	color: #808080	; 
	margin: 20px;
	line-height: 15px;
	width: 670px; 
    height: 400px;
	z-index: 6000;
	overflow: auto;
}

#abgesetzterText{	
    font-family: arial,helvetica;
   	font-size: 11px;
   	color: #808080	; 
	padding-top: 97px;
	padding-left: 20px;
	line-height: 17px;		 
	width: 670px;

}

#ImageText{	
	height: 100%;
}
                   
td.Imagetext-image{
	vertical-align: bottom;
}

td.Imagetext-text {
	vertical-align: top;
	padding-top: 97px;
	padding-left: 20px;
}


     
/****************************************************************************************************************************************************/
/******************************************************************     Module    *******************************************************************/
/****************************************************************************************************************************************************/ 
 
/**************************************************************************/
/*																		  */
/*						Referenzen										  */
/*																		  */
/**************************************************************************/

div#leftimage {
	position: absolute;
	height: 430px;
	width: 32px;
	top: 0px;
	left: 5px;
	z-index: 6000;
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;

}

div#leftimage img{
	position: relative;
	top: 50%;
	right: 3px;
    

}

div#rightimage {
	position: absolute;
	height: 430px;
	width: 32px;
	top: 0px;
	right: 5px;
	z-index: 6000;
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;

}

div#rightimage img{
	position: relative;
	top: 50%;
	left: 3px;
    z-index: 6000;

}	 

div#alttext {   
	font-family: Arial,Verdana,Helvetica;
	font-size: 11px;
	position: absolute;
	bottom: 47px;
	left: 250px; 
    color: #006eb9;
	width: 300px;
} 

/**************************************************************************/
/*																		  */
/*						Kontakte										  */
/*																		  */
/**************************************************************************/


#kontakt_form {

    width: 700px;
    margin-left: 20px;
	margin-top: 20px;   
    z-index: 500;
    position: absolute;
	font-family: arial,helvetica;
	font-size: 11px;
}
#kontakt_trenner {
	clear:both;
    line-height: 10px;
}

.kontakt_label{
	width: 70px;
    float:left;        
    padding-top: 3px;
}

.kontakt_layer_small{
	width: 350px;
    float:left; 
    margin-bottom: 15px;
}    
.kontakt_layer_wide{
	width: 685px;
    margin-bottom: 15px;
}


.kontakt_text_small,.kontakt_text_smallHovered{
   	width:253px;
	height:23px;
	background:url(/modules/kontakte/images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;   
    font-size:11px;
    color: #808080;
} 
.kontakt_text_smallHovered {
	background-position:left bottom;
}

.kontakt_text_wide{
	width: 250px;
}
.kontakt_textarea_small{
	width: 250px;
}
.kontakt_textarea_wide, .kontakt_textarea_wideHovered{
	width:602px;
	height:82px;
	background:url(/modules/kontakte/images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px; 
	overflow: hidden; 
	font-size:11px;
    color: #808080;  
    font-family: arial,helvetica;
}  
.kontakt_textarea_wideHovered{
	background-position:left bottom;
}

.kontakt_select_small{ 
	width: 250px;
}
.kontakt_select_wide{
 	width: 600px; 
    font-size:11px;
    color: #808080;  
    font-family: arial,helvetica;
} 

/*Selects*/
.selectArea {
	width:600px; 
	background:url(/modules/kontakte/images/select_bg.gif) repeat-x left top;
	height:21px;
	color:#808080;
    margin-left: 71px;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(/modules/kontakte/images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(/modules/kontakte/images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:560px;
	margin-left:5px;
	margin-right:20px;
	color:#808080;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:572px;
	background:#ffffff;
	padding:2px;
	font-size:11px;
	z-index:20;	   
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {	 
	font-size:11px;
	color:#808080;
	text-decoration:none;
	display:block;
	padding:1px 4px;

}
.optionsDivVisible a:hover {
	color:#ffffff;
	background:#006eb9;
}

/*Button*/
.kontakt_buttonsubmit, .kontakt_buttonsubmitHovered {
	width:80px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(/modules/kontakte/images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.kontakt_buttonsubmitHovered {
	background-position:left bottom;
}

#messagebox {
	position: absolute;
	top: 120px;
	left: 200px;
	width: 249px;
	height: 96px;	
	padding:50px;
	background-image: url(../images/message.gif)	;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;      
    z-index: 1000;
    visibility: hidden;
}

#close {
	position: absolute;
	bottom: 5px;
	right: 10px;
    color: blue;
    font-weight: bold;
}		

/**************************************************************************/
/*																		  */
/*						Immobilien										  */
/*																		  */
/**************************************************************************/	   

.immo_image_medium {
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 25px;
	border: 1px solid white;
}

.immo_image_medium:hover {
	border: 1px solid gray;
}

table#immo_object {
	margin-top: 10px;
	margin-left: 10px;
}

div#leftimage2 {
	position: absolute;
	height: 430px;
	width: 32px;
	top: 0px;
	left: 25px;
	z-index: 6000;
	filter:alpha(opacity=40);
	-moz-opacity:.4;
	opacity:.4;

}

div#leftimage2 img{
	position: relative;
	top: 50%;
	right: 3px;
    

}

div#rightimage2 {
	position: absolute;
	height: 430px;
	width: 32px;
	top: 0px;
	right: 280px;
	z-index: 6000;
	filter:alpha(opacity=40);
	-moz-opacity:.4;
	opacity:.4;

}

div#rightimage2 img{
	position: relative;
	top: 50%;
	left: 3px;
    z-index: 6000;

}

td.immotext {
	padding-left: 20px;
	padding-right: 10px;
}

td.immobild {
  border: 1px solid #dddedf;
}