html{
	background-color: #f8f8f8;
	
        font-size:95%; /*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
        width:100%;
        height:100%;
        padding:0;
        
}
body{
	font-family:Arial, Helvetica, sans-serif;
        font-size:100%; /*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
        color:#333;
        width:100%;
        height:90%;
        margin:0;
        background-color: #f8f8f8;
}
html>body { height:90%}

#gesamttabelle {
    width:100%;height:99%;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin:0;
	padding:0;
}
img{
	border:none;
}

a, a:link, a:visited, a:active {
    color:#058;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

input {
    background:#E8E8E8; 
    border:solid 1px #666666;
}

.invisible{
	display:none;
}

#alles{
    display:block;
    margin:auto;
    padding:0;
    overflow:none;
    width:800px;
    height:455px;
   
}

#header{
	width:100%;
	height:112px;
	overflow:hidden;
        background: #fff url(/dna_images/tmpl_maier-immo/images/rechter_rand.gif) repeat-y right;
}
#logoarea{
	width:160px;
        height:112px;
	float:left;
	padding:0;
	margin:0
}
#logo{
	width:160px;
	height:112px;
}

#styleswitcher{
	padding:2em 0 1em 7px;
	display:block;
}

#styleswitcher a{
	padding:0 0.5em 0 0;
}

#styleswitcher img{
	width:1em;
	height:1em;
}

#nav-rechts {
    
    width:640px;
    height:82px;
    float:left;
       
}

#main-nav{
	color:#fff;
	
	padding:0;
}

#main-navigation{
	list-style:none;
	padding:0;
	margin:0;
}
#main-navigation li{
	width:auto;
        float:left;
	margin:0;
	padding: 0 0.1em 0 0;
	line-height:1.2em;
}
#main-navigation a{
	font-weight:bold;
	color: #4B7FA6;
	background: #fff ;
	text-decoration: none;
	padding-left: 10px;
}
#main-navigation a:hover,
#main-navigation a:focus,
#main-navigation a:active{
	color: #fff; 
	background-color: #4B7FA6;
}
#main-navigation a span{
	background: #fff ;
	padding-right: 10px;
}
#main-navigation a span.active{
	color:#f00;
}
#main-navigation a:hover span,
#main-navigation a:focus span,
#main-navigation a:active span{
	background-color: #4B7FA6;
        color:#fff;
}
/* ***** login ****** */
#login{
	list-style:none;
	padding:0;
	margin:0;
}
#login li{
	width:auto;
        float:right;
	margin:0;
	padding: 0 0.5em 0 0;
	line-height:1.2em;
}
#login a{
	font-weight:bold;
	color: #fff;
	background: transparent ;
	text-decoration: none;
	padding-left: 10px;
}
#login a:hover,
#login a:focus,
#login a:active{
	color: #4B7FA6; 
	
}

/* *********** */

#textline {
    float:left;
    background-color:#036;
    height:30px;
    width:640px;
    overflow:hidden;
    
}
#schriftzug{
    margin:0 10px 0 10px;
   
}

#rightBorder {
    background-color:#ACCEF7;
    width:60px;
    height:500px;
    float:right;
}
#at_zeichen {
    width:30px;
    height:30px;
    float:right;
    background-color:#ACCEF7;
    padding:0 5px 0 5px;
}
#main{
	background: #DCEBFC url(/dna_images/tmpl_maier-immo/images/rechter_rand.gif) repeat-y right;
               
}

#sub-nav{
	
        width:160px;
        float:left;
	padding:0;
	margin:0;
        
        
}

#sub-nav span.active{
    color:#f00;
}


#content{
	font-size:9pt;
        /*
        margin-left:160px !important;*/ /* das kann IE nicht, nutzt also die nächste Zeile */
        /*margin-left:158px;*/
        /*margin-right:60px;*/
	/*padding: 1em 127px 1em 10px;*/
	margin-right:0px;
        padding: 10px;
	background: #fff; 
        width:443px;
        height:260px;
        overflow:auto;
        float:left;
  scrollbar-base-color:#E5E8EB;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#003366;
  
  
  scrollbar-shadow-color:#FFFFFF;
  scrollbar-shadow-color:#FFFFFF;
    
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-darkshadow-color:#FFFFFF;
  
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-highlight-color:#FFFFFF;
  
  scrollbar-face-color:#E5E8EB;
  scrollbar-highlight-color:#E5E8EB;
  scrollbar-shadow-color:#E5E8EB;
  scrollbar-track-color:#F7F7F7;
        
}

#bild-rechts {
    
}

#bild-rechts img{
    height:280px;
    width:117px;
    padding:0px;
    margin-left:0px !important;
    margin-left:-3px;
            
}

h1{
    font-size:11pt;
    width:80%; /*internet explorer */
}

.vorspann{
	font-weight:bold;
	margin-bottom:1em;
        width:80% /* internet explorer... */
}

.platz{
    clear:both;
}

/* hier die Stories, je nachdem wieviele Spalten */
.spalte_1 {
    width:47%;
   float:left;
}

.artikel_1_spalten div.spalte_1 {
    width:auto;
}

.spalte_2 {
    float:right;
    width:47%;
}

.spalte_3 {
    
    width:48%;
    float:left;
}
.spalte_4 {
    float:right;
    width:48%;
}

.fliesstext{
	margin-bottom:1em;
        text-align:left;
                
        
}

.fliesstext:first-letter{
	
        font-size:1.5em;
}

.border{
	
        clear:both;
        background-color:#036;
	width:800px;
        height:30px;
}

#footer{
    width:800px;
    height:30px;
    background: #fff url(/dna_images/tmpl_maier-immo/images/rechter_rand.gif) repeat-y right;
    
}

#sonderseiten{
    width:160px;
    float:left;
    background: #DCEBFC;
    font-size:80%;
    padding-top:7px;
    padding-bottom:7px;
    
    
}
#sonderseiten a {
     
     margin-left:8px;
 }
#print_link {
     
    padding-left:45px; 
}

#image2 {
   float:right;
    width:177;
    padding-right:60px;
}

#image2 img{
    height:30px;
    width:117;
}
    

#menu,
#menu ul, /* bezieht sich daher nur auf die Untermenues */
#menu li,
#menu a {
	display:block;
	margin:0;
	padding:0;
	border:0;
        font-size:90%;
}

#menu {
	
	margin-top:10px;
	list-style:none;
}
#menu ul {
	
	list-style: none;
        
}

#menu li {
	line-height: 12px;
	padding:0 0 0 5px; /* linke einrückung des menues */
}

	

#menu a {
	background: transparent ;
	color: #058;
	width:100%;
	text-decoration:none;
						
}
#menu a:hover,
#menu a:active,
#menu a:focus {
    color: #fff; 
    background-color: #4B7FA6;
}

#maklerlogo {
    margin-top:100px;
    text-align:center;
    vertical-align:bottom;
    height:100%;
    
}

#maklerlogo div{
    font-size:60%;
    clear:left;
}