/* STYLE-SHEET www.endros.de */
/* ------------------------- */

/* html { height:100.1%; } */
body {
	background-color: #ffffff;
	margin: 0px;

  font-family: Arial, Helvetica;
  font-size: 12pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: #111111;
}

div.page {
	position: relative;
/*	width: 800px; */
}
div.page div.main {
	text-align: left;
	position: relative;
	margin-bottom: 10px;
}

#header{ } 
#left {	
	float: left;
	width: 160px;
	margin-right: 10px;
}
#main {
	float: left;
	wxidth: 100%;
}
#right {
	float: left;
	width: 160px;
	margin-left: 10px;
}
#footer {
	float: left;
	cxlear: both;
	position: relative;
	margin: 20px 0px 10px 0px;
	width: 100%;
}


form { margin: 0px; }
hr {
  background-color: #344B7A;
  height: 1px;
  border: 0px;
}
img {
  border-width: 0px;
  border-style: none;
}
ul {
  margin-top: 4px;
  margin-bottom: 4px;
}
table {
  border-width: 0px;
  border-style: none;
  empty-cells: show;
  font-size: 10pt;
}


/* --[ Farbschemata ]-- */

.colorscheme1 {
  background-color: #ffffff;
}
.colorscheme1 .box {
  background-color: #ffffff;
}
.colorscheme1 .box .head {
  background-color: #bfdfbf;
}

.colorscheme2 {
  background-color: #ffffff;
}
.colorscheme2 .box {
  background-color: #ffe7e7;
}
.colorscheme2 .box .head {
  background-color: #ffbfbf;
}

/* --[ Tabellen]-- */
#dynamic div.window {
	position: absolute;
	z-index: 100;
	top: 100px;
	left: 100px;
	right: 100px;
	width: 450px;
}
div.window div.box {
  border-width: 1px;
  border-style: solid;
  border-color: #CDD3DF;
}
.content .box {
  border-width: 1px;
  border-style: solid;
  border-color: #CDD3DF;
}

.box {
  overflow: hidden;
}
div.box {
  position: relative;
  margin-bottom: 16px;
/*  width: 319px; */
}
.box td {
  padding: 2px 4px;
}
div.row {
  margin: 6px 0px 6px 0px;
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 6px;
	min-height: 80px;
}

#menu {
	position: absolute;
	z-index: 110;
	top: 120px;
	left: 120px;
	right: 120px;
	width: 600px;
	background-color: #ffffff;
}
#menu div.floater {
	position: relative;
	float: left;
	width: 270px;
	height: 48px;
	margin: 7px;
	padding: 5px;

	border: 1px solid #CDD3DF;
}

.head, tr.head td, td.head {
  padding-left: 8px;
  font-weight: bold;
}

table.listing tr:hover {
  background-color: #ffbfff;
}

table.calender {
  border-collapse: collapse;
  border: 1px solid #CDD3DF;
}
table.calender td.cell:hover {
  background-color: #ffdfff;
}
table.calender td.cell {
	border: 1px dashed #CDD3DF;
	padding: 2px;
	font-size: 8pt;
	height: 120px;
}
table.calender td.cell a {
  font-size: 8pt;
}

table.plan {
	border-collapse: collapse;
}
table.plan tr {
	border: 1px solid #CDD3DF;
}
table.plan td {
	border: 1px dashed #CDD3DF;
	font-size: 8pt;
}
table.plan tr.time td {
	padding-left: 2px;
	width: 13px;
	height: 15px;
	font-weight: bold;
}
table.plan tr.person td {
	width: 15px;
	height: 73px;
	position: relative;
}

div.calender {
	font-size: 8pt;
	page-break-after: always;
	page-break-inside: avoid;
}
div.calender div.left {
	float: left;
	position: relative;
	padding-left: 4px;
	width: 40px;
	height: 100%;
/*
	background-image: url('/img/workingday.gif');
	background-repeat: repeat-y;
	background-position: 0px 1px;
*/
}
div.calender div.wday {
	float: left;
	position: relative;
	border-left: 1px dashed #CDD3DF;
	width: 165px;
	height: 100%;
/*
	background-image: url('/img/workingday.gif');
	background-repeat: repeat-y;
	background-position: 0px 1px;
*/
}
div.calender div.fday {
	float: left;
	position: relative;
	border-left: 1px dashed #CDD3DF;
	width: 61px;
	height: 100%;
/*
	background-image: url('/img/freeday.gif');
	background-repeat: repeat-y;
	background-position: 0px 1px;
*/
}
div.calender a, div.calender a:hover {
	position: absolute;
	display: block;
	margin-left: 1px;
	padding: 2px 0px 0px 2px;
	width: 160px;
	height: 135px;
	border-left: 2px solid #CDD3DF;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	color: #344B7A;
/*	background-image: url('/img/bar_red.gif');
	background-color: #F0F0F0; */
}
div.calender a.event {
	background-color: #F0F0F0;
}
div.calender a.event:hover {
	z-index: 100;
	background-color: #E0E0E0;
}
div.calender a.call {
	background-color: #F0F0C0;
}
div.calender a.call:hover {
	z-index: 100;
	background-color: #E0E080;
}
div.calender a.reminder {
	background-color: #F0E0D0;
}
div.calender a.reminder:hover {
	z-index: 100;
	background-color: #E0C0A0;
}

