/* Variables
*  #3c5a0f, black background for #bgHeader and #footer (Primary Color)
*  #000000; blue  background for #bgHeader and #footer (Secondary Color, overwrite in application.css)

*  #0069b4, blue  background for buttons
*  #82be1e, green background for flowNavi, buttons:hover and a:hover border-bottom
*  #1f407a, blue  for h1, h2, h3

----------------------------------------------------------------------------------------------------*/
@media print{
  header div#logo_corp,
  header div#logo
 {
    display: none;
  }

}




body #logo_corpprint {
	position: relative;
	display: none;
}

td a.button,
td input[type="button"], 
td input[type="reset"], 
td input[type="submit"], 
td .submit {
	margin-top: 4px;
	margin-bottom: 2px;
}


/* ToolTip */
.tooltip { cursor:help; text-decoration: none;}
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active { color: #AEC2C8; text-decoration: none; position: relative; }
a.tooltip:hover { background: transparent; z-index: 100; text-decoration: none;}
a.tooltip span { display: none; text-decoration: none; }
a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 230px;
	z-index: 100;
	color: #000;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	white-space: normal;
	padding: 2px 10px;
	background-color: #FFFFFF;
	background-image:none;
	text-align: left;
	border-color: #0069B4;
	border-style: solid;
	border-width: 1px 4px; 
}


a.linkPDF
 {
	padding-left: 20px;
	background: url('../img/icon_pdf.gif') no-repeat left center;
}

a.pictnav,
a.pictnav:link{
	font-size: 18px;
}
a.pictnav:visited{
font-style: oblique;
}
a.pictnav:active{
	font-size: 20px;

}a.pictnav:hover{
	font-size: 20px;
}


#bgHeader {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 170px;
	background: #000000; /* -- Main Color -- */
}

/* Header modification when a MainNavi is added  */
.withMainNavi #bgHeader {
	height: 170px;
}
.withMainNavi #header {
	height: 170px;
}
.withStatusBar #headerLogo {
	position: relative;
	top: 41px;
}




#mainNavi {
	position: absolute;
	bottom: 0;
	line-height: 0;
	z-index: 100;
	height: 25px;
	width: 100%;
	border: none;
}

#mainNavi ul li.first a {
	border: none;
}

#contentContainer {
	position: relative;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 10px;
	margin-top: 10;
	margin-bottom: 10px;
}


div.error{
	background-color: #FFF6F6;
}

 div.flybox {

 border: 0px solid #bbb;
/* border-color: #ff0000;*/
 }
 


table {
	/* border-top: 1px solid #ccc; */
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}

tr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	color: #333;
	/* border-bottom: 1px solid #ccc; */
	border:none;

}
td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	color: #333;
	/* border-bottom: 1px solid #ccc; */
	border:none;
	height:10px;
}


td:first-child {
	padding-left: 0;
	width: auto;
	font-weight: bold;
	color: #666;	
}

table.tabframetable {
	/*  width: 850px;     Grösser kann auf jeder Seite mit dem Main-Div geseetzt werde 850*/
	border-collapse:collapse;
	margin: 0 0 0 0;
}

td.tabframetd {
	/* width: 500px;       */
	border-top: 1px solid  #666666;
	border-left: 1px solid  #666666;
	border-right: 1px solid  #666666;
	border-bottom: 1px solid  #666666;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	margin: 0 0 0 0;
/*	background: #F8F8FB; */
	border: 0px;
	vertical-align: top;
}





table.datatable{
	border-collapse:collapse;
	border-style: none;
	font-size:8pt;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
}


table.datatable  tr {
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	line-height:16pt;
}

table.datatable  td{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;

}

table.datatable  tr.spacerrow {
	line-height:5pt;
}

table.datatable  tr.inputrow td{
	line-height:20pt;
	vertical-align:middle;
}



td.fieldlabel{
	/* font-size:8pt; */
	/* color: #43536D;*/
	/*font-weight:bold;*/
	padding:0 0 0 0;
	margin-top: 0px;
	margin-bottom: -3px;
	height:auto;
	font-weight:bold;
	font-size:9pt;
	vertical-align:middle;
}
td.longo60{
width: 60px;
}
td.longo80{
width: 80px;
}
td.longo100{
width: 100px;
}
td.longo120{
width: 120px;
}
td.longo160{
width: 160px;
}
td.longo180{
width: 180px;
}
td.longo200{
width: 200px;
}

