/* ====================================================================== */
/* reset */
/* ====================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}



/* ====================================================================== */
/* Basic styles */
/* ====================================================================== */

body
{
  color: #323232;
  font-size: 12px;
  font-family: Arial, sans-serif;
  }

p, ul, ol, table, form, div, fieldset, dl
{
  font-size: 1em; /* 12px */
  line-height: 1.3333em; /* 16px */
  margin: 0 0 1.3333em 0;
  }

a
{
  color: #323232;
  text-decoration: none;
  }

a:hover,
a:focus
{
  text-decoration: underline;
  }

p, div, ul, ol, li, img, hr, form
{
  border-color: #9a9a9a;
  }

hr
{
  border-width: 0;
  border-top-width: 1px;
  border-top-style: solid;
  height: 0;
  margin-top: -0.6667em;
  margin-bottom: 0.5833em;
  }

.scheibler
{
  text-transform: uppercase;
  }

.more
{
  display: block;
  }

.more a:after
{
  content: " »";
  }

.heading
{
  display: block;
  }

.errormsg
{
  color: #cf0016;
  }

.errormsg ul
{
  list-style-image: none !important;
  padding-left: 0 !important;
  }



/* ====================================================================== */
/* Basic structure */
/* ====================================================================== */

body
{
  background: #3773a2 url(/images/bg_content.png) no-repeat center 84px;
  margin-bottom: 150px;
  margin-top: 14px;
  }

body#page-homepage
{
  background-image: url(/images/bg_homepage.png);
  }

#header,
#nav,
#breadcrumbs,
#content-wrapper,
#stage-wrapper,
#topics-wrapper,
#footer
{
  margin: 0 auto;
  width: 1000px;
  }

/* Gap between content and footer line */
#content-wrapper,
#topics-wrapper
{
  margin-bottom: 18px;
  }



/* ====================================================================== */
/* Header */
/* ====================================================================== */

#header
{
  background: #6898bd url(/images/bg_content.png) no-repeat -91px 70px;
  height: 90px;
  margin-bottom: 16px;
  position: relative;
  }

#page-homepage #header
{
  background-image: url(/images/bg_homepage.png);
  }

#header h1
{
  background: transparent url(/images/logo_scheibler.png) no-repeat left top;
  height: 67px;
  left: 11px;
  position: relative;
  text-indent: -9000em;
  top: 11px;
  width: 227px;
  }

#header h1 a
{
  display: block;
  height: 100%;
  }



/* ====================================================================== */
/* Header navigation */
/* ====================================================================== */

#topnav
{
  position: absolute;
  right: 12px;
  top: 12px;
  }

#topnav li
{
  float: left;
  }

#topnav li:before
{
  color: #fff;
  content: "|";
  margin: 0 0.5em;
  }

#topnav li:first-child:before
{
  content: "";
  margin: 0;
  }

#topnav a
{
  color: #fff;
  }



/* ====================================================================== */
/* Search form */
/* ====================================================================== */

#searchform
{
  border: none;
  bottom: 14px;
  margin: 0;
  position: absolute;
  right: 12px;
  }

#searchform div
{
  margin: 0;
  }

#searchform label
{
  color: #fff;
  }

#searchform input[type=text]
{
  border: none;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  padding: 0;
  width: 163px;
  }

#searchform input[type=submit]
{
  background: transparent url(/images/button_mini_white.gif) no-repeat 0 2px;
  border: none;
  height: 16px;
  padding: 0;
  text-indent: -9000px;
  width: 13px;
  }



/* ====================================================================== */
/* Main navigation */
/* ====================================================================== */

#nav
{
  height: 37px;
  }

#nav ul
{
  display: none;
  font-size: 0.9167em; /* 11px */
  left: 0;
  line-height: 1.4545em; /* 16px */
  margin-top: 0;
  position: absolute;
  top: 37px;
  }

#nav li
{
  float: left;
  width: 165px;
  z-index: 500;
  }

