/**** color: 11x #c90 ****/

/**** allgemein ****/
body {
  margin: 0 0 0 20px;
  padding: 35px 0;
  width: 750px;
  background-color: #fff;
  background-image: url(inm-webtitel_2007-04.jpg);
  background-position: 0px 33px;
  background-repeat: no-repeat;
}
body.formular_termine,
body.formular_press {
  width: 920px;
}

body, p, table, tr, td, ul, ol, li, input, textarea, select, option {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
h1, h2, h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 12px;
}
h1.pagetitle {
  margin-left: 10px;
}
h2 {
  font-size: 11px;
  padding: 0;
  margin: 16px 0 8px 0;
}
h3 {
  font-size: 10px;
}
img {
  border: 0px none transparent;
}
.pretitle {
  color: #666;
}
.errmsg {
  background-color: #ff0;
}
.error {
  font-weight: bold;
  color: #c00;
  background-color: #ff0;
}
.warning-low {
	color: #ddd;
	display: block;
	border: 1px solid orange;

	display: none;
}

.note {
  background-color: #dfe7ea;
}
form .note {
  border-left: 1px solid #000;
  margin: 4px 0 4px 380px;
  padding: 5px 5px 5px 0;
  width: 270px;
  position: absolute;
}
.float_clearer {
  clear: both;
}
.floatclearer {
  clear: both;
  display: block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0;
}



/**** Navigationselemente ****/
#navbar_main {
  margin: 0 0 0 130px;
}
a {
  color: #c90;  
}
a:link    { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: underline; }

.linkmore {
  color: #c90;  
  font-weight: bold;
}


/**** navigation: haupt ****/
#nav_main {
  position: relative;
  width: 702px;
  z-index:8;
  border: 1px solid #000;
  margin: 0;
  padding: 5px 10px 13px 10px;
  background-color: #fff;
  clear: both;
}
#nav_main * {
  text-transform: lowercase;
}
.formular_termine #nav_main,
.formular_press #nav_main {
  width: 870px;
}
#nav_main h4 {
  display: none;
}
#nav_main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
#nav_main li {
  display: inline;
  margin: 0;
  padding: 0;
}
#nav_main a,
#nav_main strong {
  white-space: nowrap;
  min-width: 20px;
  text-align: center;
  margin: 0;
  padding: 2px 5px;
}
#nav_main strong {
}
#nav_main .activepath,
#nav_main .activepath * {
  font-weight: bold;
}
#nav_main a         { text-decoration: none; color: #000; }
#nav_main a:link    { text-decoration: none; color: #000; }
#nav_main a:visited { text-decoration: none; color: #000; }
#nav_main a:hover   { text-decoration: none; color: #c90; }
#nav_main a:active  { text-decoration: none; color: #c90; }



/**** navigation: utilities ****/
#numenu1 {
  background-color: #fff;
  margin: 0 0 10px 0;
  padding: 5px 0;
  clear: both;
}
#numenu1 h4 {
  display: none;
}
#numenu1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 500px;
  float: left;
}
#numenu1 li {
  display: inline;
  margin: 0;
  padding: 0;
}
#numenu1 a,
#numenu1 strong {
  white-space: nowrap;
  min-width: 20px;
  text-align: center;
  margin: 0;
  padding: 2px 10px 2px 0;
}




/**** Haupt-Seitengeruest ****/
#logo {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 494px; /*520px-26px;*/
  float: left;
}
.formular_termine #logo,
.formular_press #logo {
  width: 662px;
}
#logo span {
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#logo a {
  display: block;
  width: 250px;
  height: 35px;
  margin: 0;
  padding: 0;
  color: #000;
  text-decoration: none;
}
#logo_right {
  position: relative;
  z-index:10;
  background-color: #fff;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  margin: 5px 0 -1px 0;
  height: 52px;
  width: 218px;
  float: left;
  padding: 0 5px;
}
#column_left {
  margin: 0;
  padding: 0;
  float: left;
  width: 220px;
  min-height: 2px;
}
#content {
  position: relative;
  z-index: 12;
  float: left;
  background-color: #fff;
  width: 482px; /*508px-26px;*/
  min-height: 290px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: -1px;
  padding: 20px 20px 50px 0;
}
.formular_termine #content,
.formular_press #content {
  width: 650px;
}
#footer {
  clear: both;
  margin: 0;
  padding: 10px 10px 10px 220px;
}
#footer div {
  margin: 0;
}
.texthelper {
  display: none;
}
.bg_white {
  background-color: #fff;
}
.helperminheight {
  display: block;
  width: 1px;
  height: 320px;
  overflow: hidden;
  float: right;
}


