body.bodyweb {
margin: 0;
font-family: Arial, sans-serif;
color: #333;
background: #fff;
}


h1, h2, h3, h4, h5 {
font-weight: bold;
color: #333;
/*text-transform: uppercase;*/
font-family: Arial, sans-serif;
}

h5.standardindex_title {
    font-weight: normal;
    background: #f8f8f8;
    padding: 15px;
    border-bottom: 2px solid #fff;
}
h5.standardindex_title:hover {background: #BBDCAD;}

div.panel a {text-decoration: none;}

h1{
font-weight: bold;
font-size: 125%;
}

h1.title {
padding-bottom: 15px;
}

h2, h3, h4, h5 {
padding-top: 25px;
}

i, em {font-style:italic;}

p.description.hyphenate { font-weight:bold; padding-bottom: 30px; }

p {    
margin-top: 1.5em;
    font-size: 0.8em;
    line-height: 2em;}

strong, b {
font-weight: bold;
}

table tbody tr td div a h2 {
padding-top: 0;
}
table.ZMSTable td {
    background-color: #f8f8f8;
    padding: 15px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

a:visited, a:link {
color: #333;
text-decoration: underline;
}

div.ZMSFile div.description, div.ZMSLinkElement div.description {
  font-size: 0.6em;
}

a:hover {
text-decoration: underline;

}

#topbar {
    background-color: #f8f8f8;
    float: left;
    padding: 8px;
    color: #fff;
    font-size: 14px;
    margin-top: 17px;
    position: relative;
    z-index: 10;
}
#topbar a:link, #topbar a:visited {
    color: #333;
    text-decoration: none;
}

div.logo a {text-decoration: none;}

p.caption {
font-size: 75%;
  margin-top: -65px;
}

.left {
float: left;
margin-right: 25px;
}

.center .graphic {
margin: auto;
}

.alignleft img.img {
float: left;
margin-right: 25px;
margin-top: 9px;
}

.alignright {
float: right;
margin-left: 22px;
margin-top: -16px;
}

.floatleft {
float: left;
margin-right: 25px;
}

div.ZMSFile, div.ZMSLinkElement {
background:transparent;
}

div.content div ul li {
font-size: 0.8em;
line-height: 2em;
}

div.content div ul li::before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 7px;
    margin-right: 10px;
    color: #BBDCAD;
    margin-left: -16px;
}
div.content div ul {margin-left: 17px;}

div.sliderwrapper div ul li {
background: none;
padding-left: 0;
}

a.LinkElementInternalClient {
text-decoration: none;
}

div.content .four.columns ul {
list-style-type: circle;
padding-left: 23px;
}

header {
text-align:left;
background: #fff;
width: 100%;
z-index: 20;
}

div.logo {
/*padding: 0 2%;*/
margin-top: 0;
background-color: rgb(255,255,255);
max-width: 1380px;
color:#333;
}

div.logo h1 {
background: url(../logo.png) no-repeat;
  color: transparent;
background-size: contain;
/*padding-top: 15px;*/
height: 100px;
width:200px;
}

.logo img {margin: 0; max-width: 100%;}
.logos {
  /*background: url(../logos.jpg) no-repeat;*/
  height: 52px;
  margin: 45px 0 0 -30px;
  background-size: contain;
}

div.logo h1 sup {
font-size: 65%;
top: -0.5em;
vertical-align: baseline;
line-height: 0;
position: relative;
}



article {
margin: 23px 0 0 0;
padding: 0;
overflow: hidden;
padding-bottom: 100px;
position: relative;
z-index: 0;
}

.content {
width: 100%;
line-height:1.5em;
background-color: rgb(255,255,255);
overflow:hidden;
z-index: 0;
position: relative;
padding: 25px 50px 0 0;
font-size: 1.25em;
}

.four.columns {
float: none;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}


.teaser div#teaser{
clear: both;
background-color: rgb(255,255,255);
font-size: 100%;
width: 100%;
}

div.ZMSTeaserElement {
    margin-left: 10%;
    border-bottom: 1px solid #BBDCAD;
    margin-bottom: 40px;
    padding-bottom: 10px;
    width: 187px;
}


div.ZMSTeaserElement div.title {
font-family: Arial, sans-serif;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #BBDCAD;
    text-transform: uppercase;
    font-size: 90%;
}


 div.ZMSTeaserContainer {
/*border: 1px dotted #777d83;*/
line-height:1.5em;
}

div.ZMSTeaserElement div.graphic a img.title {
float: left;
margin: 6px 7px 0 0;
}

div.ZMSTeaserElement div.title a {
color: #333 !important;
}

div.ZMSTeaserElement div.graphic img {
    margin: 20px 4% 0 0; 
    width: 187px;
    height: auto;
}

.clearfloating {
height: 4px;
}


.menu-button {
text-align: center;
background: #fff;
color: transparent;
}

