/**********************************************************************
/* Site-Wide/Master Templates
/**********************************************************************/

/* BODY tag */
body {
  font-family: Arial, sans-serif;
  background-color: white;
  margin: 0px;
  font-size: 0.8em;
  overflow:scroll;
}

/* Site Header */
#site-header {
  background-color: #313063; 
  color: white;
  font-family: Arial, sans-serif;
  font-size: 85%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}

#site-header .system-name {
  font-size: 120%;
  font-weight: bold;
  float: left;
}

#site-header .system-name a {
  color: white;
  text-decoration: none;
}

#site-header .system-name a:hover {
  color: white;
  text-decoration: none;
}

#site-header .users-online {
  display: inline;
  float: right;
  padding-right: 4em;
}

#site-header .user-greeting {
  display: inline;
}

#site-header .permanent-navigation {
  display: inline;
  float: right;
}

#site-header .action-list a { 
  border: solid 1px #313063;
  text-align: center; 
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  color: white;
  text-decoration: none;
}

#site-header .action-list a:hover { 
  text-decoration: none;
  background-color: #666666;
  border: solid 1px #999999;
}

/* User Messages */
#user-message {
  background-color: #ccff99; 
  padding: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 85%;
}

#user-message ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 

#user-message ul li {
  margin-left: 0;
  padding-left: 2px;
  border: none;
  list-style: none;
}

/* Boxed User Message */
.boxed-user-message {
  background-color: #ccff99; 
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 85%;
  border: 1px solid #dd9988;
}

.boxed-user-message h3 {
  color: #990000;
  margin-top: 0px;
}

.boxed-user-message .body {
  color: #990000;
}

/* Context Bar */
#context-bar {
  font-family: Arial, sans-serif;
  font-size: 11px;
  margin-bottom: 2px;
  padding-left: 8px;
}

#context-bar #breadcrumbs {
  clear: left;
  float: left;
  padding-top: 3px;
}

#context-bar #breadcrumbs ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 

#context-bar #breadcrumbs ul li {
  margin-left: 0;
  padding-left: 2px;
  border: none;
  list-style: none;
  display: inline;
}

#context-bar #navlinks {
  float: right;
}

/* Subsite Name */
#subsite-name { 
  font-weight: bold; 
  font-size: 120%;
  font-family: verdana; 
  padding-left: 8px;
}

a.subsite-name {
  color: black;
  text-decoration: none;
}

a.subsite-name:hover {
  color: black;
  text-decoration: none;
}

/* Title of page, typically used on an H1 tag */
.page-title {
}

/**********************************************************************
/* General navigation
/**********************************************************************/

#subnavbar {
	float: right;
	height: 14px;
	font-family: Arial, sans-serif;
	padding-top: 2px;
	padding-right: 6px;
}

#subnavbar-div {
	background: #C8D1DE;
	border-bottom: 1px solid #000000;
}

#subnavbar-container {
	height: 18px;
	width: 100%;
	position: relative;
}

#subnavbar a {
	color: black;
	text-decoration: none;
}

#subnavbar a:hover {
	color: black;
	text-decoration: underline;
}

#navbox-container {
	padding-right: 20px;
}

#navbox {
	font-family: Arial, sans-serif;
	margin-left: 8px;
}

#navbox .title {
	font-weight: bold;
	color: #ffffff;
	background: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
	text-transform:uppercase;
}

#navbox .content {
	background: #ECECED;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
}

#navbox .here {
	color: #ffffff;
	background-color: #DC002E;
}

ul.link-list {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
}

ul.link-list li {
	display: inline;
	padding-left: 0px;
}

ul.link-list a {
	color: black;
	white-space:nowrap;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	text-decoration: none;
	display: block;
}

ul.link-list a:hover {
	color: #ffffff;
	background: #DC002E;
	text-decoration: none;
}


/**********************************************************************
/* Widgets
/**********************************************************************/

/* Various forms of links */
.action-list { 
  padding: 0;
}

.action-list ul { 
  margin: 0;
  padding: 0;
  display: inline;
  border: none;
}
                
.action-list ul li {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  display: inline;
}

a.refresh {
  color: white;
  text-decoration: underline;
}

