/* 
Title:    Master styles for screen media
Author:   manfred@werkzeugH.at
*/


/* sticky footer begin */

html,
body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow: auto;
  padding-bottom: 202px;
  min-height: 100%;
}

/* must be same height as the footer */

#footer {
  position: relative;
  margin-top: -202px;
  /* negative value of footer height */
  height: 202px;
  clear: both;
  background: #7695bc url('/themes/ms/images/footer_bg.png') center top no-repeat;

}

body {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
}

/* Opera Fix */
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;/
}

/* sticky footer end */

#footer .typography {
  text-align: center;
  width: 980px;
  margin: 0px auto;
  padding-top: 110px;
}


body {
  margin: 0px;
  top: 0px;
}




.space {
  padding: 10px 0px;
}

.spacemargin {
  margin: 10px 0px;
}

.relative {
  position: relative
}

a {
  color: #332E2A
}

.alignright {
  text-align: right;
}

/* misc.
--------------------------------------------- */

#wrap {
  width: 980px;
  margin: 30px auto 30px auto;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
}

#header {
  height: 120px;
  position: relative;
  z-index: 999;
}

#header .logodiv {
  padding: 20px;
}

#breadcrumb {
  padding: 5px;
  font-size: 13px;
}

#articleContent {
  margin: 25px;
  position: relative;
}

.article {
  margin: 0px 0px;
}

.articleleft {
  float: left;
  width: 695px;
}

.articleright {
  float: right;
  width: 225px;
}

.celement {
  margin: 10px 0px;
}

.celement h2 {
  margin-bottom: 10px
}


#navigation {
  position: absolute;
  z-index: 1000;
  bottom: 5px;
  right: 20px;
  font-size: 16px;
}

#navigation ul li {
  float: left;
  margin: 0px 10px;
  display: block;
  position: relative;
}

#navigation ul li a {
  display: block;
}

/* hack for IE6 */
* html #navigation ul li {
  width: 100px
}

* html #navigation ul li a {
  width: 100%
}

#navigation li.active a,
#navigation .submenu li.active a {
  font-weight: bold;
}

#navigation .submenu li a {
  font-weight: normal;
}


#navigation .submenu {
  display: none;
  width: 200px;
  background: #ccc;
  position: absolute;
  top: 26px;
  font-size: 13px;
  -webkit-box-shadow: 0px 2px 1px #b0b0b0;
  /* webkit browser*/
  -moz-box-shadow: 0px 2px 1px #b0b0b0;
  /* firefox */
  box-shadow: 0px 2px 1px #b0b0b0;
  padding: 10px 0 10px 0;
}

#navigation .submenu li {
  float: none;
  margin: 0;
  position: relative
}

#navigation li.last .submenu {
  right: 0px;
}


#navigation .submenu li a {
  display: block;
  padding: 3px 5px;
}

#navigation .submenu li a:hover {
  background: url('/themes/naturfreunde/images/transparency/transpWhite25.png');
}




.MsPage h1 {
  margin-bottom: 20px;
  font-size: 24px;
}

.MsPage h2 {
  font-size: 22px;
}

.MsPage h3 {
  font-size: 20px;
}


#main {}


hr,
.hide {
  display: none;
}

a img {
  border: none;
}



.carousel {
  overflow: hidden;
  position: relative;
}

.carousel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.carousel .frame {
  position: relative;
  overflow: hidden;
  width: 980px;
}

.carousel .frame ul {
  position: relative;
  overflow: hidden;
  width: 99999px;
}

.carousel .frame ul li {
  float: left;
}

.switcher {
  font-family: Arial, Helvetica, sans-serif;
  background: #ccc;
  position: absolute;
  right: 20px;
  top: 0px;
  min-height: 200px;
  padding: 11px 21px 20px 19px;
  width: 209px;
  z-index: 20;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}


.switcher blockquote {
  font-size: 24px;
  line-height: 26px;
  color: #eddaab;
}

.switcher p {
  color: #eddaab;
  margin: 10px 0px;
  font-size: 14px;
}

