/* html, body */
html,body {
  font: 11px/15px verdana, arial, helvetica, geneva;
  background: #FFF;
  height: 100%;
}

/* Gleichberechtigung für alle Browser */
* {
  margin: 0;
  padding: 0;
}

/* Kleine Schrift */
.small {
  font-size: 10px;
}
.small a {
  text-decoration: none;
  color: #FFF;  
}
.small a:hover {
  text-decoration: underline;
  color: #FFF;  
}

/* Kursive Schrift */
.italic {
  font-style: italic;
}

/* Fette Schrift */
.bold {
  font-weight: bold;
}

.red {
  color: #FF0000;
}
.blue {
  color: #006699;
}
/* zitiert von */
.quotedby {
  text-align: right;
  margin-bottom: 10px;
}

/* Standardlinks */
a {
  text-decoration: underline;
  color: #006699;
}
a:hover {
  color: #003451;
}

/* stretcht die Seite auf die komplette Browserhoehe */
div#stretcher{
  min-height: 100%;
  height:auto !important; /* moderne Browser */
  height:100%; /* IE */
  position: relative;
  background-image: url(http://www.pjsoft.de/images/background/bg_main.jpg);
  background-repeat: repeat-y;
}

img#header {
  display: block;
}
/* Top-Navigation */ 
div#topmenuleft {
  float: left;
  width: 150px;
  height: 20px;
  background-color: #FFF;
  text-align: center;
  font-size: 10px;
}
div#div_topmenu {
  width: 818px;
  height: 20px;
  float: left;
  background-image: url(http://www.pjsoft.de/images/header/topmenu.gif);
  background-repeat: no-repeat;
  color: #FFF;
}

/* stellt die Breite der Homepage ein */
div#hp_width {
  width: 968px;
  margin-bottom: 20px;
}

/* Linkes Menue */  
div#div_leftmenu {
  float: left;
  width: 150px;
  margin-bottom: 30px;
}

/* Rechtes Menue */
div#rightmenu {
  float: left;
  margin-bottom: 10px;
}

/* Inhalt */
div#content {
  float: left;
  width: 608px; /* 800er Aufloesung: 420px */
  padding: 10px;
  margin-bottom: 20px;
}

/* Footer */
div#footer {
  width: 968px;
  background-color: #006599;
  position: absolute;
	bottom: 0px !important; 
	bottom: -1px; /* For Certain IE widths */ 
	color: #FFF;
	text-align: right;
	padding: 2px 0px;
}
div#footer a {
  color: #FFF;
  text-decoration: none;
}
div#footer a:hover {
  color: #FFF;
  text-decoration: underline;
}

/* float left beenden */
div.clear-left {
  clear:left; /* Wer float sagt, muss auch clear sagen */
  font-size:1px; /* Damit das Ganze unsichtbar bleibt */
}
div.clear-both {
  clear:both; /* Wer float sagt, muss auch clear sagen */
  font-size:1px; /* Damit das Ganze unsichtbar bleibt */
}
p.clear-left {
  clear:left; /* Wer float sagt, muss auch clear sagen */
  font-size:1px; /* Damit das Ganze unsichtbar bleibt */
}
p.clear-both {
  clear:both; /* Wer float sagt, muss auch clear sagen */
  font-size:1px; /* Damit das Ganze unsichtbar bleibt */
}

/* Navigation fuer das Topmenu */
ul#topmenu {
  padding-left: 10px;
}
ul#topmenu li {
  float: left;
  margin-right: 10px;
  line-height: 20px;
  list-style: none;
}
ul#topmenu li a {
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
}
ul#topmenu li a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #FFF;
}
ul#topmenu li.selected a {
  color: #9EBEF5;
}
ul#topmenu li.selected a:hover {
  color: #9EBEF5;
}

/* Navigation fuer das linke Menu */
ul#leftmenu {
  margin-top: 10px;
  margin-left: 3px;
}
ul#leftmenu li {
  width: 139px;
  line-height: 22px;
  list-style: none;
  margin-bottom:2px;
}
ul#leftmenu li a {
  display: block;
  width: 100%; /*Für den IE*/
  color: #FFF;
  text-decoration: none;
  padding-left: 5px;
}
ul#leftmenu li a.expand {
  display: block;
  width: 100%; /*Für den IE*/
  color: #FFF;
  text-decoration: none;
  padding-left: 0px;
}
ul#leftmenu li a.expand:hover {
  color: #FFF;
  background: #006599;
}
ul#leftmenu li a:hover {
  color: #000;
  background: #9EBEF5;
}
ul#leftmenu li.topCat {
  font-weight: bold;
  color: #FFF;
  padding-left: 5px;
}
ul#leftmenu li.normalCat {
  text-indent: 10px;
}
ul#leftmenu li.normalCatSel a {
  text-indent: 10px;
  background: #9EBEF5;
  color: #000 !important;
} 

