/* Standart-Tags === Standart-Tags === Standart-Tags === Standart-Tags === Standart-Tags === */
* {
	margin: 0;
	padding: 0;
}

html, body, select{
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
    width: 100%;	
	color:#333;
/*	background-image: url(../images/hgweb.jpg);
	background-repeat: repeat-y;
	background-position: center center; */
}

div, table, td, th{
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
}


html {
	height: 100%;
}

img{
	border: 0;
	text-decoration: none;
}

p {
	margin-bottom: 1.0em;
}

a, div a, a img, .extra{
	text-decoration:  underline;
	color: #0253AF;
}

a:hover {
	color: #900;
	text-decoration: none;
}

#output > div {
	float:left;	
	display: table;
	padding: 2px 0 0 5px;
	border-bottom: solid 1px #dfdfdf;
}

div.markup {
	background-color: transparent;
	height: 23px;
	line-height: 100%;
	clear: both;
	
	/*cursor: pointer;*/
}

div.markup > div {
	float: left;
	text-align: left;
	padding: 2px 0 0 5px;
}

div.markup:hover {
	color: #fff;
	background-color: #666;
	text-decoration: none;
}


div.markup_del {
	background-color: red;
	height: 23px;
	line-height: 100%;
	clear: both;
}

div.markup_del > div {
	float: left;
	text-align: left;
	padding: 2px 0 0 5px;
}



a.aktiv{
	color: #8FBF21;

}

a.inaktiv{

}

.arial {
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	font-weight: bolder;
	margin-top: 1.0em;
	margin-bottom: 3px;
}

h1 {
	font-size: 110%;
}

/*

ul, ol {
  padding-left: 20px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
*/

table {
	empty-cells: show;
}
tr {
	vertical-align: top;
}

th, td {
	padding-left: 4px;
	padding-right: 2px;
}


div {
	line-height: 150%;
}



sub {
	line-height: 0;
	padding-bottom: 0;
	
}
	
.jh_rahmen 
{
	left: 0; /*50%;*/
	top: 0;
	/*margin-left: -600px;*/
	margin-left: 30px;
	/*max-width: 1300px;
	width: 1200px;*/
	max-width: 95%;
	width: 95%;
/*	height: 590px; */
	min-height: 590px;	
	position: absolute;
	float:left;
}

#inner_all {
	position: relative;
	top: 0;
	left: 0;
	
	/*
	background-image:url('../images/logo_change.jpg');
	*/
	background-repeat:no-repeat;
	background-position: top right;
	
	/*width: 1200px;*/
	width: 100%;
/*	height: 590px;  */
	min-height: 590px;
}

#jh_header {	
	height: 75px;
	width: 1200px;
/*	background-image:url('../images/change_logo.jpg');
	background-repeat:no-repeat;
	background-position: top right;
*/

}

#jh_navi_top_box {
	height: 22px;
	float:left;
	padding-top: 10px;
}

#change_logo {
	height: 72px;
	padding-top: 28px;
	text-align: right;
	float: right;
	width: 180px;
}

#content_all {
	min-height: 460px;
	margin-bottom: 10px;
}


/* BEREICH LINKS -----------------------------------*/
#content_left {
	float: left;
	height: 425px;
	min-height: 425px;

}

#content {
	padding: 0;
	min-height: 425px;
/*	background-color: #FFFF99;*/
	width: 1200px;
	float: left;
}

#content_start {
	padding: 0;
	min-height: 425px;
/*	background-color: #FFFF99;*/
	float: left;
}

#content_neukunde, #content_neukunde_anlegen{
	padding: 0 50px 0 0;
	width: 600px;
	min-height: 350px;
	margin-top: 30px;
	color: #0B7BD1;
	float: left;
}

/* BEREICH RECHTS -----------------------------------*/

#content_right {
	float: right;
	height: 425px;
	min-height: 425px;
	width: 400px;
/* 	background-color: #00FF00;*/
}

#content_right_profil {
	float: right;
	height: 425px;
	min-height: 425px;
	width: 380px;
	margin-left: 20px;

}

