.calendar{
    z-index:101;


    position:absolute;
    top:0px;
    right:0px;
    background-color:white;
}
.calendar .headline, .calendar .time{
    border:1px solid black;
    margin:1px;
}
.calendar .todaybutton {
    float:left;
    width:83px;
    height:21px;
    line-height:21px;
    border:1px solid black;
    margin:1px;

}
.calendar .calbutton, .calendar .days div,.calendar .daynames div{
    float:left;
    width:25px;
    height:21px;
    line-height:21px;
    border:1px solid black;
    margin:1px;
    cursor:pointer;
}
.calendar .days .today, .calendar .days div:hover{
    background-color:#F0F8FF;
}
.calendar .calbutton a, .calendar .todaybutton a{
    display:block;
    text-decoration:none;
}
.calendar .calbutton a:hover, .calendar .todaybutton a:hover{
    background-color:#F0F8FF;
}
.calInput {
    width:300px;
    margin:0px;
}
.calendarInputDiv{
    position:relative;
    float:left;
    width:318px;
    padding:0px;
    margin:15px 5px 5px 0px;
}
.calendarInputDiv input{
    margin:0px;
    margin-left:5px;
    padding:0px;
}
.calendarButton{
    margin:0px;
    padding:0px;
    position:absolute;
    top:0px;
    right:-4px;
    width:20px;
    height:23px;
}
.calendarOuterDiv{
    display:inline;
}
.calendar{
}
.calendar .outer{
    padding-left:8px;
    padding-top:8px;
}
.calendar .inner {
    border:1px solid black;
    width:203px;
    padding-bottom:1px;
    vertical-align:middle;
    text-align:center;
    position:relative;
    top:-8px;
    left:-8px;
}
.calendar .time{
    line-height:23px;
    width: 199px;
    height: 23px;
    vertical-align:middle;
    float:left;
}
.calendar .time input{
    float:none;
    width:20px;
    padding:0px;
    height:15px;
    display:inline;
    margin:0px !important;
}
div.formEditor{
	height:360px;
	clear:both;
}
div.editorDiv{
	height:100%;
	width:100%;
	position:relative;
	padding:0px;
	border:1px solid #333333;
}
div.editorDiv iframe{
	display:block;
	width:100%;
	padding:0px;
	margin:0px;
	position:absolute;
	top:60px;
	left:0px;
	bottom:0px;
	border-width:0;
}
div.editorDiv div.editorIcons{
	background-color:#999999;
	clear:both;
}
div.editorDiv br{
	clear:both;
}
div.editorDiv div.iconGroup{
	float:left;
	height:26px;
}
div.editorDiv img.icon {
	padding:1px;
	margin:0px;
	height: 24px;
	width: 25px;
}
div.editorDiv img.iconActive {
	padding:1px;
	margin:0px;
	height: 24px;
	width: 25px;
	background-color:#eeeeff;
}
div.editorDiv img.icon:hover {
	color:inherit;
	background-color:#eeeeff;
	border:1px solid #ddddff;
	padding:0px;
}

div.editorDiv img.line {
	height:20px;
	width:1px;
	margin:2px;
}

