/*
 lr: ks vom 30-SEP-2009.
 lr: fh, 27-NOV-2009, Änderungen von ks eingearbeitet.
 lr: fh, 30-NOV-2009, Busy.
 lr: fh, 22-DEC-2009, div#upload cursor.
 lr: ks, 17-MAR-2010, Link-Liste mit Bildern (imglist), kleine  Anpassungen 
   temp. fix für table-sort mit der gleichen Klasse  z630
 lr: ks, 23-MAR-2010, Tabellenfilter / Quickfind quickfilter 
 lr: ks, 06-APR-2010, gefakter dropdown-Button in autocomplete-Inputs
 lr: ks, 20-MAY-2010, Breiten fuer Admin-Seite werweitert (1039 / 26), Filter-Klassen erweitert und umbenannt, td.thlike ergänzt

 
BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2009-09-10) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            1039 / 959 px
    * Number of columns:     26 / 24
    * Column width:          39 px
    * Margin width:          1 px
   ======================================

   By default, the grid is 959px wide, with 24 columns 
   spanning 39px, and a 1px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.1em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em; font-weight: bold;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
/* th, td, caption {padding:4px 10px 4px 5px;} */
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/*
button {border:1px solid #bbb;}
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, button:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:3px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
*/
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
/* A container should group all your columns. */
.container {
  width: 959px;
  margin: 0 auto;
}

/* Adminpage ist breiter */
#adminpage .container {
  width: 1039px;
  }
/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(../images/blueprint_grid_39+1x18.png); 
}

/* Body margin for a sensile default look. */
body {
  margin:1.5em 0;	
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22,div.span-23, div.span-24,div.span-25, div.span-26 {
  float: left;
  margin-right: 1px;
}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 39px;}
.span-2  { width: 79px;}
.span-3  { width: 119px;}
.span-4  { width: 159px;}
.span-5  { width: 199px;}
.span-6  { width: 239px;}
.span-7  { width: 279px;}
.span-8  { width: 319px;}
.span-9  { width: 359px;}
.span-10 { width: 399px;}
.span-11 { width: 439px;}
.span-12 { width: 479px;}
.span-13 { width: 519px;}
.span-14 { width: 559px;}
.span-15 { width: 599px;}
.span-16 { width: 639px;}
.span-17 { width: 679px;}
.span-18 { width: 719px;}
.span-19 { width: 759px;}
.span-20 { width: 799px;}
.span-21 { width: 839px;}
.span-22 { width: 879px;}
.span-23 { width: 919px;}
.span-24 { width: 959px; }
.span-25 { width: 999px; }
.span-26, div.span-26 { width: 1039px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px; }
.append-24 { padding-right: 960px; }
.append-25 { padding-right: 1000px; }


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px; }
.prepend-24 { padding-left: 960px; }
.prepend-25 { padding-left: 1000px; }



/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }
.pull-25 { margin-left: -1000px; }
.pull-26 { margin-left: -1040px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25 { float: left; position:relative; }


.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }
.push-25 { margin: 0 -1000px 1.5em 1000px; }
.push-26 { margin: 0 -1040px 1.5em 1040px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25 {float: right; position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix:after, .container:after {
	content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;
	}
.clearfix, .container {
	display:block;
	}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* Wald-Layout */

body{
	background-color: #EFFFF3;
	}

div.container{
	border: solid 1px gray;
	background-color: white;
}
/*  min-height - nur content, ohne head / footer */
#content {
  min-height:450px;
  height:auto !important;
  height:450px; 
}

/* max-height */
#main{
    max-height: 99%;
}

/* head */

#head{
	background: url(../images/wald-header6.jpg); 
	background-position:-1px -2px;
        background-repeat: no-repeat;
	height: 150px;
}


/* tabnav */

#tabnav{
padding: 0;
padding-top:17px;       /* 120px; */
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#tabnav ul{
font: bold 12px Arial;
margin:0;
margin-left: 190px; /*margin zwischen erstem menü und linker kante */
padding: 0;
list-style-type: none;
}

