/* qxrunner_styles.css */

/*****************
basic layout 
*****************/

body {
  background-color: #EFE8EA;
}

/* link styles */
a,
a:link,
a:active,
a:visited {
  color: #0000FF;
}

a:hover {
   background-color: #99CCFF;
}

div#pagewrapper {
  border: 1px solid #000000;
  background-color: #F5F6F7;
  color: #333D44;
}

div#header {
   height: 76px; /* adjust according your image size */
   background:  #000000 url(./images/qxrunner_text.png) no-repeat 99% 14px;
   border-top: 2px solid #80C682;
   background-color: #9F0021;
}

div#header h1 a {
   background: #000000 url(./images/qxrunner.png) no-repeat 6px 6px;
   background-color: transparent
}

div.breadcrumbs {
   border-bottom: 1px dashed #943565;
}

#main {
    background-color: #F5F6F7;
}

div#footer {
  background:  #000000 url(./images/footer_logo.png) no-repeat 100% center;
  color: #808080;
  padding: 0.5em;
  border-bottom: 1px solid #FFCC00; 
}

div#footer p {
   padding: 0;
}

div#footer p a:hover {
   color: #0000FF;
}

div.hr {
   border-bottom: 1px solid #943565;
   margin-left: 0;
}

div.hrlight{
   border-bottom: 1px solid #CCCCCC;
}

/* relational links under content */
div.left49 {
  width: 80%;
}

div.right49 {
  width: 18%;
}

/********************
content styling
*********************/

div#content h2 {
  color: #333D44;   /* Same as content */ 
  padding-left: 0;
  border: none;
  border-bottom: 1px solid #943565;
}

code, pre {
  font-family: Courier, monospace, sans-serif, Arial, fixed;
  color: #000000;
}

pre {
  font-size: 95%;   /* smaller font size, as these are usually not so important data */
  margin: 0;
  margin-bottom: 1em;
  border: 1px solid #808080;
  background-color: #e8eef2;  /* From docgen */
}

/********************
horizontal menu
*********************/

div#menu_horiz {
   background-color: #B3DBEB;  /* background color for the entire menu row */
}

div#menu_horiz ul {
    border-left:  none;
}

div#menu_horiz a {
   background: transparent;
   background-image: none;
   color: #000000;
   font-weight: bold;
}

div#menu_horiz li.activeparent a {
  background-image: none;
  background-color: #943565;
  color: #FFCC00;
  font-weight: bold;
}

/* hover state for links */
div#menu_horiz li a:hover {
   background-color: #99CCFF;
}

div#menu_horiz a.activeparent:hover {
   background-color: #943565;
   color: #99CCFF;
}

div#menu_horiz h3 {
  background-image: none;
  background-color: #943565;
  color: #FFCC00;
}

/********************
vertical menu
*********************/

#menu_vert {
   margin-left: 0;
   padding-bottom: 1em;
}

div#menu_vert ul ul ul {
  background-color: #E7E7E9;
}

#menu_vert li {
  border-bottom: none;
}

/* Definitions for all links. Needed overrides depend on basic design. */
div#menu_vert a {
  background: transparent;
  background-image: none;
  color: #4C88C7;
  font-size: 100%;
  font-weight: bold;
/*   padding: 0.8em 0.5em 0.8em 1.5em;  */
}

div#menu_vert ul ul a {
  font-size: 100%;
  line-height: 100%;
  padding: 0.5em 0.5em 0.5em 2em;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
  padding: 0.3em 0.5em 0.3em 3.2em;
  background-image: none;
}

div#menu_vert ul ul ul ul a {
  padding: 0.3em 0.5em 0.3em 4.5em;
}

div#menu_vert ul ul li a.activeparent {
  background-image: none;
  background-color: #E7E7E9;
  color: #4C88C7;
}

/* hover state for all links */
div#menu_vert a:hover,
div#menu_vert a.activeparent:hover {
  background-color: #99CCFF;
  color: #4C88C7;
}