/** fieldset, legend: workaround with classes instead of tags **/
.fieldset {
  clear: left;
  display: block;
  width: 550px;
  margin: 15px 0;
  padding: 10px 0;
  background-color: #cbdddd;
}
.legend {
  display: block;
  font-weight: bold;
  padding: 5px 0 2px 0;
  color: #666;
}


/**** io-elements ****/
.ioel {
  display: block;
  margin: 0;
  padding: 2px 0 2px 30px;
  width: 300px;
}
.note .ioel,
.note .value {
  width: 240px;
  padding: 2px 0;
}
label {
  font-weight: bold;
  display: block;
  padding: 1px 0;
  margin: 0;
}
.formular .ioel_widget {
  min-width: 300px;
  display: block;
}
.ioel_widget input {
  margin: 0;
}
.ioel_widget input[type="text"],
.ioel_widget textarea {
  width: 290px;
}
.ioel_widget .value {
  display: block;
  margin: 0;
  padding: 2px;
  border: 1px solid #666;
}
.example {
  margin: 6px 0px 6px 12px;
}
.example,
.example .value {
  color: #777;
}
.example .value {
  border: 1px solid #777;
}
.iostatus {
  border: 1px solid yellow;
  background-color: yellow;
  color: red;
}
h3.iostatus {
  padding: 5px;
  width: 400px;
}


/** io-elements: date & time **/
.ioel_datetime {
  margin: 1px 0;
  padding: 0 0 0 30px;
}
.ioel_datetime span.ioel_widget {
  float: none;
}

.ioel_datetime .ioel_widget,
.ioel_datetime .ioel_widget .value {
  display: inline;
}

.iowiddate input[type="text"],
.iowiddate .value {
/* should behave like: display: inline-block; */
  width: 70px;
}
.iowidtime input[type="text"],
.iowidtime .value {
/* should behave like: display: inline-block; */
  width: 40px;
}


#ioel_datemodifier .ioel_widget .form_item {
  margin-right: 15px;
}
#ioel_datemodifier .ioel_widget input {
  display: inline;
  width: 20px;
}

/** io-elements: selectionlist for appointment's location **/
#ioel_location_IDaddr {
  width: 560px;
  overflow: visible;
}
#ioel_location_IDaddr select,
#ioel_location_IDaddr option {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/** io-elements: fieldset content **/
#fscontent {
  width: 350px;
}
#fscontent textarea {
  height: 240px;
}

/** io-elements: fieldset sender **/
#fssender {
  width: 450px;
}


/** io-elements: preview boxes **/
fieldset {
  border: 1px solid #ddd;
  margin: 20px 0;
}
.prevweb {
  margin-top: 12px;
}
.prevweb_body {
  padding: 6px;
}


/** io-elements: participants **/
table.participants {
  padding: 0;
  margin: 0;
}
table.participants th, td {
  padding: 2px;
  margin: 0;
}
table.participants th .legend {
  text-align: left;
}
table.participants label {
  padding: 2px 2px 0px 2px;
  text-align: left;
  width: 150px;
}
table.participants .ioel_widget {
  min-width: 155px;
  width: 155px;
}
table.participants .ioel_widget input {
  margin: 0;
  width: 155px;
}
.right {
  text-align: right;
}



/**** column left: search forms + buttons ****/
#column_left div.searchform {
  margin: 20px 0 20px 0;
  padding: 0 26px 15px 0;
  text-align: right;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  background-color: #cbdddd;
}
#column_left div.searchform h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#column_left div.searchform .ioel {
  padding-left: 0;
  margin: 4px 0;
  width: 193px;
}
#column_left .ioel input {
  width: 140px;
}
#column_left .note {
  margin: 20px 0;
  padding: 5px;
  text-align: right;
}
#column_left .contenttext {
  margin: 0;
  padding: 5px 0;
  text-align: right;
}

#column_left #nav_local,
#column_left .nav,
#column_left .nav2 {
  position: relative;
  /*top: 0px;*/
  left: -26px;
  margin-right: -26px;
  margin-top: 10px;
  width: 190px;
  padding: 10px 10px 10px 30px;
  background-color: #fff;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
#column_left #nav_local {
  position: relative;
  overflow: visible;
  width: 150px;
  padding: 10px 10px 10px 70px;
}
#column_left .nav2 {
  border-top: 0 none transparent;
  margin-top: -20px;
  text-align: left;
}
#column_left .nav2 a,
#column_left .nav2 strong,
#column_left .nav2 b {
  display: block;
  margin-left: 73px;
}