#content_right_start {
	float: right;
	height: 425px;
	min-height: 425px;
	width: 500px;
	/*background-color: #00FF00;*/
}

#content_right_neukunde, #content_right_neukunde_anlegen{
	float: right;
	height: 425px;
	min-height: 350px;
	margin-top: 10px;
	width: 550px;
	
/*	background-color: #00FF00;*/
}

/* ------------------------------------------------------- */



#kunde_neu{

	height: 100px;
	width: 600px;
}

#kunde_neu div {
	float: left;
	width: 50%;	
	margin-bottom: 20px;
}

#kunde_neu select{
	width: 100px;
	border: solid 1px #cbcbcb;
	height: 20px;
}

#kunde_neu option{
	padding-left: 3px;
}

#kunde_neu div.speicher_kunde{
	clear: both;
	width: 350px;
	margin-left: 60px;
	height: 31px;
	background-image:url('../images/pfeil_rechts.jpg');
	background-position: center left;
	background-repeat:no-repeat;
}


#kunde_neu div.button{
	background-color: #CAE3FF;
	width: 270px;
	margin-left: 70px;
	height: 31px;
	color: #0B7BD1;
}

#kunde_neu div.button input{
	color: #0B7BD1;
	border: 0;
	background-color: #CAE3FF;
	width: 100%;
	margin:0;
	padding-bottom: 3px;
	border: solid 1px #cbcbcb;
	font-size: 13px;
	text-align: center;
	height: 31px;
	color: #0B7BD1;
	cursor:  pointer;
}

#kunde_neu div.button input:hover{
	background-color: #2989FF;
	color: #ffffff;
}



#content_neukunde div.button a{
	color: #0B7BD1;
	display: block;
	width: 250px;
	padding-top: 2px;
	text-align: center;
	height: 20px;
/*	background-color:#990000;*/
}

.button a:hover{
	background-color: #CAE3FF;
}

.schrift1{
	text-align: right;
	font-family: 'Courier New', Times, 'Times New Roman', serif;
	font-size: 110%;
}

#content_neukunde_anlegen div.kundennummer{
	height: 107px;
	width: 125px;
	display:inline-table;
	padding-top: 10px;
	text-align: center;	
	border: solid 1px #cbcbcb;
	font-family: 'Courier New', Times, 'Times New Roman', serif;
	font-size: 66px;
	font-weight: normal;
	background-color: #E5F1FF;
}

#content_neukunde_anlegen table{
	width: 100%;
}

#content_neukunde_anlegen td{
	text-align: center;
}

#content_neukunde_anlegen td.button{
	height: 22px;
	background-color: #E5F1FF;
	border: solid 1px #cbcbcb;
}

#content_neukunde_anlegen td.button a{
	color: #0B7BD1;
	width: 100%;
	height: 20px;
	display: block;
}

#content_neukunde_anlegen td.oder{
	font-size:28px;
	font-weight: bold;
	vertical-align: middle;
}

#content_neukunde_anlegen img{
	padding: 10px 0 10px 0;
}


/* ------------------------------------------------------- */


.einzelkundenlisting div.alles{
	display: block;
	text-align: center;
	border-left: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	border-top: solid 1px #cbcbcb;
	color: #0B7BD1;
	padding-top: 2px;
	height: 25px;
	/*width: 466px;	*/
	font-size: 150%;	
}

.einzelkundenlisting div.letzter{
	border-bottom: solid 1px #cbcbcb;
}

.einzelkundenlisting div.eins{
	background-color: #E5F1FF;
}


.einzelkundenlisting div.zwei{
	background-color: #CAE3FF; 
}

.einzelkundenlisting div:hover, .einzelkundenlisting div:hover a.link1, .einzelkundenlisting div:hover a.link1:hover,  .einzelkundenlisting div:hover a.link2, .einzelkundenlisting div:hover a.link2:hover,  .einzelkundenlisting div:hover a.link3, .einzelkundenlisting div:hover a.link3:hover{
	background-color: #c1c1c1; 
	color: #fff;
}