form {
	clear:both;
}
form .description {
	font-size:10px;
	line-height:10px;
}
form fieldset {
	width:100%;
}
.formElement {
	position:relative;
	padding:2px;
	color:#555555;
	clear:both;
}
.formElement:hover {
	color:#000000;
}
.formElement label {
	display:block;
	float:left;
	width:55%;
	text-align:right;
}
.formElement label span {
	margin-right:10px;
}
span.formButton {
	background: transparent url('./system/packages/forms/images/buttonRight.png') no-repeat scroll top right;
	display: block;
	float: right;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px;
	margin-top:5px;
	font-size:12px;
}
span.formButton span {
	background: transparent url('./system/packages/forms/images/buttonLeft.png') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0px 5px 18px;
}
span.formButton *{
	text-decoration:none;
	color: #555555;
}
span.formButton:hover, span.formButton input:hover, span.formButton *:hover{
	color: #000000 !important;
}
span.formButton:active {
	background-position: bottom right;
	color: #000000;
	outline: none;
}
span.formButton:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px;
}
span.formButton input {
	border:none;
	cursor:pointer;
	background-color:none;
	line-height:12px;
	font-size:12px;
}
span.formText input, span.formPassword input, span.formSelect select {
	color:#555555;
	background:transparent;
	padding:0px;
	margin:0px;
	margin-top:4px;
	width:100%;
}
span.formText input:hover, span.formPassword input:hover {
	color:#000000;
}
span.formText, span.formPassword, span.formSelect {
	background: transparent url('./system/packages/forms/images/buttonRight.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 24px;
	width:40%;
	max-width:300px;
	padding-right: 18px;
	text-decoration: none;
}
.validationError{
	color:red;
	font-size:12px;
}
span.formTextarea {
	display: block;
	float: left;
	height: 200px;
	width:40%;
	padding-right: 18px;
	text-decoration: none;
}
span.formTextarea textarea {
	width:90%;
	height:100%;
	border:1px solid #aaaaaa;
}
span.formText span, span.formPassword span, span.formSelect span {
	background: transparent url('./system/packages/forms/images/buttonLeft.png') no-repeat;
	display: block;
	height:16px;
	padding: 0px 0px 8px 18px;
}


html, body{
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:auto;
font-family:Trebuchet MS, Arial, Sans-Serif;
}
*{
border:none;
margin:0px;
padding:0px;
}
div.pagination{
	text-align:center;
}
.pagination span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
}
.pagination span a{
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	color:#303030;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
.pagination span a:hover, .pagination span a:active{
	background-color: #bbbbbb;
	border:1px solid #303030;
}
.pagination span.active{
	background-color: #303030;
	border:1px solid #303030;
	color:#ffffff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}

.progressBar{
padding:0px;
width:304px;
margin:auto;
}
.progressBarContainer{
border:1px solid #555555;
padding:1px;
}
.progressBarCaption{
margin:0px;
padding:0px;
color:#555555;
font-size:12px;
}
.progressBarInner{
background-image:url('./system/packages/progressBar/images/animation.gif');
width:178px;
height:16px;
}
table th{
text-align:left;
}
table .first{
background-color:#eeeeee;
}
table .second{
}
/* CSS Document Lawatec*/

body {
    font-size: 8pt;
    font-family: Arial, Helvetica, Sans-Serif;
    font-color: #000000;
    background-color: #ffffff;
  }

a:link, a:active { text-decoration:none; color:#000066; }
a:visited { text-decoration:none; color:#000066; }
a:hover { text-decoration:underline;  color:#000066;}

p {margin-bottom: 1em;}

ul {margin-left: 25px;}

li {margin-bottom: 10px;}

h2 {
  font-family: Georgia;
  font-size: 12pt;
  font-variant: small-caps;
  font-weight: normal;
  color: #009933;
  border-bottom: 1px solid silver;
  margin-top: 1.5em;
  margin-bottom: 1em;
  text-align: left;
  }

h3 {
  font-family: Georgia;
  font-size: 10pt;
  font-variant: small-caps;
  font-weight: normal;
  color: #009933;
  border-bottom: 1px solid silver;
  margin-top: 1.5em;
  margin-bottom: 1em;
  }

h4 {
  font-family: Georgia;
  font-size: 10pt;
  font-variant: small-caps;
  font-weight: normal;
  color: #009933;
  border-bottom: 1px solid silver;
  margin-top: 1.5em;
  margin-bottom: 1em;
  }

img.border {
  text-align: left;
  margin-right: 30px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 1px;
  background-color: #fffff;
  border: 1px solid silver;
  }

img.border_right {
  text-align: left;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 1px;
  background-color: #fffff;
  border: 1px solid silver;
  }

div#hg {
  margin: 0px;
  padding: 0px;
  width="100%";
  height="100%";
  min-height: 650px;
  background-image: url(img/hg.jpg);
  background-repeat: no-repeat;
  }

div#seite {
  width: 900px;
  min-height: 550px;
  margin: 0px auto auto;
  }

div#titre_1 {
  width: 250px;
  height: 250px;
  background-image:url(img/lawatec_02.png);
  float: left;
  }

img.logo {margin-top: 125px;}

div#titre_2 {
  width: 650px;
  height: 250px;
  margin-left: 250px;
  background-image:url(img/lawatec_03.png);
  }

div#menu {
  width: 200px;
  min-height: 400px;
  text-align: right;
  background-image:url(img/lawatec_04.png);
  background-repeat: no-repeat;
  float: left;
  }

div#innermenu {
  position:static;
  width: 198px;
  min-height: 398px;
  text-align: right;
  }

#menu a:link, #menu a:visited {text-decoration: none; color: #000066;}

#menu a:hover, #menu a:active {color: #0000FF;}

#menu ul {list-style-type: none;}

div.linkLayer1 {
  margin-top: 25px;
  margin-right: 10px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  font-variant: small-caps;
  }

div.linkLayer2 {
  margin-top: 25px;
  margin-left: 55px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  line-height: 2em;
  border-top: 1px solid #ffffff;
  }

div#contenu {
  width: 700px;
  min-height: 453px;
  float: right;
  background-image: url(img/lawatec_05.png);
  background-repeat: no-repeat;
  }

h1.titre {
  width: 600px;
  margin: 50px 0px 10px auto;
  padding-right: 10px;
  font-family: Georgia;
  font-size: 14pt;
  font-weight: normal;
  font-variant: small-caps;
  color: #006633;
  text-align: left;
  margin-top: 1.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid silver;
  }

div#text {
  width: 600px;
  margin: 50px 0px 10px auto;
  padding-right: 10px;
  font-family: Arial, Helvetica, Sans Serif;
  color: #000000;
  font-size: 9pt;
  line-height: 1.5em;
  text-align: justify;
  }

div#footer {
  position: static;
  clear: both;
  width: 900px;
  margin: 65px auto 15px auto;
  padding-top: 5px;
  font-family: Arial, Helvetica, Sans Serif;
  color: #000000;
  font-size: 7pt;
  text-align: right;
  background-image: url(img/hg_footer.png);
  background-position: top right;
  background-repeat: no-repeat;
  }

div#menu2 {
  position: static;
  clear: both;
  width: 900px;
  margin: 0px auto 50px auto;
  text-align: right;
  }

#menu2 ul {margin: 0px 0px 0px 256px;}

#menu2 li { 
  list-style: none;
  display: inline;
  margin: 0.25em; 
  padding: 0;
  font-size: 7pt;
  font-variant: normal;
  }

#menu2 a:link, a:active { text-decoration:none; color:#999999; }

#menu2 a:visited { text-decoration:none; color:#999999;}

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