/*:::::: Formatvorlage für Weinhof Rosenberger::::::*/


@charset "UTF-8";
/* CSS Document */
* {
  /*margin: 0;
  padding: 0;*/
}

@media only screen and (min-width:1100px){


body {
    background-color: #FDFAF5;
    /*background-image:  url('images/Background.gif');*/
    text-align:     left;
    margin:     0px;
    padding:    0px;
    color:      black;
    font-family:    Tahoma, Verdana, Arial, sans-serif;
    font-size:    13pt;
}

a {
  color: #8B0146;
}

.MainContainer {
  width: 100%;
  text-align: left;  
}

.HeaderContainer {
 width: 1140px;
 height: 265px;
 margin: 14px auto;
 background-color: #FDFAF5;
}

.LogoContainer {
    width:    395px;
    height:    257px;
   margin: 0 auto 0 auto;
}

.LogoContainer2 {
  display: none;
}


.MenuRow {
  float:left;
  width: 100%;
  background-color: #8B0146;
  margin: 0;
  padding: 10px 0;
  /*border-bottom: 1px solid #1B6EB9;
    border-top: 1px solid #1B6EB9;*/
}

.MobileMenu {
  display: none;
}

.MainMenu {
  color: white;
  font-size:  109%;
  /*float:     left;*/
  width:    670px;
    margin: 0 auto 0 auto;
  letter-spacing: 0.5px;
  /*padding-top:  7px;
  padding-left:   29px;
  margin-bottom:  28px;*/
  /*height:    28px;*/
  /*background-image:  url('images/DotBar.gif');
  background-repeat:   repeat-x;
  background-position:   bottom;*/
}

.MainMenuItemBase {
  float:     left;
  margin-right:   45px;
}

.MainMenuItemBase a:link {
  text-decoration: none;
  color:    white;
}

.MainMenuItemBase a:visited {
  text-decoration: none;
  color:    white;
}

.MainMenuItem {

}

.MainMenuItemActive {
  font-weight:  bold;
}

.HeaderColumn {
  width: 100%;
  /*max-height: 400px;*/
  padding: 0;
  margin: 0;
  /*max-height: 460px;*/
}

.HeaderImage {
  width:     100%;
  vertical-align: top;
  /*max-height: 400px;*/
  overflow: hidden;
  padding: 0;
  margin: 0 auto 0 auto;
}

.HeaderImageMobile {
  display: none;
}

.MainColumn {
  width:100%
  float:    left;
  min-height: 300px;
  margin: 0;
  padding: 0;
}


.ContentContainer{
  margin: 0 auto 20px auto;
  width: 1100px;
  min-height: 300px;
  padding: 0 0 30px 0;
}


.Content {
  margin: 0 auto 0 auto;
  width: 1100px;
  padding: 0 10px 10px 10px;
  font-size: 105%;
  color: #262626;
}

.Content h1 {
  font-weight:  normal;
  color:    #900045;
  font-size:  172%;
}

.Content h2 {
  font-weight:  normal;
  color:    #900045;
  font-size:  105%;
  margin:    0;
  padding-bottom:    0;
}


.Content a:link {
  color:    #900045;
}

.Content a:visited {
  color:    #900045;
}

.NewsFooter {
  margin: 0 auto 0 auto;
  width: 1100px;
  font-size: 105%;
  color: #900045;
  padding: 0 10px 10px 10px;
  
}
.NewsFooter h6 {
  font-size: 105%;
}

.csc-textpic-image {
  margin: 0;
}

.csc-textpic-caption {
  padding: 8px;
  text-align: center;
}

.BottomRowRow {
  width:100%;
  /*position: absolute;
  left: 0px;
  bottom: 0px;*/
  margin: 25px auto 0 auto;
  padding: 10px 0 55px 0;
  color: white;
  float: left;
  background-color:  #8B0146;
  font-size: 92%;
}

.BottomRow {
  width: 1100px;
  margin: 0 auto;
}

.BottomRow a {
  color: white;
}

.BottomRow a:hover {
  color: grey;
}

.FixedFooter {
  width: 1100px;
  margin: 0 auto;
  float:  center;
  text-align: center;

}

.FixedFooterMobile {
  display: none;
}

.BottomMiddle {
  text-align:          left;
  margin: 10px 0;
  float: left;
  width:               100%;
}

.SideMenu {
  width: 250px;
    margin: 0 auto;
  float:               center;
 /*width:               100%;*/
}

.SideMenuItemBase {
  float:     left;
  font-size:  87%;
  margin:    0px 15px 0px 0px;
  text-decoration: none;
}

.SideMenuItemBase a {
  text-decoration: none;
}

.flexslider {
  max-width: 100%;
  margin: 0 auto 0 auto;
}


}