.einzelkundenlisting span{
	float: left;
	height: 25px;
	text-align: center;
}

.einzelkundenlisting span a.link1{
	color: #00aa00;
	width: 100%;
	height: 100%;
	display: block;	
}

.einzelkundenlisting span a.link2{
	color: #bbbb00;
	width: 100%;
	height: 100%;
	display: block;	
}

.einzelkundenlisting span a.link3{
	color: #cc0000;
	width: 100%;
	height: 100%;
	display: block;	
}

.einzelkundenlisting span.erster{
	width: 40px; 
	border-right: solid 1px #cbcbcb;
}

.einzelkundenlisting span.zweiter{
	width: 140px; 
	border-right: solid 1px #cbcbcb;
}

.einzelkundenlisting span.dritter{
	width: 140px; 
}

.einzelkundenlisting span.vierter{
	width: 140px;
	border-left: solid 1px #cbcbcb;
}

.einzelkundenlisting span.vierter a.link1, .einzelkundenlisting span.vierter a.link2, .einzelkundenlisting span.vierter a.link3{
	display: inline;
}

.einzelkundenlisting span.vierter a.link1:hover, .einzelkundenlisting span.vierter a.link2:hover, .einzelkundenlisting span.vierter a.link3:hover{
	color: #ff0000;
}


#startueber div{
	font-size: 12px;
	float: left;
	color: #0B7BD1;
	height: 20px;
	text-align: center;
}

#startueber div.eins{
	width: 40px; 
}

#startueber div.zwei{
	width: 140px; 
}

#startueber div.drei{
	width: 140px; 
}

#startueber div.vier{
	width: 140px; 
}


/* >START ----------------------------------------------------*/

#start_hilfe {
/*	background-color: #CCCCCC;*/
	color: #0253AF;
	margin-top: 20px;
	float: right;
}

#start_hilfe div{
	border: solid 1px #cbcbcb;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
	width: 95%;
}

.hilfe_ueberschrift{

	height: 18px;
	margin-bottom: 10px;
	font-weight: bold;	
	background-color: #E5F1FF;	
}

.start_hilfe_text{
	width: 100%;
	padding: 0;
	background-color: #EEF6FF;
}


/* ----------------------------------------------------*/

#kundeninfos{
	height:115px;
}

#jh_header div.navidiv, #jh_header div.logoutdiv{
	float: left;
}

#jh_header div.logoutdiv{
	margin-left: 25px;
	margin-top: 50px;
}

/* ----------------------------------------------------*/

#prio_profile{
	height: 21px;
}

#prio_profile div{
	position: relative;
	height: 20px;
	float: left;
	line-height:12px;
	font-size: 10px;
	width: 116px;

/*	border-left: solid 1px #cbcbcb;	
	border-top: solid 1px #cbcbcb;	
	background-color: #CAE3FF;
	color: #0B7BD1;		*/
}

#prio_profile select{
	width: 115px;
	height: 18px;
	color: #0B7BD1;
	text-align: center;
	font-size: 11px;
	border: solid 1px #cbcbcb;	
} 

#prio_profile div.historie{
	float:left;
	margin-left: 1px;
	width: 114px;
	height: 16px;
	border: solid 1px #cbcbcb;	
	color: #0B7BD1;			
}

#prio_profile div.historie a{
	display: block;
	text-align: center;
	padding-top: 0;
	font-size: 11px;
	height: 14px;
	color: #0B7BD1;
	padding-top: 2px;
	background-color: #CAE3FF;
}

#prio_profile div.historie a:hover{
	color: #0B7BD1;
	background-color: #E5F1FF;
}

#kundennummer{
	font-size: 120%;
	height: 22px;
	color: #0B7BD1;
	background-color: #E5F1FF;
	border: solid 1px #cbcbcb;	
	width: 384px;
	padding-left: 11px;
	margin-bottom: 5px;
	width: 1185px;
}

#kundennummer div.kdnr{
	float: left;
}

