html, body {
    margin:                 0px;
    padding:                0px;
	text-align: 			center; /* IE center bug */
    background-color:       #ffffff;
    color:                  #000000;
    FONT:                   13px/18px Arial, Helvetica, sans-serif;
	background-image:       url(../images/design/blauverlauf.jpg);
	background-repeat:      repeat-x;
	background-position:    left top;
}

img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.center {
text-align: 			center;
}



div#pageFrame {
	top:					10px;
	position: 				relative;
	width: 					820px; /* total pagewidth */
	height:                 400px;
	margin: 				0 auto;
	background-color:       #ffffff;
	background-image:            url(../images/design/bg_topbox.png);
	background-repeat:           repeat-x;
	background-position:         top;	

}

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

/*--------------------------------------------------------------------------*/

h1{
    font-family:              Arial, Helvetica, sans-serif;
    font-size:                16px;
    color:                    #09348f;
    font-weight:              bold;
    margin-top:               0px;
    margin-bottom:            2px;
    LETTER-SPACING:           0.1em;
}

h2{
    font-family:                Arial, Helvetica, sans-serif;
    font-size:                  14px;
    color:                      #09348f;
    font-weight:                bold;
    margin-top:                 0px;
    margin-bottom:              2px;
    LETTER-SPACING:             0.1em;
}

h3{
    font-family:                 Arial, Helvetica, sans-serif;
    font-size:                   13px;
    color:                       #09348f;
    font-weight:                 bold;
    margin-top:                  0px;
    margin-bottom:               2px;
    padding: 0px
}

h4 {
    FONT:                        bold 11px/22px Arial, Helvetica, sans-serif;
    COLOR:                       #09348f;
    LETTER-SPACING:         	 0.2em;
    margin:             		 0px;
  	padding:                     0px;
}

h5{
    font-family:                 Arial, Helvetica, sans-serif;
    font-size:                   13px;
    color:                       #09348f;
    font-weight:                 bold;
    margin-top:                  0px;
    margin-bottom:               2px;
    padding: 0px;
	border-bottom: 		1px solid #B2C5E0;
}
/*--------------------------------------------------------------------------*/


#header {
	position:					 absolute;
	top: 						 0px;
	right: 						 0px;
    width:                       820px;
    height:                      68px;
 	text-align:                  left;
	background-color:       	 #ffffff;
	background-image:            url(../images/design/bg_header.jpg);
	background-repeat:           repeat-x;
	background-position:         bottom;
}

#header_menue {
	width:                       820px;
	height:                      18px;
	position:					 absolute;
	top: 						 68px;
	right: 						 0px;
	text-align:                  left;
	background-image:            url(../images/design/header_menue.png);
	background-repeat:           no-repeat;
	background-position:         right top;
}

#immobilien_box {
	width:                       158px;
	height:                      212px;
	position:					 absolute;
	top: 						 96px;
	left: 						 10px;
	text-align:                  left;
	border:						 2px solid #FFFFFF;
	overflow: 					 auto;overflow-x:hidden; overflow-y:hidden;
}
#kontakt_box {
	width:                       158px;
	height:                      212px;
	position:					 absolute;
	top: 						 96px;
	right: 						 11px;
	line-height:				 0px;	
	text-align:                  left;
	border:						 2px solid #FFFFFF;
	overflow: 					 auto;overflow-x:hidden; overflow-y:hidden;
}
#vita_box {
	width:                       449px;
	height:                      212px;
	position:					 absolute;
	top: 						 96px;
	left: 						 183px;
	line-height:				 0px;
	text-align:                  left;
	border:						 2px solid #FFFFFF;
    overflow: 					 auto;overflow-x:hidden; overflow-y:hidden;
}

#zitate_box, #sprach_box{
	width:                       158px;
	height:                      auto;
	top: 						 0px;
	float: 						 right;
	margin-right: 				 11px;
	margin-bottom: 				 12px;	
	font-size:                	 12px;
	text-align:                  left;
	background-image:            url(../images/design/bg_mainbox.png);
	background-repeat:           repeat-x;
	background-position:         bottom;
	border:						 2px solid #B2C5E0;
}

* html #zitate_box { /* nur für Internet Explorer 6.0*/
   	margin-right: 				 5px;
    }
	
#content_box {
	width:                       622px;
	height:                      auto;
	top: 						 0px;
	margin-left: 				 10px;	
	float: 						 left;
	text-align:                  left;
	background-image:            url(../images/design/bg_mainbox.png);
	background-repeat:           repeat-x;
	background-position:         bottom;
	border:						 2px solid #B2C5E0;
}

* html #content_box {     /* nur für Internet Explorer 6.0*/
   	margin-left: 				 5px;
    }



