;/*#########################################################*/

@font-face {
  font-family: 'titillium-black';
  src: url('../fonts/titillium-black-webfont.eot');
  src: url('../fonts/titillium-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-black-webfont.woff') format('woff'),
    url('../fonts/titillium-black-webfont.ttf') format('truetype'),
    url('../fonts/titillium-black-webfont.svg#titillium-black-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-bold';
  src: url('../fonts/titillium-bold-webfont.eot');
  src: url('../fonts/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-bold-webfont.woff') format('woff'),
    url('../fonts/titillium-bold-webfont.ttf') format('truetype'),
    url('../fonts/titillium-bold-webfont.svg#titillium-bold-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-bolditalic';
  src: url('../fonts/titillium-bolditalic-webfont.eot');
  src: url('../fonts/titillium-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-bolditalic-webfont.woff') format('woff'),
    url('../fonts/titillium-bolditalic-webfont.ttf') format('truetype'),
    url('../fonts/titillium-bolditalic-webfont.svg#titillium-bolditalic-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-boldupright';
  src: url('../fonts/titillium-boldupright-webfont.eot');
  src: url('../fonts/titillium-boldupright-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-boldupright-webfont.woff') format('woff'),
    url('../fonts/titillium-boldupright-webfont.ttf') format('truetype'),
    url('../fonts/titillium-boldupright-webfont.svg#titillium-boldupright-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-light';
  src: url('../fonts/titillium-light-webfont.eot');
  src: url('../fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-light-webfont.woff') format('woff'),
    url('../fonts/titillium-light-webfont.ttf') format('truetype'),
    url('../fonts/titillium-light-webfont.svg#titillium-light-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'titillium-lightitalic';
  src: url('../fonts/titillium-lightitalic-webfont.eot');
  src: url('../fonts/titillium-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-lightitalic-webfont.woff') format('woff'),
    url('../fonts/titillium-lightitalic-webfont.ttf') format('truetype'),
    url('../fonts/titillium-lightitalic-webfont.svg#titillium-lightitalic-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-lightupright';
  src: url('../fonts/titillium-lightupright-webfont.eot');
  src: url('../fonts/titillium-lightupright-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-lightupright-webfont.woff') format('woff'),
    url('../fonts/titillium-lightupright-webfont.ttf') format('truetype'),
    url('../fonts/titillium-lightupright-webfont.svg#titillium-lightupright-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'titillium-regular';
  src: url('../fonts/titillium-regular-webfont.eot');
  src: url('../fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-regular-webfont.woff') format('woff'),
    url('../fonts/titillium-regular-webfont.ttf') format('truetype'),
    url('../fonts/titillium-regular-webfont.svg#titillium-regular-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-regularitalic';
  src: url('../fonts/titillium-regularitalic-webfont.eot');
  src: url('../fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-regularitalic-webfont.woff') format('woff'),
    url('../fonts/titillium-regularitalic-webfont.ttf') format('truetype'),
    url('../fonts/titillium-regularitalic-webfont.svg#titillium-regularitalic-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-regularupright';
  src: url('../fonts/titillium-regularupright-webfont.eot');
  src: url('../fonts/titillium-regularupright-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-regularupright-webfont.woff') format('woff'),
    url('../fonts/titillium-regularupright-webfont.ttf') format('truetype'),
    url('../fonts/titillium-regularupright-webfont.svg#titillium-regularupright-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-semibold';
  src: url('../fonts/titillium-semibold-webfont.eot');
  src: url('../fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-semibold-webfont.woff') format('woff'),
    url('../fonts/titillium-semibold-webfont.ttf') format('truetype'),
    url('../fonts/titillium-semibold-webfont.svg#titillium-semibold-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-semibolditalic';
  src: url('../fonts/titillium-semibolditalic-webfont.eot');
  src: url('../fonts/titillium-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-semibolditalic-webfont.woff') format('woff'),
    url('../fonts/titillium-semibolditalic-webfont.ttf') format('truetype'),
    url('../fonts/titillium-semibolditalic-webfont.svg#titillium-semibolditalic-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-semiboldupright';
  src: url('../fonts/titillium-semiboldupright-webfont.eot');
  src: url('../fonts/titillium-semiboldupright-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-semiboldupright-webfont.woff') format('woff'),
    url('../fonts/titillium-semiboldupright-webfont.ttf') format('truetype'),
    url('../fonts/titillium-semiboldupright-webfont.svg#titillium-semiboldupright-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-thin';
  src: url('../fonts/titillium-thin-webfont.eot');
  src: url('../fonts/titillium-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-thin-webfont.woff') format('woff'),
    url('../fonts/titillium-thin-webfont.ttf') format('truetype'),
    url('../fonts/titillium-thin-webfont.svg#titillium-thin-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-thinitalic';
  src: url('../fonts/titillium-thinitalic-webfont.eot');
  src: url('../fonts/titillium-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-thinitalic-webfont.woff') format('woff'),
    url('../fonts/titillium-thinitalic-webfont.ttf') format('truetype'),
    url('../fonts/titillium-thinitalic-webfont.svg#titillium-thinitalic-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium-thinupright';
  src: url('../fonts/titillium-thinupright-webfont.eot');
  src: url('../fonts/titillium-thinupright-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titillium-thinupright-webfont.woff') format('woff'),
    url('../fonts/titillium-thinupright-webfont.ttf') format('truetype'),
    url('../fonts/titillium-thinupright-webfont.svg#titillium-thinupright-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}




* {
  font-family: 'titillium-regular',  sans-serif, Arial;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


body, html { 
  font-size: 100%; 
  padding: 0; 
  margin: 0; 
  height: 100%;
}



/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}





body {
  background: url("") repeat-x scroll left top #fff;
  text-align: left;
  font-size: 0.9em;
  line-height: 130%;
  color: #555555;
}


h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0 0 0.5em 0;
  color: #006699;
  line-height: 140%;
  font-weight: normal;
}

h1 { font-size: 1.7em}
h2, h2#contentBody { font-size: 1.5em}
h3 { font-size: 1.4em }
h4 { font-size: 1.2em }
h5 { font-size: 1.1em}
h6 { font-size: 1.0em}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #006699;
  padding: 3px 0;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
  color: #000;
  text-decoration: underline;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
  color: #000;
}


p, p.bodytext, TD, UL, OL{
  color: #444444;
  margin: 0 0 .7em 0;
}

b {
  font-family: 'titillium-semibold';
  font-weight: normal;
}

a, p.bodytext a {
  color: #006699;
  text-decoration: none;
}

a:hover,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #005577;
}


.hide-email {
  display: none;
}


/* flexible Medien*/
img, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;
}

iframe {
  max-width: 100%;
}

/* ###### BG Website ##### */

#wrapper {
  position: relative;
  min-height: 100%;
  float: left;
  overflow: hidden;
}

* html #wrapper {
  height: 100%;
}

#wrapper, #footerWrapper {
  width: 100%;
}

#footerWrapper {
  position: absolute;
  bottom: 0;
  left:0;
}



.section {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  /*overflow: hidden;*/
}

.section .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

.section.header {
  height: 342px;
  background: url("../images/defaultResponsive/headerBg.png") repeat-x scroll 0 0 transparent;
}

.section.headerShadow {
  height: 100%;
  background: url("../images/defaultResponsive/header1200.png") no-repeat scroll center 0 transparent;
}

.section.headerShadow .wrapper {
  background-image: url("../images/defaultResponsive/header.jpg");
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-position: center center;
  height: 333px;
}


.logo {
  background: url("../images/defaultResponsive/logo2.png") no-repeat scroll center top transparent;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  position: absolute;
  top: 12%;
  right: 10%;
  width: 29%;
  height: 17%
}

.logo:hover {
  background: url("../images/defaultResponsive/logo2.png") no-repeat scroll center bottom transparent;
  background-size: cover;
}

.logo a {
  float: left;
  width: 100%;
  height: 100%;
}


.section.subHeader {
  padding: 1.5em 0 .5em;
}

.section.subHeader, .section.content {
  background-color: #fafafb;
}


.section.content {
  padding-bottom: 20em;
}

.content_left {
  float: left;
  width: 100%;
}

.section.content .mainCol {
  min-height: 100px;
}

.section.footer {
  background: #ccc;
}

.section.footer .body {
  padding-top: 1.5em;
  padding-bottom: .5em;
}

.section.footer .body .leftCol { 
  padding-bottom: 0;
  min-height: 100px;
}

.section.impressum {
  background-color: #555;
  border-top: 1px solid #333;
}

.impressumNavi {
  float: left;
}

.copyright {
  float: right;
}



/*  SliderFrame */

.wrapper #sliderFrame {
  position: relative;
  width: 100%;
  height: 100%;
}

.wrapper #sliderFrame #slider {
  width: 100%;
  height: 100%;
}

.navBulletsWrapper {
  display:none;
}







/*  BackendLayouts Rows */

.backendLayout {
  float:left;
  width:100%;
}

.body, .body .leftCol, .body .mainCol, .rightCol {
  float: left;
}

.body {
  width: 100%;
  padding: 2em 0;
}

.backendLayout2col .leftCol,
.backendLayout3col .leftCol {
  width: 25%;
  padding: 0 2.5% 2em 0;
  border-right: 1px solid #ddd;
}

.backendLayout2col .mainCol  {
  width: 75%;
  padding-left: 3%;
}


.backendLayout3col .mainCol {
  width: 55%;
  padding: 0 3%;
}

.backendLayout3col .rightCol {
  width: 20%;
}




/*###### Menuüs ######*/
ul.menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}






/*###### Main Menü ######*/


.section.mainNavi {
  margin-top: 3em;
}


.mainNavi ul.menu {
  width: 100%;
  display: table;
}

.mainNavi ul.menu > li {
  display: table-cell;
  background-color: #f29400;
  border-right: 1px solid #f7b999;
}

.mainNavi ul.menu > li:last-child {
  border-right: 0;
}


.mainNavi ul.menu li a {
  display: block;
  padding: .45em .7em;
  font-size: 1.2em;
  color: #fff;
}

.mainNavi > .wrapper > ul.menu > li > a  {
  text-align: center;
}



.mainNavi ul li.mainNaviHome a {
  width: 2.3em;
  margin: 0 auto;
  background: url("../images/goetheanum/buttonHome.png") no-repeat bottom right  #f29400;
}


/* Für Unterpunkte keine Float-Eigenschaft */
.mainNavi ul.menu ul li {
  background-color: rgba(0,0,0,0);
  border: 0;
}

.mainNavi ul ul li a {
  color: #444;
  font-size: 0.9em;
  line-height: 17px;
}

.mainNavi ul ul a ,
.mainNavi ul ul li a:hover {
  color: #fff;
}



/* Zweite Ebene */
.mainNavi ul.menu ul {
  position: absolute;
  top: 2.3em;
  left: 0;
  padding: 1.5em 1em;
  background: rgba(240,240,240,0.92);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 1px 3px rgba(150,150,150,0.5);
  display: none;
  width: 100%;
  z-index: 100;
}

/* Zweite Ebene anzeigen */
.mainNavi ul.menu li.hover ul {
  display: block;
}



.mainNavi ul.menu > li.mainNaviBox-table {
  width: auto;
  display: table;
  padding-left: 2em;
}

.mainNaviBox-row {
  display: table-cell;
  max-width: 23em;
  padding-right: 2em;
}

.mainNaviBox-row:first-child {
  min-width: auto;

}


.mainNaviBox-row-first {
  padding:0;
}

.mainNavi ul.menu li div.mainNaviBox-row-first div a {
  width: 90%;
}

.mainNaviBox-header {
  height: 2em;
  width: 100%;
}

.mainNaviBox-header h4 {
  border-bottom: 1px solid #777;
  width: 100%;
  float: left;
  font-family: 'titillium-semibold';
  color: #f29400;
  
}

.mainNavi ul.menu li div.mainNaviBox-body a {
  padding: .4em .5em;
  margin:0;
  min-width: 12em;
  font-size: 1.1em;
  width: 100%;
  color: #666;
}


.mainNavi ul.menu li div.mainNaviBox-body a:hover {
  background: #f29400;
  color: #fff;
  /*background: rgb(142, 3, 0);*/
}




.mainNavi ul ul.menu .menuHeadline {
  border-bottom: 1px solid #666;
  color: #8e0300;
  width: 100%;
  padding: 1.5em 0 .5em 0;
  margin: 0 0 5px 0;
  font-size: 1.4em;
  font-weight: bold;
}

.mainNavi ul ul.menu .menuHeadline:hover,
.mainNavi ul ul.menu .menuHeadline.hover {
  background-color: transparent;
  border-bottom: 1px solid #999;
  color: #8e0300;
  box-shadow: 0 0 0 #AAA;
}






/*######## Navi ############*/
.cbp-hrmenu {
  text-align: left;
  background: #a85900; /* Old browsers */
  background: -moz-linear-gradient(top,  #a85900 0%, #f28500 4%, #f29400 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a85900), color-stop(4%,#f28500), color-stop(100%,#f29400)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #a85900 0%,#f28500 4%,#f29400 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #a85900 0%,#f28500 4%,#f29400 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #a85900 0%,#f28500 4%,#f29400 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #a85900 0%,#f28500 4%,#f29400 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a85900', endColorstr='#f29400',GradientType=0 ); /* IE6-9 */
  width: 100%;
  padding-top: 0em;
  border-bottom: 1px solid #666;
}

/* general ul style */
.cbp-hrmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.875em;
}

.cbp-hrmenu > ul > li {
  display: inline-block;
}

.cbp-hrmenu > ul > li > a {
  font-family: 'titillium-semibold';
  font-size: 1.2em;
  padding: .8em;
  color: #fff;
  display: inline-block;
}

.cbp-hrmenu > ul > li > a:hover {
  
  color: #F29400;
  background: #fff;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
  color: #F29400;
  background: #fff;
  
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
  margin-top: 1px;
  display: none;
  position: absolute;
  background: #f2f2f2; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #f2f2f2 0%, #d8d8d8 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f2f2), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#d8d8d8 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#d8d8d8 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #f2f2f2 0%,#d8d8d8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  width: 100%;
  left: 0;
}

.cbp-hropen .cbp-hrsub {
  display: block;
  padding-bottom: 2em;
  z-index: 100;
  border-bottom: 2px solid #666;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
  /*width: 33%;*/
  padding: 0 2em 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
  content: " ";
  display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
  clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
  font-size: 0.95em;
  color: #777 !important;
  line-height: 1.5em;
  background: transparent !important;
  float: left; 
  width: 90%;
  padding: .2em 4%;
}

.cbp-hrmenu .cbp-hrsub-inner > div a:hover {
  font-weight: bold;
  color: #fff !important;
  background: #F29400 !important;
  box-shadow: 2px 2px 2px #aaa;
}

.cbp-hrsub h4 {
  color: #069;
  margin: 0;
  font-size: 160%;
  font-weight: 300;
}




/*###### Sub Header ######*/
.language {
  width: 35%; 
  font-size: 0.95em;
}

.language, .language p.bodytext {
  float: right;
}

.language p.bodytext a {
  font-family: 'titillium-semibold';
  padding: 0 0.2em;
  margin: 0 0 0 0.5em;
  float: left;
  color: #555;
}

.subHeader p a:hover {
  color: #006699;
}


.breadcrumb {
  float: left;
  width: 65%;
  padding-right: 1em;
  font-size: 0.85em;
  
}

.breadcrumb a, .breadcrumb p{
  color: #999;
  margin:0;
}



.breadcrumb > div:first-child {
  margin-bottom: 1em;
  padding-right: 1em;
  float: left;
}

.breadcrumb span {
  float: left;
  padding: 0 .25em;
}





/*###### LMENU ######*/

#leftNavi {
  margin-bottom: 30px;
  width: 100%;
}

#leftNavi ul,
#leftNavi ul li {
  float: left;
  width: 100%;
}

#leftNavi ul li a {
  float: left;
  padding: .3em 3%;
  width: 100%;
  background: transparent;
}

#leftNavi ul li a:hover {
  background-color: #eee;
}
#leftNavi ul li.headline:first-child {
  margin-top: 0;
}

#leftNavi ul li.active > a {
  font-family: 'titillium-bold';
}

