﻿body {
  font-size: 12px;
  line-height: 110%;
  font-family: Georgia, Times New Roman, Times, serif;
  padding:5px;
  margin:5px;
}

unknown {
  font-size: 12px;
  line-height: 110%;
  font-family: Georgia, Times New Roman, Times, serif;
}

a {		color: #2772ab; text-decoration: none; }
a:hover {	color: #2772ab;  text-decoration: underline; }

hr {
  color:#2772AB;
  background-color:#2772AB;
}

p {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-top: 10px;
}

ul { 		list-style-image:url(gfx\bullet.gif); }

h2 {		clear: both; margin-top: 0px; font-weight: bold; font-size: 15px; margin-bottom: 0px; padding-bottom: 6px; color: #ffffff; line-height: 18px; padding-top: 0px; font-family: georgia, times new roman, times, serif; }
h3 {		clear: both; margin-top: 0px; font-weight: bold; font-size: 15px; margin-bottom: 0px; padding-bottom: 6px; color: #000000; line-height: 18px; padding-top: 0px; font-family: georgia, times new roman, times, serif; }
h5 {		clear: both; margin-top: 0px; font-weight: normal; font-size: 10px; margin-bottom: 0px; padding-bottom: 10px; color: #000000; line-height: 10px; padding-top: 0px; font-family: georgia, times new roman, times, serif; }
h9 {		clear: both; margin-top: 5px; font-weight: normal; font-size: 10px; margin-bottom: 0px; padding-bottom: 0px; line-height: 12px; padding-top: 0px; font-family: georgia, times new roman, times, serif; }

td {		font-size: 12px; margin: 0px; font-family: arial,helvetica,sans-serif; vertical-align: top; }
table {     border:0; padding:0; }
table.colored_100 { background-color:#c5d7e4; width:100%; }
table.colored { background-color:#c5d7e4; width:600px; }
table.empty { width:600px; }
td.colored { background-color:#ffffff; }

font.message {  color:#ff0000; }

form input {	border-right: #2772ab 1px solid; border-top: #2772ab 1px solid; border-left: #2772ab 1px solid; border-bottom: #2772ab 1px solid; background-color: #ffffff; }
form textarea {	border-right: #2772ab 1px solid; border-top: #2772ab 1px solid; border-left: #2772ab 1px solid; border-bottom: #2772ab 1px solid; background-color: #ffffff; }
form select {	border-right: #2772ab 1px solid; border-top: #2772ab 1px solid; border-left: #2772ab 1px solid; border-bottom: #2772ab 1px solid; background-color: #ffffff; }



div.header{ clear: both; padding-bottom: 0px; width: 690px; background-color:#2772ab; }
div.blue{ clear: both; padding-bottom: 2px; padding-top: 2px; background-color:#c5d7e4; color:#2772ab; font-weight: bold; }
div.header_print{ clear: both; padding-bottom: 0px; width: 690px; background-color:#ffffff; }
div.full {	clear: both; padding-bottom: 5px; padding-left: 5px; padding-top: 5px;  width: 690px; }
div.left {	clear: both; float: left; padding-bottom: 5px; width: 470px; }
div.right {	float: right; padding-bottom: 5px; width: 210px; }

div.startbox{ position:absolute; left:478px; top:193px; width:217px; height:225px; z-index:3; background-color:#c5d7e4; }

#globalnav { position:absolute; left:540px; top:10px; width:150px; height:15px; z-index:1; }

#dvpusermail {  background: url('login_user.gif') no-repeat 0 1px; padding-left: 17px; }
#dvppassword {  background: url('login_pass.gif') no-repeat 0 1px; padding-left: 17px; }

#dvplogin input:focus, #dvplogin textarea:focus, #formular input:focus, #formular textarea:focus,#formular2 input:focus, #formular2 textarea:focus { background-color: #c5d7e4;}


h1 {
  font-weight: bold;
  font-size: 18px;
  margin-left: 5px;
  margin-bottom:5px;
  margin-top:5px;
  color: #2772ab;
  line-height: 7px;
}

h4 {
  font-weight: normal;
  font-size: 10px;
  margin-left: 5px;
  margin-bottom:8px;
  margin-top:8px;
  color: #000000;
  line-height: 5px;
}


#main {
font-size:10px;
text-align:left;
float:left;
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

#main + img{
margin-top:10px;
}

#oben {
width:800px;
background:url(header.jpg) no-repeat;
height:72px;
padding:0px;
margin:0px;
float:left;
text-align:left;
color:#000000;
vertical-align:bottom;
}

#banner {
width:800px;
height:100px;
padding:0px;
margin:0px;
float:left;
text-align:left;
color:#000000;
vertical-align:bottom;
}

#inhalt {
width:800px;
background:url(background.gif);
padding:0px;
margin: 0px;
float:left;
text-align:left;
}

#text {
width:790px;
padding:0px;
margin: 5px;
float:left;
text-align:left;
}


#unten {
width:800px;
background:url(footer.jpg) no-repeat;
height:20px;
padding:0px;
margin:0px;
float:left;
text-align:right;
color:#000000;
vertical-align:bottom;
}

#box {
  width:200px;
  margin: 5px;
  padding:5px;
  float:right;
  background-color:#fff;
}

/* ######### */

/* --- Menü Oben --- */

#menu {
position:absolute;
top: 75px;
left: 150px;
width:550px;
z-index: 30;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	display: block;

}

#menu li {
	float: right;
	text-align: center;
	list-style: none;
	border-right: 0px;
	white-space: nowrap;
	position: relative;
	font-size: 12px;
}

#menu a {
	display: block;
	color: #2772AB;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
}

#menu li {
	font-size: 11px;
}

#menu li li {
	font-size: 10px;
}


#menu ul ul {
	position: absolute;
	left: auto;
	top: 19px;
	background-color: #ccc;
	text-align: left;
	padding: 1px 1px 1px 1px;
	display: block;
}

#menu li li {
	float: none;
	text-align: left;
	display: block;
	background-color: #ffffff;
	border: 0px;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
	position: relative;
}

#menu ul {
	z-index: 2;
}
#menu ul ul {
	z-index: 3;
}
#menu ul ul ul {
	left: 90%;
	top: -4px;
	z-index: 4;
}
#menu ul ul ul ul {
	z-index: 5;
}