td.fieldlabeltop{
	/* font-size:8pt; */
	/* color: #43536D;*/
	/*font-weight:bold;*/
	padding:0 0 0 0;
	margin-top: 0px;
	margin-bottom: -3px;
	height:auto;
	font-weight:bold;
	font-size:9pt;
	vertical-align:top;
}

table.datatable  tr.datatitle {
	line-height:20pt;
}


table.datatable tr.datatitle td{
	color: #1f407a;
	font-size:14pt;
	font-weight:bold;
	padding-bottom:10px;
}

table.datatable tr.pagetitle td
{
	color: #1f407a;
	font-size:18pt;
	font-weight:bold;
	padding-bottom:10px;
}



table.datatable  td.labledcheckbox{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	font-size:9pt;
}




table.datatable tr.dataheading td{
	font-weight:bold;
	vertical-align:top;
}
	


table.datatable tr.datarow td{
	border-bottom: 1px dotted #666666;
	background: #ddd;  /*  color x */
	vertical-align: middle;
}

table.datatable tr.datarow  td.noformatwhite{
	background: #FFF;
	border-bottom: 0px ;
}

table.datatable tr.datarow  td.noformattransparent{
	
	border-bottom: 0px ;
}

td.headercell{
	padding-left:2px;
	padding-right:2px;
	vertical-align:top;
}


td.datacell{
	text-decoration: none;
	font-weight:normal;
	font-size:9pt;
	background: #FFFFFF;  /*  color x */
	border: 0px solid #666666;
	padding:0 0 0 0;
	margin-top: -1px;
	margin-bottom: -3px;
	height:auto;
	vertical-align:top;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}



td.datatitle {
	/* font-size:16pt; */
	color: #1f407a;
	font-size:12pt;
	font-weight:bold;
	vertical-align:top;
	margin: 0 0 0 ;
}

td.LabledCheckbox {
	padding: 0px 0px 0px 0px;
	font-size:9pt;
}


table.listing tr td{
	margin: 0px 0px 0px 0px;
	padding-right: 5px;  /*  rechter Zellinnenabstand in Listings*/
	font-size:8pt;
	width: auto;
	text-align:none;
	line-height: 20px;
	vertical-align:middle;

}




th.putcenter, td.putcenter{
	text-align: center;
	padding-left:5px;
	padding-right:5px;	
}


th.putright, td.putright{
	text-align: right;
	padding-right:5px;
}


th.putleft, td.putleft{
	text-align: left;
	padding-left:5px;
}




td.textcolor_1{
	color: #888;
}

td.explication{
	border: 0px ;
	padding-left:2px;
	font-size:8pt;
	color: #888;
}

td.flycell{

	padding-left:2px;
	padding-right:2px;
	vertical-align:top;
	background: #F8F8FB; 
	border: 1px solid #666;
}




button.fakelink{
	background: transparent;
	border:none;
	font-family: arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	padding: 0px 5px 0px 5px;
}
button.fakelink:hover{
	background: #82be1e; /*green*/
	color:#FFFFFF;  /*white*/
	cursor:pointer;
}


button.SelectAllImg{
	width: 20px;
	background: transparent url('../img/cbmarker.png') no-repeat center left;
	border:none;
	font-family: arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding-left: 5;
}
button.SelectAllImg:hover{
	background: #82be1e url('../img/cbmarker.png') no-repeat center left;
	color:#7B9CA5;
	cursor:pointer;
}


span.fieldlabel{
color: #43536D;
}


 
input[type="text"], 
input[type="password"], 
iinput[name="Passwort"],
select, 
textarea {
	width: 250px;
	font: 10pt  arial, sans-serif;
	vertical-align:middle;
}


input[type="text"].longo40,
select.longo40 {
width: 40px;
	vertical-align:middle;
}

input[type="text"].longo80,
select.longo80 {
width: 80px;
	vertical-align:middle;
}