/* 2. Ebene */
#leftNavi ul li.active ul {
  border-left: 1px solid #ccc;
  float: left;
  padding: 0 0 .5em 0;
  width: 95%;
  margin-left: 5%;
}

/* 3. Ebene */
#leftNavi ul li.active ul ul {
  border-left: 0 dotted #999;
  margin: 0;
  width:100%;
  font-size: .95em;
  line-height: 110%
}

#leftNavi ul ul li a {
  padding: .15em 3% .15em 6%;
}

#leftNavi ul li.active ul > a {
  background: rgba(0,0,0,0);
  color: #006699;
  font-family: 'titillium-semibold';
}
#leftNavi ul li.active ul li a:hover {
  background: #f5f5f5;
}

#leftNavi ul li.active ul li.active > a {
  background: rgba(0,0,0,0);
  color: #006699;
}

/* 3. Ebene */
#leftNavi ul ul ul li a {
  padding: .1em 3% .1em 12%;
}

/* 4. Ebene */
#leftNavi ul ul ul ul li a {
  padding: .1em 3% .1em 18%;
}



.headline {
  margin: 1.5em 0 .4em 0;
  border-bottom: 1px solid #ccc;
}


.headline h4 {
  font-family: 'titillium-semibold';
  font-size: 1.2em;
  color: #777;
}


