/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ############################################################################# END RESET */

/* ###################################################################### BEGIN NORMAL CSS */

html {
  background: #E8E8E8 url(/img/layout/bg.jpg) repeat-x;
}

body {
  margin: 0;
  padding: 0;
  background: url(/img/layout/bg_big.jpg) center top no-repeat;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #303030;
  font-size: 12px;
}

.clear {clear:both;}
a, a:link { text-decoration: none; color: #303030; }
.floatleft { float: left; }
.floatright { float: right; }
label {
  font-weight: bold;
  color: #18438B;
  width: 140px;
  display: block;
  float: left;
}

h1 {
  background: #18438B url(/img/layout/smiley-halb.png) right center no-repeat;
  padding: 8px 10px;
  display: block;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}

h2 {
  background-color: #eee;
  padding: 8px 10px;
  margin-bottom: 10px;
  display: block;
  color: #444;
  font-size: 1.4em;
  font-weight: bold;
  text-shadow: 0px 1px 0px #fff;
}


.linkbutton, input.button {
  background: #ffdb00;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  float: right;
  line-height: 150%;
  display: block;
  cursor: pointer;
}

.linkbutton a, input.button {
  padding: 4px 7px;
  display: block;
  color: #000;
  text-decoration: none;
}

.linkbutton:hover, input.button:hover {
  background: #ffee86;
}

.shadow {
  background: url(/img/layout/bg_shadow.png) center bottom no-repeat;
  -moz-box-shadow: 0px 0px 6px #444;
  -webkit-box-shadow: 0px 0px 6px #444;
  box-shadow: 0px 0px 6px #444;
  border: 2px solid #eee;
  margin: 10px;
}

ul.bullet li {
  background: url(/img/layout/bullet-list.gif) 0 4px no-repeat;
  padding: 2px 0 2px 16px;
  margin: 2px 0 3px 15px;
}

ul.smiley li {
  background: url(/img/layout/bullet-smiley.gif) 0 4px no-repeat;
  padding: 2px 0 2px 16px;
  margin: 2px 0 3px 15px;
}

div.info {
  border: 1px dashed #dfddb2;
  float: right;
  background: #f7f6e0;
  padding: 15px;
  color: #5f5f5f;
  margin: 10px;
  line-height: 160%;
  -moz-box-shadow: 0px 0px 3px #dfddb2;
  -webkit-box-shadow: 0px 0px 3px #dfddb2;
  box-shadow: 0px 0px 3px #dfddb2;
}

/* ############################ NORMAL STYLES #### */

#wrapper {
  width: 860px;
  margin: 0 auto;
}

#logo {
  padding-top: 21px;
}

#navigation ul {
  margin: 0;
  padding: 0;
  float: right;
  position: relative;
  z-index: 1;
  margin-right: 8px;
}

#navigation ul li {
  float: left;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 14px;
  margin: -22px 3px 0px 3px;
  box-shadow: 1px 0px 4px #000;
  -moz-box-shadow: 1px 0px 4px #888;
  opacity: .7;
  cursor: pointer;
}

#navigation ul li a {
  color: #000;
}

#navigation ul li:hover {
  opacity: 1;
  margin-top: -25px;
}

#content {
  background-color: #f8f8f8;
  margin-top: 2px;
  margin-bottom: 8px;
  border: 8px solid #fff;
  z-index: 2;
  position: relative;
  line-height: 145%;
}

#content p {
  padding: 15px;
  margin: 0;
}

#slider, #filler {
  float: left;
}

#logoslider {
  margin: 0 0 10px -97px;
  padding: 0 0 0 97px;
  width: 958px;
  height: 136px;
  background: url(/img/layout/slider_shadow.png) bottom center no-repeat;
  overflow: hidden;
  position: relative;
}

#logoslider img {
  position: absolute;
  top: 0px;
  left: 97px;
}

#slider
{
  width: 596px;
  height: 369px;
  overflow: hidden;
  position: relative;
}

#slider img
{
  position: absolute;
  top: 0px;
  left: 0px;
}

#filler img {
  border-left: 8px solid #fff;
}

.form {
  margin: -10px 10px 6px 10px;
  padding: 7px;
  background-color: #fff;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px dashed #ddd;
}

.anfahrtsweg {
  background-color: #fff;
  padding: 6px 10px;
  border: 1px dashed #ddd;
  clear: both;
}

.anfahrtsweg input {
}

ul.filialen li {
  background: #ffdb00;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 150%;
  display: block;
  cursor: pointer;
  padding: 3px 8px;
  margin: 2px 0;
}

ul.filialen li:hover {
  background: #ffee86;
}










/* ieupdate */
a#activebar-container{
	background: #ffffe1;
	border-bottom: 1px solid rgb(102, 102, 102);
	color: rgb(0, 0, 0);
	cursor: default;
	display: block;
	font-size: 9px;
	height:0;
	left: 0px;
	overflow:hidden;
	padding: 4px 0;
	position: absolute;
	text-decoration:none;
	top: 0px;
	width: 100%;
	z-index: 9999;
}
a#activebar-container .icon, a#activebar-container .close {height:16px; margin:0 4px; padding: 0;  width:16px; }
a#activebar-container .icon { background-position:17px 0; float: left; }
a#activebar-container .close {background-position: 0 0;   float: right; }
a#activebar-container p {font-family: Bitstream Vera Sans,verdana,sans-serif; font-size: 11px; margin: 0px 8px; padding-top: 1px; }

a#activebar-container:hover {background-color: #3399ff}
a#activebar-container:hover .icon {background-position:17px 16px}
a#activebar-container:hover .close{background-position:0 16px}



/* Tooltips */

.tip-sch
{
  width: 200px;
  display: block;
  z-Index: 100;
  background: #F8F8F8;
  padding: 0px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 2px solid #FFF;
}

.tip-title
{
  width: 190px;
  float: left;
  font-weight: bold;
  padding: 5px;
  background: #18438B;
  color: #FFF;
  -moz-border-radius-topleft: 6px;
  border-radius-topleft: 6px;
  -webkit-border-radius-topleft: 6px; 
  -moz-border-radius-topright: 6px;
  border-radius-topright: 6px;
  -webkit-border-radius-topright: 6px; 
}
.tip-text
{
  clear: both;
  float: left;
}
.tip-bottom		{  }




/* Job-Übersicht-Tabelle */
table#job-uebersicht
{
  border-collapse: collapse;
}
table#job-uebersicht caption {
	padding: 0 0 5px 0;
	text-align: left;
}

table#job-uebersicht th {
	color: #fff;
	border-right: 1px solid #e6f1ff;
	border-bottom: 1px solid #e6f1ff;
	border-top: 1px solid #e6f1ff;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #4c7eb9;
	font-size: .82em;
	font-weight: bold;
}

table#job-uebersicht th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #e6f1ff;
	background: none;
}

table#job-uebersicht td {
	border-right: 1px solid #e6f1ff;
	border-bottom: 1px solid #e6f1ff;
	padding: 6px 6px 6px 6px;
  vertical-align: top;
}

table#job-uebersicht tr.even {
	background: #fff;
	color: #666;
}

table#job-uebersicht tr.odd {
	background: #f8f8f8;
	color: #666;
}

table#job-uebersicht td.spec {
	border-left: 1px solid #e6f1ff;
	background: #fafafa;
	color: #797268;
  padding-top: 11px;
}

table#job-uebersicht td.specalt {
	border-left: 1px solid #e6f1ff;
	border-top: 0;
	background: #dee9f5;
	font-weight: bold;
  padding-top: 11px;
}