/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(yaml/navigation/nav_shinybuttons.css);
@import url(basemod.css);
@import url(content.css);

/* import print layout | Druck-Layout einbinden */
@import url(yaml/print/print_100_draft.css);
@import url(print.css);



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print {
	background-color:#fff; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchForm table {
	width:100%;
}
.searchForm input {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}
.searchForm input.searchInput {
	width:80%;
}
.searchHeader {
	text-align:right;
	border-top: 1px solid #CCC;
	background-color: #EEE;
	font-size:70%;
}
.searchResult {
	margin-bottom:20px;
}
.searchResult span.title {
	display:block;
	font-weight:bold;
	color:#2200D5;
}
.searchResult span.title a {
	color:#2200D5;
}
.searchResult span.title a:visited {
	color:#91198B;
}
.searchResult span.description {
	display:block;
}
.searchResult span.linkpath {
	display:block;
	font-size:smaller;
	line-height:1.3em;
} 
.searchResult span.linkpath a {
	color:#008000;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

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

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:x-small;
	white-space:nowrap;
	}

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-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

a.fancybox img {
	padding:1px 1px 21px 1px;
	background:#fff url(/misc_/zms/zoom.gif) bottom right no-repeat;
}

div.ZMSGraphic {
	background-color: #F8F8F8;
	margin: 4px;
}

div.ZMSGraphic.left {
	text-align:left;
}

div.ZMSGraphic.right {
	text-align:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.ZMSGraphic.floatleft {
	float:left;
	margin-right:10px;
}

div.ZMSGraphic.floatright {
	float:right;
	margin-left:10px;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

a.zoom img.zoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

table.ZMSTable th {
	background-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{
	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

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


/*--------------------------------------*/
/*    StringBall base                   */
/*--------------------------------------*/
ul.stringball{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	top:5px;
	left:10px;
}
ul.stringball strong {
/*  color: #C9252C; */
  font-weight:bold !important;
  }
ul.stringball em {

  }
ul.stringball li{
	position:absolute;
	margin:0;
	padding:0;
	background-image:none !important;
	list-style-image:none;
	line-height:1.1em;

}
ul.stringball li p{
	margin:0;
	padding:0;
	line-height:1.1em;
}
ul.stringball strong,
ul.stringball li,
ul.stringball li a {	color:white; }
/*--------------------------------------*/
/*    StringBall design                 */
/*--------------------------------------*/
ul.stringball{
	width:565px;
	height:280px;
	border:none 0px #333;
	font-size:14px;
	font-weight:bold;
}
ul.stringball li a{
	padding:2px;
	text-decoration:none;
	/* color:#f90; */
	border:none 0px;
	font-weight:normal;
}

ul.stringball li a:hover{
	/* border:solid 1px #C9252C;
	 background-color:#F3F3F3;*/
	text-decoration:underline;
	}


div.note {
	border-left: 1px solid #FCCD64;
	border-bottom: 1px solid #FCCD64;
	margin: 8px;
	padding: 4px;
	background: #FCFECC url(http://www.bedra.com/metaobj_manager/ZMSNote.zmsnote_bg.gif) top right no-repeat;
}/*--------------------------------------*/
/*    StringBall base                   */
/*--------------------------------------*/
ul#stringballTeaser{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
/*	margin:60px 0 0 30px;*/
}
ul#stringballTeaser li{
	position:absolute;
	margin:0;
	padding:0;
	background-image:none !important;
	list-style-image:none !important;
	line-height:1em;
}

/*--------------------------------------*/
/*    StringBall design                 */
/*--------------------------------------*/
ul#stringballTeaser{
	width:140px;
	height:100px;
	border:none 0px #333;
	font-size:30px;
	font-weight:bold;
}
ul#stringballTeaser li a{
	padding:2px;
	text-decoration:none;
	/* color:#f90; */
	border:none 1px;
}

ul#stringballTeaser li a:hover{
	/* border:solid 1px #C9252C;
	 background-color:#F3F3F3; */
	text-decoration:underline;
	}