.headline2 {
  margin: 1.5em 0 .4em 0;
  background-color:#d2d0ce;
  padding: 0 0 0 .5em;
}


.headline2 h4 {
  font-family: 'titillium-semibold';
  font-size: 1.2em;
  color: #fff;
  margin:0 0 .1em 0;
}







/*###### impressum Navi ######*/

.section.impressum {
  font-size: 0.8em;
}

.section.impressum a,
.section.impressum p {
  color: #fff;
  margin:0;
}
.section.impressum a {}
.section.impressum a:hover {
  color: #efefef;
}

.section.impressum .body {
  padding-top: .6em;
  padding-bottom: .6em;
}

.section.impressum ul li a{
  padding: .2em .5em;
}

/*###### Footer Navi ######*/

.section.footer ul.menu,
.section.footer ul.menu li,
.section.footer ul.menu li a {
  width: 100%;
  float: left;
}

.section.footer ul.menu {
  border-top: 1px solid #ddd;
}

.section.footer ul.menu li {
  border-bottom: 1px solid #ddd;
}

.section.footer ul.menu li a {
  padding: .3em 2%;
}

.section.footer ul.menu li a:hover {
  background-color: #ddd;
}


/*###### To Top Navi ######*/
#goTop{
  position:fixed;
  top:-10em;
  right:1%;
  cursor: pointer;
  z-index: 300;
  background: url("../images/defaultResponsive/toTop.png") repeat-x scroll center top transparent;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
}

