select, textarea, option, p, td, body {
	font-family:verdana, arial, helvetica; 
	font-size:10px;	
}


.default
{
	font-family:verdana, arial, helvetica;
	font-size:10px;
}

input.twoDigit{
	width: 20px;
	font-size:10px;
}

input.fourDigit{
	width: 33px;
	font-size:10px;
}

/* begin styles for popup forms */

td.label {
	padding: 5 10 5 34;
	vertical-align: top;
}
td.field {
	padding: 5 0 5 0;
	vertical-align: top;
	font-size:10px;
}
td.note {
	padding: 5 34 5 10;
	vertical-align: top;
}

.widthInput {
	width: 332px;
}
.widthTextarea {
	width: 332px;
}

table.widthButtonTable {
	width: 436px;
}

/* end styles for popup forms */

/*Hellblaues Bild der Titelleiste*/
.bgImage1 {
	background-image: url("img_titelbar.gif");
	background-repeat: no-repeat;
}

/*Weisser Hintergrund*/
.bg1 {
  background-color: #FFFFFF;
}

/*Dunkelblauer Hintergrund - Navigation links*/
.bg2 {
  background-color: #3D4569;
}

/*Mittelblauer Hintergrund - horizontale Navigation*/
.bg3 {
  background-color: #959AC1;
}

/*Hellblauer Hintergrund*/
.bg4 {
  background-color: #EEEFF5;
}

/*Quadrate oben links und rechts - Hintergrund*/
.bg5 {
  background-color: #B7BCD6;
}

/*Quadrat unten links  - Hintergrund*/
.bg6 {
  background-color: #8D92AB;
}

/*Quadrat unten rechts  - Hintergrund*/
.bg7 {
  background-color: #EEEFF5;
}

/*Rot - Hintergrund*/
.bg8 {
  background-color: #D5022B;
}

/*Graue Linien  - Hintergrund*/
.bg9 {
  background-color: #B7B7B7;
}



.boxBg {
	background-color: #e9e9e9;
	border-left : 1px solid #bfbfbf;
	border-top : 1px solid #bfbfbf;
	border-right : 1px solid #bfbfbf;
	padding: 3px 3px 3px 3px
}

.box {
	border-left : 1px solid #bfbfbf;
	border-bottom : 1px solid #bfbfbf;
	border-top : 1px solid #bfbfbf;
	border-right : 1px solid #bfbfbf;
	padding: 3px 3px 3px 3px
}

.box2 {
	border-left : 1px solid #bfbfbf;
	border-bottom : 1px solid #bfbfbf;
	border-right : 1px solid #bfbfbf;
	padding: 3px 3px 3px 3px
}

.boxLeft {
	border-left : 1px solid #bfbfbf;
	border-bottom : 1px solid #bfbfbf;
	border-top : 1px solid #bfbfbf;
	padding: 3px 3px 3px 3px
}

.boxMiddle {
	border-bottom : 1px solid #bfbfbf;
	border-top : 1px solid #bfbfbf;
	padding: 3px 3px 3px 3px
}

.boxRight {
	border-bottom : 1px solid #bfbfbf;
	border-top : 1px solid #bfbfbf;
	border-right : 1px solid #bfbfbf;
	padding: 3px 3px 3px 3px
}

.td-border-left {
	font-size: 11px;
	color: #444444;
	border-bottom : 1px solid #bfbfbf;
	border-top : 1px solid #bfbfbf;
	border-left : 1px solid #bfbfbf;
	padding: 2px 4px 2px 4px
}

.td-border-right {
	font-size: 11px;
	color: #444444;
	border-bottom : 1px solid #bfbfbf;
	border-top : 1px solid #bfbfbf;
	border-right : 1px solid #bfbfbf;
	padding: 2px 4px 2px 4px
}

.td-border-middle {
	font-size: 11px;
	color: #444444;
	border-bottom : 1px solid #bfbfbf;
	border-top : 1px solid #bfbfbf;
	padding: 2px 4px 2px 4px
}
/*NEWS*/
.newstitel
{
color : #3D4569;
 font-size : 11px;
 text-decoration: none;
 font-weight: bold;
}

	
/*gepunktete Linien*/
.linie	{
	background-image: url("linie_3_1_blau.gif");
	background-repeat: repeat;
}

/*TITEL*/

/*Website Ueberschrift*/
.ttl-website {
 color : #3D4569;
 font-size : 21px;
 text-decoration: none;
}

/*Seiten&#252;berschrift*/
.ttl-seite {
 color : #3D4569;
 font-size : 17px;
 text-decoration: none;
 font-weight: bold;
 margin-top : 6px;
 margin-bottom : 10px;
}

/*News&#252;berschrift*/
.ttl-newsbar{
 color : #3D4569;
 font-size : 14px;
 text-decoration: none;
 font-weight: bold;
}