#kdinfos{
	font-size: 11px;
	float: right;
	margin-right: 5px;
}

#kdinfos div{
	float: left;
	margin-right: 30px;
}

#kdinfos div.kd_passiv{
	margin-top: 0;
}

#kdinfos div select{
	height: 18px;
	color: #0B7BD1;
	text-align: center;
	width: 100px;
	font-size: 11px;
	border: solid 1px #cbcbcb;
	margin-top: 2px;
}


/* ----------------------------------------------------*/

#kundenkriterien div, #kundenkriterienlegende div, #mittelwertenavi div{
	float: left;		
}

#mittelwertenavi div{
	position: relative;
	height: 15px;
	line-height:12px;
	font-size: 10px;
	width: 115px;
	text-align: center;
	border-left: solid 1px #cbcbcb;	
	border-bottom: solid 1px #cbcbcb;	
	background-color: #CAE3FF;
	color: #0B7BD1;		
}

#mittelwertenavi{
/*	margin-bottom: 30px;*/
}


#mittelwertenavi div.leer{
	float:left;
	width: 115px;
	height: 15px;
	background-color: #ffffff;
	border-left: 0;
}


#kundenkriterien div, #kundenkriterienlegende div{
	height: 39px;
	line-height:12px;	
	width:114px;
}

#kundenkriterien a.letzter, #kundenkriterienlegende a.letzter{
	border-right: solid 1px #cbcbcb;	
}


#kundenkriterien a, #kundenkriterienlegende a{
	display: block;
	height: 40px;
	width: 115px; 
	float:left;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	border-top: solid 1px #cbcbcb;	
	border-left: solid 1px #cbcbcb;	
	border-bottom: solid 1px #cbcbcb;	
	background-color: #CAE3FF;
	color: #0B7BD1;	
}

#kundenkriterien a:hover, #kundenkriterienlegende a:hover,
#kundenkriterien a.activ, #kundenkriterienlegende a.activ,  #mittelwertenavi div.activ{
	background-color: #E5F1FF;
}

#mittelwertenavi div.bori{
	border-right: solid 1px #cbcbcb;
}

/* Rahmenangaben allgemein  bo = border z.B. le= left oder in Kombination bobole = border bottom left */

.boall{
	border: solid 1px #cbcbcb;
}

.boto{
	border-top: solid 1px #cbcbcb;
}

.bobo{
	border-bottom: solid 1px #cbcbcb;
}

.bole{
	border-left: solid 1px #cbcbcb;
}

.bori{
	border-right: solid 1px #cbcbcb;
}



/* Profilfarben ----------------------------------------------------*/

.farbenlegendenavi{
	position: absolute;
	top:1px;
	left:96px;
	z-index:100;
	width: 15px;
	height: 11px;
	border: solid 1px #cbcbcb;
}

.farbe_0{
	background-color: #ff0000;
}

.farbe_1{
	background-color: #FF8390;
}

.farbe_2{
	background-color: #FFC3C9;
}

.farbe_3{
	background-color: #FFE7EA;
}

.farbe_4{
	background-color: #FFFFFF;
}

.farbe_5{
	background-color: #FFFFFF;
}

.farbe_6{
	background-color: #DAF3E1;
}

.farbe_7{
	background-color: #BAE8C7;
}

.farbe_8{
	background-color: #8DD9A2;
}

.farbe_9{
	background-color: #58BE74;
}



/* PROFILKRITERIEN ----------------------------------------------------*/

#kundenprofilkriterien{
	float: left;
	/*background-color: #cbcbcb;*/
	margin: 15px 0 15px 0;
}

#kundenprofilkriterien table{
	table-layout: fixed;
}

#kundenprofilkriterien select{
	border: solid 1px #cbcbcb;
	background-color:#FFFFFF;
	width: 95px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #0B7BD1;
}

#kundenprofilkriterien td, #kundenprofilkriterien th{
	vertical-align: middle;
	color:#0B7BD1; 
	font-size: 11px;
	padding-left: 2px;
}

