/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/
.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: #FFFFFF;}
.neutralColorBlack  {background-color: #000000;}
.neutralColorStrong {background-color: #1F3C5A;} /* -- dark blue -- */
.neutralColorMedium {background-color: #5A84AC;} /* -- mid blue -- */
.neutralColorLight {background-color: #F4F1E8;} /* -- lightest beige -- */

.teaserColor {background-color: #FFCC00;} /* -- Accent Yellow -- */

.secondColorStrong {background-color: #3F3E37;} /* -- HG Dark -- */
.secondColorMedium {background-color: #D6D3C5;} /* -- HG Medium -- */
.secondColorLight {background-color: #ECEBE1;} /* -- HG Light -- */

.primColorStrong {background-color: #2F5E8C;} /* -- Text Headline -- */
.primColorMedium {background-color: #494949;} /* -- Text Primary -- */
.primColorLight {background-color: #8D8676;} /* -- Text Secondary -- */






/****************************************************/
/*    Layout                                        */
/****************************************************/
/* -- BODY ----------------------------------------------*/

* {margin:0; border:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

body#web, body#webS {
  width:100%;
  height:100%;
  background:#ecebe1;
  font-family:Georgia,Arial,Helvetica,sans-serif;
  font-size:1em;
  line-height:1.4em;
  color:#494949;
}

/* -- MIDDLE --------------------------------------------*/
#middle {
  position:relative;
  width:100%;
  clear:both;
  margin:302px 0 0;
  padding:0;
  background:linear-gradient(to bottom, #ffffff 0%, #ecebe1 100%);
}
#webS #middle {
  margin:402px 0 0;
}

#page {
  position:relative;
  width:85%;
  max-width:1180px;
  margin:0 auto;
  padding:0 0 5px;
}
.ie8 #page {
  width:980px;
}
#page:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}
#content {
  position:relative;
  float:left;
  width:80%;
  min-height:400px;
  margin:-150px 0 0 0;
  padding:15px;
  background:#ffffff;
  box-shadow:0 0 3px rgba(63,62,55,0.5);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

#webS #content {
  float:right;
  width:60%;
  margin:-200px 0 0 0;
}

.wide #content {
  width:100%;
  margin:-150px 0 0 0;
}

#left {
  position:relative;
  float:left;
  width:22%;
  min-height:300px;
  margin:-102px -2% 0 0;
}


#right {
  position:relative;
  float:left;
  width:40%;
  min-height:100px;
  margin:30px -1px 0 0;
  z-index:2;
}

#web #right {
  display:none;
}

.hero {
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:250px;
  margin:52px 0 0;
  background:#2C5580;
  overflow:hidden;
}
.no-touch .hero.parascroll {
  position:fixed;
}

#webS .hero {
  height:350px;
}

.hero > div {
  position:relative;
  width:85%;
  max-width:1180px;
  height:100%;
  margin:0 auto;
  padding:0;
}


/* -- TOP -----------------------------------------------*/
#top {
  position:fixed;
  top:0;
  right:0;
  left:0;
  background:#ffcc00;
  background:rgba(255, 204, 0,0.9);
  background:linear-gradient(to bottom, #ffcc00 0%, rgb(213,171,1) 100%);
  clear:both;
  z-index:100;
}

header {
  position:relative;
  width:85%;
  min-width:700px;
  max-width:1180px;
  margin:0 auto;
  text-align:right;
}
.ie8 header {
  width:980px;
}

header:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

.logo {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0;
  width:150px;
  padding:30px 0px 0px 60px;
  background:transparent url(wappen-urc.png) no-repeat scroll 0 -15px;
}

#webS .logo {
  width:250px;
  padding:80px 0px 0px 90px;
  background:transparent url(wappen-urcS.png) no-repeat scroll 0 center;
}

.wide .logo {
  width:auto;
}
.logo a {
  text-transform:uppercase;
  text-shadow:0 0 5px rgba(0,0,0,0.8);
}

.logo hgroup {
  margin:0;
}
.logo h1 {
  font-family: CopperplateGothic, Georgia, serif;
  font-size:1.2em;
  line-height:1.1em;
  letter-spacing:2px;
  color:#ffffff;
}

#webS .logo h1 {
  font-size:3em;
  line-height:1.1em;
}

.logo h2 {
  font-family: CopperplateGothic, Georgia, serif;
  margin-top:5px;
  color:#ffffff;
  font-size:0.75em;
  line-height:1.1em;
}

#webS .logo h2 {
  font-size:1.2em;
  line-height:1.1em;
}

/* --- Slide Navigation button --- */
#sTrigger {
  position:relative;
  display:none;
  width:30px;
  height:25px;
  padding:15px;
  cursor:pointer;
  vertical-align:middle;
}

#sTrigger span {
  position:absolute;
  top:15px;
  left:15px;
  width:30px;
  height:5px;
  border-radius:8px;
  background:#ffffff;
  box-shadow:-1px 1px 0 rgba(63,62,55,0.3) inset, -1px 1px 0 rgba(255,255,255,0.2);
}

#sTrigger span:before {
  content:"";
  position:absolute;
  top:9px;
  left:0;
  width:30px;
  height:5px;
  border-radius:8px;
  background:#ffffff;
  box-shadow:-1px 1px 0 rgba(63,62,55,0.3) inset, -1px 1px 0 rgba(255,255,255,0.2);
}
#sTrigger span:after {
  content:"";
  position:absolute;
  top:18px;
  left:0;
  width:30px;
  height:5px;
  border-radius:8px;
  background:#ffffff;
  box-shadow:-1px 1px 0 rgba(63,62,55,0.3) inset, -1px 1px 0 rgba(255,255,255,0.2);
}
/* -- BOTTOM --------------------------------------------*/
#bottom {
  position:relative;
  display:block;
  width:100%;
  background:#ecebe1;
  clear:both;
}

footer {
  width:85%;
  max-width:1180px;
  margin:0 auto 0;
  padding:110px 0 100px;
  background:transparent url(unitas-haus-heidelberg.png) left top no-repeat;
  clear:both;
  font-size:0.85em;
  line-height:1.35em;
  color:#8d8676;
}
.ie8 footer {
  width:980px;
}

footer > section {
  position:relative;
  display:inline-block;
  vertical-align:top;
}

footer .zirkel {
  width:100px;
  padding:0 30px 0 40%;
  opacity:0.5;
}

#webS footer .zirkel {
  padding-left:40%;
}

footer .zirkel img {
  display:block;
  width:100%;
  height:auto;
}

.copyright {

}


footer > section > div {
  padding:10px 0;
}

.address h1 {
  margin:0;
  font-family:Georgia,Arial,Helvetica,sans-serif;
  font-size:1em;
  line-height:1.25em;
  font-weight:bold;
  color: #8d8676;
}
.address span, .address a {
  display:block;
  padding:2px 0;
}


.metanav {
  position:relative;
  width:auto;
  padding: 5px 0;
}
.metanav a {
  display: inline-block;
  padding: 5px 8px;
  text-transform:uppercase;
}

.metanav a:first-child {
  padding-left:0;
}

footer .social a {
  display:inline-block;
  margin:0 8px;
}

footer .social .fb {
  margin-left:0;
  background-position:0 -50px;
}
footer .social .tw {
  background-position:0 -150px;
}

footer .social span {
  display:inline-block;
  -webkit-transition: all 0.5s;
  transition:all 0.5s;
  vertical-align:middle;
}

footer .social .title {
  text-transform:uppercase;
  color:#8d8676;
}
footer .social .icon {
  width:24px;
  height:24px;
  margin:0 6px 0 0;
  border-radius:2px;
  background-image:url(sprite-icons.png);
  background-repeat:no-repeat;
  background-color:#8d8676;
}

footer .social .fb .icon {
  background-position:-60px -379px;
}
footer .social .tw .icon {
  background-position:-63px -353px;
}
footer .social a:hover .title, footer .social a:active .title {
  color: #494949;
}
footer .social a.fb:hover .icon, footer .social a.fb:active .icon {
  background-color:#3C599F;
}

footer .social a.tw:hover .icon, footer .social a.tw:active .icon {
  background-color:#5EAADE;
}


/* -- CHANNEL MENU ---------------------------------*/
.menu {
  position:relative;
}
.menu ul {
  margin:0;
  padding:0;
  list-stlye-type:none;
}
.menu li {
  display:inline-block;
  margin:0;
  padding:0;
  vertical-align:top;
}