/* kleinere Tabs */
#tabnav ul.smalltab{
font: bold 11px Arial;
margin-left: 5px; /*margin zwischen erstem menü und linker kante */
}

#tabnav li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#tabnav a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin zwischen Tabs*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #7CAA6A; /*  Default menu color*/
border-bottom: 1px solid white;
}

#tabnav a:hover{
background-color: gray; /* hover bgcolor*/
}

#tabnav .selected a{ /* selected tab*/
background-color:#D25A0B ; /*  Brown   Text: #8F4000 besser  #AF4C0A */ 
border-color:#D25A0B; /*  Brown */ 
}

li.tabright{
	float:right;
}

#tabnavline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

/* #content{
	height: 99%;
	min-height:550px;
}
*/

h1{
	
}

h2{
	color:#5C8F47 ;
	font-weight: bold;
}

/* forms.css */
label {padding:1em;}
fieldset {padding:.5em;margin:1em 0 1em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}

/* input-Felder */

/* Knöpjes und Co */
input, button, div#upload{
	border: solid 1px gray;
	margin-right: 1em;
    background-color: #D4D0C8;
}

/*  upload - sieht aus wie ein Button*/
div#upload{
  display: inline;
  padding: 0.2em 1em;
  cursor:pointer;
  }



label.radiochecked{
	color: gray;
}
a.link:before{
	content:url(../images/arrow_right.png);
	vertical-align:bottom;
}


 textarea, select,  .textinput, .title, input[type=text], input[type=file],input[type=password]  {
  background-color:#fff;
  border: 1px solid #bbb;
  }

option{
  padding-left:3px;
  padding-right:2px;
}

/*	Bereiche: status - processing	details		*/

.status, .processing, .details, .data, .tablebox{
	margin-bottom: 0.25em;
	padding: 0.5em 0.5em 0.5em 1em;
}

.data{
	padding-top: 1.25em;
}
.status h2, .processing h2, .details h2{
	margin-left: -0.5em;
	margin-bottom: 0em;
}


/*	Bereiche remark, result */
.remark, .remarksuccess, .remarkerror,.remarkresult, .useraction, .afilter{
	margin-top: 0.5em;
	padding: 0.5em;
}
/* Überschriften der Bereiche */
.remark h3, .remarksuccess h3, .remarkerror h3, .remarkresult h3, .useraction h3, .afilter h3{
	color: black;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 1em;
	margin-top: 1em;

}
.remarkerror{
	border: solid 2px #D25A0B;
	background-color: #EAF6CC;
}

.remarkerror p{
	border-left: 3px solid #D25A0B;
	padding-left: 1em;
}

.remarkerror strong{
	color: #D25A0B;
}

.remarksuccess{
	border: solid 2px #5C8F47;
	background-color: #EAF6CC;
}

.remarksuccess p{
	border-left: 3px solid #5C8F47;
	padding-left: 1em;
}

.remarksuccess strong{
color: black;
}
.remark{
	border: solid 2px black;
	background-color: #EAF6CC;
}

.remark p{
	border-left: 3px solid #6699CC;
	padding-left: 1em;
}

.remark strong{
	color: #D25A0B;
}

.useraction{
	border: solid 1px black;
	background-color: #EAF6CC;
}

.remarkuseraction p{
	border-left: 3px solid #6699CC;
	padding-left: 1em;
}

.useraction fieldset{

	background-color: inherit;
}

/*ein Button-Feld unter einer Tabelle */
fieldset .userbutton{

}

/* eine Filter-Leiste am Seitenanfang, Abstand bei mehreren Zeilen  */
div .Xfilter{
	line-height:30px;
}

/* eine umfangreiche Filter-Leiste über einer Tabelle  */

.bfilter{
  	border: solid 1px #000000;
	background-color: #EFEFEF;
}


/*Zeilen der Filter */
.bfilter .filterrow{
  background-color:#D8D8D8;
  padding-left: 2em;
  margin-top:7px;
  margin-Bottom: 7px;
  padding: 3px;
}

.bfilter fieldset{
	margin: 0;
	padding: 0;
	margin-left: 0px;
}