a.refresh:hover {
  color: red;
  text-decoration: underline;
}

a.button { 
  border: solid 1px black;
  background-color: #ECECED;
  text-align: center; 
  padding-top: 1px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 1px;
  color: black;
  text-decoration: none;
  white-space: nowrap;
}

a.button:link { 
  text-decoration: none;
  border: solid 1px black;
}

a.button:visited { 
  text-decoration: none;
  border: solid 1px black;
}

a.button:hover { 
  text-decoration: none;
  background-color: #FFDC00;
  border: solid 1px black;
}

a.button:active { 
  text-decoration: none;
  border: solid 1px black;
}

a.admin:link, a.admin:visited {
  color: #f00;
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;
}

a.admin:hover { 
  color: #fff; 
  background: #f00;
}


ul.action-links li {
  list-style: circle url(/resources/acs-subsite/action-link-marker.png);
  margin: 8px;
  margin-left: -16px;
}

div.subsite-context-bar {
  font-size: 85%;
  margin-bottom: 4px;
  position: relative;
}

/* Links im Intromenü */
#intro a {
  color: black;
  text-decoration:none;
  font-size:16px;
}

#intro a:hover {
  font-weight: bold;
  border-bottom: 2px solid #FFDC00;
  background: white;
}

/* Links */
a {
  color: black;
}

a:hover {
  color: black;
  background: #FFDC00;
}

/* Text Styles */
h1 {
  height: 19px;
  font-size: 140%;
  margin-top: 0px;
  margin-bottom: 12px;
  text-transform:uppercase;
  border-bottom: 2px solid #FFDC00;
}

h2 {
  font-size: 125%;
}

h3 {
  font-size: 110%;
  margin-top: 18px;
  margin-bottom: 6px;
}

p {
  line-height: 1.5;
  text-align:justify;
}

/* Horizontal line */
hr {
  height: 1px;
  border: none;
  color: #FFFFFF;
  background-color: #FFFFFF;
}

ul {
  margin-left:15px;
  padding-left: 0px;
  list-style-image: url(/resources/st-theme/aufzug/images/list_image.gif);
  line-height: 1.5;
}

.small {
  font-size: 85%;
}

.highlight { 
  background-color: #ffc; 
}

/* Portlets */
.portlet h2 {
  background: #dddddd; 
  padding: 2px 8px 2px 8px; 
  margin: 0;
}

.portlet-header {
  background: #dddddd; 
}

.portlet-header h2 {
  padding: 2px 8px 2px 8px; 
  margin: 0;
}

.portlet .portlet-body {
  border: 1px dotted #999; 
  border-top: 0px; 
  padding: 6px 8px 6px 8px;
}

/* Generally Available Tabs */
#tabs-div {
  border-bottom: 1px solid #666;
}

#tabs-container {
  height: 15px;
  position: relative;
}

#tabs { 
  position: absolute;
  height: 21px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  left: 10px;
  bottom: -2px;
  margin-top: 10px;
  font-family: Arial, sans-serif;
  font-size: 80%;
  font-weight: bold;
}

#tabs .tab { 
  height: 16px;
  float: left; 
  background-color: #cccccc;
  border: 1px solid #666;
  padding: 2px 5px 2px 5px;
  margin: 0px 2px 0px 2px;
}

#tabs .disabled { 
  color: #999999;
}

#tabs a {
  text-decoration: none;
  color: black;
}

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

#tabs #tabs-here { 
  border-bottom-color: #f6f6f6;
  background-color: #f6f6f6;
}

#tabs #tabs-here a {
  color: black;
}

#tabs-body { 
  border-bottom: 1px solid #016799;
  background-color: #f6f6f6;
  clear: both;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
}


/**********************************************************************
/* Add-Ins
/**********************************************************************/
#addins {
	margin-left: 20px;
	float:right;
	width: 230px;
}

#addinbox {
	font-family: Arial, sans-serif;
	width: 218px;	
	margin-bottom: 15px;
}

#addinbox .top {
	background: #00638F;
}

#addinbox .top_left {
	float:left;
}

#addinbox .top_center {
	font-weight: bold;
	color: #ffffff;
	background: #000000;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
	text-transform:uppercase;
}

#addinbox .top_right {
	float:right;
}