.menu a {
  position:relative;
  display:block;
  padding:15px;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  color:#1f3c5a;
  text-transform:uppercase;
}
.menu span {
  display:block;
}


.menu ul li a:hover,
.menu ul li.active a {
  color:#2f5e8c;
}

/* -- MACRONAVIGATION ------------------------------*/
.macronav {
  display:block;
  padding:15px;
  background:#ffffff;
  box-shadow:0 0 1px rgba(63,62,55,0.3);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.macronav ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
.macronav ul li {
  display:block;
  margin:0;
  padding:0;
}
.macronav ul li a {
  display:block;
  padding:10px;
}
.macronav ul li a span {
  display:block;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:0.9em;
  line-height:1.25em;
  color:#494949;
}

.macronav ul li a:hover, .macronav ul li a:active {
  background:#ecebe1;
}

.macronav ul li a.current {
  background:#d6d3c5;
}

.macronav ul li a.active {
  font-weight:bold;
}

/* -- level 2 -- */
.macronav ul li li a span {
  padding:0 0 0 15px;
  font-size:0.8em;
  line-height:1.25em;
}

/* -- level 3 -- */
.macronav ul ul ul {
  padding-bottom:5px;
}
.macronav ul li li li a span {
  border:0;
  padding:0 0 0 30px;
  font-size:0.75em;
  line-height:1.25em;
}

.macronav ul li li li:first-child a, .macronav ul li li:first-child li a {
  border:0;
}

/* -- level 4 -- */
.macronav ul li li li li a span {
  padding-left:40px;
}

#bodyMask {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(pixel-black-60.png) 0 0 repeat;
  background:rgba(0,0,0,0.6);
  z-index:-1;
  opacity:0;
  -webkit-transition:opacity 0.3s, z-index 0.3s;
  transition:opacity 0.3s, z-index 0.3s;
  cursor:pointer;
}

.ie8 #bodyMask {
  visibility:hidden;
}

#bodyMask.open {
  opacity:1;
  z-index: 8;
}

.ie8 #bodyMask.open {
  visibility:visible;
}


#sNav {
  display:block;
  position:fixed;
  top:0;
  bottom:0;
  left:-310px;
  width:300px;
  background:#ecebe1;
  box-shadow:0 0 3px rgba(0,0,0,0.5);
  overflow-y:auto;
  overflow-x:hidden;
  z-index:9;
}

.csstransforms3d #sNav {
  left:0;
  -webkit-transform: translate3d(-310px, 0, 0);
  -ms-transform: translate3d(-310px, 0, 0);
  -o-transform: translate3d(-310px, 0, 0);
  transform: translate3d(-310px, 0, 0);
  -webkit-transition:-webkit-transform 0.3s ease, padding 0.3s;
  -ms-transition:-ms-transform 0.3s ease, padding 0.3s;
  -o-transition:-o-transform 0.3s ease, padding 0.3s;
  transition:transform 0.3s ease, padding 0.3s;
}

#sNav.open {
  left:0;
}

.csstransforms3d #sNav.open {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}



/* --- MACRONAV --- */
#sNav .macronav {
  display:block;
  margin:80px 0 40px;
  border-bottom:1px solid rgba(0,0,0,0.1);
  padding:0;
  background:transparent;
  box-shadow:none;
}
#sNav .macronav ul {
  position:relative;
  width:100%;
  list-style-type:none;
  margin:0;
  padding:0;
}
#sNav .macronav ul li {
  position:relative;
  width:100%;
  margin:0;
  border-top:1px solid rgba(0,0,0,0.1);
  padding:0;
}
#sNav .macronav ul li .subMenu {
  position:absolute;
  top:0;
  right:0;
  width:45px;
  height:41px;
  background:rgba(0,0,0,0.05);
  cursor:pointer;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
#sNav .macronav ul li .subMenu:after {
  content:"+";
  position:absolute;
  top:0;
  right:0;
  width:45px;
  height:41px;
  color:#2f5e8c;
  font-size:2.5em;
  line-height:1em;
  text-align:center;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  cursor:pointer;
}
#sNav .macronav ul li .subMenu:hover {
  background:rgba(0,0,0,0.1);
}
#sNav .macronav ul li.open .subMenu:after {
  content:"-";
}

#sNav .macronav ul li a {
  display:block;
  padding:15px;
}
#sNav .macronav ul li.sub a {
  width:215px;
}
#sNav .macronav ul li a span {
  display:block;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
#sNav .macronav ul li a.active span,
#sNav .macronav ul li a.current span {
  font-weight:bold;
}

/* -- level 2 -- */
#sNav .macronav ul ul {
  display:none;
}
#sNav .macronav ul li.active ul {
  display:block;
}

#sNav .macronav ul li.open li .subMenu:after {
  content:"+";
}

#sNav .macronav ul li li.open .subMenu:after {
  content:"-";
}
#sNav .macronav ul li.sub li a {
  width:auto;
}
#sNav .macronav ul li li.sub a {
  width:215px;
}

#sNav .macronav ul li li a span {
  padding-left:25px;
  font-size:1em;
  line-height:1.25em;
}


/* -- level 3 -- */
#sNav .macronav ul li li.open li .subMenu:after {
  content:"+";
}

#sNav .macronav ul li li li.open .subMenu:after {
  content:"-";
}

#sNav .macronav ul li li.sub li a {
  width:auto;
}
#sNav .macronav ul li li li.sub a {
  width:215px;
}

#sNav .macronav ul li li li a span {
  padding-left:35px;
  font-size:1em;
  line-height:1.25em;
}

/* -- level 4 -- */
#sNav .macronav ul li li li.open li .subMenu:after {
  content:"+";
}

#sNav .macronav ul li li li li.open .subMenu:after {
  content:"-";
}
#sNav .macronav ul li li li.sub li a {
  width:auto;
}
#sNav .macronav ul li li li li.sub a {
  width:215px;
}

#sNav .macronav ul li li li li a span {
  padding-left:45px;
  font-size:1em;
  line-height:1.25em;
}


/****************************************************/
/*    Standards                                     */
/****************************************************/
/* -- STANDARD -------------------------------------*/
hgroup {
  margin:30px 0 15px;
}
#content > hgroup {
  margin-top:0;
}

h1, h2,  h3, h4, h5 {
  margin:30px 0 15px;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-weight:normal;
  color:#2f5e8c;
  text-transform:uppercase;
}

form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  color:#494949;
}
h1  {
  margin:0 0 15px;
  font-size:2em;
  line-height:1.25em;
}
hgroup h1 {
  margin:0;
}
h2  {
  font-size:1.6em;
  line-height:1.25em;
}
hgroup h2 {
  margin:0;
  font-size:1.2em;
  line-height:1.25em;
  text-transform:inherit;
}
h3 {
  font-size:1.4em;
  line-height:1.25em;
}
h4 {
  font-size:1.2em;
  line-height:1.25em;
}
p {
  margin:15px 0;
}

ul {
  list-style:disc;
  margin:15px 0;
  padding:0 30px;
  overflow: hidden;
}