#kundenprofilkriterien a{
	/*display: block;
	height: 95%;*/
	color:#0B7BD1; 
	font-size: 11px;	
}

#kundenprofilkriterien a:hover{
	color: #999;
}

#kundenprofilkriterien tr.blau{
	background-color: #CAE3FF;
}

#kriterienspeichern{
	/*height: 64px;*/
	height: 128px;
	text-align: right;
	width: 100%;
}


#profil_mw_grafik{
	float: left;
	width: 370px;
	margin-top: 15px;
	/*background-color: #ff00ff;*/
	text-align: center;
}

#profil_legende{
	float: right;
	margin-top: 15px;
	width: 40px;
	/*background-color: #ff9900;*/
}

.profilhoehe{
	height: 50px;
}


#profil_mw_unten{
	width:99%;
	height:20px;
	border: solid 1px #cbcbcb;
	padding-top: 3px;
	margin-top: 10px;
}

.botole{
	border-top: solid 1px #cbcbcb;
	border-left: solid 1px #cbcbcb;
	height: 50px;
}

td.bori, th.bori {
	border-right: solid 1px #cbcbcb;
}

td.bobo, th.bobo {
	border-bottom: solid 1px #cbcbcb;
}

.kriteriumlegende{
	font-size: 9px;
	color: #888888;
}

.zeige{
	display: block;
	cursor: pointer;
	
	vertical-align: middle;
}

.zeige:hover{
	color: #999;
}
	
.zeige:hover .zeige_kriterium_hilfe{
	display: block;
	visibility: visible;
	color: #0253AF;
	width: 470px;

}

div.zeige_kriterium_hilfe{
	padding: 0;
	border:1px solid #0B7BD1;
	background-color: #ffffff;
	text-align:left;
	/*width:400px;*/
	/* min-height:1%; */
	display: none;
	visibility: hidden;
	/*margin-right:5px;*/
	font-family:verdana, sans-serif;
	font-size:8pt;
	line-height:10pt;
	position: absolute;
	top: 0px;
	left:40px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	opacity:0.95;
	-moz-opacity:0.95;
	overflow-y:auto;
	scrolling:no;
	z-index:10;
}

div.zeigestatic{
	padding: 0;
	border:1px solid #0B7BD1;
	background-color: #ffffff;
	text-align:left;
	width:470px;
	/* min-height:1%; */
	/*display: none;
	visibility: hidden;*/
	/*margin-right:5px;*/
	font-family:verdana, sans-serif;
	font-size:8pt;
	line-height:10pt;
	position: absolute;
	top: 0px;
	left:40px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	opacity:0.95;
	-moz-opacity:0.95;
	overflow-y:auto;
	scrolling:no;
	z-index:10;
}

div.sszeigestatic {
	/*width:80%;
	height:95%;
	text-align:left;
	padding-left:20px;*/
	position:absolute;
	z-index:10100;
	overflow:auto;
	/*background-color:#fc99fc;*/
}



/* ----------------------------------------------------*/

.scroll {
	overflow: auto;
	text-align: justify;
	height: 370px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#cdcdcd;
	scrollbar-base-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-shadow-color:#ccc;
	scrollbar-highlight-color:#ddd;
	scrollbar-track-color:#ffffff;
}

div.scroll ul li {
	list-style-type: disc;
	padding-left: 5px;
	padding-bottom: 5px;
	list-style-position: inside;
}

.noscroll {
	text-align: justify;
	height: 358px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 7px;
	padding-left: 11px;
}

.kein_blocksatz {
	height: 420px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 7px;
	padding-left: 11px;
}

.locpvmcontentimg {
	background-image: url(kunde.gif)
}

#footer
{
	margin-top: 20px;
	clear: both;
	height: 15px;
	color:#aaa;
	padding-top: 10px;
	border-top: solid 1px #cbcbcb;
}

#hartung_footer div
{
	font-size: 11px;
}

#hartung_footer div.untenmitte {
	width: 100px;
	padding-top: 58px;
	float:left; 
	text-align: center;
}