/* Kasten (Titelleiste) */
div.box_title {
  width: 147px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 3px 0px 3px 10px;
  background-repeat: no-repeat;
}
/* Kasten (Inhalt) */
div.box_content {
  width: 144px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 3px 6px 3px 6px;
  background-color: #FFF;
}
/* Farbvarianten der Kaesten */
div.title_darkblue {  
  background-image: url(http://www.pjsoft.de/images/background/box_darkblue.gif);
  border-right: 1px solid #006599;
  color: #FFF;
}
div.content_darkblue {
  border: 1px solid #006599;
}
div.title_blue {  
  background-image: url(http://www.pjsoft.de/images/background/box_blue.gif);
  border-right: 1px solid #006599;
  color: #000;
}
div.content_blue {
  border: 1px solid #006599;
}

/* Liste fuer Kasten */   
ul.box {
  line-height: 18px;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
ul.box li {
  padding-left: 10px;
  background-image: url(http://www.pjsoft.de/images/design/raquo.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
}

/* Liste mit raquo */   
ul.raquo {
  line-height: 18px;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
ul.raquo li {
  margin-left: 20px;
  padding-left: 10px;
  background-image: url(http://www.pjsoft.de/images/design/raquo.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
}

/* Standardliste */   
ul.defaultlist {
  margin-left: 0px;
  padding-left: 0px;
  list-style: circle;
}
ul.defaultlist li {
  margin-left: 30px;
  margin-top: 5px;
}

ul.downloads {
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
}
ul.downloads li {
  margin-left: 5px;
  margin-top: 5px;
  clear: both;
}

/* Kasten fuer Navigationshile */
div.orientation {
  width: 100%;
  border: 1px solid #006599;
  text-indent: 5px;
  margin-bottom: -10px;
  padding: 3px 0px 3px 0px;
}

/* Liste fuer Artikel-Footer */
ul.article_footer {
  width: 100%;
  border-top: 1px solid #999999;
  margin-left: 0;
  margin-top: 30px;
  padding-left: 0;
}
ul.article_footer li {
  float: right;
  margin-left: 10px;
  line-height: 20px;
  list-style: none;
}

/* Druckansicht-Link */
.printer {
  padding-left: 15px;
  background-image: url(http://www.pjsoft.de/images/design/printer.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
  color: #666666;
}
/* nach-oben-Link */
.top {
  padding-left: 15px;
  background-image: url(http://www.pjsoft.de/images/design/top.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
  color: #666666;
}
/* mehr Informationen */
.more {
  padding-left: 12px;
  background-image: url(http://www.pjsoft.de/images/design/more.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
}

/* Mitteilungsdatum */
.news_date {
  color: #666666;
  font-size: 10px;
  float: right;
  font-weight: normal;
}

/* Uberschrift */
h1 {
  font-size: 12px;
  width: 100%;
  color: #006599;
  border-bottom: 1px solid #999999;
  margin-bottom: 10px;
  margin-top: 30px;
  clear: right;
  padding-bottom: 2px;
}
h2 {
  font-size: 11px;
  width: 100%;
  color: #666666;
  border-bottom: 1px dashed #999999;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-bottom: 2px;
}
h3 {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
}

img {
  border: 0;
}
/* Beispiel fuer Screenshot (in Beschreibung) */
img.screenshot_example {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}

/* Screenshot */
img.screenshot {
  margin-right: 10px;
}
.screenshot_distance {
  margin-bottom: 15px;
}

/* simulierte Tabelle 
   perfekt fuer Anzeige von Bildern in der linken Spalte mit Breite 200px */
.table_row {
  clear: both;
  padding: 2px 0px;
}
.table_left {
  float: left;
  width: 210px;
}
.table_right {
  float: left;
  width: 398px;
  text-align: left;
} 
.table_left_big {
  float: left;
  width: 300px;
}
.table_right_big {
  float: right;
} 

/* Icon */
img.icon {
  width: 16px;
  height: 16px;
}

/* Formulareinstellungen */
.row {
  clear: both;
  padding: 2px 0px;
}
.label {
  float: left;
  width: 200px;
  padding-top: 3px;
  font-weight: bold;
}
.field {
  float: left;
  text-align: left;
} 
.defwidth {
  width: 350px;
}
textarea {
}
.error {
  color: #FF0000;
}
/* Message-Box */
div.message {
  clear: both;
  border: 1px solid #FF0000;
  background: #FFFFCC;
  padding: 5px;
  margin-bottom: 10px;
}
div.message_success {
  border: 1px solid #006599;
}
.success_link {
  margin-top: 3px;
}
input.nl_box_input {
  margin: 2px 0px;
  width: 140px;
}
input {
  font-size: 11px;
  padding: 1px 0px;
}
textarea {
  font: 11px/15px verdana, arial, helvetica, geneva;
}
select {
  font: 11px/15px verdana, arial, helvetica, geneva;
}