#goTop:hover{ 
  background-position: center bottom;
}

#goTop img {
  height: auto;
  width: 7em;
  float: left;
}


/*###### footer ######*/
.section.footer .body_part .row {
  border: 0;
}


/*### Social Menü ###*/
#socialNaviBox {
  width: 100%;
  float: left;
  margin-top: 25px;
}

.socialNaviBox {
  float: left;
  width:110px;
  margin: 0;
}

.socialNaviBox a {
  padding: 3px 10px 5px 28px;
  font-size: 13px;
  float: left;
  width: 100%;
}

#socialTwitter {
  background: url("../images/goetheanum/socialTwitter.png") no-repeat scroll left top transparent;
}

#socialFacebook {
  background: url("../images/goetheanum/socialFacebook.png") no-repeat scroll left top transparent;
}





/*###### GridStyle ######*/
.gridStyle {
  margin-top: 1em;
  float: left;
}

.gridStyle1Col {
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
}

.gridStyle2Col {
  width: 100%;
}
.gridStyle2Col .leftCol, .gridStyle2Col .mainCol {
  float: left;
}

.gridStyle2Col .leftCol {
  width: 24%;
  padding-bottom: 5em;
  border-right: 1px solid #ddd;
}

.gridStyle2Col .mainCol {
  width: 72%;
  margin: 0 0 0 3%;
}