@media only screen and
(min-width:830px) and
(max-width:1100px){
  

body {
    background-color: #FDFAF5;
    /*background-image:  url('images/Background.gif');*/
    text-align:     left;
    margin:     0px;
    padding:    0px;
    color:      black;
    font-family:    Tahoma, Verdana, Arial, sans-serif;
    font-size:    13pt;
}

.MainContainer {
  width: 100%;
  text-align: left;  
}

.HeaderContainer {
 width: 830px;
 height: 185px;
 margin: 10px auto;
 background-color: #FDFAF5;
}

a {
  color: #8B0146;
}


.LogoContainer {
  display: none;
}

.LogoContainer2 {
    float:    center;
    clear:    left;
    width:    280px;
    height:    182px;
   margin: 0 auto 0 auto;
}


.MenuRow {
  float:left;
  width: 100%;
  background-color: #8B0146;
  margin: 0;
  padding: 10px 0;
  /*border-bottom: 1px solid #1B6EB9;
    border-top: 1px solid #1B6EB9;*/
}

.MobileMenu {
  display: none;
}

.MainMenu {
  color: white;
  font-size:  109%;
  /*float:     left;*/
  width:    720px;
    margin: 0 auto 0 auto;
  letter-spacing: 0.5px;
  /*padding-top:  7px;
  padding-left:   29px;
  margin-bottom:  28px;*/
  /*height:    28px;*/
  /*background-image:  url('images/DotBar.gif');
  background-repeat:   repeat-x;
  background-position:   bottom;*/
}

.MainMenuItemBase {
  float:     left;
  margin-right:   45px;
}

.MainMenuItemBase a:link {
  text-decoration: none;
  color:    white;
}

.MainMenuItemBase a:visited {
  text-decoration: none;
  color:    white;
}

.MainMenuItem {

}

.MainMenuItemActive {
  font-weight:  bold;
}

.HeaderColumn {
  width: 100%;
  heigth: 400px;
  /*max-height: 460px;*/
}

.HeaderImageMobile {
  width:     100%;
  max-heigth: 380px;
  overflow: hidden;
  padding: 0;
  margin: 0 0 -15px 0;
}

.HeaderImage {
  display: none;
}

.MainColumn {
  width:100%
  float:    left;
  min-height: 300px;
  margin: 0;
  padding: 0;
}


.ContentContainer{
  margin: 0 auto 20px auto;
  width: 830px;
  min-height: 300px;
  padding: 0 0 30px 0;
}


.Content {
  margin: 0 auto 0 auto;
  width: 830px;
  padding: 0 10px 10px 10px;
  font-size: 105%;
  color: #262626;
}

.Content h1 {
  font-weight:  normal;
  color:    #900045;
  font-size:  172%;
}

.Content h2 {
  font-weight:  normal;
  color:    #900045;
  font-size:  105%;
  margin:    0;
  padding-bottom:    0;
}

.Content a:link {
  color:    #900045;
}

.Content a:visited {
  color:    #900045;
}

.NewsFooter {
  margin: 0 auto 0 auto;
  width: 830px;
  font-size: 105%;
  color: #900045;
  padding: 0 10px 10px 10px;
  
}
.NewsFooter h6 {
  font-size: 105%;
}


.csc-textpic-image {
  margin: 0 auto;
}

.csc-textpic-caption {
  padding: 5px;
  margin-right: 20px;
  text-align: center;
}


.csc-textpic-caption {
  padding: 5px;
  text-align: center;
}




.BottomRowRow {
  width:100%;
  /*position: absolute;
  left: 0px;
  bottom: 0px;*/
  margin: 25px auto 25px auto;
  padding: 20px 0;
  color: white;
  float: left;
  background-color:  #8B0146;
  font-size: 90%;
}


.BottomRow {
  width: 90%;
  margin: 0 auto;

}

.BottomRow a {
  color: white;
}

.BottomRow a:hover {
  color: grey;
}

.FixedFooter {
  font-size: 90%;
  width: 90%;
  margin: 0 auto;
  float:  center;
  text-align: center;

}

.FixedFooterMobile {
  display: none;
}

.BottomMiddle {
  display: none;
}

.SideMenu {
  width: 300px;
    margin: 0 auto;
  float:               center;
  padding-bottom:20px;
 /*width:               100%;*/
}

.SideMenuItemBase {
  float:     left;
  font-size:  87%;
  margin:    0px 15px 0px 0px;
  text-decoration: none;
}

.SideMenuItemBase a {
  text-decoration: none;
}


/*
.HeaderColumn .flexslider {
  width: 140%;
  transform: scale(1.00);
  align: center;
  margin: 0 auto 0 -30%;
  overflow: hidden;
}  
*/

.flex-control-nav {

}



}


