/*********************************************************/
/*--- /sites/common/masterstylesheet.css --- new version */ 
/*********************************************************/

body.zmi.maximized div.zmi {
    width: calc(100vw - 17px);
}

/*-- layout/pagecontainers ---------------------*/
body#root { 
	background: white; 
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 0.8em;
        padding-bottom: 35px;
    }

div#outer_wrapper {
	background: #fff url(common/left_nav_backgr.gif) repeat-y left;
}

div#container {
	width: 100%;
	float: left;
	margin-right: -150px;
}

div#content {
	margin-right: 150px;
	background: url(common/left_nav_backgr.gif) repeat-y left;
}

div#pageregionContent {
        /*overflow: auto;*/
	margin-left: 150px;
	padding: 5px 20px 20px 20px;
        /*display: inline-block;*/
}
div#pageregionLeft {
	width: 150px;
	float: left;
}
div#pageregionRight {
	width: 150px;
	float: right;
	background: #B5DBF7;
}

.clearing {
	height: 0;
	clear: both;
}

div#pageregionRightBottom {
  width:150px;
  height:16px;
	background:url(common/center_footer_toolbox.gif) repeat-x bottom;
	}

div#topHeadline {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    width: auto;
    min-width: -moz-available;
    background-color: #91CD8F;
    border-left: #00639C solid 2px;
    border-right: #00639C solid 2px;
    font-weight: 800;
    font-size: 1.7em;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    }

div#topHeadlineBar { 
		float: left; 
		width: auto;
                min-width: -moz-available;
		border-left: #00639C solid 2px;
    border-right: #00639C solid 2px;
    background-color: #6EBA6B;
    font-size: 0.4em;
    color: #6EBA6B;
 		}

div#pageregionBottom { 
	float: left;
	width: 100%;
	background-color: #B5DBF7;
	margin: 0px;
	padding: 0px; 
	border: 0px;
	clear: both;
	}

div.FloatLeft {float: left; }
div.FloatRight {float: right;}

/*-- color coding for a's ----*/

a:link,
a:visited { text-decoration: none; }

a:link { color: #0000EE; }

a:visited { color: #551ABB;}

a:hover,
a:active { color: #0000EE; text-decoration: underline; }

#pageregionRight a:visited { color: #551aBB; }
#pageregionContent a:visited { color: #551aBB; }


/***********************************************/
/*-- pageregionRight --------------------------*/
/***********************************************/
	
#toolbox {
	width:auto;
	text-align: center;
	margin-bottom: -16px;
	border-left: 2px solid #00639C;
	border-right: 2px solid #00639C;
	padding:0px;
	}

#toolbox img {
  border: 0px;
	padding-left: 5px;
	padding-right: 5px;  
  padding-top: 10px;
  padding-bottom: 5px;
  vertical-align: middle;
}

#toolbox input { 
	font-size: 11px !important; font-size: 0.9em;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #00639C;
	width: 80px !important;	width: 70px;
	height: 13px;
	}

/*-- layout images -----------------------------*/
.imgSpacer {
	border: 0px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
    }
.imgNoborder { 
    border: 0px; 
    }

/***********************************************/
/*-- pageregionTop ----------------------------*/
/***********************************************/



/*-- Channel Menu ---------------------------*/

#Menu {
	float: left;
	width: 100%;
	background-color: #00639C;
	}
#Menu ul {
	float: left;
	margin:0px;
	font-size: 0.9em;
      /*  margin-left: -38px !important; */
        margin-left: 1px;
        padding: 0px 0px 0px 0px;
	}

#Menu ul li {
	line-height: 150%;
	display: inline;
	padding:0px;
	margin:0px;
	}
#Menu ul li a {
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	padding: 0.2em 1em;
	background-color: #00639C;
	color: White;
	text-decoration: none;
	border-right: 0.1em solid #fff;
	}
#Menu ul li a.current {
	color:#fff;
	background-color: #990000;
	}
#Menu ul li a.home {
	background-color: #333;
	}
#Menu ul li a:hover {
	background-color: #333;
	color: #fff;
	}

/*----- menu colors-----*/

#Menu ul li.Menu_item a:hover {
	background-color: #ffa500;
	}