input[type="text"].longo120,
select.longo120 {
width: 120px;
	vertical-align:middle;
}
input[type="text"].longo140,
select.longo140 {
width: 120px;
	vertical-align:middle;
}
input[type="text"].longo160,
select.longo160 {
width: 160px;
	vertical-align:middle;
}

input[type="text"].longo210,
input[type="password"].longo210,
select.longo210 {
width: 210px;
	vertical-align:middle;
}

textarea.fullwidht {
	width: 950px;
	font: 10pt  arial, sans-serif;
	vertical-align:middle;
}


select.threeline{
height: 80px;
size: 3
}

select.offersorter
{
	height: 20px;
	line-height: 1;
	padding: 1px 20px 1px 1px;
	margin: 1px 0px 1px 0px;
	width: auto;
	font: 8pt  arial, sans-serif;
}

input.right{
	text-align:right; 
	font-size:10pt;
	margin-right:0px;
	vertical-align:middle;
}


input.datainput{
	font-size:10pt;
		vertical-align:middle;
}


select.datainput{
	font-size:10pt;
		vertical-align:middle;
}

text.datainput{
	font: 10pt  arial, sans-serif;
		vertical-align:middle;
}

textarea.datainput{
	font: 10pt  arial, sans-serif;
		vertical-align:middle;
}

input.myreset{
	background: #0069B4 url('../images/icon-close.png') no-repeat center right; 
	
}
input.myreset:hover,
input.myreset:active{ 
	background-image: url('../images/icon-close.png');
	background-color: black;
	color: white;
	
}



input.myclose {
	background: #0069B4 url('../images/icon-close.png') no-repeat center right;
} 
input.myclose:hover,
input.myclose:active {
	background-image: url('../images/icon-close.png');
	background-color: black;
	color: white;
}


input.cancel {
	background: #0069B4 url('../images/icon-close.png') no-repeat center right;
}
input.cancel:hover, 
input.cancel:active {
	background: black url('../images/icon-close.png') no-repeat center right;
	color: white;
}


input.myback {
	background: #0069B4 url('../images/arrow-back.png') no-repeat center left;
	padding: 5px 12px 5px 35px;
}
input.myback:hover, 
input.myback:active  {
	background-image: url('../images/arrow-back-hover.png');
	background-position: center left;
	padding: 5px 12px 5px 35px;
}


input.stornooffer {
	background: #0069B4 url('../images/icon-close.png') no-repeat center right;
}
input.stornooffer:hover , input.stornooffer:active{
	background: #FF0000 url('../images/icon-close.png') no-repeat center right;
}
  

input.deleteoffer {
	background: #0069B4 url('../images/icon-close.png') no-repeat center right;
}
input.deleteoffer:hover,input.deleteoffer:active {
	background: #FF0000 url('../images/icon-close.png') no-repeat center right;
}


input.deleteabo {
	background: #0069B4 url('../images/icon-close.png') no-repeat center right;
}
input.deleteabo:hover,input.deleteabo:active {
	background: #FF0000 url('../images/icon-close.png') no-repeat center right;
}






input.listingselector {
	background: transparent;
	padding: 0;
	width: 20px;
	vertical-align: middle;
}

input.trashbutton{ 
	border:none;
	vertical-align: baseline;
}

span.okay{
	color: #00F;
	font-weight:bold;
}

span.twin{
	color: #000;
	font-weight:bold;
	background:#F00;
}

span.alerter{
	color: #F00;
	font-weight:bold;
}



span.softalerter{
	color: #faa;
	font-weight:bold;
}

span.allower{
	color: #008000;
	font-weight:bold;
}

span.hints{
	font-size:8pt;
	color:#888;
}

span.bighints{
	font-size:8pt;
	color: #f00;
}


span.Asterixmandatory{
	color: #FF0000;
	font-size:14pt;
}

span.mandatory{
	color: #43536D;
	font-size:10pt;
}

div.foundhint{
	float:left;
}

div.sortselector{
	font-size:8pt;
	float:right;
}

 div.divthumbpict{
	background-color: none;
	width: 95px;
	text-align:center;
	float:left;
}


a.thumbpict {
	background: none;
	text-decoration: none;
}