div.calender a.event, div.calender a.event:hover {
	position: absolute;
	display: block;
	margin-left: 1px;
	padding: 2px 0px 0px 2px;
	width: 160px;
	height: 135px;
	border-left: 2px solid #CDD3DF;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	color: #344B7A;
/*	background-image: url('/img/bar_red.gif'); */
	background-color: #F0F0F0;
}
div.calender a.event:hover {
	z-index: 100;
/*	background-image: url('/img/bar_yellow.gif'); */
	background-color: #E0E0E0;
}


div.plan {
	position: relative;
	font-size: 8pt;
	padding: 2px;
}

div.plan_left, div.plan_right {
	float: left;
	position: relative;
	margin-left: -1px;
	height: 100%;
}
div.plan_right div.wday {
	float: left;
	position: relative;
	margin-left: -1px;
	padding-left: 4px;
	width: 189px;
	height: 100%;
	background-image: url('/img/workingday.gif');
	background-repeat: repeat-y;
	background-position: 0px 1px;
}
div.plan_right div.fday {
	float: left;
	position: relative;
	margin-left: -1px;
	padding-left: 4px;
	width: 77px;
	height: 100%;
	background-image: url('/img/freeday.gif');
	background-repeat: repeat-y;
	background-position: 0px 1px;
}
div.plan div.hour {
	margin-top: -1px;
	height: 14px;
	padding-right: 10px;
	border: 1px solid #CDD3DF;
}
div.plan div.person {
	position: relative;
	margin-top: -1px;
	padding-left: 10px;
	height: 72px;
	border: 1px solid #CDD3DF;
/*	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #CDD3DF;*/
}
div.plan a.event, div.plan a.event:hover {
	background-image: url('/img/bar_red.gif');
	display: block;
	padding: 0px 0px 0px 4px;
	margin: 0px;
	width: 11px;
	height: 72px;
	font-family: Courier New;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	color: #344B7A;
}
div.plan a.event:hover {
	background-image: url('/img/bar_yellow.gif');
}


TABLE.normtxt, TD.normtxt, .container {
  background-color: #ffffff;
}
td.container, td.container2 {
  padding: 2px 4px 4px 8px;
  font-size: 10pt;
}
td.container2 {
  text-align: right;
}
.ContRight td {
  padding: 2px 4px 4px 8px;
  text-align: right;
}
td.UserContent, td.UserImage {
  font-family: Verdana, Arial, Helvetica;
  padding: 16px;
  font-size: 12pt;
}

.content a, .content a:hover {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
  padding: 2px;
}
.content a:hover {
	background-color: #E6E6E6;
}




.help {
  display: none;
  position: absolute;
  padding-left: 10px;
  text-align: left;
  text-indent: 0px;
  text-decoration: none;
  top: 13px;
  left: 830px;
  width: 180px;

  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 18pt;
  color: #344B7A;
}
a:hover .help {
  display: block;
  text-decoration: none;
}


.msg, .msgWhite, .msgGreen, .msgYellow, .msgRed {
  margin: 12px 20px 12px 20px;
  font-size: 12pt;
  display: block;
}
.msgWhite, .msgGreen, .msgYellow, .msgRed {
  padding: 4px 8px 4px 20px;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  color: #111111;
}
.msgWhite {
  background-color: #ffffff;
  border-color: #CDD3DF;
}
.msgGreen {
  background-color: #dfffdf;
  border-color: #33ff33;
}
.msgYellow {
  background-color: #ffffdf;
  border-color: #ffff33;
}
.msgRed {
  background-color: #ffdfdf;
  border-color: #ff3333;
}