/***********************************************/
/*-- pageregionLeft ---------------------------*/
/***********************************************/

/*-- micronavigation --------------------------*/
#Micronavigation { 
  width: auto;
  padding:0px;
  margin:0px;
  padding-bottom: 15px;
  }
#MicronavigationInner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px !important; 
	font-size: 0.8em; 
	overflow:auto;    
	background-color: white;
        }
#MicronavigationInner a:link, 
#MicronavigationInner a:visited { 
	color: black;
	text-decoration:none;
	}
#MicronavigationInner a:hover { 
	color: black;
	text-decoration:underline;
}

/*-- macronavigation --------------------------*/

#MacronavigationUp { 
	text-align:right;
	padding: 3px 5px 20px 3px;
	padding-bottom: 28px !important; padding-bottom: 20px;
}

#pageregionLeft ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 0.75em;
	margin: 15px 0px;
	padding: 0px; 
	}
#pageregionLeft ul.siblings { 
/*	margin-left: -10px !important; */
	margin-left: 25px;
	margin-top: 5px;
        padding:0px 0px 0px 0px;
	}
#pageregionLeft ul.siblings li.docTrue,
#pageregionLeft ul.siblings li.docFalse { 
	list-style-image:url(common/dot.gif); 
	}
#pageregionLeft ul.siblings li.folderTrue,
#pageregionLeft ul.siblings li.folderFalse {
	list-style-image:url(common/pl.gif); 
	}
#pageregionLeft ul.siblings li.protectedTrue,
#pageregionLeft ul.siblings li.protectedFalse {
	list-style-image:url(common/lock-ff.gif); 
	}
#pageregionLeft ul.siblings li.docTrue,
#pageregionLeft ul.siblings li.folderTrue {
	font-weight: bold; 
	}
#pageregionLeft div.parent { 
	background-color: #78C1F7;
        border-left: 2px solid #00639C;
        border-right: 2px solid #00639C;  
	border-bottom:1px solid #00639C;
	padding:5px;
	}
#pageregionLeft div.parent ul.parent { 
	margin:0px;
	padding:0px;
	margin-left: 15px !important; 
	margin-left: 15px;
	}
#pageregionLeft div.parent ul.parent li.parent {
	list-style-image:url(common/mi.gif);
	line-height: 0.8em;
	margin: 0px;
	padding:0px;
}
/****************obsolete************************/
#pageregionLeft ul li.active { 
	list-style-image:url(common/bullet.gif); 
	padding-bottom: 5px; 
	background-color: #78C1F7; 
	font-weight: 600; }
/****************obsolete************************/

#pageregionLeft ul li a:link,
#pageregionLeft ul li a:visited,
#pageregionLeft ul li a:active { 
	color: black; 
	text-decoration:none;
	}
#pageregionLeft ul li a:hover { 
	color: black; 
	text-decoration:underline;
}

/*-- teaser and links ----------------------------*/

div.LinkContainer, div#teaser {
	width:auto;
	font-size: 0.85em;
	border-left: 2px solid #00639C;
	border-right: 2px solid #00639C;
	margin:0px;
	padding:0px;
	}

div.LinkElementTitle,
p.LinkElementTitle {
	color: black;
	font-weight: bold;
	font-size: 11px !important; font-size: 1em;
	margin:0px;
	padding:3px;
	}
div.LinkContainer ul,
div.ZMSTeaserElement ul { 
	margin:0px;
	padding:0px;
	margin-left: 28px !important; margin-left: 20px; 
	}

div.LinkContainer ul li,
div.ZMSTeaserElement ul li {
	padding-bottom: 5px;
	font-size:1.1em;
        line-height: 120%;
	}
li.LinkElementExternal {
	list-style-image:url(common/external_link.gif);
	}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
	list-style-image:url(common/internal_link.gif);
	}
li.LinkElementInternalClient {
	list-style-image:url(common/internalclient_link.gif);
	}
li.LinkElementMailto {
	list-style-image:url(common/mail_link.gif);
	}
li.LinkElementFile {
	list-style-image:url(common/file_link.gif);
	}
div.LinkContainer ul li a:link,
div.LinkContainer ul li a:visited {
	}
div.LinkContainer ul li a:hover {
	}