ol {
  list-style: decimal;
  margin:15px 0;
  padding:0 30px;
  overflow: hidden;
}
li {
  padding:2px 0;
}
dl {
  display:block;
  margin:15px 0;
}
dl dt {
  margin:0;
  padding:15px 0 0 0;
  color:#494949;
  font-weight:bold;
}
dl dt a {
  color:#ffcc00;
  font-weight:bold;
}
dl dt a:hover, dl dt a:active {
  color:#8d8676;
}
dl dd {
  color:#494949;
  margin:0;
  padding:0 0 15px;
}
dl dd a {
  font-weight:normal;
}
a {
  color:#2f5e8c;
  text-decoration:none;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

a:hover, a:active, a:focus {
  color:#1f3c5a;
  text-decoration:none;
}

a span {
  cursor:pointer;
  text-decoration:none;
}
a img {
  border:none;
}

hr {
  height:5px;
  margin:15px 0;
  border-top:1px solid #d6d3c5;
  background:#ecebe1;
}
/* -- ZMS FORMAT (Text Formats) --------------------*/
strong, b {
  font-weight:bold;
}
i, em {
  font-style:italic;
}
small, .small {
  font-size:0.85em;
  line-height:1.35em;
}
p.caption {
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:0.75em;
  line-height:1.35em;
  text-transform:uppercase;
  color:#8d8676;
  letter-spacing:0;
}
p.emphasis {
  position:relative;
  display:block;
  margin:30px;
  border:1px solid #d6d3c5;
  padding:12px 15px;
  background:#ecebe1;
  font-size:1.05em;
  line-height:1.5em;
}
p.description {
  font-weight:bold;
  font-style:italic;
  margin-bottom:15px;
}
blockquote {
  margin:30px;
  border-left:2px solid #d6d3c5;
  padding:0 0 0 15px;
  font-size:1.05em;
  line-height:1.5em;
}
.textblock_left2col {
  float:left;
  width:49%;
  margin-right:2%;
  text-align:left;
}
.textblock_right2col {
  float:left;
  width:49%;
  text-align:left;
}
.textblock_spacer {
  display:block;
  clear:both;
}
.colLayout {
  position:relative;
}
.colLayout h3 {
  margin-bottom:0;
}
.colLayout p {
  word-wrap:break-word;
}

.colLayout > div {
  position:relative;
  display:inline-block;
  margin-right:1%;
  margin-left:1%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  vertical-align:top;
}

/* --- 2 COL 50/50 --- */
.colLayout.type1 > div {
  width:49%;
}

.colLayout.type1 .two1 {
  margin-left:0;
  clear:left;
}

.colLayout.type1 .two2 {
  margin-right:0;
}


/* --- 2 COL 60/40 --- */
.colLayout.type3 .two1 {
  width:59%;
  margin-left:0;
  clear:left;
}
.colLayout.type3 .two2 {
  width:39%;
  margin-right:0;
}


/* --- 2 COL 40/50 --- */
.colLayout.type4 .two1 {
  width:39%;
  margin-left:0;
  clear:left;
}
.colLayout.type4 .two2 {
  width:59%;
  margin-right:0;
}


/* --- 2 COL 70/30 --- */
.colLayout.type5 .two1 {
  width:69%;
  margin-left:0;
  clear:left;
}
.colLayout.type5 .two2 {
  width:29%;
  margin-right:0;
}


/* --- 2 COL 30/70 --- */
.colLayout.type6 .two1 {
  width:29%;
  margin-left:0;
  clear:left;
}
.colLayout.type6 .two2 {
  width:69%;
  margin-right:0;
}


/* --- 3 COL --- */
.colLayout.type2 > div {
  width:32%;
}

.colLayout.type2 .three1 {
  margin-left:0;
  clear:left;
}

.colLayout.type2 .three3 {
  margin-right:0;
}


/* --- 4 COL --- */
.colLayout.type8 > div {
  width:23.5%;
}

.colLayout.type8 .four1 {
  margin-left:0;
  clear:left;
}

.colLayout.type8 .four4 {
  margin-right:0;
}



/* --- 5 COL --- */
.colLayout.type7 > div {
  width:18.4%;
}
.colLayout.type7 .five1 {
  margin-left:0;
  clear:left;
}
.colLayout.type7 .five5 {
  margin-right:0;
}


/* --- COLUMN GRAPHIC --- */
.colLayout div.ZMSGraphic {
  width:100%;
  margin-top:15px;
  margin-left:0;
  margin-right:0;
}

.colLayout div.ZMSGraphic div.graphic {
  width:100% !important;
}



/* -- ZMS GRAPHIC ----------------------------------*/
div.ZMSGraphic {
  position:relative;
  max-width:100%;
  background:transparent; 
  margin:0 0 15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
div.ZMSGraphic.none {
  display:inline-block;
}
div.ZMSGraphic.left {
  float:left;
  width:100%;
  text-align:left;
}
div.ZMSGraphic.floatleft {
  float:left;
  margin-right:15px;
}
div.ZMSGraphic.right {
  float:right;
  width:100%;
  text-align:right;
}
div.ZMSGraphic.floatright {
  float:right;
  margin-left:15px;
}
div.ZMSGraphic.center {
  text-align:center;
}

div.ZMSGraphic div.graphic {
  display:block;
  position:relative;
  max-width:100%;
  border:1px solid #d6d3c5;
  padding:5px;
  background:#ecebe1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
div.ZMSGraphic div.graphic a:hover, div.ZMSGraphic div.graphic a:active {
  border:0;
}

div.ZMSGraphic.center .graphic {
  margin:0 auto;
}
div.ZMSGraphic.right div.graphic {
  display:inline-block;
  width:auto;
}
/* --- text right of img --- */
div.ZMSGraphic div.graphic.left {
  float:left;
  margin:0 15px 0 0;
  text-align:right;
}
/* --- text left of img --- */
div.ZMSGraphic div.graphic.right {
  float:right;
  text-align:right;
  margin:0 0 0 15px;
}

div.ZMSGraphic div.graphic img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto !important;
}
div.ZMSGraphic div.text {
  max-width:100%;
}
div.ZMSGraphic div.text p {
  margin:0;
  padding:0 9px;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:0.75em;
  line-height:1.25em;
  color:#8d8676;
  text-transform:uppercase;
}

div.ZMSGraphic.none div.text p,
div.ZMSGraphic.floatleft div.text p,
div.ZMSGraphic.floatright div.text p,
div.ZMSGraphic.center div.text p {
  padding:5px 9px;
}

div.graphic a.zoom, div.graphic a.imgUrl {
  position:relative;
  display:block;
  border:0;
  cursor:pointer;
}

div.graphic a.zoom span, div.graphic a.imgUrl span {
  position:absolute;
  display:block;
  bottom:0;
  right:0;
  width:35px;
  height:35px;
  border:0;
  cursor:pointer;
  opacity:0.3;
  transition:opacity 0.3s;
}

div.graphic a.zoom span {
  background:#3f3e37 url(sprite-icons.png) -516px -76px no-repeat;
  background:rgba(63,62,55,0.7) url(sprite-icons.png) -516px -76px no-repeat;
}

div.graphic a.imgUrl span {
  background:#3f3e37 url(sprite-icons.png) -435px -74px no-repeat;
  background:rgba(63,62,55,0.7) url(sprite-icons.png) -435px -74px no-repeat;
}

div.graphic a.zoom:hover span, div.graphic a.zoom:active span,
div.graphic a.imgUrl:hover span, div.graphic a.imgUrl:active span {
  opacity:1;
}


/* -- ZMS TEASER -----------------------------------*/
#teaser {
  padding:0 30px 0 0;
}
#teaser div.ZMSTeaserElement {
}
#teaser .ZMSTeaserElement div.graphic {
  float:left;
  width:45%;
  margin-right:15px;
  border:1px solid #d6d3c5;
  padding:5px;
  background:#ecebe1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;
}

#teaser .ZMSTeaserElement div.graphic img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
}
#teaser .ZMSTeaserElement .title {
  margin:0 0 15px;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1.2em;
  line-height:1.25em;
  text-transform:uppercase;
  color:#2f5e8c;
}
div.ZMSTeaserElement img.title, #teaser .ZMSTeaserElement div.graphic .title {
  padding:0;
}
#teaser .ZMSTeaserElement .text {
  margin:5px 0 0;
  font-size:0.85em;
  line-height:1.45em;
}
#teaser .ZMSTeaserElement .linkItem {
  margin:10px 0 0;
  padding:5px 10px;
  font-size:0.85em;
  line-height:1.25em;
}


/* -- ZMS TABLES -----------------------------------*/
table.ZMSTable {
  margin:15px 0;
  border-spacing:0;
  border-collapse:collapse;
  border:1px solid #d6d3c5;
  padding:0 0 5px 0;
}
table.ZMSTable th { 
  background:#d6d3c5;
  vertical-align:bottom;
  color:#ffcc00;
  border-bottom:1px solid #d6d3c5;
}
table.ZMSTable tr th p {
  margin:0;
  padding:5px;
  text-align:left;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:0.85em;
  line-height:1.35em;
  font-weight:normal;
  color:#494949;
  text-transform:uppercase;
}
table.ZMSTable tr td {
  border-bottom:1px solid #d6d3c5;
  background:#ecebe1;
  vertical-align:top;
}
table.ZMSTable tr td p {
  margin:0;
  padding:5px;
  text-align:left;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:0.85em;
  line-height:1.35em;
}
table.ZMSTable caption {
  margin:0;
  padding:5px;
  background-color:transparent;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:0.75em;
  line-height:1.25em;
  color:#8d8676;
  text-align:left;
  text-transform:uppercase;
}


/* -- ZMS FILE / ZMS LINK --------------------------*/
div.ZMSLinkElement { 
  background-color:#ecebe1;
  margin:15px;
  padding:7px 10px;
}
div.ZMSFile { 
  background-color:transparent;
  margin:15px 0;
  padding:0;
}