#nav > li
{
  cursor: default; /* IE fix */
  float: left;
  margin-left: 2px;
  position: relative;
  width: 165px;
  }

#nav > li:first-child
{
  margin-left: 0;
  }

#nav > li:hover > ul
{
  display: block;
  }

#nav strong,
#nav a
{
  background-color: #003550;
  color: #fff;
  display: block;
  text-transform: uppercase;
  }

#nav strong
{
  background-image: url(/images/nav_gradients.png);
  background-repeat: repeat-x;
  border: 1px solid #003550;
  border-bottom: 0;
  font-size: 1.0833em; /* 13px */
  font-weight: normal;
  height: 26px;
  letter-spacing: 0.11em;
  line-height: 1.2308em; /* 16px */
  padding-top: 10px;
  text-align: center;
  }

#nav a
{
  border-top: 1px solid #26536a;
  letter-spacing: 0.07em;
  padding: 4px 10px 2px;
  }

#nav li:hover strong,
#nav li.selected strong,
#nav li a:hover,
#nav li a:focus
{
  color: #fd8713;
  text-decoration: none;
  }



/* ====================================================================== */
/* Stage */
/* ====================================================================== */

#stage-wrapper,
#content-wrapper
{
  background: transparent url(/images/shadow.png) no-repeat 165px bottom;
  padding-bottom: 10px;
  }

#stage-wrapper
{
  background-position: -835px bottom;
  height: 463px;
  margin-bottom: 9px;
  overflow: hidden;
  position: relative;
  }

#stage
{
  left: 0; /* Wert schiebt komplette Buehne nach links oder rechts */
  margin-bottom: 0;
  position: absolute;
  width: 1000px; /* von JS auf 1000 * Anz. d. Elemente gesetzt */
  }

#stage ul
{
  font-size: 1.0833em; /* 13px */
  line-height: 1.2308em; /* 16px */
  margin-bottom: 0em;
  }

#stage > li
{
  background-repeat: no-repeat;
  display: none;
  float: left;
  height: 463px;
  position: relative;
  width: 1000px;
  }

#stage > li.stage-default
{
  display: block;
  }

#stage .title
{
  display: none;
  }

.stage-default
{
  background-image: url(/images/willkommen.jpg);
  text-indent: -9000em;
  }



/* ====================================================================== */
/* Topic boxes */
/* ====================================================================== */

#topics-wrapper
{
  background: transparent url(/images/shadow.png) no-repeat -1835px bottom;
  padding-bottom: 11px;
  }

#topics
{
  margin-bottom: 0;
  overflow: hidden;
  }

#topic-3
{
  margin-right: 0;
  }

.topic
{
  background: #00517b url(/images/nav_gradients.png) repeat-x left -58px;
  border: 1px solid #003550;
  color: #fff;
  float: left;
  margin: 0 20px -1000px 0;
  padding: 10px 14px 1009px;
  width: 290px;
  }

.topic h2
{
  font-size: 1.5em; /* 18px */
  font-weight: normal;
  line-height: 1.5556em;
  letter-spacing: 0.07em;
  padding-bottom: 9px;
  text-transform: uppercase;
  }

.topic p
{
  font-size: 0.9167em; /* 11px */
  line-height: 1.2727em;
  margin-bottom: 0em;
  }

.topic a
{
  color: #fd8713;
  }

.topic .image
{
  background-color: #fff;
  border: 1px solid #003550;
  float: left;
  height: 106px;
  line-height: 106px;
  margin: -3px 15px 5px 0;
  overflow: hidden;
  text-align: center;
  width: 106px;
  }

.topic .image img
{
  vertical-align: middle;
  }



/* ====================================================================== */
/* Footer */
/* ====================================================================== */

#footer
{
  clear: left;
  }

#footer,
#footer a
{
  color: #fff;
  }

#footer ul
{
  float: left;
  }

#footer li
{
  border-left: 1px solid #fff;
  float: left;
  margin-left: 0.5em;
  padding-left: 0.5em;
  }

#footer li:first-child
{
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
  }

#footer p
{
  float: right;
  }