/*-- nav_local --*/
#nav_local,
#nav_local * {
  text-transform: lowercase;
}
#nav_local ul {
  list-style-type: none; 
  border: 1px solid #fff;
  margin: 0;
  padding: 0;
}
#nav_local li {
  border: 1px solid #fff;
  margin: 0 0 0 5px;
  padding: 0;
}
#nav_local li a,
#nav_local li strong {
  display: block;
  width: 130px;
  height: 15px;
}
#nav_local .activepath,
#nav_local .activepath * {
  font-weight: bold;
}
#nav_local a         { text-decoration: none; color: #000; }
#nav_local a:link    { text-decoration: none; color: #000; }
#nav_local a:visited { text-decoration: none; color: #000; }
#nav_local a:hover   { text-decoration: none; color: #c90; }
#nav_local a:active  { text-decoration: none; color: #c90; }

/* special veranstaltungsanmeldung */
#nav_local #nlmenuitem_7 a {
  margin-left: -50px;
  width: 190px;
}

.nav_teaser {
  margin: 12px 0;
}
.nav_teaser ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav_teaser li {
  margin: 6px 0;
  padding: 0;
}

#column_left > .textfragment {
	position: relative;
	left: -26px;
	margin-right: -26px;
	margin-top: 10px;
	width: 190px;
	padding: 10px 10px 10px 30px;
	background-color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}





/**** search results ****/
.pager {
  color: #777;
}
.groupresults {
  font-size: 12px;
  margin-top: 18px;
  margin-bottom: 11px;
}
.searchresultsitem {
  margin: 0 0 16px 0;
}
.itemappdate {
  color: #c90;
}
.itemtitle, .itemapptitle {
  text-transform: uppercase;
  color: #c90;
}
a.itemapplocation {
  color: #000;
}
.abstract {
}
hr.itemapp {
  height: 0px;
  margin: 0px;
  border-style: solid;
  border-width: 1px;
}
.app_datetimeitem {
  font-weight: bold;
  margin: 10px 0 0 0;
}
.app_location {
  font-style: italic;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.inmsupported {
	margin: 20px 0;
	padding: 0;
}
.icon_inmsupported {
	border: 1px solid #c90;
	background-color: #c90;
	color: #fff;
	margin: 2px 5px;
	padding: 0 3px;
}




/**** searchresults/filter addresses ****/
ul.addresses {
  border: 0 none transparent;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.addresses li {
  border: 0 none transparent;
  margin: 0;
  padding: 0 0 10px 0;
}
ul.addresses .addr_title,
ul.addresses .addr_title * {
 /* font-weight: bold;*/
}

.notice_email {
  margin-top: 30px;
}

.contenttext {
  margin: 20px 50px 20px 10px;
}




/**** appointments' participants ****/
.prevweb .participants *,
.searchresultsitem .participants *,
.viewitem .participants * {
  display: inline;
}



/* Composer */
.group_composer {
}
.member_composer {
}
.name_composer {
}
.task_composer {
}
.notice_composer {
}

/* Interpret (aka default) */
.group_default {
}
.member_default {
}
.name_default {
  text-transform: uppercase;
}
.task_default {
}
.notice_default {
}





/**** Calendar-view ****/
/** Calendar-table **/
.calendarlist * {
  font-size: 10px;
}
table.calendarlist {
  width: 660px;
  margin: 20px 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0px;
  border-bottom: 1px solid #000;
}
/* -- header level 1 -- */
.calendarlist .groupheaderl1 th {
  padding: 0;
  margin: 20px 0 2px 0;
  border: 1px solid #fff;
  background-color: #000;
  color: #fff;
  text-align: left;
}
.calendarlist .groupheaderl1 th span {
  margin: 0 30px;
  line-height: 130%;
  padding: 1px 5px;
  background-color: #fff;
  color: #000;
  font-style: italic;
}

/* -- header level 2 -- */
.calendarlist .groupheaderl2 th {
  padding: 2px 2px 2px 50px;
  margin: 2px 0;
  border: 1px solid #fff;
  border-top: 1px solid #000;
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
}


.calendarlist td {
  border: 1px solid #fff;
  border-top: 1px solid #000;
  padding: 2px 0 6px 0;
}

/** Calendar-Items **/
.calendarentry {
  margin: 4px 0 4px 0;
  padding: 0;
}
.calendaraction {
  text-align: right;
}

.calendarentry .header {
  clear: both;
  margin: 0;
  padding: 0;
  width: 280px;
}
.calendarentry .header .conflicts,
.calendarentry .header .datetime,
.calendarentry .header .status,
.calendarentry .header .caltitle {
  text-transform: lowercase;
  margin-right: 5px;
  padding: 3px;
  float: left;
}
.calendarentry .header .conflicts {
  margin-right: 0;
  width: 55px;
}
.calendarentry .header .datetime {
  width: 90px;
}
.calendarentry .header .status {
  font-weight: bold;
  width: 70px;
}

/** datetime-status **/
.stfreeitem,
.stfree .header .status {
}
.stinterimitem,
.stinterim .header .status {
  color: orange;
}
.streserveditem,
.streserved .header .status {
  color: red;
}
.stabsentitem,
.stabsent .header .status {
}
.stcanceleditem,
.stcanceled .header .status {
}
.stlockeditem,
.stlocked .header .status {
}
.stinqueryitem,
.stinquery .header .status {
  color: #aaa;
}


.calendarentry .widgetpanel {
  float: left;
}


.calendarentry .userdata {
  display: block;
  margin: 0;
  padding: 0 0 8px 0;
  width: 290px;
  float: left;
}

.widget_newrequest {
  width: 660px;
  text-align: right;
}




/**** Calendar navigator ****/
table.calnavigator {
  border-collapse: collapse;
  border-spacing: 1px;
  margin: 25px 0 5px 0;
}
.calnavigator * {
  font-size: 10px;
}
.calnavigator th,
.calnavigator td {
  border: 1px solid #000; /*#ddd;*/
  padding: 0;
  margin: 1px;
}
.calnavigator th {
  background-color: #cbdddd; /*#777;*/
  text-align: center;
  color: #000; /*#fff;*/
}
.calnavigator td {
  background-color: #f7f7f7;
  text-align: right;
  color: #000;
}
.calnavigator th.kw {
  background-color: #cbdddd; /*#ddd;*/
  font-weight: normal;
}
.calnavigator td.kw {
  background-color: #cbdddd; /*#ddd;*/
}
.calnavigator th.weekend span {
  color: #777;
}
.calnavigator td.currentmonth {
  background-color: #fff;
}
/** special widgets **/
.calnavigator #buttonbacktoday {
  float: left;
  width: 40px;
  margin: 3px 0;
}
.calnavigator form#selectmonth {
  float: left;
  width: 137px;
  padding: 0;
  margin: 3px 0;
}
.calnavigator form#selectmonth option {
  font-weight: normal;
}
.calnavigator form#selectmonth option.selected {
  font-weight: bold;
}