/*kleiner Titel*/
.ttl-klein{
 color : #3D4569;
 font-size : 11px;
 text-decoration: none;
 font-weight: bold;
}
.ttl-weiss {
	color:#ffffff;
	font-size:11px;						
	text-decoration: none;
	font-weight: bold;
}

/*TEXT 11px*/

.txt-schwarz {
	color:#000000;
	font-size:11px;						
	text-decoration: none;
}

.txt-dunkelblau {
	color:#3D4569;
	font-size:11px;						
	text-decoration: none;
}

.txt-rot {
	color:#d5022b;
	font-size:11px;						
	text-decoration: none;
}

.txt-rot-fett {
	color:#d5022b;
	font-size:11px;						
	text-decoration: none;
	font-weight: bold;
}

.txt-gruen {
	color:green;
	font-size:11px;						
	text-decoration: none;
}

.txt-weiss {
	color:#ffffff;
	font-size:11px;						
	text-decoration: none;
}

.txt-grau {
	color:#777777;
	font-size:11px;						
	text-decoration: none;
}

/*TEXT 10px*/

.txt-small-schwarz {
	color:#000000;
	font-size:10px;						
	text-decoration: none;
}

.txt-small-dunkelblau {
	color:#3D4569;
	font-size:10px;						
	text-decoration: none;
}

.txt-small-rot {
	color:#d5022b;
	font-size:10px;						
	text-decoration: none;
}

.txt-small-weiss {
	color:#ffffff;
	font-size:10px;						
	text-decoration: none;
}

/*Horizontale Navigation*/

.horizontal {
	color:#ffffff;
	font-size:10px;						
	text-decoration: none;
	font-weight: normal;
}
a.horizontal:link {
	color:#ffffff;
	font-size:10px;						
	text-decoration: none;
	font-weight: normal;
}

a.horizontal:visited {
	color:#ffffff;
	font-size:10px;						
	text-decoration: none;
	font-weight: normal;
}

a.horizontal:hover {
	color:#3d4569;
	font-size:10px;						
	text-decoration: none;
	font-weight: normal;
}

.horizontal {
	color:#ffffff;
	font-size:10px;						
	text-decoration: none;
	font-weight: bold;
}

/*Vertikale Navigation Hauptpunkte*/
div.v-nav-normal {
	font-size:11px;						
	text-decoration: none;
	font-weight: normal;
	margin-top : 20px;
}

a.v-nav-normal:link {
	color:#ffffff;
	font-size:11px;						
	text-decoration: none;
	font-weight: normal;
}
a.v-nav-normal:visited {
	color:#ffffff;
	font-size:11px;						
	text-decoration: none;
	font-weight: normal;
}

a.v-nav-normal:hover {
	color:#cdd1e2;
	font-size:11px;						
	text-decoration: none;
	font-weight: normal;}

div.v-nav-self {
	color:#ffffff;
	font-size:11px;						
	text-decoration: none;
	font-weight: bold;
	margin-top : 20px;
}

a.v-nav-self:link {
	color:#ffffff;
	font-size:11px;						
	text-decoration: none;
	font-weight: bold;
}
a.v-nav-self:visited {
	color:#ffffff;
	font-size:11px;						
	text-decoration: none;
	font-weight: bold;
}

a.v-nav-self:hover {
	color:#cdd1e2;
	font-size:11px;						
	text-decoration: none;
	font-weight: bold;
}

/*Vertikale Navigation Subpunkte*/
div.v-nav-sub-normal {
	color:#cdd1e2;
	font-size:10px;
	text-decoration: none;
	font-weight: normal;
	margin-left : 10px;
	margin-top : 8px;
}

a.v-nav-sub-normal:link {
	color:#cdd1e2;
	font-size:10px;
	text-decoration: none;
	font-weight: normal;
}
a.v-nav-sub-normal:visited {
	color:#cdd1e2;
	font-size:10px;
	text-decoration: none;
	font-weight: normal;
}

a.v-nav-sub-normal:hover {
	color:#ffffff;
	font-size:10px;
	text-decoration: none;
	font-weight: normal;
}

div.v-nav-sub-self {
	color:#cdd1e2;
	font-size:10px;
	text-decoration: none;
	font-weight: bold;
	margin-left : 10px;
	margin-top : 8px;
}

a.v-nav-sub-self:link {
	color:#cdd1e2;
	font-size:10px;
	text-decoration: none;
	font-weight: bold;
}
a.v-nav-sub-self:visited {
	color:#cdd1e2;
	font-size:10px;
	text-decoration: none;
	font-weight: bold;
}

a.v-nav-sub-self:hover {
	color:#ffffff;
	font-size:10px;
	text-decoration: none;
	font-weight: bold;
}