/* layouttable.f_css_defaults */
table.layouttable {
margin:auto;
width:auto;
}
table.layouttable td {
  margin:0;border:0;padding:0;
  vertical-align:top;
}
table.layouttable p {
  display:block;
  padding: 0 10px;
  margin:0;
}

table.layouttable p a {

}

table.layouttable div.ZMSGraphic div.graphic {
  border:0; margin:0;
  padding:1px 5px;
}
/* /layouttable.f_css_defaults *//* BO contactPerson.f_css_defaults */
div.contactPerson {
}
div.contactPerson h4 {
	margin-top:10px;
	margin-bottom:0px;
}

div.contactPerson table {
  table-layout:fixed;
  width:100%;
}

div.contactPerson table td {
	vertical-align:top;
}

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

div.contactPerson img {
	vertical-align:bottom;
}
div.contactPerson td.person {
	padding-right:10px;
}

div.contactPerson img.person {
	/* float:left;
	margin-right:10px; */
}

/* EO contactPerson.f_css_defaults *//* BO formContainer.f_css_defaults */
div.formular {
  /* display:table; */
  /* table-layout:auto; */
  width:auto;
  border-collapse:collapse;
  background-color:#fcfcfc;
  border:1px solid silver;
  padding:3px;
  font-size:12px;
}
div.formrow {
/* display:table-row;*/
}
div.formrow div.system-msg  {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding-left: 22px !important;
  background-repeat:no-repeat;
  background-position:2px 2px;
  background-image:url(/misc_/zms/spacer.gif);
}


div.formular h2 {
  /* color:#900; */
  /*background-color:#ccc;*/
  border-top:1px solid silver;
  padding:3px 0;
  margin:0px;
  margin-top:10px;
  line-height:1em;
}
div.formular h3 {
/*font-size:14px;*/
border-top:1px solid silver;
padding:3px 0;
margin:0px;
margin-top:10px;
line-height:1.2em;
}

div.formtext, div.formvalue {
  /* display:table-cell; */
  padding:3px;
}
div.formtext {
  margin-top:5px;
  font-weight:bold;
  /* border-top: 1px dotted #bbb; */
  padding-top:2px;
  line-height:1.1em;
}

div.formtext span.hints {
  font-style:normal;
  font-weight:normal;
}
div.formvalue {
  padding-top:0px;
}
div.formvalue input {
  background-color: #fff;
margin:2px;
}

table.displayRecords { 
  border:2px solid grey;
  border-collapse:collapse;
}
table.displayRecords td {
  border:1px solid silver;
  padding:3px;
  vertical-align:top;
}

.form-small {
  font-size:11px;
  vertical-align:top;
}

.zmiTableRowHead {
background-color:#ccc;
font-size:x-small;
padding:3px;
}

.zmiTableRowEven {
background-color:#eee;
font-size:x-small;
}
.zmiTableRowOdd {
background-color:#ddd;
font-size:x-small;
height:15px;
}
textarea.zmiTableRowOdd {
background-color:#ddd;
font-size:11px;
width:600px;
height:150px;
}
select.zmiTableRowEven, select.zmiTableRowOdd {
background-color:#eee;
font-size:x-small;
width:150px;
}

/* EO formContainer.f_css_defaults *//* BO zweispaltiger_content.f_css_defaults */

.twoCol {
	overflow: hidden;
	width: 100%;
}

.colLeft .colInner {
	padding: 0 15px 0 0;
}

.colRight .colInner {
	padding: 0 0 0 15px;
}

.colLeft {
	float: left;
	overflow: hidden;
}

.colRight {
	float: right;
	overflow: hidden;
}

/******************************/
/* Clearing - do not modify */
/**************************/
.floatholder { overflow: hidden; }

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

.ccclear { display: block; }

/* EO zweispaltiger_content.f_css_defaults */

.flashAsset {
  width:100%;
  margin:auto;
  }
.flashMovie { }
div#countdown {
  font-size:133.33% !important;
  text-align:center;
/* z-index:-1;
  position:relative;
  top:28px;left:1px; */
  }
div#countdown span.num {
  font-size:150.66% !important;
  color: red;
  }