/** font-colors **/
.calnavigator th a,
.calnavigator th span {
  color: #000; /*#fff;*/
}
.calnavigator th.kw span {
  color: #000; /*#777;*/
}


/** element-urls #1 basic **/
.calnavigator * a,
.calnavigator * strong.choice,
.calnavigator * span {
  border: 2px solid transparent;
  display: block;
  margin: 0;
  padding: 1px 2px;
  color: #000; /*#999;*/
}

/** element-urls #2 adapted **/
.calnavigator * a {
  border: 2px solid #f7f7f7;
}
.calnavigator th a,
.calnavigator th span {
  border: 2px solid #cbdddd; /*#777;*/
}
.calnavigator *.kw a,
.calnavigator *.kw span {
  border: 2px solid #cbdddd; /*#ddd;*/
}
.calnavigator *.currentmonth a {
  border: 2px solid #fff;
}
.calnavigator *.today a,
.calnavigator *.today strong.choice {
  background-color: #cbdddd; /*#777;*/
  color: #000; /*#fff;*/
}
.calnavigator * strong.choice {
  font-weight: normal;
  border: 2px solid orange;
}
.calnavigator th strong.choice {
  font-weight: bold;
}
.calnavigator td.today em {
  font-style: normal;
}

/** element urls #3 mouse-overs **/
.calnavigator * a:link    { text-decoration: none; }
.calnavigator * a:visited { text-decoration: none; }
.calnavigator * a:hover   { text-decoration: none; border: 2px solid orange; }
.calnavigator * a:active  { text-decoration: none; border: 2px solid orange; }


/**** specials vivaldisaal list ****/
body.pgtype-vivaldi-list {
  width: 980px;
}
.pgtype-vivaldi-list #content {
  width: 712px; /*508px-26px;*/
}
.pgtype-vivaldi-list #logo_right {
  width: 448px; /*508px-26px;*/
}
.pgtype-vivaldi-list #nav_main {
  width: 932px;
}