/*Link Blau standard*/

a:link {
	font-family: verdana, arial, sans-serif;
	font-size:11px;						
	color:#3d4569;
	text-decoration: underline; }
	
a:visited {
	font-family: verdana, arial, sans-serif;
	font-size:11px;						
	color:#3d4569;
	text-decoration: underline; }

a:hover {
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	color:#959ac1;
	text-decoration: underline; }

/*Link rot*/

a.rot:link { 
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	font-weight:normal;						
	color:#d5022b;
	text-decoration: underline;
}

a.rot:visited {
	font-family: verdana, arial, sans-serif; 
	font-size:11px;
	font-weight:normal;						
	color:#d5022b;
	text-decoration: underline;
}

a.rot:hover {
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#959ac1;
	text-decoration: underline;
}
	
a.blau:link { 
	font-family: verdana, arial, sans-serif;	
	font-size:11px;						
	color:#3d4569;
	text-decoration: underline;
}
/* pbue: added closing bracket above */

a.blau:visited { 
	font-family: verdana, arial, sans-serif;
	font-size:11px;						
	color:#3d4569;
	text-decoration: underline;
}
a.blau:hover {
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	color:#959ac1;
	text-decoration: underline;
}

a.blau-fett:link { 
	font-family: verdana, arial, sans-serif;
	font-size:11px;						
	color:#3d4569;
	text-decoration: underline;
	font-weight: bold;
}


a.blau-fett:visited { 
	font-family: verdana, arial, sans-serif;
	font-size:11px;						
	color:#3d4569;
	text-decoration: underline;
	font-weight: bold;
}
a.blau-fett:hover {
	font-size:11px;
	color:#959ac1;
	text-decoration: underline;
	font-weight: bold;
}


a.news:link { 
	font-family: verdana, arial, sans-serif;
	font-size:10px;						
	color:#3d4569;
	text-decoration: underline;
}

a.news:visited { 
	font-family: verdana, arial, sans-serif;
	font-size:10px;						
	color:#3d4569;
	text-decoration: underline;
}
a.news:hover {
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	color:#959ac1;
	text-decoration: underline;
}



div.state-active {
	width:100%;
}

div.state-inactive {
	/* IE5.5+ Syntax: filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30,Style=0); */
	width:100%;
	background:white;
	filter:Alpha(Opacity=30,Style=0);
	background-image:url(state-inactive.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.state-rejected {
	width:100%;
	border-style:solid;
	border-color:#FFD34A;
	border-width:2px;
	padding:2px;
	background-image:url(state-rejected.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.state-at_work {
	width:100%;
	border-style:solid;
	border-color:red;
	border-width:2px;
	padding:2px;
	background-image:url(state-at_work.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.state-to_approve {
	width:100%;
	border-style:solid;
	border-color:#006563;
	border-width:2px;
	padding:2px;
	background-image:url(state-to_approve.gif);
	background-repeat:no-repeat;
	background-position:bottom right;		
}


div.state-cancelled {
	width:100%;
	border-style:solid;
	border-color:red;
	border-width:0px;
	padding:0px;
	background-image:url(state-cancelled.gif);
	background-repeat:no-repeat;
	background-position:bottom right;		
}

div.state-closed {
	width:100%;
	border-style:solid;
	border-color:#444444;
	border-width:0px;
	padding:0px;
	background-image:url(state-closed.gif);
	background-repeat:no-repeat;
	background-position:bottom right;		
}

div.state-oldVersion {
	width:100%;
	border-style:solid;
	border-color:red;
	border-width:1px;
	padding:1px;
	filter:Alpha(Opacity=50,Style=0);
	background-image:url(state-closed.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	}
/*Listen*/
ul {
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url("reddot.gif");
	padding:0px 0px 0px 17px; 
	margin:0px 0px 0px 0px; 
}

/* knowledge tables */
div.hauptBereich
{
	font-size: 10px;
	border: 1px solid black;
	background-color: #aaaaaa;
	font-weight: bold;
}

div.unterBereich
{
	font-size: 10px;
	border: 1px solid black;
}

div.bemerkungen
{
	font-size: 10px;
	border: 1px solid black;
	background-color: #B7BCD6;
	width: 360px;
	float: left;
	padding-top: 5px;
	padding-left: 3px;
	padding-bottom: 5px;
}

div.frage
{
	font-size: 10px;
	border: 1px solid black;
	background-color: 66CC33;
	width: 360px;
	float: left;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.bereichsLabel
{
	width: 300px;
	float: left;
	padding-left: 3px;
}

div.scores
{
	width: 20px;
	float: left;
	text-align: center;
}

.clear 
{
	clear: both;
}

/* Formular */

.formTable
{
	vertical-align: text-top;
}