@media only screen and
(min-width:0px) and
(max-width:830px){

/* aha*/


.MenuRow {
  float:left;
  width: 100%;
  background-color: #8B0146;
  margin: 0;
  padding: 0 0 0 0;
}


/*
.MenuRow {
    margin: 5px 0 0 0;
  padding: 95px 0 10px 0;
    width: 100%;
  }
*/
  
.MenuButton {
  height: 45px;
}
  

  .menu-btn div {
     margin: 6px 0 6px 0;
   /* position: absolute;
    left: 100%;
    top: 64%;
    padding-right: 8px;
    margin-top: -0.50em;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
    z-index: 99;*/
  }

  .menu-btn span {
   horizontal-align:center;
    display: block;
    width: 45px;
    height: 5px;
    margin: 1px auto 6px 9%;
    background-color: white; /*#1B6EB9;*/
    color: white;
   /* z-index: 99;*/

  }

.MobileMenu span {
  display: block;
  width: 99%;

}

.MobileMenu {
  display: block;
  font-size: 13pt;
  letter-spacing: 2.5px;
  width: 100%;
  background-color: white;
  margin: 0;
  display: none;
  }

.MobileMenu a {
  text-decoration: none;
  color: #8B0146;
}

.MobileMenu a:hover, a:focus, a:active {
  color: #262626;
}

.MobileMenuLevel1 {
  display: block;
  width: 100%;
  border-bottom: 1px solid grey;
  padding: 7px 0 7px 9%;
}

.MobileMenuLevel1Active {
      display: block;
  width: 100%;
  background-color: #D7D7D4;
  color: #8B0146;
  border-bottom: 1px solid grey;
    padding: 7px 0 7px 9%;
}

.MobileMenuLevel2 {
      display: block;
  width: 100%;
  background-color: #DCDCDC;
  font-size: 90%;
  border-bottom: 1px solid grey;
  padding: 4px 0 4px 9%;
}

.MobileMenuLevel2Active {
      display: block;
  width: 100%;
  font-size: 90%;
  background-color: black;
  color: white;
  border-bottom: 1px solid white;
  padding: 4px 0 4px 9%;
}
.MobileMenuLevel1 a, .MobileMenuLevel2 a{
      display: block;
  text-decoration: none;
}

.MobileMenuLevel1Active a, .MobileMenuLevel2Active a {
      display: block;
  background-color: #D7D7D4;
  color: #8B0146;
}

  .expand {
    display: block !important;
  }
/* end aha */

body {
    background-color: #FDFAF5;
    /*background-image:  url('images/Background.gif');*/
    text-align:     left;
    margin:     0px;
    padding:    0px;
    color:      black;
    font-family:    Tahoma, Verdana, Arial, sans-serif;
    font-size:    12pt;
}

.MainContainer {
  width: 100%;
  text-align: left;  
}

a {
  color: #8B0146;
}


.HeaderContainer {
 width: 100%;
 height: 190px;
 margin: 10px auto;
 background-color: #FDFAF5;
}

.LogoContainer2 {
    float:    center;
    /*clear:    left;*/
    width:    290px;
    height:    176px;
   margin: 0 auto;
}

.LogoContainer {
  display: none;
}



.MainMenu {
  display: none;
}

.MainMenuItemBase {
  display: none;
}

.MainMenuItemBase a:link {
  display: none;
}

.MainMenuItemBase a:visited {
  display: none;
}

.MainMenuItem {
    display: none;
}

.MainMenuItemActive {
  display: none;
}

.HeaderColumn {
  width: 100%;
  /*max-height: 460px;*/
}


.HeaderImageMobile {
  width:     100%;
  max-heigth: 380px;
  overflow: hidden;
  padding: 0;
  margin: 0 0 -18px 0;
}

.HeaderImage {
  display: none;
}


.MainColumn {
  width:100%
  float:    left;
  min-height: 300px;
  margin: 0;
  padding: 0;
}


.ContentContainer{
  margin: 0 auto;
  width: 100%;
  min-height: 300px;
}


.Content {
  margin: 0 auto;
  width: 90%;
  padding: 10px;
  font-size: 105%;
  color: #262626;
}

.Content h1 {
  font-weight:  normal;
  color:    #900045;
  font-size:  172%;
}

.Content h2 {
  font-weight:  normal;
  color:    #900045;
  font-size:  105%;
  margin:    0;
  padding-bottom:    0;
}



.Content a:link {
  color:    #900045;
}

.Content a:visited {
  color:    #900045;
}

.NewsFooter {
  margin: 0 auto;
  width: 90%;
  font-size: 108%;
  color: #900045;
  padding: 10px;
  
}

.csc-textpic-image {
  margin: 0 auto;
  align: center;
  padding: 0 20px 0 0;
}

.csc-textpic-caption {
  padding: 6px;
  text-align: center;
}



.BottomRowRow {
  width:100%;
  /*position: absolute;
  left: 0px;
  bottom: 0px;*/
  margin: 25px auto 25px auto;
  padding: 10px 0 0 0;
  color: white;
  float: left;
  background-color:  #8B0146;
  font-size: 90%;
}


.BottomRow {
  width: 90%;
  margin: 0 auto;
    background-color:  #8B0146;

}

.BottomRow a {
  color: white;
}

.BottomRow a:hover {
  color: grey;
}

.FixedFooter {
  display: none;
}

.FixedFooterMobile {
  margin: 0;
  float:               left;  
  width:               90%;
  padding: 10px;
}

.BottomMiddle {
  text-align:          left;
  margin: 10px 0;
  float: left;
  width:               100%;
}

.SideMenu {
  margin: 0;
  float:               left;  
  width:               90%;
  padding: 10px;
}

.SideMenuItemBase {
  font-size:  90%;
}

.SideMenuItemBase a {
  text-decoration: none;
}

.HeaderColumn .flexslider {
  width: 125%;
  transform: scale(1.25);
  align: center;
  margin: 0 auto 0 -12%;
  overflow: hidden;
}


}