.jtabs .ui-widget-header {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.section.navi.accordion > .csc-header {
  box-sizing: content-box;
  position: relative;
}

.menuButton {
  font-size: 1.5em; /*Controls size of element*/
  width:1.5em;
  height: 1.5em;
  position: relative;
}

.menuButton a {
  position:absolute;
  width:100%;
  height:0.2em;
  top:50%;
  margin-top: -0.1em;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  background-color: #333;
  -webkit-box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

.menuButton a:before, .menuButton a:after{
  position:absolute;
  content:'';
  width:100%;
  height:0.2em;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  background-color: #333;
  -webkit-box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.5);
  
}

.menuButton a:before{
  top:0.5em;
}

.menuButton a:after{
  bottom:0.5em;
}

.menuButton:hover a:before, .menuButton:hover a:after, .menuButton:hover a,.menuButton:active a:before, .menuButton:active a:after, .menuButton:active a{
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 2px #9ecaed;
  box-shadow: 0 0 5px 2px #9ecaed;
  
}





/*###### goo fotoboek ######*/
.tx-gooffotoboek-pi1 td.gfpb_landscape:hover,
.tx-gooffotoboek-pi1 td.gfpb_portret:hover{
  background-color: #eaeaea;
}

.tx-gooffotoboek-pi1 .gfpb_empty {
  border: 0px;
  background-color: transparent;
}

.tx-gooffotoboek-pi1 td.gfpb_landscape,
.tx-gooffotoboek-pi1 td.gfpb_portret{
  background-color: #efefef;
  padding:8px;
  border: 2px solid #fff;
  text-align: center;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 5px;
}

.tx-gooffotoboek-pi1 small {
  font-size: 1em;
  line-height: 150%;
  float: left;
  width: 100%;
}

.tx-gooffotoboek-pi1 small b a {
  margin-top: 1.5em;
  float: left;
}


/*###### Veranstaltungskalender ######*/

#vkSearchBox {
  -moz-box-shadow:  1px 1px 3px #ddd;
  -webkit-box-shadow: 3px 1px 3px #ddd;
  box-shadow:  1px 1px 3px #ddd;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari, Chrome */
  -khtml-border-radius:5px; /* Konqueror */
  border-radius:5px; /* CSS3 */
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #efefef;
}