/* -[ LT.neue Navigation  ]--------------------------------------  */
div.nav {
  margin-bottom: 20px;
}
div.nav a, div.nav a:hover {
  display: block;
  padding-top: 2px;
  padding-right: 8px;
  margin-bottom: 1px;
  height: 18px;

  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
}
div.nav .nav1 {
  padding-left: 8px;
  font-weight: bold;
  color: #ffffff;
  background-color: #344B7A;
}
div.nav .nav2 {
  padding-left: 16px;
  font-weight: normal;
  color: #344B7A;
  background-color: #E6E6E6;
}
div.nav .nav3 {
  padding-left: 24px;
  font-weight: normal;
  color: #344B7A;
  background-color: #E6E6E6;
}
div.nav .active {
  font-weight: bold;
  color: #344B7A;
  background-color: #CDD3DF;
}

div.werbung {
  padding: 20px;
}

div.catnav {
  margin: 0px 0px 0px 24px;
  line-height: 18px;
  text-indent: -24px;
}
div.catnav a, div.catnav a:hover {
  margin-right: 4px;
}

.nav1plus, .nav1plus:hover, .nav2plus, .nav2plus:hover {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
}
.nav1plus:hover, .nav2plus:hover {
  background-color: #E6E6E6;
}
.nav1plus, .nav1plus:hover {
  padding: 3px;
}
.nav2plus, .nav2plus:hover {
  padding: 2px;
}


/* -[ LT.neue Buttons ]--------------------------------------  */
a.active, a.active:hover {
  display: block;
}
TD.aXtive {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
}
.pad4 {
  padding-left: 4px;
  background-color: #CDD3DF;
}
.pad8 {
  padding-left: 8px;
}
.pad12 {
  padding-left: 12px;
}



TD.active, TD.active1, TD.active2, TD.active3 {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
  background-color: #CDD3DF;
}
TD.active, TD.active1 {
  padding-left: 4px;
}
TD.active2 {
  padding-left: 8px;
}
TD.active3 {
  padding-left: 12px;
}

.activeGreen {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
  background-color: #7FFF7F;
  padding: 4px;
}
.activeGreen2 {
  background-color: #C4FFC4;
  background-color: #A0E0A0;
}
.activeYellow {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
  background-color: #FFFF7F;
  padding: 4px;
}
.activeYellow2 {
  background-color: #FEEC7F;
}
.activeOrange {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
  background-color: #FFBF7F;
  padding: 4px;
}
.activeOrange2 {
  background-color: #FEEC7F;
}
.activeRed {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
  background-color: #FF7F7F;
  padding: 4px;
}
.activeRed2 {
  background-color: #FEEC7F;
}
.activeBlue {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
  background-color: #7FBFFF;
  padding: 4px;
}
.Blue1 {
  background-color: #344B7A;
  border-color: #344B7A;
  color: #ffffff;
}
.Blue2 {
  background-color: #9AA5BD;
  border-color: #9AA5BD;
}
.Blue3 {
  background-color: #BCC4D4;
  border-color: #BCC4D4;
}
.Blue4 {
  background-color: #CDD3DF;
  border-color: #CDD3DF;
}
Table.Blue4LeftOpen {
  background-color: #CDD3DF;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #CDD3DF;
}
Table.Blue4RightOpen {
  background-color: #CDD3DF;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #CDD3DF;
}


/* -[ Standard Text ]--------------------------------------  */

.normtxtlgrey {
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: #717171;
}
.normtxtlgrey_plus {
  font-family: Arial, Helvetica;
  font-size: 12pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: #717171;
  line-height: 20pt;
}

.smalltxt {
  font-family: Arial, Helvetica;
  font-size: 9pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: #111111;
}
.smalltxtwhite {
  font-family: Arial, Helvetica;
  font-size: 9pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: #ffffff;
}
.microtxt {
  font-family: Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: #4b4b4b;
}


/* -----[ Headlines ]--------------- */

.head {
  background-color: #CDD3DF;
}

.headline {
  padding-left: 16px;
  font-family: Arial, Helvetica;
  font-size: 12pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  color: #111111;
}
.headline2 {
  padding-left: 8px;
  font-family: Arial, Helvetica;
  font-size: 14pt;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;
  color: #304878;
}
.subhead {
  padding-left: 8px;
  font-family: Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  font-variant: normal;
  font-style: normal;
  color: #344B7A;
}


h1, h2 {
  margin: 4px 0px 4px 0px;
  padding: 0px 8px 0px 20px;
  font-weight: bold;
  font-size: 12pt;
  color: #344B7A;
}
h1 {
  background-color: #CDD3DF;
}
.normtxtlgrey h1, .normtxtlgrey h2 {
  font-weight: bold;
  font-size: 10pt;
  color: #344B7A;
}
h3 {
  color: #595959;
  background-color: #D1D7DE;
}