img[src*="/misc_/zms/external_link.gif"] {height:0;}

a[href$="pdf"]:before {
content: "\f1c1";
font-family: FontAwesome;
margin-right: 10px;
}

img[src*="/misc_/zms/mime_type.application_pdf.gif"] {display: none;}

.googlesearch {display:none;}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 17px !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
     padding-left: 0px !important; 
     padding-right: 0px !important;
}
.gsc-result .gs-title {height: 2em !important;}

/*--------- news inclusion -------*/
div.box_announcement .titleimage img {width: 200px;}
.titleimage {width: 200px;}
.box_announcement {clear:both;}

/*------- ende news inclusion -------*/



@media all and (min-width:300px){

}

@media all and (min-width: 430px) {

.teaser div#teaser {
clear: both;
padding: 0px 0 10px 7px;
width: 100%;
}

body.bodyweb {
/*background: #fff url(/sites/common4all/images/bg-gaze.png);*/
}


}

@media all and (min-width: 550px) {

div.logo h1 {
  height: 135px;
  background-size: 175px;
  margin-top: 10px;

}

#topbar {
    float: right;
    margin-top: -95px;
}

article {
margin: 20px 0 0 0;
padding: 0 0 100px 0px;
}

.headermargin {background-color: #fff;}

}



@media all and (min-width: 630px) {

.googlesearch {display: block; float:right; margin-right: 200px; margin-top: -94px; }
.googlesearch input[type="text"] { background-color: #f8f8f8; border: none; padding: 10px 40px 5px 4px; width: 176px; float: left; margin-right: 10px; }
.googlesearch button[type="submit"] { 
	background-attachment: scroll;
	background-color: transparent;
	background-image: url("common/search_icon.png");
	background-position: center center;
	background-repeat: no-repeat;
	border: medium none;
	height: 28px;
	margin-bottom: 0;
	padding: 36px 0 0;
	text-indent: -9999px;
	width: 40px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-left: -48px;
}
input.regularInput:focus {outline: #BADCAD auto 5px;}
input:-webkit-autofill {background-color:#F5E9A1;}

div.box_announcement p {margin-left: 230px;}
div.box_announcement h6 {margin-left: 230px;}
.titleimage {float: left;}
}

@media all and (min-width: 890px) {

header {
/*position: fixed;*/
}

div.logo h1 {
  background-position: left;
}

nav {
  overflow: visible;
  position: relative;
  z-index: 50;
}

.gradientline {
/*display:none;*/
  margin: auto;
  margin-left: 0;
  height: 1px;
  background-color: #BBDCAD;
    max-width: 954px;
    margin-bottom: 15px;
}

article {
max-width: 1380px;
/*font-size:130%;*/
}

.content {
margin-left:0;
float: left;
width: 63.58333333%;
border-right: 1px solid #BBDCAD;
}

 div.ZMSTeaserContainer {
}


aside.teaser {
clear: none;
margin-left:0;
float: right;
width: 23.97%;
}

#teaser .text {
width: 85%;
}

div.ZMSTeaserElement div.text p {
padding-left: 2px;
padding-bottom: 20px;
font-size:0.8em;
}


.four.columns {
margin: 20px 4% 0 0;
width: 45.161290%;
}
}

@media all and (min-width: 1400px) {

article {
margin: 21px 0 0 0;
}

.content {
width: 70.58333333%;
font-size: 1.25em;
    min-height: 500px;
}


#teaser .text {
width: 100%;
}
}

@media all and (min-width: 1500px) {

article {
margin: 20px 0 140px 0;
}
header.logo {
padding: 0 20%;
}





}

@media all and (min-width: 1800px) {

article {
margin: 20px 0 140px 0;
}
header.logo {
padding: 0 20%;
}


}





/**************************************/
/*  CSS-Modul: ZMS-DEFAULTS         */
/**************************************/


div.ZMSGraphic {
	background-color:transparent; 
        margin:0;
}

a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	}

div.ZMSGraphic img {
 border:0px;
}

/*-- FLOATING ---------------*/
.clearing {
	clear: both;
	height: 0;
	border:0;
	margin:0;
	padding:0;
	font-size:1;
	line-height:0;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
img.imgNoborder {
	border:0px;
}

/*------------- column text------------------ */

		table.column td {
		vertical-align: top;
                padding: 20px;
		}

/*--------------Maps Hack--------------------*/
.smallteaser {
        padding:10px;
        width:220px;
        border: 1px dotted  #e6e6e6;
        font-size: 1em;
        /* font-size:90%; */
}

/*---------------Personenprofile-------------*/

div.personName {
font-weight: bold;
background-color: #fff;

}
/*---------------Quicklinks-------------------*/

div.LinkElementTitle {
font-weight: bold;
padding: 5px;
color:  #333;
white-space: nowrap;
}

/*---------------ZMS Table---------------------*/

table.ZMSTable {margin-bottom: 75px; margin-top: 40px; width: 100%;}
table.ZMSTable caption {font-weight: bold;}


table.ZMSTable th {
    background-color: #f0f0f0;
    border-bottom: 1px solid #333;
    font-weight: bold;
    padding: 15px;
    border-right: 1px solid #fff;
}

/*---------------Login Form---------------------*/
#login_required {
margin-left: 20%;
}