#menu li li a  {
	padding: 3px 10px 4px 10px;
}

#menu .on {
	background-color: #ddd;
}


#menu .off ul, #menu .on .off ul, #menu .on .on .off ul, #menu .on .on .on .off ul {
	visibility: hidden;
}

#menu .on ul, #menu .on .on ul, #menu .on .on .on ul, #menu .on .on .on .on ul {
	visibility: visible;
}

#menu .on li {
	background-color: #eee;
}

#menu .on a {
	color: #2772AB;
}

#menu .on .on {
	background-color: #2772AB;
}

#menu .on .off a, #menu .on .on .off a, #menu .on .on .on .off a {
	color: #444;
}

#menu .on .on a, #menu .on .on .on a, #menu .on .on .on .on a {
	color: #fff;
}

/* Kalenderblatt */
.monthname
{
    BACKGROUND-COLOR: #006699;
    COLOR: #cccccc;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: bold
}
.weekdayname
{
    COLOR: #333399;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center
}
.weekday
{
	BACKGROUND-COLOR: #eee;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial, Helvetica;
	FONT-SIZE: 8pt;
	TEXT-ALIGN: right;
	text-decoration : none;
}
.sat
{
    BACKGROUND-COLOR: #ddd;
    COLOR: #666666;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 8pt;
	text-decoration : none;
    TEXT-ALIGN: right
}
.sun
{
    BACKGROUND-COLOR: #ddd;
    COLOR: #ff0000;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
	text-decoration : none;
}
.notthismonth
{

    COLOR: #999999;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
	text-decoration : none;
}
#today
{
	border : 1px solid Red;
}
#termin
{
	BACKGROUND-COLOR: #333399;
  COLOR: #ffffff;
  FONT-FAMILY: Tahoma, Arial, Helvetica;
  FONT-SIZE: 7pt;
  FONT-WEIGHT: bold;
  TEXT-ALIGN: center;
}