div.ZMSFile.none, div.ZMSLinkElement.none {
  background-color: transparent;
  border: 2px dashed #d6d3c5;
}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft { 
  float:left;
  width:50%;
}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright { 
  float:right;
  width:50%;
}

div.ZMSFile div.title, div.ZMSLinkElement div.title {
  font-size:1em;
}
div.ZMSFile div.title img, div.ZMSLinkElement div.title img {
  margin:-2px 5px 0 0;
}

div.ZMSFile div.title i {
    margin-right: 10px;
}

div.ZMSFile div.title a, 
div.ZMSLinkElement div.title a {
  font-size:1em;
  font-weight:bold;
}

div.ZMSFile div.text, div.ZMSLinkElement div.text {
  padding-top:3px;
  font-size:1em;
  line-height:1.35em;
}

div.ZMSFile div.description, div.ZMSLinkElement div.description {
  padding-top:3px;
  font-size:0.85em;
  line-height:1.35em;
}


/*-- FLOATING ---------------*/
.clearing:after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.clearLine {
  clear:both;
  width:100%;
  height:5px;
  margin:15px 0;
  border-top:1px solid #d6d3c5;
  padding:0;
  background:#ecebe1;
  font-size:1px;
  line-height:0;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
img.imgNoborder {
  border:0px;
}
.btn {
  display:inline-block;
  padding:7px 15px;
  margin:5px;
  border:1px solid #d6d3c5;
  border:1px solid rgba(63,62,55,0.2);
  background:#ecebe1;
  background:rgba(63,62,55,0.1);
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.35em;
  color:#2f5e8c;
  text-align:center;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align:middle;
  cursor:pointer;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.btn:after {
  content:"\00bb";
  position:relative;
  padding:0 0 0 10px;
}

.btn:hover,
.btn:focus {
  border:1px solid #d6d3c5;
  border:1px solid rgba(63,62,55,0.25);
  background:#d6d3c5;
  background:rgba(63,62,55,0.15);
  color:#494949;
  text-decoration:none;
}

.btn:focus {
  outline:0;
}

.btn.active,
.btn:active {
  outline:0;
  box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

.btn.disabled,
.btn[disabled] {
  cursor:default;
  opacity:0.65;
  filter:alpha(opacity=65);
}

.btn-primary.active,
.btn-warning.active,
.btn-inverse.active {
  color:rgba(255, 255, 255, 0.75);
}

/* --- PRIMARY --- */
.btn-primary {
  background:#2f5e8c;
  color:#ffffff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary[disabled] {
  background:#1f3c5a;
  color:#ffffff;
}


/* --- SECONDARY --- */
.btn-secondary {
  background:#ffcc00;
  color:#2f5e8c;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.disabled,
.btn-secondary[disabled],
a:hover .btn-secondary {
  background:#F4C817;
  color:#2f5e8c;
}


/* --- INVERSE --- */
.btn-inverse {
  background:#333333;
  box-shadow:1px 1px 0 #000000;
  color:#ffffff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}


.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background:#333333;
  box-shadow:1px 1px 0 #000000;
  color:#ffffff;
}




/* -- STANDARDS -----------------------------------------*/
form input, form select, form textarea {
  position:relative;
  max-width:100%;
  margin:0;
  border: 1px solid #d6d3c5;
  padding:3px 4px;
  background:#f4f1e8;
  box-sizing:border-box;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.25em;
  color:#494949;
}

form input[type=radio], form input[type=checkbox] {
  width:16px;
  height:16px;
  margin:2px 5px;
  border:0;
  padding:0;
  background:transparent;
}


/* --- CONTAINERS --- */
.conForm {
  position:relative;
}

.conForm:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

/* --- SECTIONS --- */
.conForm section {
  float:left;
  width:48.5%;
  padding:0 0 10px 0; 
}
.conForm .formName {
  padding-right:3%;
}

.conForm .formSend {
  width:100%;
  margin:0 0 20px;
  padding:0;
}

/* --- WRAPPERS --- */

.conForm div {
  position:relative;
  display:block;
  float:left;
  width:100%;
  padding:0 0 15px 0;
}

.conForm .wide {
  width:100%;
}
.conForm .double1 {
  width:32%;
  margin-right:5%;
  padding:0;
}
.conForm .double2 {
  width:63%;
  padding:0;
}
/* --- STANDARDS --- */
.conForm h1 {
  margin:0 0 20px;
  padding-top:20px;
  font-size:3em;
  line-height:1.25em;
}


.conForm h2 {
  margin-top:0;
}
.noJS .conForm .tabTitle {
  display:none;
}
.conForm h4 {
  margin:0 0 20px;
}
.conForm p {
  clear:both;
}
.star {
  padding:0 0 0 2px;
  opacity:0;
  font-size:1.1em;
  line-height:1em;
  font-weight:bold;
  color:#2f5e8c;
  -webkit-transition:opacity 0.5s;
  transition:opacity 0.5s;
}
.ie8 .star {
  visibility:hidden;
}
.required .star {
  opacity:1;
}
.ie8 .required .star {
  visibility:visible;
}

/* --- LABELS --- */
.conForm label {
  position:relative;
  display:none;
  padding:0 0 2px 4px;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  color:#494949;
}

.conForm label.beside {
  display:block;
}


.conForm label.radio, .conForm .wide label.radio {
  display:block;
  float:left;
  width:auto;
  margin:0;
  padding:0 15px 0 0;
  color:#494949;
}

.conForm label#lCity, .conForm label#lShipcity {
  left:40%;
}

.conForm label.long, .conForm .wide label.long {
  display: inline-block;
  width: 75%;
  width: calc(100% - 30px);
  padding: 0;
  vertical-align: top;
}

/* --- INPUTS --- */

.conForm input {
  position:relative;
  float: left;
  width: 100%;
  margin: 0;
  z-index:0;
}
.conForm input.short {
  width:30%;
}
.conForm input.medium {
  width:40%;
  margin:0 3%;
}

.conForm input.radio, .conForm .required input.radio {
  margin-left:0;
}

.conForm input.btn {
  float:right;
  width:auto;
  margin:0 0 20px;
  padding:4px 20px 5px;
  font-size:1.1em;
  line-height:1em;
  letter-spacing:1px;
  color:#ffffff;
  white-space:normal;
}

.conForm .invalid input {
  border:1px solid #1f3c5a;
}
.conForm .invalid input.radio, .conForm .invalid input.checkbox {
  border:2px solid #1f3c5a;
  outline:2px solid #1f3c5a;
}
/* --- SELECT --- */

.conForm select {
  position:relative;
  float:left;
  width: 100%;
  cursor:pointer;
}
.conForm select.short {
  width:60px;
}

.conForm option {
  color:#494949;
}

.conForm .invalid select {
  border:1px solid #1f3c5a;
}
/* --- TEXTAREA --- */
.conForm textarea {
  float:left;
  width:100%;
  height:300px;
}

.conForm .invalid textarea {
  border:1px solid #1f3c5a;
}
/* --- WALL --- */
.conForm .errors {
  display:none;
  width:90%;
  margin:0 0 30px;
  border-radius:4px;
  padding:16px 5% 20px;
  background:#ecebe1;
  background:rgba(63,62,55, 0.2);
  color:#2f5e8c;
}
.noJS .conForm .errors.show {
  display:block;
}
/* title */
.conForm .errors h2 {
  margin:0 0 10px 0;
  font-size:1em;
  line-height:1.25em;
}

.conForm .errors p {
  margin:5px;
  color:#494949;
}

/* --- PHOTOALBUM & VIDEOALBUM --- */
.tGrid {
  position:relative;
  display:block;
  width:100%;
  margin:15px 0;
  overflow:auto;
}

.tGrid h3 {
  margin-top:0;
}


/* --- DEFAULTS --- */
.tGrid .tImg a img {
  position:relative;
  display:block;
  width:100%;
  height:auto;
  border:0;
}

span.galZoom {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(galzoom.png) center no-repeat;
  overflow:hidden;
  opacity:0;
  -webkit-transition:opacity 0.5s;
  transition:opacity 0.5s;
}
.ie8 span.galZoom {
  visibility:hidden;
}

a:hover span.galZoom, a:active span.galZoom {
  opacity:1;
}
.ie8 a:hover span.galZoom, .ie8 a:active span.galZoom {
  visibility:visible;
}


/* --- PHOTO THUMBNAILS --- */
.tGrid .tImg {
  position:relative;
  float:left;
  width:19.2%;
  margin:0.5%;
  overflow:hidden;
  -webkit-transition:width 0.3s, margin 0.3s;
  transition:width 0.3s, margin 0.3s;
}
.tGrid .full1 {
  margin-left:0;
  clear:left;
}
.tGrid .full5 {
  margin-right:0;
}

.tGrid .tImg a {
  position:relative;
  display:block;
  width:100%;
  padding:0 0 100%;
  background:#1f3c5a url(loader.gif) center center no-repeat;
  background:rgba(0,0,0,0.75) url(loader.gif) center center no-repeat;
  text-align:center;
  -webkit-transition:border 0.5s;
  transition:border 0.5s;
  overflow:hidden;
}

.tGrid .tImg .img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}



/* --- PAGE NAVIGATION --- */
.photoNav {
  margin:15px 0;
  text-align:center;
}
.photoNav ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
.photoNav li {
  position:relative;
  display:inline-block;
  border-radius:3px;
  padding:0;
  vertical-align:middle;
}
.photoNav ul > li > a,
.photoNav ul > li > span {
  display:block;
  padding:4px 10px;
  border:1px solid #d6d3c5;
  border-left-width:0;
  background-color: #ffffff;
  -webkit-transition:background-color 0.3s;
  transition:background-color 0.3s;
}
.photoNav ul > li > a:hover,
.photoNav ul > li > a:focus,
.photoNav ul > .active > a,
.photoNav ul > .active > span {
  background-color: #ecebe1;
}

.photoNav ul > .active > a,
.photoNav ul > .active > span {
  color: #2f5e8c;
  cursor: default;
}

.photoNav ul > .disabled > span,
.photoNav ul > .disabled > a,
.photoNav ul > .disabled > a:hover,
.photoNav ul > .disabled > a:focus {
  color: #8d8676;
  cursor: default;
  opacity:0.5;
}

.photoNav ul > li:first-child > a,
.photoNav ul > li:first-child > span {
  border-left-width: 1px;
  border-radius:3px 0 0 3px;
}

.photoNav ul > li:last-child > a,
.photoNav ul > li:last-child > span {
  border-radius:0 3px 3px 0;
}

.photoNav .nav {
  color:#2f5e8c;
} 



/* --- PHOTOALBUM - SLIDESHOW --- */
.thumbTab {
  position:relative;
  width:49%;
}
.thumbTab.left {
  float:left;
  margin:0 15px 15px 0;
}
.thumbTab.right {
  float:right;
  margin:0 0 15px 15px;
}

.thumbTab.center {
  width:100%;
  margin:15px 0;
}

/* container for slides */
.thumbImg {
  position:relative;
  width:100%;
  border:1px solid #d6d3c5;
  padding:0 0 65%;
  background:#ecebe1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

/* single slide */
.thumbImg .slideImg {
  position:absolute;
  display:block;
  top:6px;
  right:6px;
  bottom:6px;
  left:6px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:0;
  overflow:hidden;
  -webkit-transition:all 1s;
  transition:all 1s;
}

.thumbImg .slideImg.active {
  opacity:1;
}

.thumbImg .slideImg.fadeOut {
  opacity:0;
}

.thumbImg .slideImg.fadeIn {
  opacity:1;
}

.thumbImg .slideImg span {
  position:absolute;
  display:block;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
}

.thumbImg .slideImg img {
  display:block;
  width:100%;
  height:auto;
}

/* tabs (those little circles below slides) */
.slidetabs {
  margin:5px 0 0;
  text-align:center;
}

/* single tab */
.slidetabs a {
  display:inline-block;
  width:8px;
  height:8px;
  padding:6px;
  outline:none;
}

.slidetabs a span {
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f4f1e8;
  background:rgba(0,0,0,0.3);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  outline:none;
}

.slidetabs a:hover span, .slidetabs a:active span {
  background:#5a84ac;
  background:rgba(0,0,0,0.7);
}

.slidetabs a.active span {
  background:#ffcc00;
}


/* --- NEW OVERLAY GALLERY --- */
#galOverlay {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#000000;
  text-align:center;
  z-index:500;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
}

.no-csstransitions #galOverlay {
  top:100%;
}
#galOverlay.open {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.no-csstransitions #galOverlay.open {
  top:0;
}