.bfilter input, .bfilter select{
	margin-right: 1em;
}

.bfilter label{
padding-right: 0.5em;
font-weight: bold;
}


/* eine kleine positionierte Filter-Leiste bei einer Tabelle  */

.tfilter{
	width:580px;
	float: right;
	position: relative;
	top: 30px;
    background-color:#D8D8D8;
}

.tfilter fieldset{
	margin: 0;
	padding: 0;
	margin-left: 0px;
}

.tfilter input{
	margin-right: 0.1em;
	margin-left:1px;
}

.tfilter label{
padding-right: 0.3em;
}

.tfilter h3{
	display: inline;
	padding-top: 30px;
}

.tfilter button.filterme{
	margin-right: 0;
}


/*	Tabellen-Filter und Quickfind / picnet	*/
div.quickfilter #quickfind{
	border: solid 1px red; 
	float:none;
	position:static;
}

/*	Tabellen-Filter und Quickfind / datatable	*/
div#data_table_filter input{
	border: solid 1px red; 	
	margin-left: 1em;
}

/* autocomplete Input-Feld mit gefaktem dropdown */
input.ac_input{
    background-image: url(../images/up.gif); 
    background-position:95% 5px;
    background-repeat: no-repeat;
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	-background: white url('../images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


	
/* temp. fix für table-sort mit der gleichen Klasse */
td .filter{
	position:static;
}

 .user{
	margin-top: 1em;
	padding: 2em;
}
.user{
	background-color: inherit;
	border: solid 1px #7CAA6A;
}
.user p{
	border-left: 3px solid #7CAA6A;
	padding-left: 1em;
}



 p.premark{
	border-left: 3px solid #D25A0B;
	padding-left: 1em;
}
p.issue{
	font-weight: bold;
	border: none;
}

.remark a{
	text-decoration: none;
	font-weight: bold;
	color: black;
}

.remark a:hover{
	color: #D25A0B;
}





/*	Status-Zeile	*/
/* statusitem gleiche Breite wie processitem */
/* auch für Tabelle */
div.status{

}
th, td, caption {
  padding:4px 4px 4px 5px;
  }
.statusitem td{
	font-weight:bold;
	color: black;
	font-size: 14px;
}

div.statusitem, div.processingitem{
	width: 210px;
	float: left;
}

.status td, .processing td{
	text-align: center;
}
.statusitem span{
	margin-right:1em;	
}

.statusitem img{
	vertical-align:top;
}
span.statusok{
	color: #7CAA6A ;
}

span.statuswrong{
	color: #D25A0B;
}

span.statuspending{
	color: teal;
}

/* processing */
div.processingitem{

}

.processingitem .number{
	color:#7CAA6A;
	font-weight: bold;
	font-size: 2em;
	padding-right: 0.5em;
}


 .notavailable .number{
	color:#99CC99;
}

 .now .number{
	color:#D25A0B;
}



.notavailable input{
	color: gray;
	background-color:#DFDFDF;
}

.specialavailable input{
	color: black;
	background-color: #EAF6CC;
}

.nextstep input{
	color: black;
	font-weight: bold;

}

/*status-table Test*/

.statustable{
	border: solid 1px  #7CAA6A;
	border-spacing: 8px 2px;
    background-color:#FFFFFF ;
}

.statustable td{
	background-color:#EAF6CC ;
}

.statustable th h2{
	font-size: 1.2em;
	margin: 0;
	color: black;
}

.statustable2 th{

}

form{
   display:inline;
}


fieldset.borderno{
	border: none;
}

legend{
	font-size: 14px;
	color:#5C8F47;
}

/* login */
/* horizontalform - alles für horizontal gegliederte Forms */
label.w70{
	float: left;
	width:100px;
	font-weight: bold;
}

input.indent{
	margin-left: 80px;
}

.green{
	background-color:#E6EFD1;
}

.textred{
	color: #D25A0B;
}

.textgreen{
	color: #7CAA6A ;
}
.hideshow{
	display: none;
}


/* datatable */
/*TableColor*/
/*    #FDD6BD   #81C081*/

table.datatable {
	margin-top:10px;
	width: 99.9%;
	}
	
table.datatable, .datatable tr,.datatable td,.datatable th {
    border-style:solid;
    border-width:1px;
    border-color:#C6C3C6;
    border-collapse:collapse;
}
.datatable td,.datatable th {
	padding:5px 5px;
	text-align:right;
}

table.datatable th, table.datatable td.liketh{
  background-color: #B1D8B1;
  color: black;
}

.sideinfo caption{
	font-size: 1.1em;
}


/*  caption wie h2*/
caption{
	color:#5C8F47 ;
	font-weight: bold;
	font-size: 1.5em;
	background: none;
}


/*	Filter-Zeile, verlegt aus data_table.css, damit wald-ie greift	*/

 tr.inpfilter input{
	font-size: 12px;
	color:#D25A0B;
 }

 /* auto macht breite Tabelle? */
.inpfilter input{ 
	width: 99%;
	margin:0;
}
 
 
/* ein Filter neben der Überschrift */

dt{
	margin-top:1.5em;
}

span.goright{
	float:right;
}
span.goleft{
	float:left;
}


/*  Listen  */
ul.nostyle{
    list-style-type: none;
}

ul.nostyle li{
    margin-bottom: 5px;
}


dd{
    margin-bottom: 1em;
}

/* Bilder-Liste */
.imglist {
	margin-top: 2em;
}
.imglist li{
	width: 220px;
	margin-top: 2.5em;
	margin-bottom: 1em;
	position: relative;
	color: #5C8F47;
}

.imglist li a:link, .imglist li a:visited, .imglist li a:hover{
	font-weight: bold;
	color: black;
}

.imglist li a:hover{
	color:#D25A0B;
}

.imglist li img{
	border: none;
	position: absolute;
	right: -15px;
	top: -15px;
	vertical-align: top;
	margin-bottom: 1em;
}


/*  verschiedene Farben */
 li.mark1{
  color:#D25A0B;
}

 li.mark2{
  color:#5C8F47;
}

 li.mark3{
  color:black;
}

/*	Login-Form 	*/
.userlogin {
  margin-top: 8em;
	
}

.userlogin fieldset#login {
	margin:10px auto;
	width: 400px;
	background-color: #EAF6CC; 
	border: solid 1px #D25A0B;
	}
	
.userlogin legend{
	padding-left: 1em;
	padding-right: 1em;	
	font-size: 1.3em;
}
.userlogin div.row {
	margin:0 0 5px 0;
	float:left;
	width:100%;
	padding:6px 0;
	}
	
.userlogin input{
	width: 150px;
	}

.userlogin input#submit{
	margin-left:132px;
	width: auto;
}
	