#content_header {
	width:                       622px;
	height:                      20px;
	top: 						 0px;
	text-align:                  left;
	color:						 #09348F;
	background-image:            url(../images/design/header_box_unten.png);
	background-repeat:           repeat-x;
	background-position:         top;
}
#zitate_header {
	width:                       158px;
	height:                      20px;
	top: 						 0px;
	text-align:                  left;
	color:						 #09348F;
	background-image:            url(../images/design/header_box_unten.png);
	background-repeat:           repeat-x;
	background-position:         top;
}

#content {
	position:					 absolute;
	top: 						 333px;
	left: 						 0px; 
	text-align:         		 left;
	width:              		 820px;
	height:            			 auto;
    background-color:       	 #ffffff;
 }



#footer {
	float: 						 left;
	margin-top:					 10px;
    width:                       820px;
    height:                      auto;
    text-align:                  left;
    background-image:            url(../images/design/header_box_unten.png);
    background-repeat:           repeat-x;
    background-position:         right top; 
	FONT:		                 11px/13px Arial, Helvetica, sans-serif;
}


.boxes {
        width:                       449px;
        height:                      179px;
        text-align:                  left;
}

.immo_pre_box{
		width:  				609px;
		height: 				auto;
		float: 					left;
		margin-bottom: 			10px;
}

.textrahmen{
	margin:0px 3px 3px 3px;
	padding:0px 3px 3px 3px;
}

#textrahmen2{
	margin:3px 3px 3px 3px;
	padding:3px 3px 3px 3px;
}

div.clear
{
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

/*--------------------------------------------------------------------------*/
A:link { color: #3277C6; text-decoration: none; } 
A:visited { color : #3277C6; text-decoration: none; } 
A:hover {color: #3277C6; text-decoration: underline ;} 
A:active {color: #3277C6; text-decoration: none; } 
/*--------------------------------------------------------------------------*/


.bild_links  {
        float:             left;
                padding-left:      2px;
        margin-left:       2px;
                padding-right:     2px;
        margin-right:      2px;
}

.bild_rechts {
        float:        right;
        /*        border: solid #000000 1px; */
        padding-left:      2px;
        margin-left:       2px;
        padding-right:     2px;
        margin-right:      2px;

}

.blur        {
        font-family:  Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #333;
        overflow: auto;
        border: 1px solid #ccc;
                }

.focus        {
        font-family:  Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #000000;
        border: 1px solid #006633;
                }


/*--------------------------------------------------------------------------*/

#hideOverlay{

	color:                  #000000;
	FONT:                   13px/18px Arial, Helvetica, sans-serif;
	border:    			    1px dotted #000000;
	display:				none;
}

/*--------------------------------------------------------------------------*/
/*----------		  	    Slider für die Zitate  			    ------------*/
/*--------------------------------------------------------------------------*/

#stage{width:609px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:auto; margin:0 auto;}
#slider-buttons{width:609px; margin:0 auto;}
	#myList{width:14000px; border:0; margin:0; padding:0; left:191px;}
	#myList_old{width:14000px; border:0; margin:0; padding:0; left:191px;background-image:url(../images/design/zitatebg.jpg); background-repeat:repeat-x; background-position:right top;}
	#myList li{
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		margin-right:4px;
		padding:4px; 
		float:left;
		width:191px;
		width:597px;
		height:auto;
		}

/*----------------------------------------------------------------------------------*/
/*----------		  	    Slider für die Immobilienbox  			    ------------*/
/*----------------------------------------------------------------------------------*/
		
#stage_immo{width:158px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:175px; margin:0 auto;}
#slider-buttons_immo{width:158px; margin:0 auto;}
	#myList_immo{width:14000px; border:0; margin:0; padding:0; left:158px;}
	#myList_immo li{
  	    font-family:            Arial, Helvetica, sans-serif;
        font-size:              12px;
		line-height: 13px;
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		float:left;
		width:158px;
		height:175px;
		}		
/*--------------------------------------------------------------------------*/
/*----------		    Immobilien Toggler / Slider  		    ------------*/
/*--------------------------------------------------------------------------*/

#vertical_slide_Expose, #vertical_slide_Lage, #vertical_slide_Daten, #vertical_slide_Bilder, #vertical_slide_Grundrisse {
	color: #000000;
	padding: 0px;
/*	border: 5px solid #F3F1F1; */
/*	font-weight: bold; */
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}	
	
		
/* Temporär */		

.image-side {
	width: 				120px;
	height: 			auto; 
	text-align:			center;
	float:				right;
	background-color: 	#D7EFFF;
	border: 3px solid #FFFFFF;	
}