#galOverlay.changing {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.no-csstransitions #galOverlay.changing {
  top:0;
}
.contentGallery {
  position:relative;
  width:100%;
  text-align:center;
}

#galOverlay .galImg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:15px 10% 85px;
  opacity:0;
  text-align:center;
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
  z-index:501;
}

.ie8 #galOverlay .galImg {
  visibility:hidden;
}
.contentGallery .galImg {
  display:inline-block;
  width:auto;
  max-width:90%;
  height:auto;
}

#galOverlay .galImg.view {
  opacity:1;
}

.ie8 #galOverlay .galImg.view {
  visibility:visible;
}

#galOverlay .galImg.active {
  opacity:1;
}
.ie8 #galOverlay .galImg.active {
  visibility:visible;
}
#galOverlay .galImg.moveToLeft {
  -webkit-animation: moveToLeft .6s ease both;
  animation: moveToLeft .6s ease both;
  opacity:1;
}

#galOverlay .galImg.moveFromRight {
  -webkit-animation: moveFromRight .6s ease both;
  animation: moveFromRight .6s ease both;
  opacity:1;
}

#galOverlay .galImg.moveToRight {
  -webkit-animation: moveToRight .6s ease both;
  animation: moveToRight .6s ease both;
  opacity:1;
}

#galOverlay .galImg.moveFromLeft {
  -webkit-animation: moveFromLeft .6s ease both;
  animation: moveFromLeft .6s ease both;
  opacity:1;
}

@-webkit-keyframes moveToLeft {
	from { -webkit-transform: translateX(0); }
	to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}


@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
	to { -webkit-transform: translateX(0); }
}
@keyframes moveFromRight {
	from { transform: translateX(100%); }
	to { transform: translateX(0); }
}


@-webkit-keyframes moveToRight {
	from { -webkit-transform: translateX(0); }
	to { -webkit-transform: translateX(100%); }
}
@keyframes moveToRight {
	from { transform: translateX(0); }
	to { transform: translateX(100%); }
}


@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
	to { -webkit-transform: translateX(0); }
}
@keyframes moveFromLeft {
	from { transform: translateX(-100%); }
	to { transform: translateX(0); }
}

#galOverlay .galImg .mid {
  display:inline-block;
  width:1px;
  height:100%;
  margin-left:-1px;
  vertical-align:middle;
}

#galOverlay .galImg img {
  display:inline-block;
  width:auto;
  max-width:98%;
  height:auto;
  max-height:100%;
  vertical-align:middle;
}

#galOverlay .galImg .text {
  position:absolute;
  right:15%;
  bottom:0;
  left:15%;
  padding:0 0 15px;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  color:#ffffff;
  color:rgba(255,255,255,0.7);
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
}

.contentGallery .text {
  position:relative;
  width:100%;
  text-align:center;
  padding:15px 0;
  color:#ffffff;
  color:rgba(255,255,255,0.7);
}

#galOverlay .galImg .text.view {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#galOverlay .close {
  position:absolute;
  right:15px;
  top:15px;
  width:40px;
  height:40px;
  padding:10px;
  background:transparent url(sprite-icons.png) 10px -70px no-repeat;
  cursor:pointer;
  z-index:505;
  opacity:0.5;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
#galOverlay .close:hover {
  opacity:1;
}

#galOverlay .loader {
  position:absolute;
  display:block;
  top:50%;
  left:50%;
  width:32px;
  height:32px;
  margin:-26px 0 0 -26px;
  border-radius:3px;
  padding:10px;
  background:rgba(0,0,0,0.7) url(loader.gif) center center no-repeat;
  opacity:1;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
  z-index:503;
}
#galOverlay .loader.hide {
  opacity:0;
}

.ie8 #galOverlay .loader.hide {
  visibility:hidden;
}

#galOverlay nav {
  position:absolute;
  display:block;
  top:0;
  bottom:0;
  width:60px;
  opacity:0.5;
  background:transparent;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
  z-index:504;
  cursor:pointer;
}

#galOverlay nav:hover {
  opacity:1;
}
#galOverlay nav.prev {
  left:0;
}

#galOverlay nav.next {
  right:0;
}
.contentGallery .galNav .next {
  text-align:left;
}
#galOverlay nav.disabled {
  opacity:0.3;
  cursor:default;
}

#galOverlay nav.hide {
  opacity:0;
}


