/*
 * Systemberatung Heiko Lübbe
 * Joomla 1.5 template hlu
 * template.css
 * Oct-24-2009 - Aug-28-2010
 */

/*** main styles ***/
* {
  margin:0;
  padding:0;
}
body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background:#eee;
}
/*** web page structure ***/
div#wrap {
  max-width: 1200px;
  overflow: hidden;
  margin:20px 40px;
}
#content {
  border-left:20px solid #2850A0;
  padding-bottom: 0.5em; /* same as #content p, to have the same size as the last <p> */
  position:relative; top:3px; left:0px; /* set the position for #right absolute */
}
#content div.inside {
  padding-left:20px;
  max-width:800px; /* limit the text width to a readable dimension */
}
/* column is the blue bar on the right */
div#column_top {
  clear:both; /* in case the menu brakes into 2 lines in small windows */
  padding-top:7px;
}
div#column_top img { /* IE hack to remove 3px padding in the bottom */
  position: absolute;
  display: inline;
}
div#column_bottom {
  clear:both;
  padding-bottom:12px;
}
div#column_bottom img { /* IE hack to remove 3px padding in the bottom */
  position: absolute;
  display: inline;
}
#header {
  border-bottom:solid 3px #2850A0;
  min-height:47px;
  height:auto !important;
  height:47px;
}
div#logo {
  float: left;
}
div#company {
  float: left;
  margin-left: 1ex;
  margin-right: 2ex;
  margin-top:0.2ex;
}
div#footer {
  position:relative; /* for div#right positioning */
  border-top:solid 2px #2850A0;
  border-bottom:solid 1px #2850A0;
  clear:both;
  background:#ddd;
  padding-top:0px;
  padding:3px;
}
.about {
  float: right;
  padding-right: 5px;
  position: relative; /* fix IE<7 problem with invisible images (wrong z-layer) */
}
div#footer div#contact {
  text-align: center;
}
/* the we make IT button */
div#right {
  position: absolute;
  bottom: 3px;
  right: 0px;
}
div#right p a:hover {
  text-decoration:none;
  font-size: 0px; /* prevents small image jumps on hover on IE */
}
/*** content ***/
h1, .contentheading, .componentheading {
  font-size:180%;
  font-weight:bold;
  color:#444;
  color:#A02850;
}
h2 {
  margin-top:1ex;
  font-size:125%;
  font-weight:bold;
  color:#444;
}
#content p {
  margin:0.5em 0;
}
tbody * li {
  margin-left:2em;
}
/* back-links from not-menu-pages to menu-pages */
.back_link {
  float:right;
  padding-left:20px;
  padding-right:10px;
  background-image:url(../../../images/arrow.png);
  background-repeat:no-repeat;
  background-position:10px 0;
  text-decoration:none;
}
a.back_link:hover {
  color:white;
  background:#2850A0;
  background-image:url(../../../images/arrow.png);
  background-repeat:no-repeat;
  background-position:10px 0;
}
/*** links (must be before menu to not overwrite ul.menu li a:hover) ***/
a {
  color:#000080; /* navy blue, my blue is too light */
}
a:visited {
  color:#A02850;
}
a:hover, div.quote a:hover, div.quote div.source a:hover {
  background:#ccc;
}
/*** menu and search field ***/
#module_menu {
  border-top: 1px solid #eee;
}
ul.menu {
  float: left;
  list-style:none;
}
ul.menu li, input#mod_search_searchword {
  background:#ddd;
  margin-right:-2px; /* needed 1px, but for IE8 we need 2px */
  border:1px solid #2850A0;
  border-top: 0px;
  display: inline;
  white-space: nowrap;
  font-size: 0.84em;
  line-height: 1.3em;
}
input#mod_search_searchword {
  height: 1.3em; /* for firefox set it only on input */
}
ul.menu li a, ul.menu li a:visited, input#mod_search_searchword {
  color:#2850A0;
  text-decoration:none;
  padding:0px 10px;
}
ul.menu li#current {
  background:#2850A0;
}
ul.menu li#current a, ul.menu li a:hover, input#mod_search_searchword:hover {
  color:white;
  background:#2850A0;
}
/* images */
img {
  border:0px;
}
img.border {
  clear: right;
  float: right;
  margin:10px;
  margin-right:0;
  padding:2px;
  border:2px solid #2850A0;
}
a:hover img.border {
  border:2px solid #A02850;
}
/* into the footer */
#jflanguageselection {
  float:left;
  margin:-3px; /* to middle */
  position: relative; /* fix IE<7 problem with invisible images (wrong z-layer) */
}
/* quotation styles */
.quote {
  text-align:right;
  font-size:smaller;
  margin-bottom: 0.5ex;
}
div.quote a {
  color:black;
  text-decoration:none;
}
div.quote div.source, div.quote div.source a {
  color:gray;
}
/* table in the profile page */
table#profile * td {
  padding-bottom:1em;
}
table#projects * td {
  padding:2px;
}
/* table in the ust page */
table.ust, table.ust * td, table.ust * th {
  border:1px solid #2850A0;
  border-spacing: 0px;
}
table.ust * td, table.ust * th {
  padding: 5px;
}
/* impressum page */
#created {
  border:1px solid #2850A0;
  margin:5px;
  padding:5px 10px 0px 10px;
  text-align:center;
  background: #ddd;
  font-size: small;
}
div#created p img {
  margin-top:5px;
}
div#created p a img {
  font-size: 0px; /* prevents small image jumps on hover on IE */
}
/* we don't use it and don't wish to waste the space */
.article_separator {
  font-size:0px;
}
/* search result category table */
td.sectiontableheader, tr.sectiontableentry1 td, tr.sectiontableentry2 td {
  padding-right: 5px;
}
span.highlight {
  font-weight:bold;
  color:#A02850;
  background:#FFFFE0; /* lightyellow */
}
table.contentpaneopen * fieldset {
  border: 0;
  padding-bottom: 1em;
}
/* no English translation available message */
font.error {
  color:#A02850;
  background:#FFFFE0; /* lightyellow */
}
dt {
    margin-top: 1ex;
}
dd {
    margin-left: 1cm;
}
/* Systemberatung Heiko Lübbe */
a#home {
  color: #2850A0;
  text-decoration:none;
  font-size:125%;
}
/* Ziele. Projekte. Erfolge. */
a#slogan {
  color: #A02850;
  text-decoration:none;
  font-size:100%;
}
/* Ziele definieren. Projekte realisieren. Erfolge bewirken. */
span#slogan {
  color: #A02850;
  font-size:125%;
}
/* references */
blockquote {
    /*text-align: justify;*/
    font-style: italic;
    /* important to see 99-66 quotes */
    font-family: Helvetica, Arial, sans-serif;
}