.vkSearchBox{
  float: left;
  margin: 10px 10px 15px 27px;
}


#vkSearchBox fieldset {
  border: 0 none;
  margin: 0;
}

#vkSearchBox label,
#vkSearchBox input {
  font-size: 14px;
}

#vkSearchBox label {
  padding: 5px 0 5px 10px;
  width: 100px;
  color: #aaa;
  
}

.vkSearchBox-end .vkSearchInput input,
.vkSearchBox-start .vkSearchInput input {
  text-align: left;
  letter-spacing: 0.5px;
  width: 100px;
}

.vkSearchBox-searchKey .vkSearchInput input {
  width: 200px;
}

#vkSearchBox input,
#vkSearchBox textarea {
  color: #777777;
  margin: 0;
  padding: 5px;
}


/* search Button */

#vkSearchBox .vkSearchBox-btn .button {
  -moz-box-shadow:  1px 1px 3px #ccc;
  -webkit-box-shadow: 3px 1px 3px #ccc;
  box-shadow:  1px 1px 3px #ccc;
  background-color: #f29400;
  border: 1px solid #fff;
  height: 30px;
  width: 120px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 16px;
}

#vkSearchBox .vkSearchBox-btn .button:active  {
  color: #000;
}

#vk-header {
  float: left;
  width: 100%;
  margin: 15px 0 0 0;
  border-bottom: 1px solid #bbb;
}

#vk-pageSelectorInfo {
  float: left;
  margin-top: 10px;
}

#vk-pageSelectorInfo p {
  color: #999;
}

#vk-pageSelectorLinkBar {
  float: right;
  margin-top: 10px;
}

#vk-pageSelectorLinkBar a {
  padding: 5px;
  font-weight: bold;
}

#vk-pageSelectorLinkBar .activePage {
  text-decoration: underline overline;
}


.vk-element {
  border-bottom: 1px dashed #aaa;
  float: left;
  width: 100%;
  display:block;
}

/* vk-liste*/
.vk-element-list div {
  float: left;
  padding: .3em;
}

.vk-element-row1 {
  width: 13%;
}
.vk-element-row2 {
  width: 8%;
}
.vk-element-row3 {
  width: 60%;
}
.vk-element-row4 {
  width: 19%;
}



.vk-subtitle {
  font-variant: small-caps;
}

.vk-date {
  margin: 10px;
}

.vk-date p {
  font-weight: 600;
  font-size: 90%;
}

.vk-content {
  margin-bottom: 10px;
}

.vk-content p,
.vk-title h2 {
  margin: 0;
  padding: 0;
}

#ui-datepicker-div {
  font-size: 65%;
}




/*###########  Formular   ############*/
fieldset { border:0px;
  margin: 0px;
  padding: 10px 0px 10px 0px; }
 
label { width: 12em;
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: left;
  display: block}
 
input { font-size: 11px;
  margin: 0px 0px 10px 0px;}
 
textarea { margin-bottom: 10px;}

.csc-mailform-field select { margin: 0px 0px 10px 0px;}

.csc-mailform-submit { font-size: 14px;
  margin: 10px 0px 10px 130px;}





/* # begin NEW BLUE BOX # */

DIV.csc-frame-frame1 {
  background-color: #CCDDFF;
  padding: 0;
  border: 0px solid #ffffff;
  box-shadow: 1px  1px 4px #aaa;
}

DIV.csc-frame-frame1 .csc-header {
  background-color: #667799;
  box-shadow: 0px  1px 1px #aaa;
}

DIV.csc-frame-frame1 h1,
DIV.csc-frame-frame1 h2 {
  color: #fff;
  padding: 4px 8px;
  margin:0;
}

DIV.csc-frame-frame1 .csc-textpic,
DIV.csc-frame-frame1 .csc-textpic-text,
DIV.csc-frame-frame1 .Tx-Formhandler{
  padding: 4px 8px 4px 8px;
}

DIV.csc-frame-frame1 .csc-textpic-imagewrap {
  padding: 6px 0 0 0;
}

DIV.csc-frame-frame1 .csc-textpic .csc-textpic-text {
  padding: 0;
}


DIV.csc-frame-frame2 {
  background-color: #efefef;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
}

DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #999999; }

FIGCAPTION.csc-textpic-caption {
  color: #444444;
}