.contentGallery .galNav li a {
  position:relative;
  display:inline-block;
  width:60px;
  height:60px;
  opacity:0.5;
  background:transparent;
  -webkit-transition:opacity 0.5s;
  transition:opacity 0.5s;
}

.contentGallery  li a:hover, .contentGallery  li a:active {
  opacity:1;
}

#galOverlay nav span {
  position:absolute;
  display:block;
  top:50%;
  width:40px;
  height:40px;
  margin-top:-30px;
  padding:10px;
  background-image:url(sprite-icons.png);
  background-repeat:no-repeat;
  cursor:pointer;
}
.contentGallery .galNav .next span, #galOverlay .next span {
  right:0;
  background-position:-300px -230px;
}
contentGallery .galNav .prev span, #galOverlay .prev span {
  left:0;
  background-position:-220px -230px;
}






/* -- INDEX ----------------------------------------*/
#index {
  position:relative;
  float:left;
  width:100%;
  margin:0;
  padding:0;
}

#index ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#index li {
  position:relative;
  margin:15px 0;
  padding:0;
}
#index a {
  position:relative;
  display:block;
}
#index span {
  position:relative;
  display:block;
  color:#494949;
}

#index .ixImg {
  overflow:hidden;
}
#index .ixImg img {
  display:block;
  width:100%;
  height:auto;
}
#index .ixTitle {
  font-size:1.2em;
  line-height:1.25em;
  color:#2f5e8c;
}

#index .ixMore {
  font-size:0.9em;
  line-height:1.25em;
  color:#2f5e8c;
}
#index .ixMore span {
  display:inline-block;
  width:5px;
  height:5px;
  margin:0 5px 0 0;
}


/* -- Titel mit Beschreibung -- */
#index .ix0 a:hover .ixTitle, #index .ix0 a:active .ixTitle, #index .ix0 a:focus .ixTitle {
  text-decoration:underline;
}


/* -- Einspaltig - Bild, Titel und Beschreibung -- */
#index .ix1 a {
  border:1px solid #d6d3c5;
  padding:8px;
  overflow:hidden;
}

#index .ix1 .ixImg {
  float:left;
  width:30%;
  margin: 0 1% 0 0;
}
#index .ix1 .col2 {
  margin-left:31%;
}
#index .ix1 .ixDesc {
  padding:6px 0 0;
}
#index .ix1 .ixMore {
  padding:6px 0 0;
  color:#2f5e8c;
}

#index .ix1 a:hover, #index .ix1 a:active, #index .ix1 a:focus {
  box-shadow:0 0 6px #d6d3c5;
  background:#f4f1e8;
}


/* -- Dreispaltig - Bild und Titel -- */
#index .ix2 li {
  float:left;
  width:32%;
  margin:1%;
  padding:0;
}
#index .ix2 .small1 {
  margin-left:0;
  clear:left;
}
#index .ix2 .small3 {
  margin-right:0;
}
#index .ix2 a {
  overflow:hidden;
}

#index .ix2 .ixImg {
  -webkit-transition:bottom 0.3s;
  transition:bottom 0.3s;
}

.csstransforms3d #index .ix2 .ixImg {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition:-webkit-transform 0.3s;
  -ms-transition:-ms-transform 0.3s;
  -o-transition:-o-transform 0.3s;
  transition:transform 0.3s;
}

#index .ix2 .ixTitle {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:0 8px 8px 8px;
  font-size:1.2em;
  line-height:1.25em;
  color:#494949;
  -webkit-transition:bottom 0.3s;
  transition:bottom 0.3s;
}

#index .ix2 .ixDesc {
  position:absolute;
  top:100%;
  right:0;
  bottom:0;
  left:0;
  padding:8px;
  background:transparent url(pixel-black-40.png) 0 0 repeat;
  background:rgba(0,0,0,0.4);
  color:#ffffff;
  -webkit-transition:bottom 0.3s;
  transition:bottom 0.3s;
}

.csstransforms3d #index .ix2 .ixDesc {
  top:0;
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition:-webkit-transform 0.3s;
  -ms-transition:-ms-transform 0.3s;
  -o-transition:-o-transform 0.3s;
  transition:transform 0.3s;
}


#index .ix2 a:hover .ixImg, #index .ix2 a:active .ixImg, #index .ix2 a:focus .ixImg {
  bottom:100%;
}

.csstransforms3d #index .ix2 a:hover .ixImg, .csstransforms3d #index .ix2 a:active .ixImg, .csstransforms3d #index .ix2 a:focus .ixImg {
  bottom:0;
  -webkit-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}


#index .ix2 a:hover .ixTitle, #index .ix2 a:active .ixTitle, #index .ix2 a:focus .ixTitle {
  bottom:100%;
}

#index .ix2 a:hover .ixDesc, #index .ix2 a:active .ixDesc, #index .ix2 a:focus .ixDesc {
  top:0;
}

.csstransforms3d #index .ix2 a:hover .ixDesc, .csstransforms3d #index .ix2 a:active .ixDesc, .csstransforms3d #index .ix2 a:focus .ixDesc {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}



.mapWrapper {
  position:relative;
  margin:0;
  width:100%;
  height:362px;
  border:1px solid #d6d3c5;
  padding:5px;
  background:#ecebe1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

#map {
  position:relative;
  width:100%;
  height:350px;
}

/* -- (Input) -- */
.search {
  float:right;
  width:225x;
  height:22px;
  margin:0 3px 0 0;
  border:1px solid #1f3c5a;
  border-radius:6px;
  background:#ffffff;
}
.searchLabel, .searchLabel, .searchElement, .searchText {
  font-size:0.85em;
}

.search input#raw {
  float:left;
  width:183px;
  height:15px;
  margin:0;
  border:0;
  border-radius:0;
  padding:4px 5px 3px 9px;
  background:transparent;
  box-shadow:none;
  color:#8d8676;
  font-size:0.9em;
  line-height:1.25em;
}

.search input.submit {
  float:right;
  width:35px;
  height:35px;
  margin:-7px -7px 0 0;
  border:0;
  padding:0;
  background:transparent url(common/sprite-icons.png) -50px -80px no-repeat;
  box-shadow:none;
  font-size:0px;
  line-height:1px;
  color:#5a84ac;
  cursor:pointer;
}
.search input.submit:hover {
  background-position:-50px -130px;
}


/* -- (Results) -- */
div.navTop {
  border-bottom:1px solid #3f3e37;
}
div.navBtm {
  margin-top:10px;
  border-top:1px solid #3f3e37;
}
div.navTop a, div.navBtm a {
  padding:0 5px;
}


/****************************************************/
/*    Special Objects                               */
/****************************************************/
/* --- container --- */

#cFader {
  position:relative;
}

/* --- image fader --- */
.iSlider {
  position:relative;
  width:100%;
  border:1px solid #d6d3c5;
  padding:0 0 60%;
  background:#ecebe1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* container for slides */
.iSlider .slideObj {
  position:absolute;
  top:6px;
  right:6px;
  bottom:6px;
  left:6px;
  overflow:hidden;
}


/* single slide */
.slideObj .slideImg {
  position:absolute;
  display:block;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:hidden;
  z-index:1;
  -webkit-transition:all 1s;
  transition:all 1s;
}

.slideObj .slideImg.active {
  opacity:1;
  z-index:2;
}

.slideObj .slideImg.fadeOut {
  opacity:0;
  z-index:1;
}

.slideObj .slideImg.fadeIn {
  opacity:1;
  z-index:2;
}

.slideObj .slideText {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:15px 0 30px 30px;
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.slideObj .slideText .slideTitle {
  display:block;
  width:75%;
  max-width:350px;
  font-size:3em;
  line-height:1.25em;
  text-shadow:0 0 3px rgba(0, 0, 0, 0.8);
  color:#ffffff;
}

/* tabs (those little circles below slides) */
.fadertabs {
  position:absolute;
  right:0;
  bottom:0;
  display:none;
  margin:5px 0 0;
  text-align:center;
}

/* single tab */
.fadertabs a {
  display:inline-block;
  width:8px;
  height:8px;
  padding:6px;
  outline:none;
}

.fadertabs a span {
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f4f1e8;
  background:rgba(0,0,0,0.3);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  outline:none;
}

.fadertabs a:hover span, .fadertabs a:active span {
  background:#5a84ac;
  background:rgba(0,0,0,0.7);
}

.fadertabs a.active span {
  background:#ffcc00;
}


/* --- STARTSEITE --- */
#calendarS {
  position:relative;
  margin:30px 0 0;
  padding:0 30px 0 0;
}
#calendarS h1 {
  margin:0;
  padding:0;
  font-size:1.2em;
  line-height:1.25em;
  color:#2f5e8c;
}
#calendarS ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#calendarS ul li {
  display:block;
  padding:20px 0 0;
  clear:both;
}
#calendarS .eDate {
  position:relative;
  float:left;
  width:115px;
  margin:0 15px 0 0;
}
#calendarS .eMonth {
  position:absolute;
  top:-10px;
  left:0;
  display:block;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:3.9em;
  line-height:1.1em;
  text-transform:uppercase;
  color:#494949;
  color:rgba(63,62,55, 0.25);
}
#calendarS .eDay {
  display:block;
  font-size:3.6em;
  line-height:1.25em;
  color:#2f5e8c;
}