/* BO news.f_css_defaults */
div.news {
  margin-bottom:25px;
}
div.news h4 {
  margin:0.8em 0 0.2em;
  border-left:4px solid #c9252c;
  padding-left:4px;
}
div.news p { margin:0.3em 0 0.3em; }
div.news span.news-date { font-size:smaller;font-weight:normal;text-transform:uppercase}
div.news img.news-img { float:right; margin-left:10px; }

/* div.news div#newsfile { margin-top:-5px; } */
div.news .ZMSFile { margin-left:10px; margin-top:0px; }
div.news .ZMSFile div.title a {
  font-size:100.01% !important;
  line-height:1.5em;
  }
#Newsindex { padding: 10px; }
#Newsindex h4 {font-size:100.01%}
#Newsindex div.news h4 span.news-date {font-size:9px;text-transform:none}
#Newsindex p {font-size:10px; line-height:1.2em;}

/* EO news.f_css_defaults */

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('/metaobj_manager/ZMSMediaPlayerLib.loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}

#result { margin:3px 10px 15px; padding:5px; border: 1px solid green; }

/**********************************
Use: cmxform template
***********************************/
form.cmxform {
/*	width: 500px;
	font-size: 1.0em;
	color: #333; */
}
form.cmxform fieldset {
	margin-bottom: 10px;
  border: none;
	border-top: 1px solid #666;
/*	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;*/
	background-color: #eee;

}

form.cmxform legend {
	font-weight: bold;
 color: black;
/*  background-color: #666; */
	padding: 2px 10px;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
/*	line-height: 1.3em; */
	vertical-align: top;
	cursor: pointer;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
background: none;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
color: #333;
  background-color: transparent;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label {
  width: 140px; /* Width of labels */
  }
/* Width plus 3 (html space)*/
form.cmxform fieldset fieldset label {
  margin-left: 143px;
  }

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	font-style: italic;
	display:block !important;
color: red;
}
form.cmxform label.error {
	margin-left: 143px;
	width: auto;
}

form.cmxform input.submit {
	margin-left: 143px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
/**********************************
Name: cmxform Styles
***********************************/
form.cmxform fieldset p,
form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
/*	background: url(../images/cmxform-divider.gif) left bottom repeat-x; */
}

label.error {
/*	background: url('/misc_/zms//redEx.gif') top left no-repeat;
	padding-left: 16px; */
	margin-left: .3em;
}
form.cmxform label.valid, label.valid {
/*	background: url('../images/CG_Checkmark.png') no-repeat 0px 2px;
	display: block; */
	display: none;
	width: 16px;
	height: 16px;
}

div.error { display: none; }
form.cmxform p > input { width: 80px }
form.cmxform p > textarea { width: 220px }
/* form.cmxform input:focus { border: 1px dotted black; } */
form.cmxform input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
form.cmxform label em, form.cmxform legend em { color: red; }

/* BO dectree.f_css_defaults */
div.d_question, div.d_resultTitle {
  display:block;
  font-weight:bold;
  font-size:14px;
  margin-top:15px;
  margin-top:5px;
  }

div.d_resultTitle {
  color:#c9252c;
  }
form.dt_form {
  line-height:2em;
/*  border:1px solid silver;*/
  white-space:normal;
  margin:0px 10px;
  padding:3px;
  overflow:visible;
  vertical-align:middle;
  clear:left;
  }

label.dt_label {
  color:#999;
  margin:0;
  padding:3px 15px 3px 0px;
  vertical-align:middle;
  white-space:nowrap;
  cursor:pointer;
  line-height:2em;
  display:inline;
  border-bottom:1px none #c9252c;
}
label.dt_label span { white-space:nowrap; }

label.dt_label.active {
  color:#333;
  border-bottom:1px dotted #c9252c;
/*  background-color:#e8e8e8; */
  }
select.dt_select {
}

input.dt_input {
  vertical-align:-3px;
  }

div.d_result {
/*  text-align:center; */
  background-color:transparent;
  margin-top:5px;
  margin-right:10px;
  padding:5px;
  border:1px solid #c9252c;
  }

/* EO dectree.f_css_defaults */textarea#code.form-element {
 font-family:courier !important;
 font-size:11px !important;
 height:350px !important;
 width:630px !important; 
}
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

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

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}