li.LinkElementInternal a, 
li.LinkElementInternalClient a, 
li.LinkElementExternal a,
li.LinkElementMailto a,
a:visited {
	}
li.LinkElementInternal a:hover,
li.LinkElementInternalClient a:hover,
li.LinkElementExternal a:hover,
li.LinkElementMailto a:hover {
	}

div.LinkBox ul li {
	width: auto;
	}
div.LinkBox ul li {
	font-size: 12px;
	}

/* ZMSTeaserElement */

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}

/***********************************************/
/*-- content elements -------------------------*/
/***********************************************/

#Content {
	overflow:hidden;
/*	overflow:auto;*/
	width: auto;
/*	height: 100%;*/
        padding-top: 15px;
	padding-left: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: white;
	}

* html #Content {
    height: 100%;
}

#Content a:link, a:visited {
}

#Content a:hover {
}

.zwischenueber {
 line-height: 20%;
}

/***********************************************/
/*-- pageregionBottom -------------------------*/
/***********************************************/

#pageregionBottomInner {
    /*  position this div however you want, but
	keep its padding and border at zero */
	padding: 0px;
	border: 0px;
    }

/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the pageregionBottomInner class. 
*/
#pageelement_Copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #375681;
	font-size: 0.7em;
	font-weight: 800;
	margin: 0px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 2px solid #00639C;
	background-color: #B5DBF7;
}

.roundedCornerSpacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
	}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 9px; height: 9px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -5px -2px 0px 0px; }
.borderBL { margin: -9px 0px 0px 0px; }
.borderBR { margin: -9px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? 
*/
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -2px;
}
html>body .borderTL {
    margin-left: -2px;
}
.borderTR {
    margin-right: -4px;
    margin-right: -2px;
}
html>body .borderTR {
    margin-right: -2px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}

/*-- bodytext -------------------------*/

h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	}

.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	}
h1.title {
	font-size: 18px;
	line-height: 25px;
	margin-top:10px; 
	}

h1,.subtitle {
   font-size:16px;
}

h1,.heading1 {
	font-size: 18px;
	line-height: 20px;
	margin-top:16px; 
	}
h2,.heading2 {
	font-size: 15px;
	line-height: 18px
	}

h3,.heading3 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0px
	}
h4,.heading4 {
	font-size: 12px;
	line-height: 14px 
	}
h5,.heading5 {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px 
	}
p {
	line-height: 110%;
	}
ol {
	line-height: 15px;
	}
ul {
	line-height: 15px;
	list-style-type: square }

.small {
	font-size: 10px;
	}

.caption {
    font-size: 0.8em;	
    padding-top:0px;
    margin-top:0px;
    color:#000;
	}
.emphasis {
	background-color:#DBE4D4;
	margin-left: 20px;
	margin-right: 30px;
	line-height: 16px;
	}

.description {
  padding: 3px;
  background-color:#eee;
  font-size:1em;
  line-height:1.2em;
}

.creator {
	font-style: italic;
	}
em {
	font-style: italic;
	}

sup, sub {
	font-size: 10px;
	}

#pageregioncontent, tt {
	font-size: 1.2em !important; font-size: 1em;
}

code {
  font-size: 1.2em;
}

pre, .pre {
  font-size: 1.2em;
}

.Fakelink {
	text-decoration: none
}

.ContentLinks {
  padding-left: 12px !important; padding-left: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}

.ContentLinks img {
  vertical-align: middle;
}

.MailtoLink {
   list-style-image:url(common/mail_link.gif);
}

/************************/
/* more ZMS elements    */
/************************/

/*-- ZMSGraphic  -------------------------*/
div.ZMSGraphic { background-color:transparent; }
div.ZMSGraphic div.graphic.alignleft { margin-right:10px; }
div.ZMSGraphic div.graphic.alignright { margin-left:10px; }
div.ZMSGraphic.floatleft { margin-right:10px; }
div.ZMSGraphic.floatright { margin-left:10px; }
div.ZMSGraphic div.text { padding: 4px 0 0 0; }
/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic { width:100% !important; }
div.ZMSGraphic.right div.graphic img { display:inline !important; }

/*-- ZMSTeaser  -------------------------*/
div.ZMSTeaserElement{
        border-top: 2px solid #00639C;
        }