.userlogin div.row label {
	float:left;
	display:block;
	width:120px;
	font-size: 1.2em;
	font-weight:bold;
	padding:0 6px;
	}
	
.userlogin div.row label:hover {
	background:#C7DF96;
	cursor:pointer;
	}


table.fine{
	font-size: 0.8em;
}

#foot{
    margin-top:1em; 
    text-align:center;
}

#foot .fineprint,p.fineprint {
  font-size: 0.8em;
  color:#669900;
}




.pagination{


}

.pagination span{
  border: solid 1px #bbb;
  margin-left: 5px;
  margin-right: 3px;
  padding: 3px;

}
.pagination span a:link{
  color:#808080    ;
  }

.pagination span:hover{
  color: #D25A0B ;
  border-color: #D25A0B ;
}

.pagination span a:hover{
    color: #D25A0B ;
  }

.pagination span.active a{
  color: #5C8F47;
  font-weight: bold;
}

/* CI Header */
.ci h1{
  color: teal;
  font-size: 1.3em;
  text-decoration: underline;
  font-weight: bold;
  margin-left: -15px;
  margin-top:3em;
  margin-bottom: 1.5em;
}


/* lind #EAF6CC hell #C7DF96 dkl #7CAA6A #5C8F47 rot #D25A0B  blau teal*/


/* -------------- */
.fmbusy {border: solid black 1px;background-color:#D6E2BA;} 
.fmabstand {height:50px;}