#calendarS .eText {
  display:block;
  margin-left:130px;
}
#calendarS .eTitle {
  display:block;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:0.9em;
  line-height:1.25em;
  text-transform:uppercase;
}
#calendarS .eTitle .eStart {
  color:#2f5e8c;
}

#calendarS .eDesc {
  display:block;
  margin:5px 0 0;
  font-size:0.85em;
  line-height:1.45em;
}

#calendarS .btnMore {
  margin:0;
  padding:5px 10px;
  font-size:0.85em;
  line-height:1.25em;
}



/* --- SEMESTER PROGRAM LISTING --- */
ul.tabs {
  display:none;
  width:100%;
  margin:0 0 7px;
  border-bottom:1px solid #d6d3c5;
  padding:0;
  overflow: initial;
}
ul.tabs li {
  display:inline-block;
  width:auto;
  margin:0;
  padding:0;
  list-style-type:none;
}
ul.tabs li.current {
  margin:0 0 -1px;
  border:1px solid #d6d3c5;
  border-bottom:1px solid #ffffff;
  padding:7px 7px 0;
  background:#ffffff;
}
ul.tabs li.current:first-child {
  margin-left:0;
}
ul.tabs li a {
  display:block;
  width:auto;
  margin:8px 0 0;
  padding:7px 23px;
  color:#8d8676;
  font-family:Arial, sans-serif;
}
ul.tabs li a:hover, ul.tabs li a:active {
  color:#494949;
}
ul.tabs li.current a {
  margin:0;
  padding:7px 15px;
  background:#d6d3c5;
  color:#494949;
}



/* --- PANES --- */
div.panes {
  position:relative;
  display:block;
}
div.panes div {
  display:block;
}
.eListMonth {
  position:relative;
  margin:15px 0;
  border:1px solid #d6d3c5;
  background:#f4f1e8;
}
.eListMonth h1 {
  margin:0;
  padding:5px 0 5px 10px;
  background:#d6d3c5;
  color:#494949;
  text-transform:none;
}
.eListMonth ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
.eListMonth li {
  position:relative;
  display:block;
  border-top:1px solid #d6d3c5;
  padding:5px 10px;
}
.eListMonth li span {
  position:relative;
  display:inline-block;
  vertical-align:top;
}

.eListMonth li .eDay {
  width:40%;
}
.eListMonth li .eDate {
  width:50%;
}
.eListMonth li .eTime {
  width:50%;
}
.eListMonth li .eStart {
  width:auto;
  padding:4px 0 0 4px;
  font-size:0.85em;
  line-height:1.1em;
}
.eListMonth li .eText {
  width:50%;
}
.eListMonth li .eTitle {
  display:block;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-weight:bold;
}
.eListMonth li .eDesc {
  display:block;
}
.eListMonth li .eType {
  float:right;
  width:10%;
  font-size:0.85em;
  line-height:1.1em;
  text-align:right;
}
.eListMonth li .eLocation {
  padding-right:4px;
}

/****************************************************/
/*    Screen Sizes                                  */
/****************************************************/
@media (max-width:1180px) {
  #index .ix2 li {
    width:49%;
  }
  #index .ix2 .small1 {
    margin-left:1%;
    clear:none;
  }
  #index .ix2 .small3 {
    margin-right:1%;
  }

  #index .ix2 .odd {
    margin-left:0;
    clear:left;
  }
  #index .ix2 .even {
    margin-right:0;
  }
}

@media (max-width:1100px) {

  header, #page, .hero > div, footer {
    width:96%;
  }

  .tGrid .tImg {
    width:24.25%;
  }
  .tGrid .full1 {
    margin-left:0.5%;
    clear:none;
  }
  .tGrid .full5 {
    margin-right:0.5%;
  }
  .tGrid .med1 {
    margin-left:0;
    clear:left;
  }
  .tGrid .med4 {
    margin-right:0;
  }

}



@media (max-width: 1025px) {
  #webS .hero {
    height:250px;
  }

  #webS .logo {
    top:15px;
    bottom:15px;
    padding-top:30px;
    background-size:contain;
  }

  #webS .logo h1 {
    font-size:2.5em;
    line-height:1.1em;
  }

  #webS .logo h2 {
    font-size:1em;
    line-height:1.1em;
  }
  #webS #middle {
    margin-top:302px;
  }
  #content {
    width:75%;
  }
  #webS #content {
    margin-top:-150px;
  }
  #left {
    width:27%;
  }

  #teaser {
    padding-right:15px;
  }

  #calendarS {
    padding-right:15px;
  }
  #calendarS .eDate {
    width:90px;
  }
  #calendarS .eMonth {
    font-size:3em;
    line-height:1.1em; 
  }
  #calendarS .eDay {
    font-size:3em;
    line-height:1.25em; 
  }
  #calendarS .eText {
    margin-left:105px;
  }
}



/* --- TABLET PORTRAIT --- */
@media (max-width: 800px) {

  header {
    width:100%;
    text-align:left;
  }
  #sTrigger {
    display:inline-block;
  }

  .menu, #left, #left .macronav {
    display:none;
  }
  #middle {
    margin:0;
  }
  #webS #middle {
    margin:0;
  }
  #content, #webS #content {
    width:100%;
    margin:0;
    padding:15px 0 30px;
    background:transparent;
    box-shadow:none;
  }
  .wide #content {
    margin:0;
  }
  .hero {
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    height:auto;
    margin-top:55px;
  }
  .no-touch .hero.parascroll {
    position:relative;
  }
  #webS .hero {
    height:auto;
    margin-top:55px;
  }
  .logo {
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    padding:15px 0;
  }
  #webS .logo {
    top:auto;
    bottom:auto;
    width:170px;
    margin:0 auto;
    padding:45px 0 45px 60px;
    background-image:url(wappen-urc.png);
    background-size:auto;
  }
  #webS .logo h1 {
    font-size:2em;
    line-height:1.1em;
  }
  #webS .logo h2 {
    font-size:0.85em;
    line-height:1.1em;
  }

  #right {
    float:none;
    width:100%;
    margin:30px 0 0;
    clear:both;
  }
  #teaser {
    text-align:center;
    padding:0;
  }
  #teaser:before {
    content:"";
    position:relative;
    display:block;
    width:100%;
    height:5px;
    margin:0 0 15px;
    border-top:1px solid #d6d3c5;
    background:#ecebe1;
  }

  #teaser div.ZMSTeaserElement {
    display:inline-block;
    width:100%;
    text-align:left;
  }

  #calendarS {
    padding:0;
  }
  #calendarS ul li {
    padding-left:5px;
  }
  #calendarS .eMonth {
    top:-5px;
  }
  .eListMonth li {
    overflow:auto;
  }
  .eListMonth li .eDay {
    float:left;
    width:115px;
  }
  .eListMonth li .eDate {
    width:100%;
    padding:0 0 5px;
  }
  .eListMonth li .eTime {
    width:100%;
    padding:0 0 5px;
  }
  .eListMonth li .eType {
    float:left;
    width:115px;
    text-align:left;
    clear:left;
  }
  .eListMonth li .eText {
    display:block;
    width:auto;
    margin-left:115px;
  }

  footer {
    width:96%;
    padding:150px 2% 50px;
    background-position:left bottom;
    color:#494949;
    text-align:center;
  }
  footer .zirkel, #webS footer .zirkel {
    display:block;
    margin:0 auto;
    padding:0;
  }
  .address h1 {
    color: #494949;
  }
  .metanav a:first-child {
    padding-left:8px;
  }
  footer .social .fb {
    margin-left:8px;
  }
  footer .social .title {
    color:#494949;
  }
  footer .social .icon {
    background-color:#494949;
  }

  .mapWrapper {
    height:262px;
  }

  #map {
    height:250px;
  }
  .iSlider {
    padding:0 0 45%;
  }
  #index .ix1 .ixText.col2 {
    margin-left:0;
  }

  #index .ix1 li:nth-of-type(2n) .ixText.col2 {
    margin-right:0;
  }

  #index .ix2 a:hover .ixImg, #index .ix2 a:active .ixImg, #index .ix2 a:focus .ixImg {
    bottom:0;
  }

  .csstransforms3d #index .ix2 a:hover .ixImg, .csstransforms3d #index .ix2 a:active .ixImg, .csstransforms3d #index .ix2 a:focus .ixImg {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  #index .ix2 a:hover .ixTitle, #index .ix2 a:active .ixTitle, #index .ix2 a:focus .ixTitle {
    bottom:0;
  }

  #index .ix2 .ixDesc {
    display:none;
  }

}