#contentBody .csc-textpic-text {
    margin-left: 0px;
}

.csc-textpic-caption {
  font-size: 11px;
  line-height: 15px;
}

DL.csc-textpic-image DD,
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  margin: 5px 0 0 0;
}





/* ######  TT_NEWS ##### */
.news-list3-container  {
  float: left;
}

.news-list3-item {
  border-bottom: 1px solid #ddd;
}

.mainCol .news-list3-item {
  background: none repeat scroll 0 0 #fafafb;
  margin: 5px 0 0 0;
  float: left;
}

.mainCol .news-list3-container {
    background: none repeat scroll 0 0 #fafafb;
}

.mainCol .news-list3-container IMG {
    float: left;
    margin: 0 10px 10px 0px;
}

.mainCol .news-single-backlink {
  padding: 10px 0 0 0;
  margin: 20px 0 0 0;
  border-top: 1px solid #DDDDDD;
}

.mainCol .news-single-item {
  padding-top: 25px;
}

.mainCol .news-list3-item,
.mainCol .list3-subdiv,
.mainCol  .list2-subdiv {
    border-top: 0 solid #fff;
}

/* Startseite überschrif trennstrich */
#c3119 .csc-header {
  border-bottom: 1px solid #DDDDDD;
}





.show-on-desktops, .show-on-all {
  display: block !important;
}
.show-on-phones {
  display: none !important;
}








@media only screen and (max-width: 1250px) {

.section.header {
  height: 287px;
}

.section.headerShadow {
  background-image: url("../images/defaultResponsive/header1000.png");
  background-position: center bottom;
}


.section.headerShadow .wrapper {
  height: 278px;
}

.section .wrapper {
  width: 1000px;
}

.mainNavi ul.menu li a {
  padding: .5em .4em;
  font-size: 1.1em;
}

.mainNavi ul.menu li div.mainNaviBox-body a {
  font-size: 1em;
}

.mainNaviBox-row {
  max-width: 20em;
}

#goTop img {
  width: 6em;
}

}






@media only screen and (max-width: 1050px) {
body,
#wrapper {
  max-width: 100%;
}

.section.header {
  height: 258px;
}

.section.headerShadow {
  background-image: url("../images/defaultResponsive/header900.png");
  background-position: center bottom;
}


.section.subHeader {
    padding: 1em 0 0 0.5em;
}


.section.headerShadow .wrapper {
  height: 250px;
  
}

.section .wrapper {
  width: 900px;
}

.mainNavi ul.menu li a {
  padding: .5em .4em;
  font-size: 1em;
}

.mainNavi ul.menu li div.mainNaviBox-body a {
  font-size: .9em;
}

.mainNaviBox-row {
  max-width: 18em;
}

.section.content .body {
  border: 0;
  border-radius: 0;
  padding: 1.5em 0;
  font-size: 95%;
}

.mainNaviBox-header h4 {
  font-size: 93%;
  
}

}







@media only screen and (max-width: 920px) {
.section.header {
  height: 221px;
  background: url("../images/defaultResponsive/headerBg.png") repeat-x scroll 0 -900px transparent;
}
.section.headerShadow {
  background-image: url("../images/defaultResponsive/header780.png");
}

.section.headerShadow .wrapper {
  height: 214px;
}

.section .wrapper {
  width: 768px;
}

.section.subHeader .wrapper {
  width: 758px;
}

.section.subHeader {
    padding: 1em 0 0 0;
}

.mainNavi ul.menu li a {
  padding: .6em .25em;
  font-size: .88em;
}

.mainNavi ul.menu > li.mainNaviHome {
  display:none;
}

.mainNaviBox-row {
  max-width: 16em;
}

.mainNaviBox-header h4 {
  font-size: 90%;
}



.section.content .body {
  border-radius: 0;
  font-size: 90%;
  padding: 1em 0;
}

}



@media only screen and (max-width: 780px) {
.section.header {
  height: 221px;
  background: url("../images/defaultResponsive/headerBg.png") repeat-x scroll 0 -900px transparent;
}
.section.headerShadow {
  background-image: url("../images/defaultResponsive/header780.png");
}

.section.headerShadow .wrapper {
  height: 214px;
}

.section.mainNavi {
    margin-top: 0;
}
.section .wrapper {
  width: 768px;
}

.section.subHeader .wrapper {
  width: 758px;
}

.section.subHeader {
    padding: 1em 0 0 0;
}

.mainNavi ul.menu li a {
  padding: .6em .25em;
  font-size: .88em;
}

.mainNavi ul.menu > li.mainNaviHome {
  display:none;
}

.mainNaviBox-row {
  max-width: 16em;
}

.mainNaviBox-header h4 {
  font-size: 90%;
}



.section.content .body {
  border-radius: 0;
  font-size: 90%;
  padding: 1em;
}

}