/* --[ Links ]-- */

a, a:hover {
  font-size: 12pt;
  text-decoration: underline;
  color: #676767;
  font-family: Arial, Helvetica;
}
a:hover {
  text-decoration: none;
}

A.normtxt:hover{
  font-size: 10pt;
  text-decoration: none;
  color: #676767;
  font-family: Arial, Helvetica;
}

A.artikel, A.artikel:hover {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #344B7A;
  font-family: Arial, Helvetica;
}

A.normlink2, A.normlink2:hover {
  font-weight: normal;
  text-decoration: underline;
  font-size: 10pt;
  color: #344B7A;
  font-family: Arial, Helvetica;
}


A.normlink, A.smlink, A.microlink {
  font-weight: normal;
  text-decoration: none;
  color: #344B7A;
  font-family: Arial, Helvetica;
}
A.normlink:hover, A.smlink:hover, A.microlink:hover, A.microlinkred:hover {
  font-weight: normal;
  text-decoration: underline;
}
A.normlink, A.normlink:hover {
  font-size: 10pt;
}
A.smlink, A.smlink:hover {
  font-size: 9pt;
}
A.microlink, A.microlink:hover {
  font-size: 8pt;
}
A.microlinkred, A.microlinkred:hover {
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
  color: #ff7f7f;
  font-family: Arial, Helvetica;
}

A.navi, A.navi:hover {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  font-family: Arial, Helvetica;
}

A.navism, A.navism:hover {
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  color: #344B7A;
  font-family: Arial, Helvetica;
}


A.inaktiv {
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  color: #7f7fff;
  font-family: Arial, Helvetica;
}
A.zukunft {
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  color: #00a000;
  font-family: Arial, Helvetica;
}
A.abgelaufen {
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  color: #ff7f7f;
  font-family: Arial, Helvetica;
}
A.inaktiv:hover {
  font-size: 10pt;
  text-decoration: none;
  color: #c6c6c6;
  font-family: Arial, Helvetica;
}

/* -[ DIBau.Adressen ]--------------------------------------  */
tr.adres, tr.adres0 {
  background-color: transparent;
}
tr.adres1, tr.adres2, tr.adres3, tr.event_blue {
  background-color: #7fbfff;
}
/*
tr.adres1 {
  background-color: #bfdfff;
}
tr.adres2 {
  background-color: #7fbfff;
}
tr.adres3 {
  background-color: #3f8fff;
}
*/

tr.adres11, tr.adres12, tr.event_red {
  background-color: #ff7f7f;
}
tr.adres13, tr.event_orange {
  background-color: #ff9f3f;
}
/*
tr.adres13 {
  background-color: #ffbf7f;
}
*/
tr.adres14, tr.event_yellow {
  background-color: #ffff7f;
}

tr.adres21 {
  background-color: #ffffaf;
}
tr.adres22 {
  background-color: #ffff8f;
}
tr.adres23 {
  background-color: #ffff6f;
}
tr.adres24 {
  background-color: #ffff4f;
}
tr.adres25 {
  background-color: #ffff2f;
}


/* --[ Formular-Felder ]-- */

input, textarea, select, div.inl030, div.inl050, div.inl060, div.inl120 {
     background-color: #ffffff;
          font-family: Arial, Helvetica;
          font-weight: normal;
         font-variant: normal;
           font-style: normal;
            font-size: 10pt;
}
input, textarea {
  padding-left: 3px;
  padding-right: 3px;
}

.inp030 {  width:  20px; }
.inp060 {  width:  50px; }
.sel060 {  width:  60px; }
.inp100 {  width:  90px; }
.sel100 {  width: 100px; }
.inp120 {  width: 110px; }
.inp150 {  width: 140px; }
.sel150 {  width: 150px; }
.inp180 {  width: 170px; }
.inp240 {  width: 230px; }
.inp270 {  width: 260px; }
.inp300 {  width: 290px; }
.sel300 {  width: 300px; }
.inp400 {  width: 390px; }
.inp450 {  width: 440px; }
.inp480 {  width: 470px; }
.inp600 {  width: 590px; }

.inl030 {  width:  23px; }
.inl050 {  width:  43px; }
.inl060 {  width:  53px; }
.inl120 {  width: 113px; }

div.inl030 {    width:  30px; float:left; }
div.inl050 {    width:  50px; float:left; }
div.inl060 {    width:  60px; float:left; }
div.inl120 {    width: 120px; float:left; }

input.inl030, input.inl050, input.inl060, input.inl120 {
  text-align: right;
  padding-right: 4px;
  border:  0px;
  color: #111111;
}