/*--------------Video-----------------------------*/
video {max-width:100%;}

/*--------------Gallery ---------------------*/
div.gallery div.mediaitem {
float: left;
min-height: 270px;
margin-right: 2em;
font-size: 70%;
}

div.mediaitem div.graphic img {
margin:0;
max-width: 100%;
height: auto;
margin-top: -28px;
}

div.gallery .fancybox:before {
content: "\f055";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: relative;
font-size: 30px;
top: 135px;
left: -5px;
}

div.gallery .fancybox:after {
content: "";
}

div.gallery .graphic {
clip: rect(0px 250px 170px auto);
position: absolute;
}

div.gallery div.ZMSGraphic div.text {
padding: 4px;
position: relative;
top: 157px;
line-height: 15px;
}

.ZMSGraphic.left {/*margin-top: 30px;*/}

div.gallery div.ZMSGraphic {margin: 4px 0 0 0;}

div.gallery .ZMSGraphic div.text p {margin-top: 64px;}

/*---------------Forms-----------------------*/
input {
max-width:90%;
}

/*-------------------Infobox -----------------*/

div.ZMSFile div.title a:link, 
div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, 
div.ZMSLinkElement div.title a:visited {

font-size: 100%;

}

div.ZMSFile div.title, div.ZMSLinkElement div.title {
font-size: 0.8em;
}

img[src*="/misc_/zms/internal_link.gif"] {
height: 0;
}

div.ZMSFile, div.ZMSLinkElement {
float: none;
font-size: 20px;
font-weight: normal;
margin: 0;
padding: 15px;
background: #f8f8f8;
}
div.ZMSFile div.text, div.ZMSLinkElement div.text {font-size: small; margin-top: -10px;}

div.LinkBox ul {
padding-left: 0;
margin-left: -25px;
list-style-type: none;
}

div.LinkBox a:after {
content: "\f101";
font-family: FontAwesome;
margin-left: 5px;
}

/*------------------- Images --------------------*/

div.graphic img {
/*margin: 20px 4% 0 0;*/
max-width: 100%;
height: auto;
}

div.ZMSGraphic.right div.graphic img {
float:right;
}

div.ZMSGraphic.floatleft, div.ZMSGraphic.left {
margin-right: 25px;
}

div.ZMSGraphic.right div.graphic.alignright .fancybox:after {
top: 90px;
left: 170px;
}

div.graphic.alignleft {
float: left;
text-align: right;
margin: 0 25px 0 0;
}

.fancybox:after {
content: "\f055";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: relative;
font-size: 30px;
top: -65px;
left: -5px;
color:#333;
}

a.fancybox {
text-decoration: none;
}

a.fancybox img {
background:none;
}

div.ZMSGraphic div.text {
margin-top: -20px;
}

/*-------------------Slider--------------------*/

.desy_dot { display:none; }
.slide_item {background-size: contain !important; }
.slide_item .description h4 { max-width: none; }
.sliderbanner .dots li { color: #333; height:25px;line-height: 24px;}
.sliderbanner .dots li.active { background: #333; border: 2px solid #333; }
.sliderbanner li div {max-width: 674px;}
.descriptionshadow { margin-top: -60px; }
.slide_item .description h4 { color: #fff; }
.slide_item p.highlight_txt { bottom: 6% !important; color: #fff; }
.descriptionshadow.shadowbottom { margin-top: 23%; }
.sliderbanner li {font-size: 0.7em;}
div.content div.sliderwrapper div ul li::before {content:""; margin:0;}
div.content div.sliderbanner ul {margin-left: 0;}
/*-----------------ZMI--------------------*/
.zmi header {
position: relative;
}

/*--------------News Inclusion-------------*/

img.box_announcement_image.img {
clip: rect(0px 169px 170px auto);
position: absolute;
width:200px;
}

div.box_announcement p {margin-top: 0;}
.all_news {
margin-top: 100px;
float: right;
}

div.box_announcement h6 {
font-weight: bold;
margin-bottom: -5px;
font-size: 18px;
}

.news_preview_text {margin-bottom: 40px;}

.box_announcement {margin-top: 35px;}

/*---------------Formular-------------*/
div.formular {
background-color:transparent;
border:none;
}

div.formtext {
border:none;
}


.zmi a {
text-decoration:none
}
div.center .contentEditable {
margin-top:0 !important;
}