/* --- GALLERY --- */
@media (max-width:800px) and (orientation:portrait) {
  #galOverlay nav {
    top:auto;
    bottom:10px;
    width:45px;
    height:45px;
    padding:10px;
    background:rgba(20,20,20,0.5);
  }
  #galOverlay nav.next {
    right:50%;
    margin-right:-65px;
  }
  #galOverlay nav.prev {
    left:50%;
    margin-left:-65px;
  }
  #galOverlay nav span {
    position:relative;
    top:auto;
    width:25px;
    height:25px;
    margin:0;
    background-color:rgba(255,255,255,0.2);
  }
  #galOverlay .next span {
    right:auto;
    background-position:-223px -68px;
  }
  #galOverlay .prev span {
    left:auto;
    background-position:-143px -68px;
  }



}

@media (max-width:800px) and (orientation:landscape) {


}



@media (max-width: 600px) {

  .slideObj .slideText {
    padding:15px 0 15px 15px;
  }
  .slideObj .slideText .slideTitle {
    font-size:2.5em;
    line-height:1.25em;
  }
  #index .ix1 .ixImg {
    width:40%;
  }

  .tGrid .tImg {
    width:32%;
    margin:1%;
  }
  .tGrid .full1, .tGrid .med1 {
    margin-left:1%;
    clear:none;
  }
  .tGrid .full5, .tGrid .med4 {
    margin-right:1%;
  }
  .tGrid .small1 {
    margin-left:0;
    clear:left;
  }
  .tGrid .small3 {
    margin-right:0;
  }


  .colLayout > div {
    width:100% !important;
    margin:0 !important
  }

  .conForm section {
    width:100%;
  }
  .conForm .formName {
    padding-right:0;
  }
  .conForm .double1 {
    width:100%;
    margin:0;
    padding:0 0 15px;
  }
  .conForm .double2 {
    width:100%;
    margin:0;
  }
}


/* --- SMARTPHONES QUERFORMAT --- */
@media (max-width: 500px) {

  .iSlider {
    height:225px;
    padding:0;
  }
  .slideObj .slideText .slideTitle {
    font-size:2em;
    line-height:1.25em;
  }
  #teaser .ZMSTeaserElement div.graphic {
    width:100%;
    margin:0 0 10px;
  }

  #teaser .ZMSTeaserElement div.graphic a {
    display:block;
    max-height:150px;
    overflow:hidden;
  }

  #index .ix2 li {
    width:100%;
    margin:2% 0;
  }
  #index .ix2 .small1 {
    margin-left:0;
  }
  #index .ix2 .small3 {
    margin-right:0;
  }

  #index .ix2 .odd {
    clear:none;
  }
  #index .ix2 .even {
    margin-right:0;
  }

  .thumbTab {
    width:100%;
  }
  .thumbTab.left {
    margin:0 0 15px;
  }
  .thumbTab.right {
    margin:0 0 15px;
  }

}


@media (max-width: 450px) {
  .eListMonth li .eDay {
    width:auto;
  }

  .eListMonth li .eDate {
    width:auto;
    padding:0 15px 5px 0;
  }

  .eListMonth li .eTime {
    width: auto;
  }
  .eListMonth li .eType {
    float:right;
    width:50px;
    text-align:right;
    clear:none;
  }
  .eListMonth li .eText {
    width:auto;
    margin-left:0;
    clear:both;
  }


  div.ZMSGraphic,
  div.ZMSGraphic.left,
  div.ZMSGraphic.right,
  div.ZMSGraphic.floatleft,
  div.ZMSGraphic.floatright {
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }

  div.ZMSGraphic div.graphic {
    width:100% !important;
  }
  div.ZMSGraphic img {
    width:100% !important;
  }
  #index .ix1 .ixDesc {
    clear:both;
  }

  .tGrid .tImg {
    width:49%;
  }
  .tGrid .small1 {
    margin-left:1%;
    clear:none;
  }
  .tGrid .small3 {
    margin-right:1%;
  }
  .tGrid .odd {
    margin-left:0;
    clear:left;
  }
  .tGrid .even {
    margin-right:0;
  }

  .thumbTab.left, .thumbTab.right {
    width:100%;
    margin:15px 0;
  }
}


/* --- SMARTPHONES PORTRAIT --- */

@media (max-width: 375px) {

}

/* --- SMARTPHONES PORTRAIT --- */

@media (max-width: 325px) {


}


/****************************************************/
/*    Base Modules                                  */
/****************************************************/
/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.0.1 - 2014
author:     Burocratik
website:    //www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #666666;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  z-index: 1500;
}

#outdated.hide {
  display: none;
}

* html #outdated {
  position: absolute;
}

#outdated h6 {
  margin: 30px 0 15px;
  font-size: 1.5em;
  line-height: 1.25;
  color: #FFFFFF;
}

#outdated p {
  font-size: 0.85em;
  line-height: 1.25;
  color: #FFFFFF;
}

#outdated #btnUpdateBrowser {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 auto 30px;
  border: 2px solid #FFFFFF;
  padding: 10px 20px;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}

#outdated #btnUpdateBrowser:hover {
  background-color: #FFFFFF;
  color: #666666;
}

#outdated #btnCloseUpdateBrowser {
  position: absolute;
  display: block;
  right: 15px;
  top: 15px;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 2em;
  line-height: 1.25;
}
/* -- COOKIE CONSENT -----------------------------------------------*/
.cookie-consent {
  position: fixed;
  display: block;
  right: 0;
  bottom: -100%;
  left: 0;
  padding: 1rem 0;
  background-color: rgb(238,238,238);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  color: rgb(51,51,51);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  clear: both;
  z-index: 100;
}


.csstransforms .cookie-consent {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}


body[data-cookie="top"] .cookie-consent {
  top: -100%;
  bottom: auto;
}

.csstransforms body[data-cookie="top"] .cookie-consent {
  top: 0;
  bottom: auto;
  -webkit-transform: translate(0,-110%);
  transform: translate(0,-110%);
}

.cookie-consent.show {
  bottom: 0;
}

.csstransforms .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


body[data-cookie="top"] .cookie-consent.show {
  top: 0;
  bottom: auto;
}

.csstransforms body[data-cookie="top"] .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


.cookie-consent.show.hide {
  bottom: -100%;
}

.csstransforms .cookie-consent.show.hide {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}


.cookie-consent::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.cookie-consent > div {
  position: relative;
  width: 96%;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 0.85em;
  text-align: left;
}


.cookie-consent p {
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}


.cookie-consent a {
  display: inline-block;
  text-decoration: underline;
}


.no-touch .cookie-consent a:hover, .no-touch .cookie-consent a:active {

}


.cookie-consent .btn {
  display: block;
  float: right;
  width: auto;
  margin: 0 0 5px 1rem;
  padding: 0.5rem 1rem;
  background-color: rgb(204,204,204);
  color: rgb(51,51,51);
}

.cookie-consent .btn > i {
  font-size: 1rem;
}



@media (max-width: 450px) {

  .cookie-consent > div {
    font-size: 0.8em;
  }

}





/****************************************************/
/*    Management Interface                          */
/****************************************************/
.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-weight:bold;
  font-size:15px;
  line-height:1.25em;
} 
body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:13px;
  line-height:1.25em;
} 
body.zmi form input,body.zmi form select, body.zmi form textarea {
  margin:1px;
  padding:1px;
  background:#ffffff;
  box-shadow:none;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

body.print { 
  background-color:#fff; 
}

span.unicode { 
  font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color:#3f3e37;
  color:#3f3e37;
  font-weight: bold;
  border:none; 
}