.switcher a {
  color: #eddaab;
  font-size: 14px;
  text-decoration: underline;
}


.switcher ul {
  text-align: center;
  padding: 0 2px 0 0;
  position: absolute;
  bottom: 10px;
  width: 200px;
}

.switcher ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin: 0 5px;
  width: 11px;

}

.switcher ul li a {
  background: url(/themes/ms/images/switcher.png) no-repeat 0 0;
  width: 11px;
  height: 11px;
  float: left;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}

.switcher ul li a:hover,
.switcher ul li.active a {
  background-position: 0 -11px;
}



.articleteaser,
.articleleft .dateteaser {
  display: block;
  width: 48%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  min-height: 100px;
}

.articleteaser.style_custom1 {
  min-height: auto;
  width: 100%;
}



.articleteaser img {
  float: left;
  margin-right: 8px
}

.articleteaser h3 {
  font-size: 14px
}

.articleteaser-balken {
  background: #ddd;
  font-size: 11px;
  padding: 2px;
  margin-bottom: 5px;
}


.rightcolelement h2 {
  font-size: 13px
}

.rightcolelement .typography h3 {
  font-size: 16px;
  margin-bottom: 10px
}

.rightcolelement p {
  font-size: 12px
}


.rightcolelement {
  margin: 10px 0px;
}

.rightcolelement.niceborder {
  border: 1px solid #aaa;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
}




.termin {
  display: block;
  position: relative;
}

.termin .header {
  min-height: 40px;
  position: relative;
}

.termin .desc {
  margin-left: 45px;
  padding-top: 5px;
}

.termin .desc .hl {
  font-weight: bold;
}

.termin .calendar {
  top: 7px;
}

.calendar {
  background: url("/themes/ms/images/calendar.png") no-repeat scroll left top transparent;
  color: white;
  height: 35px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 37px;
}

.calendar .day {
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 10px;
  margin-top: 12px;
}

.calendar .month {
  font-family: 'Arial', sans-serif;
  font-size: 11px;
}


.dateteaser h3 {
  font-size: 13px
}

.dateteaser .desc {
  font-size: 11px
}




/* cssbutton begin : */



span.cssbutton,
span.cssbutton input.form_cssbutton {
  background-image: url('/themes/ms/images/cssbutton_bg.gif');
}

span.cssbutton {
  background-repeat: no-repeat;
  background-position: top right;
  display: inline-block;
  padding-right: 9px;
  /* sliding doors padding */
  cursor: pointer;
}

span.cssbutton span {
  padding: 0;
  margin: 0;
}

span.cssbutton input.form_cssbutton {
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 8px;
  padding-right: 2px;
  text-align: center;
  line-height: 26px;
  height: 29px;
  margin-left: 0px;
  /* fixes margin issue with safari and chrome. no an issue for ie or ff. */
  display: inline-block;
}

input.form_cssbutton {
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  border: 0;
  font-size: 14px;
  color: #FFFFFF;
  width: auto;
  /* fixes width issue for ie browsers */
  overflow: visible;
  /* fixes width issue for ie browsers */
}

span.cssbutton:hover input.form_cssbutton {
  background-position: left -39px;
  color: #FFFFFF;
}

span.cssbutton:active input.form_cssbutton {
  background-position: left -78px;
  color: #FFFFFF;
}

.cssbutton:hover {
  background-position: right -39px;
}

.cssbutton:hover span {
  background-position: left -39px;
}

.cssbutton:active {
  background-position: right -78px;
}

.cssbutton:active span {
  background-position: left -78px;
}

input.form_cssbutton[type="submit"]::-moz-focus-inner,
input.form_cssbutton[type="button"]::-moz-focus-inner {
  border: 0px;
}

input.form_cssbutton[type="submit"]:focus,
input.form_cssbutton[type="button"]:focus {
  outline: none;
}

/* cssbutton end */




/* self-clear floats */

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .group {
  /* IE6 */
  height: 1%;
}

*:first-child+html .group {
  /* IE7 */
  min-height: 1px;
}