div.ZMSTeaserElement img.title {
	border: none;
	}
div.ZMSTeaserElement div.title {
	font-weight:bold;
	text-decoration:none;
	color:black;
        padding: 5px 3px;
        margin:0px;
	display: block;
        float:left;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title {
	}

div.ZMSTeaserElement div.text {
        padding: 4px 3px;
        margin:0px;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited {
	}

div.ZMSTeaserElement div.text div#Newsindex p {
        margin: 0px 0px 12px 0px;
        padding: 0px;
}


/*-- ZMSTable  -------------------------*/

table.ZMSTable th{
padding: 5px;
}

table.ZMSTable td{
padding: 5px;
} 


textarea#content {
background:#fff;
margin:0px;
padding:3px;
}
div.ZMSTable textarea {
height:1em;
}


/*-- sitemap -------------------------*/

td.sitemapTitle0 {
	background-color: #000066;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	}
td.sitemapTitle1 {
	background-color: #FF6600;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	}
a.sitemapTitle0:link, a.sitemapTitle0:visited ,
a.sitemapTitle1:link, a.sitemapTitle1:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
a.sitemapTitle0:hover, a.sitemapTitle0:active ,
a.sitemapTitle1:hover, a.sitemapTitle1:active {
	font-weight: bold;
	color: #E8F2F9;
	text-decoration: underline;
	}
a.sitemapElement0:link, a.sitemapElement0:visited {
	font-weight: normal;
	text-decoration: none;
	}
a.sitemapElement1:link, a.sitemapElement1:visited {
	font-weight: bold;
	text-decoration: none;
	}
a.sitemapElement0:hover, a.sitemapElement0:active ,
a.sitemapElement1:hover, a.sitemapElement1:active {
	color: #FF6600;
	text-decoration: underline;
	}

/*-- management interface ------------*/

.cmsTxtColorStrong0 { color: #000066; }
.cmsTxtColorStrong1 { color: #666666; } 
.cmsBgColorStrong0 { background-color: #000066; }
.cmsBgColorStrong1 { background-color: #CCCCCC; }
.cmsBgColorMedium0 { background-color: #E8F2F9; }
.cmsBgColorLight0 { background-color: #FFFFFF; }

.ftTABLE { border:0; background-color:#E7E7E7; }
.ftTReven { background-color:#E7E7E7; }
.ftTRodd { background-color:#DBEBF7; }
.ftTH { padding: 5px 5px 5px 5px; background-color:#CCCCCC;}
.ftTD { padding: 5px 5px 5px 5px;}
u { text-decoration: underline;}

th.form-small { background-color: #ddd; } 
.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

input.form-submit { font-size:13px }

div#zmi_logo {background-color:#fff;}
table.zmiTabBg {background-color:#fff;}

/*-- ZMSColorscheme ------------------*/

.primColorStrong { background-color:#B6DBF0;}
.primColorMedium { background-color:#668299; }
.primColorLight { background-color:#CCD5DD; }
.primColorStrong0 { background-color:#B6DBF0;}
.primColorMedium0 { background-color:#668299; }
.primColorLight0 { background-color:#CCD5DD; }
.secndColorStrong1 { background-color:#5D7B9B; }
.secndColorStrong0 { background-color:#82A0C0; }
.secndColorMedium1 { background-color:#B5C8DB; }
.secndColorMedium0 { background-color:#C8D3DD; }
.secndColorLight1 { background-color:#E1E8EF; }
.secndColorLight0 { background-color:#E8EFF6; }
.teaserColor { background-color:#FF6600; }
.neutralColorBlack { background-color:#000000; }
.neutralColorStrong0 { background-color:#999999; }
.neutralColorMedium0 { background-color:#CCCCCC; }
.neutralColorLight0 { background-color:#E7E7E7; }
.neutralColorWhite { background-color:#FFFFFF; }
.neutralColorTrans { background-color:transparent; }


#pageregionBottomInner a:link, a:visited {
    color: #375681;
    text-decoration: none;
}

#pageregionBottomInner a:hover {
    color: #375681;
    text-decoration: underline;
}


/************************/
/* Special Objects      */
/************************/

/* --- Pictogram formatting ----  */

.picto_bild { 
   float: left;
   width: auto; 
   margin-right: 12px;     
}
.pictogram1 { 
   font-style: normal;
   font-size: 18px !important; font-size: 1.2em;
   width: auto;
   
}
.picto_bottom {
   float: right;
   width: auto;
   padding-right: 40%;
}

/* ---- News formatting ---- */

.NewsDate {
  background: #C3EFC2;
  font-size: 10px !important; font-size: 0.8em;
  padding: 2px 0px 2px 5px;
}

.NewsTitle {
  font-weight: bold;
  background: #C3EFC2;
  padding: 2px 0px 5px 5px;
}

.NewsSummary {
  border-left: 2px solid #C3EFC2;
  border-right: 2px solid #C3EFC2;
  padding: 5px 5px 5px 5px;
}

.NewsBild {
  float: right;
}

.NewsTextBlock {
  border-left: 2px solid #C3EFC2;
  border-right: 2px solid #C3EFC2;
  border-bottom: 2px solid #C3EFC2;
  padding: 5px 5px 5px 5px;
}

.NewsUpload {

}

.NewsLinks {
  border-left: 2px solid #C3EFC2;
  border-right: 2px solid #C3EFC2;
  border-bottom: 2px solid #C3EFC2;
}


/* ---- formularContainer ---- */

div.formular, div.formrow, div.formcell  {
font-size:12px;
}

/* --- Newindex --- */

#Index li,
#Newsindex p,
#Newsindex li { line-height: 1.2em; }

#Newsindex a,
#Newsindex a:visited {
  text-decoration:none;
}

#Newsindex a:hover {
  text-decoration:underline;
}

#Index br,
#Newsindex br {
  line-height: 30%;
}

.NewsIndexDate { 
  float: left;
  line-height: 120%;
  color:#999999;
}

.NewsIndexCopy { 
  line-height: 120%;  
  margin-left: 6em;
}

/* --- Fast Navigator -- */

.fn_categories-titleo {
  font-size: 0.8em;
  font-weight: bold;
}

.fn_categories-titlec {
  font-size: 0.8em;
}

.fn_element-element_link {
  font-size: 0.8em !important; font-size: 1em;
  font-weight: normal;
  line-height: 120%;
}

/* ----- Print ----- */
div#print_header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px !important; font-size: 0.8em;  
  font-weight: 800;
  width: auto;
  border-bottom: 2px #999999 solid;
  border-top: 2px #999999 solid;
  padding: 10px 50px 10px 10px;
}

div#print_footer {
  overflow: auto;
  width: auto;
}

div#print_container {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 50px;
  
}

/* --- ZMSTextarea --- */

.ZMSTextarea .caption {
  font-size: 0.8em;
}

.heading2 + .ZMSTextarea {
 margin-top: -0.7em;
}

/* --- DESY Search -- */


/**********************************/
/*-- local Styles ---------------------------*/
/**********************************/

/*-- local ZMSColorscheme ------------------*/
.primColorStrong0 { background-color:#B6DBF0;}
.primColorMedium0 { background-color:#668299; }
.primColorLight0 { background-color:#CCD5DD; }
.secndColorStrong1 { background-color:#5D7B9B; }
.secndColorStrong0 { background-color:#82A0C0; }
.secndColorMedium1 { background-color:#B5C8DB; }
.secndColorMedium0 { background-color:#C8D3DD; }
.secndColorLight1 { background-color:#E1E8EF; }
.secndColorLight0 { background-color:#E8EFF6; }
.teaserColor { background-color:#FF6600; }
.neutralColorBlack { background-color:#000000; }
.neutralColorStrong0 { background-color:#999999; }
.neutralColorMedium0 { background-color:#CCCCCC; }
.neutralColorLight0 { background-color:#E7E7E7; }
.neutralColorWhite { background-color:#FFFFFF; }
.neutralColorTrans { background-color:transparent; }


/* -- ZMI: ZMSTable patch -- */
#zmiImgZoomImgDiv textarea#content {
width:540px !important;
float:none !important;
display:block;
}
div#zmiImgZoomImgDiv {
width: 580px !important;
}


/* ---- image zentriert patch ---------*/

.ZMSGraphic_CENTER {
margin: auto;
}