/**** popup-form vivaldisaal ****/
body.formular_vivaldisaal {
  position: relative;
  margin: 0 10px;
  padding: 0 !important;
  width: 400px;
  background-color: #fff;
  background-image: none;
  border-top: 0px none transparent;
}
.formular_vivaldisaal .fieldset,
.formular_vivaldisaal #fssender {
  width: 380px;
}
.formular_vivaldisaal #fsdatetime {
  width: 430px;
}
.formular_vivaldisaal .note {
  margin-left: 340px;
}
.formular_vivaldisaal #fsdatetime .note {
  margin-left: 400px;
  margin-top: -20px;
  width: 240px;
}
.formular_vivaldisaal #fssender .note {
  margin-top: 84px;
  width: 300px;
}
.formular_vivaldisaal .iostatus {
  margin: 8px 40px 8px 30px;
}

#panel-top,
#panel-footer {
  background-color: #666;
  margin: 0;
  padding: 0;
  width: 100%;
  position: fixed;
  z-index: 40000;
  left: 0px;
}
#panel-top,
#panel-top *,
#panel-footer,
#panel-footer * {
  color: #fff;
}

#panel-top {
  top: 0px;
}
#panel-top #form_login {
  margin: 0;
  padding: 4px 16px;
}
#panel-footer {
  bottom: 0px;
}
#panel-footer p {
  margin: 0;
  padding: 8px 16px;
}

#panel-main {
  margin: 0;
  padding: 50px 0;
}



/**** Press: search-results ****/
.catpress form.searchform {
  margin: 12px 0;
  padding: 12px 0;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
}
.catpress .searchresults {
  width: 339px;
}
.catpress .groupresults {
  background-color: #000;
  margin: 30px 0 0 0;
  padding: 1px 10px;
  width: 210px;
  color: #fff;
  font: italic bold 14px/110% Georgia, Times New Roman, Times, serif;
  text-align: right;
}
.catpress .datetimeitem {
  width: 132px;
  margin: 0;
  background-color: #c90;
  font: 12px Georgia, Times New Roman, Times, serif;
  color: #fff;
}
.itemtitleabstract {
  border: 1px solid #000;
  border-left: 0px none transparent;
  padding: 1px 6px 6px 0;
}
.prevweb .itemtitleabstract,
.prevweb .searchresults .datetimeitem {
  border-left: 1px solid #000;
}



/**** Press: box for static news ****/
.box {
  width: 177px;
  padding: 0;
  margin: 0 0 0 350px;
  position: absolute;
}
.box .boxitem {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #cbdddd;
  width: 176px;
  margin: 0 0 10px 0;
  padding: 18px 3px 45px 0;
}
.box hr {
  display: none;
}



/**** Press: item-view ****/
.catpress h1.title {
  background-color: #000;
  margin: 0;
  margin-right: 50px;
  padding: 8px 8px 8px 0;
  color: #fff;
}
.catpress .category,
.catpress .keywords {
  margin: 0 50px 0 0;
  color: #777;
}
.catpress .abstract {
  font-style: italic;
  color: #c90;
  margin: 20px 50px 20px 0;
}
.catpress .contenttext {
  margin: 20px 50px 20px 10px;
}


/**** Press: formular ****/
.formular_press #ioel_category .form_item,
.formular_press #ioel_kwlist .form_item {
  display: block;
}

.formular_press #ioel_category,
.formular_press #ioel_kwlist {
  width: 120px;
  float: left;
}
.formular_press #ioel_category .value,
.formular_press #ioel_kwlist .value {
  width: 118px;
}
.formular_press #ioel_kwtext {
  clear: both;
}

/** io-elements: fieldset content **/
.formular_press .fieldset,
.formular_press #fscontent,
.formular_press #fssender {
  width: 450px;
}


/** special-note **/
.specialnote {
  border: 1px solid #cbdddd;
  padding: 10px;
}
.notespecial {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 16px 130px 16px 0;
  background-color: #cbdddd;
  padding-left:10px
}


/**** login-box ****/
#form_login {
  text-align: right;
}


/**** diashow vivaldisaal ****/
.diashow {
  border: 1px solid #000;
  border-left-style: none;
  width: 300px;
  margin: 8px 0;
  padding: 5px 50px 5px 0;
}
.diashow img {
  margin: 0 10px 0 0;
  border-style: none;
}
.imageviewer {
  background-image: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.imageviewer p {
  text-align: center;
}
.imageviewer .diashow {
  border: 1px solid #000;
  width: 60%;
  margin: 8px auto;
  padding: 5px 50px;
}
.imageviewer .content {
  width: 60%;
  margin: 8px auto;
  padding: 0 50px;  
}
.imageviewer .diashow img {
  border: 3px solid #000;
}
.imageviewer .diashow strong img {
  border: 3px solid orange;
}

/**** vivaldisaal: ritmueller ****/
.sponsor {
	margin: 0;
	padding: 10px 20px;
}
.sponsor .sponsor-logo {
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}