div#menu_vert ul ul h3 {
  background-image: none;
  background-color: #E7E7E9;
  color: #943565;
  font-size: 100%;
  line-height: 100%;
  padding: 0.5em 0.5em 0.5em 2em;
}

div#menu_vert ul ul ul h3 {
  background-image: none;
  padding: 0.3em 0.5em 0.3em 3.2em;
}

div#menu_vert ul ul ul ul h3 {
  padding: 0.3em 0.5em 0.3em 4.5em;
}

/* File listings */

table.filelist th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 0.5em;
}

table.filelist {
	border-collapse: collapse;
  border-bottom: 1px solid #E3E5E8;
}

table.filelist tr {
  border-top: 1px solid #E3E5E8;
}

/*************/
/*************/
/*************/
/*************/
/*************/
/*************/

div#menu_vert ul li,
div#menu_vert ul ul li,
div#menu_vert ul ul ul li,
div#menu_vert ul ul ul u li {
  line-height: 100%;
}

/********************
Some very specific formattings.
*********************/

/* Formatting for directory image and tables */

img.c1 {
    float: left;
}
td.c2 {
    background-color: #ffffff;
}
td.c3 {
    text-align: center;
}
p.cmd {
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0;
}



/********************
Formulare allgemein
*********************/

input {
    color:  #015831;
}

select {
    color:  #015831;
}

textarea {
    color:  #015831;
}

/********************
Kontaktformular
*********************/

.contactform fieldset {
  padding: 1em;
  background: transparent  url(../uploads/images/icons/mail.png) no-repeat  98% 3%;
  border: 1px solid #B0B0B0;
  margin-bottom: 1em;
}

.contactform fieldset legend {
    font-weight: bold;
}

.contactform fieldset div {
    width: 99%;
    padding: 0.25em 0 0.25em 0;
    float: left;    /* Für IE */
}

.contactform fieldset label {
    display: block;
    float: left;
    width: 6.5em;
    height: 1.2em;
    line-height: 1.2em;     /* Damit IE unten nix wegschneidet */
    margin-top: 0.4em;
}

.contactform fieldset input {
    width: 20em;
}

.contactform fieldset select {
    width: 20em;
}

.contactform fieldset textarea {
    float: left;
    width: 100%;
    margin-top: 0.2em;
    height: 10em;
}

/* special: empty sidebar i.e. no sub menu entries */

div#emptysidebar {
  position: relative;
  top: 0;
  left: 3em;
  width: 100px;
  height: 50px;
  background: transparent url(../uploads/images/vogel.gif) no-repeat;
}

/********************
CSS styles for page editor
*********************/

/* Tables */

table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

table td {
  vertical-align: top;
  border: none;
  padding: 3px;
  line-height: 1.4em;  /* Same as for <P> */
}

table.TableBordered thead {
  border: 1px solid #808080;
  background-color: #CCCCCC;
}

table.TableBordered td {
  border: 1px solid #808080;
}

table.TableBordered a {
  text-decoration: none;
}

/* Special headers */

div#content h2.SpecialHeading {
  font-size: 1.4em; 
  border-bottom: 1px dotted #e7ab0b; 
}

/* Various styles */

.UiCommand {
  font-weight: bold;
  font-style: italic;
}

.UiElement {
  font-weight: bold;
}

.NoWrap {
  	white-space: nowrap;
}

.Highlighted {
  font-weight: bold;
  color: #FF9933;
}

/* Icons */

p.Info {
  background: transparent url(../uploads/images/icons/info_small.png) no-repeat;
  padding-left: 2em;  
}

p.Warning {
  background: transparent url(../uploads/images/icons/warning_small.png) no-repeat;
  padding-left: 2em;  
}

/* Images */

img.ImageRight {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

img.ImageRightBordered {

}

img.ImageLeft {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

img.ImageLeftBordered {

}