@media screen and (max-width: 767px) {

body {
  font-size: .95em;
}

.section {
  max-width: 767px;
  min-width: 320px;
  width: 100%;
}

.section .wrapper {
  width: 100%;
}

.section.subHeader .wrapper {
  width: 96%;
}

.section.header {
  margin-top: 4em;
}

.section.header,
.section.header .wrapper,
.section.header .wrapper img{
  width: 100%;
  float: left;
  height: auto;
}
.section.header .wrapper img {
  float: left;
  width: 100%;
}

.section.content .mainCol,
.section.content .leftCol,
.section.content .rightCol{
  width: 100%;
}

.section.footer .body .leftCol {
    min-height: 20px;
}

.section.footer .body .leftCol {
  border: 0;
  padding: 0;
  width: 100%;
}
#footerWrapper {
    position: relative;
}

.section.footer .body {
  padding-top: 0;
  padding-bottom: 0;
}

.section.footer ul.menu {
  border: 0;
}

.section.footer ul.menu li {
  width: auto;
  padding: 0 1em 0 0;
  border: 0;
}

.section.navi.accordion.show-on-phones {
}

.section.navi.accordion.show-on-phones .ui-accordion-content {
  padding: 0;
  
}

.section.navi.accordion.show-on-phones div.csc-header {
  border-radius: 0;
  margin: 0;
  padding: .5em 1em;
  background-color: #999;
}

.section.navi.accordion.show-on-phones .ui-widget-content {
  background: radial-gradient(ellipse at center center , transparent 0%, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-color: #F29400;
}


.section.subHeader, .section.content {
  background-color: #fff;
}

.section.impressum .body .copyright {
  float: left;
}

.section.content {
  padding: 0 0 3em 0;
}
.section.content .body {
  box-shadow: 0 0 0 #fff;
  border: 0;
  padding-left: 3%;
  padding-right: 3%;
}

.section .body {
  padding: 0 3%;
}

.section.content .body_part .row {
  padding:0;
}


.backendLayout .mainCol {
  padding: 0;
}

.section.subNaviMobile {
  margin-bottom: 2em;
}

/*
.cbp-hrmenu {
  font-size: 120%;
  border: none;
}

.cbp-hrmenu > ul { width: 100%; }

.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
  padding: 0;
}

.cbp-hrmenu .cbp-hrsub-inner {
  width: 96%;
  padding: 2em 2% 0 2%;
  font-size: 90%;
}

.cbp-hrmenu > ul > li {
  display: block;
  border-bottom: 2px solid #fff;
}

.cbp-hrmenu > ul > li > a {
  display: block;
  padding: .6em 2em;
  color: #fff;
}

.cbp-hropen .cbp-hrsub {
  border-bottom: 5px solid #666666;
}

.cbp-hrmenu .cbp-hrsub {
}

.cbp-hrsub h4 {
  padding-top: 1em;
  float: left;
  width: 100%;
}

*/




.section.navi.accordion {
  background-color: #999;
  z-index: 100;
}

.section.navi.accordion .ui-icon {
  background-image: url("");
}

.section.navi.accordion .ui-state-active .ui-icon {
  background-image: url("");
  background-position: 0 bottom;
  border: 3px solid #666;
}

.section.navi.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  margin-top: -1.3em;
  right: 5%;
}



/* Mobile Navie und Language Menu */
.mobileNaviBox {
  background-color: #efefef;
  float: left;
  height: 60px;
  overflow: visible;
  position: relative;
  width: 100%;
  z-index: 100;
}

.dl-menuwrapper {
  margin: 7px 0 0 7px;
}

.dl-subviewopen li.headline {
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  padding: 0 0 .5em 1em;
}

.languageMobile.accordion {
  position: absolute;
  right: 0;
  top: 0;
  width: 11em;
  z-index: 1000;
}


.languageMobile.accordion div.csc-header {
  background-color: #efefef;
  padding: .8em 1em 0 1em;
  height: 3.2em;
  margin:0;
}

.languageMobile.accordion span {
  display: none;
}

.languageMobile.accordion a {
  float: left;
  width: 100%;
  padding: .5em 0;
}


.section.impressum ul li a{
  padding: 0 1em 0 0;
}




.show-on-desktops {
  display: none !important;
}
.show-on-phones, .show-on-all {
  display: block !important;
}





}