#hartung_footer a{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding-right: 10px;	
	color: #aaa;
	font-weight: 900;
	font-size: 11px;
}

#hartung_footer a:hover{
	color: #003399;
}

.design1 {
	margin-left: 220px;
	margin-right: 230px;
}

.design2 {
	margin-left: 220px;
	margin-right: 40px;
}

.design3 {
	margin-left: 220px;
	margin-right: 40px;
}

/* Spezielles Verhalten von Ebenen */


.float_links {
	float:left;
}

.float_rechts {
	float: right;
}

/* speziell für NEWS */
/* Liste links */

.hellgruen {
	color: #6C9B00;
}

.shownews {
	padding: 0 15px 0 0;
}

.shownews h3{
	font-size: 10px;
}

/* Einzelansicht */

#news_links{
	float: left;
	width: 400px; 
}

#news_rechts {
	float: right;
}

/* DIVERS ----------------------------------------*/

.fehler{
	color: red;
}

/* News-Liste*/
#news_liste{
	height: 265px;
}

#news_links, #news_rechts{
	height: 250px;
}

#news a {
	color: #666666;
}

#news a:hover {
	color: #679400; 
}

/* ENDE NEWS --------------------------------------------*/

/* GÄSTEBUCH --------------------------------------------*/

#gb_liste {
	min-height: 300px;
}

#gb_header {
	height: 20px;
	border-bottom: solid 1px #cdcdcd;
	margin-bottom: 10px;
}

/* GÄSTEBCUH ENDE --------------------------------------------*/

/* KONTAKT ----------------------------------------------*/

#kontakt_links{
	float: left;
	width: 310px;
}

#kontakt_rechts{
	float: right;
	width: 170px;
	height: 210px;
	border-left: dashed 1px #C6DD93;
	padding-left: 30px;
	padding-top: 80px;
}

/* Kontaktformular*/

#kontakt_links div{
	margin-bottom: 10px;
}

.form_left_eins{
	float: left;
}

.form_left_zwei, .form_drei_links {
	float:left;
	clear:both;
}

.form_left_eins, .form_left_zwei{
	width: 80px;
} 

.form_right, form_drei_rechts{
	float: right;
}

#kontakt_links input, #kontakt_links textarea{
	width: 220px;
}

#kontakt_links .form_right input, #kontakt_links .form_right textarea{
	border: solid 1px #cdcdcd;
	min-height: 22px;
	font-size: 11px;
	color: #666666;
}

#kontakt_links .form_drei_links input, #kontakt_links .form_drei_rechts input{
	width: 130px;
	margin-left: 10px;
	margin-right: 10px;
}


/* ENDE Kontakt -----------------------------------------*/

/* speziell für BAND */

#band_links {
	width: 500px;
	float:left;
	
}

#band_rechts {
	float: right;
}

#band_rechts img{
	border: solid 1px #cdcdcd;
}


/* ------------------------------------------------------------ 

----------------------------------------------------------- */

/* Diese Klasse ist für die Positionierung der Flashdateien innerhalb der rechten Box. Hintergrund:

Auf der alten Seite wurden für die 3 GFs je eine Flash-Datei über das Bild mit den 3GFs gelegt.

Jetzt kann, wenn erforderlich, für jede Location eine swf-Datei mit Namen "location_id".swf eingebunden werden. Ordner default/images/loc
*/

.loc_flash {
	position: absolute;
	top: 143px;
	left:622px;
	height: 434px;
	width: 315px;
	z-index: 20;
}

.amb_rot{
	color: #990000;
}







/* Container für alle Inhalte um sie zentriert anzuordnen */
#blockall {
	width: 100%;
}

a.button {
	display: none;
}


#blockmain {
	clear:both;
	width: 100%;
	border:none;
}

#blockhead, #blocknavi, #blockfoot { 
display: none; 
}

table.listTable { 
	table-layout:auto; 
}

table.listTable tr.eins{
	background-color: #E5F1FF;
}

table.listTable tr.zwei{
	background-color: #CAE3FF;
}

