@charset "utf-8";

/*******************************************************************************/
/* BASIS LAYOUT   */
/*******************************************************************************/

html {
  height:100%;
  margin:0px;
  padding:0px;
  background-color:#fff;
} 

body {
  min-height:100% !important;
  height:101%;
  margin:0;
  padding:0;
  overflow: scroll;
  z-index:0;
  background-color:#fff;
}

#wrapper {
  height:100%;
  width:100%;
  margin-top:0px;
}


.container {
  margin: 0 auto;
  max-width: 980px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  z-index:1;
  background-color:transparent !important;
  position:relative;
}


#header {
  max-width:980px;
  width:auto; 
  max-height:536px;
  margin:0 auto;
  position:relative;
}

#wrapper-navigation {
height:120px;
max-width:980px;
position:absolute;
top:0px;
z-index:200;
margin:0 auto;
left: 50%;

 -webkit-transform: translate(-50%, 0);
 -moz-transform: translate(-50%, 0); 
 -ms-transform: translate(-50%, 0); 
 -o-transform: translate(-50%, 0); 
transform: translate(-50%, 0);
}


#logo {
  width:137px;
  height:113px;
  margin-top:0px;
  background-image: url(../bilder/logo_rimmoag.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}

#mobile-logo {
  width:97px;
  height:113px;
  margin-top:0px;
  background-image: url(../bilder/logo_rimmoag.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  position:absolute;
  top:0px;
  left:0px;
  z-index:350;
}

.mlogo { display:block; width:100%; height:100%; }




/*
### ALTE Version: Tobpbild 980 x 500px 

width:980px;
height:500px; 


#wrapper-topbild { 
 width:100%;
 max-height:500px;
 position:relative;
}


#topbild {
 margin-top:120px;
 width:100%; 
 position:relative;
 }


#topbild-mask {
 position:absolute;
 top:120px;
 left:0px;
 z-index:100;
 height:0px;
 padding-bottom:51.0204%; 
 width:100%;
 
 background-image: url(../bilder/topbild_mask.png);
 background-position: center center;
 background-repeat: no-repeat;

-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;

}
*/



#wrapper-topbild { 

 max-width:880px;
 max-height:416px;
 position:relative;
 margin:0 auto;
}


#topbild {
 margin-top:120px;
 width:100%; 
 max-width:880px;
 max-height:416px;
 position:relative;
 }


#topbild-mask {
 position:absolute;
 top:120px;
 left:50%;
 z-index:100;
 height:0px;
 padding-bottom:47.272727%; 
 width:100%;

 -webkit-transform: translate(-50%, 0);
 -moz-transform: translate(-50%, 0); 
 -ms-transform: translate(-50%, 0); 
 -o-transform: translate(-50%, 0); 
transform: translate(-50%, 0);

 
 background-image: url(../bilder/topbild_mask2.png);
 background-position: center center;
 background-repeat: no-repeat;

-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}



#inhalt {
  margin-top:140px;
  min-height:400px;
  margin-bottom:50px;
}


#wrapper-infobox { 
 position:relative;
 width:100%;
 height:auto;
 min-height:200px;
 background-color:#737373;
background-image: url(../bilder/infobox_top.png), url(../bilder/infobox_bottom.png);
background-position: left top, left bottom;
background-repeat: repeat-x;
}

#infobox-caret {
 position:absolute;
 top:0;
 left:0;
 width:266px;
 height:143px;
background-image: url(../bilder/infobox_caret.png);
background-position: left top;
background-repeat: no-repeat;
margin-top:-1px;
margin-left:-30px;
z-index:2;
}

#inner-infobox {
  margin-top:36px;
  margin-bottom:36px;
}

#infobox {
  position:relative;
  z-index:10;
  float:right !important;
}


#wrapper-footer {
  position:relative;
  display : block;
  vertical-align : bottom;
  width:100%;
  height:auto;
  background-color:#E5E5E5;
}

#footer {
	max-width:980px;
	margin:0 auto;
 	margin-top:0px;
	padding:60px 0px 25px 0px;
  background-color:transparent !important;
}

#meguralink {
  text-align:left;
  color:#fff !important;
  padding:4px 0px 5px 0px;
  font-size:9px;
}