#addinbox .subtitle { 
	font-weight: bold;
	color: #ffffff;
	background: #000000;
	padding: 2px;
	margin-top: 6px;
	margin-bottom: 6px;
}

#addinbox .content {
	background-color: #ECECED;
	padding-left: 28px;
}

#addinbox .item {
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
}

#addinbox .bottom {
	line-height: 0px;
}

#addinbox .bottom_left {
	line-height: 0px;
}

#addinbox .bottom_right {
	line-height: 0px;
}


/**********************************************************************
/* Tab-Bar
/**********************************************************************/

#tabbar-div {
	margin-right: 20px;
}

#tabbar-tabs {
  height: 20px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #000000;
}

#tabbar-tabs ul {
	border-left: 1px solid #000000;
	list-style-type: none;
	position: absolute;
	height: 20px;
	margin: 0px;
	bottom: 1px;
	margin-top: 10px;
	font-family: Arial, sans-serif;
	list-style-image: none;
}

#tabbar-tabs li { 
  float: left;
  position: relative;
}

#tabbar-tabs li a {
  display: block;
  float: left;  
  padding: 2px 8px 2px 8px;
  color: black;
  text-decoration: none;
  height: 16px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  letter-spacing: 1px;
}

#tabbar-tabs .here { 
	background: #ECECED;
	border-bottom: 1px solid #ECECED;
}

#tabbar-tabs a:hover {
  padding: 2px 8px 2px 8px;
  color: black;
  background: #ECECED;
  text-decoration: none;
  height: 16px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #ECECED;
}

#tabbar-content {
  padding-top:15px;
  padding-left:10px;
  padding-right:10px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background: #ECECED;
}


/**********************************************************************
/* Farben für Layout
/**********************************************************************/

#color-light {
  color: #ECECED;
}

#color-medium {
  color: #CBD4DF;
}

#color-dark {
  color: #000000;
}

#color-red {
  color: #DC002E;
}

#background-light {
  background: #ECECED;
}

#background-medium {
  background: #CBD4DF;
}

#background-dark {
  background: #000000;
}

#background-red {
  background: #DC002E;
}

#border-light {
  border-color: #ECECED;
}

#border-medium {
  border-color: #CBD4DF;
}

#border-dark {
  border-color: #000000;
}

#border-red {
  border-color: #DC002E;
}


/**********************************************************************
/* Balkendiagramm
/**********************************************************************/

#chart-bar {
  width:20px;
  background: #CBD4DF;
  border:1px solid #000000;
}


/**********************************************************************
/* Navigation 1. Ebene
/**********************************************************************/

#navbar {
	width: 175px;
}

#navbar .logo { 
	background: white;
	width: 101px;
	height: 64px;
	text-align: center;
	padding-top: 37px;
	padding-bottom: 37px;
	background: white url(/resources/st-theme/aufzug/images/navigation_level_1_logo.gif) left top no-repeat;
}

#navbar .logo:hover { 
	background: white url(/resources/st-theme/aufzug/images/navigation_level_1_logo.gif) left top no-repeat;
}

#navbar a { 
	float: left; 
	text-transform:uppercase;
	font-size: 15px;
	text-decoration: none;
}

#navbar .active { 
	background: white;
	width: 101px;
	height: 64px;
	text-align: center;
	padding-top: 37px;
	padding-bottom: 37px;
	background: white url(/resources/st-theme/aufzug/images/navigation_level_1_active.gif) left top no-repeat;
	font-weight: bold;
}

#navbar .inactive { 
	background: white;
	width: 101px;
	height: 64px;
	text-align: center;
	padding-top: 37px;
	padding-bottom: 37px;	
	background: white url(/resources/st-theme/aufzug/images/navigation_level_1_inactive.gif) left top no-repeat;
}

#navbar .inactive:hover { 
	background: white url(/resources/st-theme/aufzug/images/navigation_level_1_active.gif) left top no-repeat;
	font-weight: bold;
}



/**********************************************************************
/* Fußzeile
/**********************************************************************/

#footer {
  text-align: right;
  margin-bottom:10px;
}

#footer .here {
  color: black;
  background: #FFDC00;
}

#footer img {
  margin-left: 20px;
}