table.listTable tr.eins:hover, 
table.listTable tr.zwei:hover{
	background-color: #ececec;
	color: #ffffff;
}

table.listTable td{
	color: #0B7BD1;
	text-align: center;
	width: 115px;
	border-left: solid 1px #cbcbcb;
	border-bottom: solid 1px #cbcbcb;
}

table.listTable td table td{
	text-align: left;
}

/* NAVI -------------------------------------------------------------------*/

div.nav_knoten{
	float:left;
	padding:0;
	text-align: center;
	width: 98px;
	height: 20px;
	border-top: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	border-bottom: solid 1px #cbcbcb;
	background-color: #CAE3FF; 
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;	
}

div.nav_knoten div.letzter{
	border-right: solid 1px #cbcbcb;
}

div.nav_knoten a{
	display: block;
	padding-top: 2px;
	color: #0B7BD1;
	font-weight: normal;
}

div.nav_aktiv {
	float:left;
	background-color: #E5F1FF;
}

div.nav_lvl_1{
	font-size:12px;
}

div.nav_lvl_0 a:hover{
	text-decoration: none;
	background-color: #E5F1FF;	
}

div.nav_aktiv a{
/* 	font-weight:bold; */
}

td.m_center {
	padding: 2px;
	margin:0px;

	border-width:0px;
}

td.fehler {
	color:#cc3333;
	font-size:12px;
	font-weight: bold;
}
td.meldung {
	color:white;
	font-size:12px;
	font-weight: bold;
}

tr.font_klein td{
	font-size: 1pt;
	line-height: 1pt;
}


.blass{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity:0.3;
	-moz-opacity:0.3;
}

/* ----------------------------------------------*/

table.listPrint { 
	table-layout:auto; 
}

table.listPrint tr.header { 
	height: 20px; 
}

table.listPrint th, table.listPrint td{
	border-top: solid 1px #cbcbcb;
	border-left: solid 1px #cbcbcb;
}

table.listPrint .lastcol{
	border-right: solid 1px #cbcbcb;
}

table.listPrint .lastrow{
	border-bottom: solid 1px #cbcbcb;
}


table.listPrint td.center { 
	text-align: center;
}

table.listPrint th.eins{
	width: 30px;
}

table.listPrint th.zwei{
	width: 90px;
}

table.listPrint th.drei{
	width: 60px;
}

table.listPrint th.vier{
	width: 200px;
}

table.listPrint th.fuenf{
	width: 200px;
}

table.listPrint th.sechs{
	width: 80px;
}

div.pfeil {
	height: 10px;
	font-size:17px;
	font-weight: 0;
	padding-top: 5px;
	display: inline;
}

table.stellenliste{
	background-color: #dfdfdf;
}

tr.listeheader th {
	background-color: #CAE3FF;
	}
	
div.stellensuche {
	background-image: -moz-linear-gradient(99% 81% 127deg,#CAE3FF,#e5f1ff);
	width:100%;
	margin-top:20px;
	padding:10px;
	border-top: solid 1px #CAE3FF;
	border-bottom: solid 1px #CAE3FF
}

.shgweiss {
	background-color: #fff;	
}

.hggrau {
	background-color: #F1F7FF;
}

.hgblau {
	background-color: #e5f1ff;
}

.comments {
	background-color: #fff;
	border: solid 1px lightgrey;
	margin:2px;
	padding: 5px;
	-webkit-box-shadow: 2px 2px 5px #ababab;
    -moz-box-shadow: 2px 2px 5px #ababab;
	box-shadow: 2px 2px 5px #ababab;
	-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.sperrvermerk {
	background-color: #cc0000;
	color: #fff;
	border: solid 1px lightgrey;
	margin-top:30px;
	margin-bottom: 40px;
	padding: 5px;
	-webkit-box-shadow: 2px 2px 5px #ababab;
    -moz-box-shadow: 2px 2px 5px #ababab;
	box-shadow: 2px 2px 5px #ababab;
	-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;	
}


#output a:hover div{
	background-color: #ffff00;	
}