* { font-family: Verdana, Tahoma, Arial; font-size: 12px; line-height: 1.35em; }
body { margin: 0; }
form { margin: 0; }

*
{
  box-sizing: content-box;
}

.bold, .bold * { font-weight: bold; }

.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right; }

.top    { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.nowrap { white-space: nowrap; }
.pointer { cursor: pointer; }

ul, form, ol { margin: 0; padding: 0; }
img { border: 0; }
img.icon { vertical-align: middle; }
small, .small, small *, .small *, div#content .small, div#content small, div#content .small *, div#content small * { font-size: 10px; line-height: 1.2em !important; }

a { text-decoration: none; color: #0000ff; }
a:hover { color: #ff0000; }

table.top td, .top { vertical-align: top; }

h1 { margin: 5px 0 20px 0px; font-size: 36px; }
h2 { margin: 5px 0 15px 0px; font-size: 20px; }
h3 { margin: 5px 0 10px 0; font-size: 16px; }

div#header h1 { margin: 0 0 5px 10px; }
div#header h2 { margin: 0 0 5px 10px; }

div#content table
{
  border-collapse: collapse;
}

div#content table.lines
{
  border: #999999 1px solid;
  min-width: 800px;
}

div#content table.lines thead tr
{
  background: #333333;
}

div#content table.lines thead tr th
{
  color: #ffffff;
}

div#content table td,
div#content table th
{
  padding: 3px 4px;
}

div#content table.lines td,
div#content table.lines th
{
  border: #999999 1px solid;
}

ul#menu
{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 32px;
	display: block;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background: #000000 url(/images/menu.png) repeat-x;
}

ul#menu li a
{
  font-weight: bold;
  background: #000000 url(/images/menu.png) repeat-x;
	font-size: 12px;
	border-left: #ffffff 1px solid;
	border-right: #000000 1px solid;
	color: #ffffff;
	height: 12px;
	padding: 8px 10px 12px 10px;
	margin: 0;
	display: block;
	float: left;
}

ul#menu li a.symbol
{
  height: 16px;
  padding-top: 6px;
  padding-bottom: 10px;
}

ul#menu li a:hover
{
	background-color: #333333;
}

input, select, textarea
{
  border: #999999 1px solid;
  margin-bottom: 3px;
  padding: 1px 2px;
}

a.button,
input.submit,
input.button
{
  margin: 4px 0;
  cursor: pointer;
  width: 200px;
  height: 24px;
  border: 0;
  font-weight: bold;
  color: #ffffff;
  font-size: 12px;
  background: #000000 url(/images/button200.png) no-repeat;
}

a.button
{
  text-align: center;
  display: inline-block;
  padding: 4px 0;
  height: 16px;
}


input.submit.button100,
input.button.button100,
a.button.button100
{
  width: 100px;
  background-image: url(/images/button100.png);
}

input.submit.button80,
input.button.button80,
a.button.button80
{
  width: 80px;
  background-image: url(/images/button80.png);
}

a.button.button300,
input.submit.button300,
input.button.button300
{
  width: 300px;
  background-image: url(/images/button300.png);
}


input.submit.button350
{
  width: 350px;
  height: 40px;
  font-size: 16px;
  background-image: url(/images/button350.png);
}

a.button:hover,
input.button:hover,
input.submit:hover
{
  background-color: #333333;
}

div#kundenauswahl
{
  height: 26px;
  font-size: 12px;
  padding: 4px 10px 2px 10px;
  border-bottom: #000000 1px solid;
  background: #cccccc;
}

div#header
{
  height: 100px;
  overflow: hidden;
  padding-left: 100px;
  background: url(/images/fegerinklein.jpg) no-repeat;
}

div#header p
{
  margin: 0 0 0 10px;
}

div#content
{
  padding: 10px 10px 200px 10px;
}

/* ############################ globalMessages ############################### */

div#globalMessages
{
  display: block;
  overflow: hidden;
  margin: 0 0 10px 0;
}

div#globalMessages ul
{
  display: block;
  margin: 0;
  min-height: 40px;
  padding: 7px 16px 5px 50px;
  color: #000000;
  font-size: 14px;
}


div#globalMessages ul#Hinweis
{
  background: #dbecff url(/images/common/icons/hinweis.png) 5px 5px no-repeat;
  border-bottom: #2850c1 1px solid;
}

div#globalMessages ul#Erfolg
{
  background: #d4ffcd url(/images/common/icons/erfolg.png) 5px 5px no-repeat;
  border-bottom: #258815 1px solid;
}

div#globalMessages ul#Warnung
{
  background: #fefccb url(/images/common/icons/warnung.png) 5px 5px no-repeat;
  border-bottom: #878314 1px solid;
}

div#globalMessages ul#Fehler
{
  background: #ffd2d3 url(/images/common/icons/fehler.png) 5px 5px no-repeat;
  border-bottom: #871414 1px solid;
}

div#globalMessages ul li
{
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 5px;
  padding-left: 3px;
}

div#globalMessages ul li.boxtitle
{
  font-size: 16px;
  font-family: Georgia, Verdana, Tahoma, Arial;
  padding: 0;
}


div#globalMessages ul#Hinweis li.boxtitle
{
  color: #2850c1;
}


div#globalMessages ul#Erfolg li.boxtitle
{
  color: #258815;
}


div#globalMessages ul#Warnung li.boxtitle
{
  color: #878314;
}


div#globalMessages ul#Fehler li.boxtitle
{
  color: #871414;
}

/* ################################## Overlay ################################## */

#overlay
{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  background-image: url(/images/overlay.png);
}

* html #overlay
{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/images/blank.gif);
}

div#Abfrage
{
  text-align: left;
	font-size: 12px;
	padding: 10px;
	color: #000000;
	border: #000000 3px solid;
  position: absolute;
  z-index: 95;
  width: 500px;
  background: #ffffff;
}

div#Abfrage h2
{
  display: block;
  margin: 5px 0 10px 0;
  text-align: center;
  font-size: 20px;
}

div#Abfrage h3
{
  display: block;
  margin: 5px 0 10px 0;
  text-align: center;
  font-size: 14px;
}

div#Abfrage label
{
  float: left;
  text-align: right;
  display: block;
  width: 150px;
  margin-right: 10px;
}

div#Abfrage input[type=text], div#Abfrage select, div#Abfrage input[type=password]
{
	width: 300px;
}

div#Abfrage p
{
  margin: 0 0 4px 0;
}

div#Abfrage b
{
  color: #FF0000;
}

div#Abfrage div#ajaxshowerror
{
  border: #ff0000 1px solid;
  padding: 5px;
  margin: 10px;
  color: #000000;
  background: #ffcccc;
}

div#Abfrage ul
{
  padding-left: 24px;
}


h3.retable
{
  color: #ff0000;
}

div#retable
{
   padding-bottom: 10px;
   -webkit-animation-name: rechanim;
   -webkit-animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-name: rechanim;
   animation-duration: 3s;
   animation-iteration-count: infinite;
}

@-webkit-keyframes rechanim
{
   0%   { padding-top: 0px; padding-bottom: 5px; }
   22%  { padding-top: 0px; padding-bottom: 5px; }
   25%  { padding-top: 5px; padding-bottom: 0px; }
   28%  { padding-top: 0px; padding-bottom: 5px; }
   31%  { padding-top: 5px; padding-bottom: 0px; }
   34%  { padding-top: 0px; padding-bottom: 5px; }
   37%  { padding-top: 5px; padding-bottom: 0px; }
   40%  { padding-top: 0px; padding-bottom: 5px; }
   100% { padding-top: 0px; padding-bottom: 5px; }
}

@keyframes rechanim
{
   0%   { padding-top: 0px; padding-bottom: 5px; }
   22%  { padding-top: 0px; padding-bottom: 5px; }
   25%  { padding-top: 5px; padding-bottom: 0px; }
   28%  { padding-top: 0px; padding-bottom: 5px; }
   31%  { padding-top: 5px; padding-bottom: 0px; }
   34%  { padding-top: 0px; padding-bottom: 5px; }
   37%  { padding-top: 5px; padding-bottom: 0px; }
   40%  { padding-top: 0px; padding-bottom: 5px; }
   100% { padding-top: 0px; padding-bottom: 5px; }
}