#mobile-phone {
  display: none;
  height: 70px;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 70px;
  z-index: 300;
}


#print-address {
  display:none;
  height:0px;
}

.unterschrift .csc-textpic-text p {
  margin-top:-50px;
}

.unterschrift figure {
  margin-bottom:0px !important;
}



/* Helper Classes */
img {
	width:100%;
	max-width: 100%;
	height: auto;
}

.row {
    margin-left:-15px !important;
    margin-right:-15px !important;
    margin-bottom:20px;    
}

.row-1 {
  margin-top:80px;
}


a { outline:none !important; }
a img { outline:none !important; } 



/* Google Maps Lageplan */
.gm-style-iw {
  color:#333 !important;
}


/* Lightbox */
a.lightbox img {
border:0px solid #E96048 !important;
}


/* ############################################################################################*/








/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/


#navigation { position: relative; margin:0 auto; }
#navigation ul {width:780px; margin:0 auto;}

ul.menu {list-style-type: none; text-decoration: none;  list-style-image: none; background-color:#646219; z-index:500 !important;  position:relative; margin:0 auto; }
ul.menu ul {   list-style-type: none;   text-decoration: none;  list-style-image: none;  margin-top:0px !important;}


ul.menu li {   
float:left; 
width:auto; 
padding:0px 0px 0px 0px; 
}


ul.menu a { 
display: block; 
text-decoration:none;
color:#6D7478;
text-align:left;  
text-transform:uppercase;
height:100%;
width:100%;
padding:14px 24px 0px 24px;
font-family: 'Libre Baskerville', serif;
font-size:14px;
font-weight:400;
line-height:140% !important;
}


ul.menu li a:hover, ul.menu li a:hover{   color:#C19300; background-color:transparent; }
ul.menu li a.active {    color:#C19300; background-color:transparent;  }
li.act a { background-color:transparent; color:#C19300;  }

#about,
#vma,
#vwa,
#vmi {
  margin-top:72px;
}


#about a { padding-left:0px !important;}
#vmi  a  { padding-right:50px !important; }
#logo a  { /*padding:0px 20px 0px 20px !important;*/ width:100% !important;}


ul.menu.dropdown {
    margin: 0 auto;
  /*  background-image: url('../bilder/dropdown_bg.jpg');
    background-repeat: no-repeat */
    background-color:transparent;
    width:auto !important;
}


ul.menu ul {position: absolute; display:none;  min-width:150px; z-index:100 !important;  padding-bottom:10px !important; }
/*ul.menu>ul>ul{position: absolute;display:none;}*/
/* IE-Hack für die Breite *//**html ul.menu ul { width:96px;    bottom:20px;}*/
/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */


ul.dropdown li { height:auto !important; padding:0px !important; z-index:100; margin:0px;  background:none !important;  }
ul.dropdown li a {  margin:0; font-weight:400; font-size:14px; color:#6D7478; text-transform:none !important }
ul.dropdown li a:hover{ color:#C19300 !important;  margin-bottom:0px; margin-top:0px; font-weight:400;}
ul.dropdown li a.active { color:#C19300 !important; background-color:transparent; font-weight:400;}


ul.menu li.hover ul, ul.menu li:hover ul  { display:block;    }  
ul.menu ul li:first-child {/*margin-top:0px; padding-top:0px; */}
ul.menu ul li { float:none; background-color: transparent;text-decoration:none; margin-bottom:0px; display:block; /*height:10px !important; padding:0px; */}  





/* END *******************************************************************************/









/*******************************************************************************/
/* INHALTSSEITEN   */
/*******************************************************************************/









/*******************************************************************************/
/* FLEXI SLIDER */
/*******************************************************************************/

.flexslider {
  border: 0px solid #fff !important;
  border-radius: 0px !important;
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.0) !important;
}


.flexslider .caption-wrapper, .flexislider .caption-text {
  display:none !important;
}





/*******************************************************************************/
/* TYPO SETTINGS */
/*******************************************************************************/

.csc-textpic-caption {
  margin-top: 8px;
} 


div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  /*margin-right: 25px; */
}

#download .csc-textpic-text {
  padding-top:50px;
  padding-left: 30px;
}