/* @override 
	http://www.lab-leipzig.de/fileadmin/templates/css/default.css
	http://user128.confixx3.dsinet.de/cms/fileadmin/templates/css/default.css
*/

/*

(c) by Labor Diaknostik GmbH Leipzig (http://www.lab.leipzig.de/)

Funktion:   Standard-Stylesheet

Author:     Rene Berger
E-Mail:     info@reneberger.com
Website:    www.reneberger.com

*/

/* @group Color Specs */

/* dark grey        fonts                #666666 */
/* grey             fonts #footer        #999999 */ 
/* light grey       border               #e5e5e5 */
/* red              headlines h1,h2      #cc0066 */
/* light blue       links                #3399cc */

/* @end */



/* @group Reset Styling */

/* -------------------------------------------------------------- 

  reset.css

  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%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  background: transparent;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

a img { border: none; }

a:active,
a:focus {
  outline: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: 400;
}

/* @end Reset Styling */

/* @group Base Styling */

html {
  height: 100%;
}

body {
  background-color: #ffffff;
  color: #666666;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}

a:link, a:visited {
  color: #3399cc;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #3399cc;
  text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
  color: #cc0066;
  font-weight: bold;
}

h1 {
  font-size: 2em;
  line-height: 1.25;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  margin-bottom: 0.75em;
}

h3 {
  font-size: 1.25em;
  line-height: 1;
  margin-bottom: 1em;
}

h2+h3 {
  margin-top: -.6em;
}

p + h3, ul + h3,
.text p + h2, .text ul+h2 {
  padding-top: .5em;
}

h4 {
  font-size: 1em;
  line-height: 1.25;
  margin-bottom: 1em;
}

p {
  margin: 0 0 1.25em 0;
}

strong, b {
  font-weight: bold;
}

em, dfn, i {
  font-style: italic;
}

sup {
  font-size: 0.8em;
  line-height: 1em;
  vertical-align: super;
}

ul li {
  list-style: none;
}

table {
  empty-cells: hide;
  margin: 0 0 1.25em 0;
  width: 100%;
}

th, td, caption {
  padding: 3px 0;
}

caption {
  font-weight: bold;
}

th {
  background: transparent;
  font-weight: bold;
  vertical-align: top;
}

td {
  vertical-align: top;
}

legend {
  display: none;
}

label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
  cursor: pointer;
}

input, textarea, select {
  border: 1px solid #c6c7c8;
  color: #666666;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 13px;
  padding: 6px 4px;
}

select {
  padding: 6px 2px 6px 4px;
}

hr {
  background: #c6c7c8;
  border: none;
  height: 1px;
  margin: 0 0 20px 0;
}

.skip, .invisible {
  display: inline;
  height: 0;
  left: -1000em;
  overflow: hidden;
  position: absolute;
  top: -1000em;
  width: 0;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear {
  clear: both;
  height: 0;
  visibility: hidden;
}

/* @end Base Styling */


/* @group Layout Grid */

/* ersetzt durch 960 Gridder
#pageWrapper {
  background: #fff url(../images/12_col.gif) repeat-y 20px 0;
}
*/

.container_12 {
  width: 940px;
}

.container_8 {
  width: 620px;
}

.grid_2, .grid_3, .grid_4, .grid_6, .grid_8 {
  display: inline;
  float: left;
  margin-left: 20px;
}

.grid_2 { width: 140px; }
.grid_3 { width: 220px; }
.grid_4 { width: 300px; }
.grid_6 { width: 460px; }
.grid_8 { width: 620px; }

.first {
  margin-left: 0;
}

/* @end 960 Grid System */


/* @group Layout Container */

#pageBackground {
  /*bottom: 0; bei Farbverlauf oben Ausrichtung unten */
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
* html #pageBackground {
  position: absolute;
}
#pageBackground img {
  height: auto;
  width: 100%;
  z-index: 0;
}

#pageWrapper {
  height: 100%;
  position: relative;
  top: 0;
  z-index: 2;

  background-color: #fff;
  padding: 20px 30px 0;
  margin: 20px auto;
  width: 940px;

  box-shadow: 1px 1px 4px #999;
  -moz-box-shadow: 1px 1px 4px #999;
  -webkit-box-shadow: 1px 1px 4px #999;
}

/* @end Layout Container */


/* @group Page Structure */

#header {
  height: 200px;
  /*overflow: hidden; Konflikt mit DropDow Menu*/
  /*padding: 20px 30px 0; ohne negativ margins id="footer-content"*/
  position: relative;
  width: 940px;
}

#logo {
  height: 124px;
  left: 0;
  position: absolute;
  top: 0;
  width: 160px;
}

#logo a {
  display: block;
  height: 124px;
  width: 160px;
}

#metaMenu {
  font-size: 11px;
  left: 220px;
  line-height: 1em;
  position: absolute;
  top: 0;
}

#metaMenu li {
  /*background: transparent url("../images/separator_metaMenu.png") no-repeat left center;*/
  border-left: 1px solid #3399cc;
  float: left;
  padding: 0 6px;
}

#metaMenu li.first {
  /*background: none;*/
  border-left: none;
  padding: 0 6px 0 0;
}

#languageMenu {
  font-size: 11px;
  line-height: 1em;
  position: absolute;
  right: 0;
  top: 0;
}

#languageMenu h4 {
  color: #666666;
  /* display: inline; durch float: left ersetzt */
  float: left;
  margin: 0;
}

#languageMenu ul {
  /* display: inline; durch float: left ersetzt */
  float: left;
  margin: 0 0 0 6px;
}

#languageMenu li {
  display: inline;
  margin: 0 0 0 6px;
}

#languageMenu li.active img, #languageMenu li a:hover img {
  opacity: 1;
}

#languageMenu li a img {
  opacity: 0.75;
}

#languageMenu li.inactive img {
  opacity: 0.5;
}

#quickNews {
  background: #ebf5fa;
  font-size: 11px;
  font-weight: bold;
  height: 84px;
  left: 220px;
  line-height: 16px;
  position: absolute;
  top: 36px;
  width: 720px;
}

#quickNews .grid_3 {
  border-left: 1px solid #ffffff;
  padding: 10px 20px 0;
  margin: 0;
  min-height: 64px;
  width: 199px;
}

#quickNews .first {
  border-left: none;
}

#quickNews p {
  margin: 0;
}

/*qucikNews a.more*/
#quickNews a {
  font-weight: normal;
}

#mainMenu {
  height: 40px;
  left: 0;
  position: absolute;
  top: 160px;
  width: 940px;
}

ul#mainMenuDropDown {
  background: transparent url("../images/bg_mainMenuDropDown.png") repeat-x left top;
  border-right: 1px solid #c6c7c8;
  left: 0;
  position: absolute;
  width: 619px;
  z-index: 511;
}

ul#mainMenuDropDown li {
  border-right: 1px solid #ffffff;
  float: left;
  position: relative;
}

ul#mainMenuDropDown li a {
  color: #666666;
  display: block;
  line-height: 36px;
  padding: 4px 24px 0;
}

ul#mainMenuDropDown li.active {
  background: transparent url("../images/bg_mainMenuDropDown_active.png") repeat-x left top;
}

ul#mainMenuDropDown li.active > a {
  background: transparent url("../images/bg_mainMenuDropDown_arrow.png") no-repeat center bottom;
  color: #ffffff;
}

ul#mainMenuDropDown li:hover > a, ul#mainMenuDropDown li.hover > a {
  background: #ffffff;
  border-top: 1px solid #c6c7c8;
  border-left: 1px solid #c6c7c8;
  border-bottom: none;
  border-right: 1px solid #c6c7c8;
  color: #666666;
  margin: -2px -4px 0 -1px;
  padding: 5px 27px 0 24px;

  box-shadow: 1px 1px 4px #999;
  -moz-box-shadow: 1px 1px 4px #999;
  -webkit-box-shadow: 1px 1px 4px #999;
  position: relative;
  z-index: 521;
}

/* Obsolete
ul#mainMenuDropDown li.first a:hover {
  margin: -2px -4px 0 0;
  padding: 5px 27px 0 23px;
}
*/

ul#mainMenuDropDown ul {
  background-color: #ffffff;
  border-top: none;
  border-left: 1px solid #c6c7c8;
  border-bottom: 1px solid #c6c7c8;
  border-right: 1px solid #c6c7c8;
  left: 0;
  margin: 0 0 0 -1px;
  padding: 6px 0;
  position: absolute;
  top: 100%;
  visibility: hidden;
  z-index: 611;
  width: 220px;

  box-shadow: 2px 2px 2px #999;
  -moz-box-shadow: 2px 2px 2px #999;
  -webkit-box-shadow: 2px 2px 2px #999;
  /*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999, offX=2, offY=2, positive=true);*/

  /*filter: alpha(opacity=90);
  -moz-opacity: .9;
  KhtmlOpacity: .9;
  opacity: .9;*/
}

/*ul#mainMenuDropDown li:hover > ul, ul#mainMenuDropDown li.hover ul {*/
ul#mainMenuDropDown li:hover ul, ul#mainMenuDropDown li.hover ul {
  display: block;
  visibility: visible;
  z-index: 698;
}

ul#mainMenuDropDown ul li {
  border: none;	
  clear: both;
  float: none;
}

ul#mainMenuDropDown ul li a, ul#mainMenuDropDown ul li span {
  display: block;
  font-weight: bold;
  line-height: 1em;
  padding: 6px 24px;
}

ul#mainMenuDropDown ul li:hover > a {
  background-color: #ebf5fa;
  border: none;
  color: #3399cc;
  margin: 0;
  padding: 6px 24px;

  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

ul#mainMenuDropDown ul ul {
  background: none;
  border: none;
  left: 0;
  margin: 0;
  padding: 0 0 10px;
  position: relative;
  top: 0;

  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none
}

ul#mainMenuDropDown ul ul li a {
  font-weight: normal;
  padding: 3px 24px;
}

ul#mainMenuDropDown ul ul li a:hover {
  background: none;
  padding: 3px 24px;
  text-decoration: underline;
}

#searchBox {
  background: transparent url("../images/bg_searchBox.png") repeat-x left top;
  border: 1px solid #c6c7c8;
  height: 26px;
  padding: 6px;
  position: absolute;
  right: 0;
  width: 286px;
}

#searchBox input.searchInput, #searchBox input.searchButton {
  border: none;
  font-size: 13px;  
  /*vertical-align: middle;*/
}

#searchBox input.searchInput {
  background: transparent url("../images/bg_searchInput.png") no-repeat left 50%;
  color: #999999;
  float: left;
  height: 18px;
  outline: none;
  padding: 4px 4px 4px 24px;
  /*vertical-align: middle;*/
  width: 170px;
}

#searchBox input.searchButton {
  background: transparent url("../images/bg_searchButton.png") repeat left top;
  color: #ffffff;
  float: right;
  height: 26px;
  padding: 0;
  /*vertical-align: middle;*/
  width: 84px;
}

#searchBox input.searchButton:hover {
  background-position: left bottom;
}

#main {
  padding: 20px 0;
  /*padding: 20px 30; 30px; ohne negativ margins id="footer-content"*/
  position: relative;
  width: 940px;
}

/*
#secondaryContent {
  position: relative;
}
*/

#subMenu > ul {
  margin-bottom: 40px;
}

#subMenu > ul > li {
  background: transparent url("../images/bg_subMenu.png") no-repeat left bottom;
}

#subMenu ul li a {
  color: #666666;
  display: block;
  line-height: 29px;
  padding: 0 16px;
}

#subMenu > ul > li:hover > a, #subMenu > ul > li.active > a {
  background: transparent url("../images/bg_subMenu_active.png") no-repeat left top;
  margin: -1px 0 0 -6px;
  padding: 1px 16px 0 22px;
}

#subMenu > ul > li.active > a {
  color: #3399cc;
}

#subMenu ul ul {
  padding: 9px 0px;
}

#subMenu ul ul li a {
  line-height: 24px;
  padding: 0 16px 0 30px;
}

#subMenu ul ul li a:hover, #subMenu ul ul li.active a  {
  color: #3399cc;
  padding: 0 16px 0 30px;
}

#subMenu ul ul li.active a {
  background: transparent url("../images/bg_subMenu_level2_arrow.png") no-repeat 16px 7.5px;
}

#footer {
  clear: both;
  color: #999999;
  font-size: 11px;
  width: 940px;
}

#footerContent {
  background: transparent url("../images/bg_footer.png") repeat-x left top;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  margin: 0px -30px;
  overflow: hidden;
  padding: 10px 30px 20px;
}

/* #footerContent ohne element.style  
.sitemap-off div#footerContent {
  border-bottom: none;
}*/

.copyright {
  float: left;
  margin: 0;
}

#toolBar {
  float: right; 
}

#toolBar a {
  float: left;
  height: 16px;
  margin: 0 0 0 6px;
  text-indent: -999em;
  width: 18px;
}

#toolBar a.toolBarHome { background: transparent url("../images/home.png") no-repeat left top; }
#toolBar a.toolBarBookmark { background: transparent url("../images/bookmark.png") no-repeat left top; }
#toolBar a.toolBarFeedback { background: transparent url("../images/feedback.png") no-repeat left top; }

#toolBar a.toolBarHome:hover,
#toolBar a.toolBarBookmark:hover,
#toolBar a.toolBarFeedback:hover { background-position: left bottom; }

#sitemap {
  padding: 20px 0;
  overflow: hidden;
}

#sitemap h4 {
  color: #999999;
}

#sitemap li a {
  color: #999999;
}

#socialBookmarks {
  padding: 0 0 20px;
}

.addthis_toolbox .custom_images a {
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
}

.addthis_toolbox .custom_images a:hover img {
  opacity: 1;
}

.addthis_toolbox .custom_images a img {
  /*border: 1px solid #e5e5e5;*/
  opacity: 0.75;
}

/* @end Page Structure */


/* @group jQuery UI */

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Component containers
----------------------------------*/
.ui-widget-header {
  border-bottom: 1px solid #c6c7c8;
  color: #666666;
  font-weight: bold;
}
.ui-widget-header a { color: #666666; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  /* background: #ffffff url(../images/bg_tabMenu.png) 0 0 repeat-x; */
  background: #e5e5e5;
  border: 1px solid #c6c7c8;
  color: #666666;
  /* font-size: 1.25em; */
  font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #666666;
  text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  /* background: #ffffff url(../images/bg_tabMenu.png) 0 -33px repeat-x; */
  border: 1px solid #c6c7c8;
  color: #3399cc;
  font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover {
  color: #3399cc;
  text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
  /* background: #ffffff url(../images/bg_tabMenu.png) 0 -33px repeat-x; */
  background: #e5e5e5;
  border: 1px solid #c6c7c8;
  color: #cc0066;
  font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #cc0066;
  text-decoration: none;
}
.ui-widget :active { outline: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  background-image: url(../images/ui-icons_666666.png);
  border: 1px solid #c6c7c8;
  height: 22px;
  width: 24px;
}
/*
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
*/
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_666666.png); }
/*
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
*/

/* positioning */
.ui-icon-triangle-1-e { background-position: 0 0; }
.ui-icon-triangle-1-s { background-position: 0 -22px; }

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header {
  cursor: pointer;
  margin-top: 3px;
  position: relative;
  zoom: 1; 
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { /*border-bottom: 0 !important;*/ }
.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em;
}
.ui-accordion .ui-accordion-header a:hover {
  color: #3399cc;
}
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 4em; }
.ui-accordion .ui-accordion-header .ui-icon {
  left: .5em;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}
.ui-accordion .ui-accordion-content {
  border-top: 0;
  display: none;
  margin-top: -2px;
  margin-bottom: 2px;
  overflow: auto;
  padding: 20px 0;
  position: relative;
  top: 1px;
  zoom: 1; 
}
.ui-accordion .ui-accordion-content-active { display: block; }

/* Tabs
----------------------------------*/
.ui-tabs {
  padding: 20px 0;
  position: relative;
  zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0; 
  padding: 0;
}
.ui-tabs .ui-tabs-nav li {
  background: #ffffff url(../images/bg_tabMenu.png) 0 0 repeat-x;
  border-bottom: 0 !important;
  float: left;
  font-size: 1.25em;
  list-style: none;
  margin: 0 -1px 1px 0;
  padding: 0;
  position: relative;
  top: 1px;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  color: #ababab;
  float: left;
  padding: 6px 38px;
  text-decoration: none;
}

/* Edited Beginn */
.ui-tabs .ui-tabs-nav li.ui-state-hover {
  background: #ffffff url(../images/bg_tabMenu.png) 0 -33px repeat-x;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a {
  color: #3399cc;
}
/* Edited End */

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: #ffffff url(../images/bg_tabMenu.png) 0 -33px repeat-x;
  margin: -6px -1px 0 0;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  color: #cc0066;
  cursor: text;
  padding: 12px 38px 6px 38px;
}
/* .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } */ /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  background: #ffffff;
  border-width: 0;
  display: block;
  padding: 20px 0;
}
.ui-tabs .ui-tabs-hide { display: none !important; }

/* @end jQuery UI */


/* @group Provisional Classes */


p.boxBorder {
  border: 1px solid #c6c7c8;
  padding: 10px;
}

p.note {
  font-size: 11px;
  font-style: italic;
}

span.small {
  font-size: 11px;
  font-style: italic;
}

span.colorRed {
  color: #cc0066;
}

span.colorWhite {
  color: #ffffff;
}

ul.list li {
  list-style: disc outside;
  margin-left: 20px;
  padding-left: 10px;
}

table.withoutBorder td {
  border: 0px solid #c6c7c8;
  padding: 0px;
}

td.cellRed {
  font-weight: bold;
  color: #e2007a;
}

a.external-link-new-window {
  padding-left: 16px;
  background-image: url(../images/icon_link_extern.png);
  background-position: -3px -1px;
  background-repeat: no-repeat;
}

a.internal-link {
  padding-left: 12px;
  background-image: url(../images/icon_link_intern.png);
  background-position: 0px -1px;
  background-repeat: no-repeat;
}

a.download {
  padding-left: 22px;
  background-image: url(../images/icon_file.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

a.downloadPDF {
  padding-left: 20px;
  background-image: url(../images/icon_file_pdf.png);
  background-position: 0px -1px;
  background-repeat: no-repeat;
}

a.mail {
  padding-left: 16px;
  background-image: url(../images/icon_mail.png);
  background-position: -1px 2px;
  background-repeat: no-repeat;
}

#main img {
  margin-bottom: 1.25em; /* provisionally */
}

#main .featured-slider img {
  margin: 0; /* provisionally */
}

.leftfloat, .rightfloat {
  float: left;
  border: 1px solid #c6c7c8;
  margin: 0pt 20px 1.25em 0pt;
  padding: 0px;
}

.rightfloat {
  float: right;
  margin: 0pt 0pt 1.25em 20px;
}

#main > .grid_4 {
  float: right;
}

.teaserBox {
  background: transparent url("../images/bg_teaserBox.jpg") no-repeat left top;
  margin: -2px 0 0 -3px;
  padding: 22px 20px 20px 23px;
}

.teaserBoxBig {
  background: transparent url("../images/bg_teaserBoxBig.png") repeat-x left top;
  border: 1px solid #c6c7c8;
  margin-bottom: 1.25em;
  padding: 20px 0px 20px 20px;
}

.teaserBox h2,
.teaserBoxBig h2 {
  font-size: 1.4em;
}

.teaserBox h2 a,
.teaserBoxBig h2 a {
  color: #cc0066;
}

.teaserBox a span,
.teaserBoxBig a span {
  white-space: nowrap;
}

.teaserBox img,
.teaserBoxBig img {
  margin: 0;  
}

.teaserBoxSmall {
  margin-bottom: 1.25em;
}

.teaserBoxSmall a {
  background: transparent url("../images/bg_teaserBoxSmall.png") repeat-x left top; 
  border: 1px solid #c6c7c8;
  color: #666666;
  display: block;
  line-height: 1.2em;
  overflow: hidden;
  padding: 15px 10px 15px 115px;

  height: 60px; /* provisionally */
}

.teaserBoxSmall img {
  float: left;
  margin: 0 0 0 -100px;
}

.teaserBoxSmall strong {
  color: #cc0066;
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.25;
}

.teaserBoxSmall span {
  color: #3399cc;
  /* white-space: nowrap; */
}


.teaserBoxSmall-01 {
  background: transparent url("../images/bg_teaserBoxSmall.png") repeat-x left top; 
  border: 1px solid #c6c7c8;
  line-height: 1.2em;
  margin-bottom: 1.25em;
  overflow: hidden;
  padding: 15px;

  height: 60px; /* provisionally */
}

.teaserBoxSmall-01 img {
  float: left;
  margin: 0 15px 0 0;
}

.teaserBoxSmall-01 h4 {
  margin: 0;
}

.teaserBoxSmall-01 p {
  margin: 0;
}


.productBox {
  border-bottom: 1px solid #c6c7c8;
  margin: 0 0 1.25em;
  padding: 0 0 20px;
}

.productBoxImage {
  float: left;
  width: 160px;
}

.productBoxContent {
  margin-left: 180px;  
}

.productBoxContent h3 {
  font-size: 1em;  
}

.productBoxContent table {
  border-top: 1px solid #c6c7c8;
}

.productBoxContent th,
.productBoxContent td {
  border-bottom: 1px solid #c6c7c8;
}

.productBoxInfo a {
  background: transparent url("../images/bg_button.png") repeat-x left bottom;  
  border: 1px solid #c6c7c8;
  color: #666666;
  display: block;
  float: left;
  margin-right: 10px;
  /* padding: 2px 20px 2px 40px; */
}

.productBoxInfo a span {
  background: transparent url("../images/button_productInfo.png") no-repeat 10px center;  
  float: left;
  padding: 2px 10px 2px 31px;
}

.productBoxInfo a span:hover {
  color: #3399cc;
}


#featuredSlider {
  height: 360px;
  margin: 0 0 1.5em;
  overflow: hidden; /* important */
  position: relative; /* important */
  width: 940px;
}

#featuredSliderContent {
  margin-left: 0; /* important */
  position: absolute; /* important */
  top: 0; /* important */
  width: 940px;
}

.featuredSliderImage {
  display: none; /* important */
  float: left; /* important */
  position: absolute; /* important - orginal: relative */
}

.featuredSliderImage div.description {
  background-color: transparent;
  color: #666666;
  display: none; /* important */
  left: 40px;
  padding: 0;
  position: absolute; /* important */
  width: 860px;
  top: 30px;

  filter: alpha(opacity=70); /* here you can set the opacity of box with text */
  -moz-opacity: 0.7; /* here you can set the opacity of box with text */
  -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
  opacity: 0.7; /* here you can set the opacity of box with text */
}

.featuredSliderImage div.description h2 {
  font-size: 2.8em;
  line-height: 1.1em;
  margin-bottom: 0.75em;

/*
  text-shadow: 1px 1px 1px #000;
  -webkit-text-shadow: 1px 1px 1px #000;
  -moz-text-shadow: 1px 1px 1px #000;
*/
}

.featuredSliderImage div.description h3 {
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 1.5em;

/*
  text-shadow: 1px 1px 1px #000;
  -webkit-text-shadow: 1px 1px 1px #000;
  -moz-text-shadow: 1px 1px 1px #000;
*/
}

.featuredSliderImage div.description h2 a,
.featuredSliderImage div.description h3 a {
  color: #cc0066;
}

.featuredSliderImage div.description p {
  font-size: 1.2em;
  line-height: 1.4;
  margin-bottom: 0.5em;
  width: 860px;
}

.featuredSliderButton {
	display: block; 
	height: 22px;
	margin: 6px;
	position: absolute;
	width: 22px;
	z-index:99999;
}

.play {background: transparent url(../images/button_slider_play.png) no-repeat; display:none; left: 906px; top: 326px;}
.pause {background: transparent url(../images/button_slider_pause.png) no-repeat; left: 906px; top: 326px;}


#map input#saddr, #map input#daddr {
  font-size: 11px;
  margin-left: 6px;
  padding: 4px 6px;
  width: 100px;
}

#map input[type=submit] {
  font-size: 11px;
  margin-left: 6px;
  padding: 3px 6px;
  width: auto;
}


/* @end Provisional Classes */


/* @group Typo3 Extensions */

/* @group indexed_search */

.tx-indexedsearch .tx-indexedsearch-searchbox {
  margin-bottom: 2.5em;
}

.tx-indexedsearch .tx-indexedsearch-form {
  float: left;
}

.tx-indexedsearch .searchbox-tmpl-css LABEL {
  font-weight: bold;
  margin-right: 20px;
  width: 140px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
  float: none;
  width: 210px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
  background: transparent url("../images/bg_button.png") repeat-x left bottom;  
  border: 1px solid #c6c7c8;
  color: #666666;
  float: none;
  padding: 5px 20px;
  width: auto;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button:hover {
  color: #3399cc;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
  margin-bottom: 6px;
}

.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
  font-style: italic;
  font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-browsebox LI {
  display: inline;
  margin: 0px 6px 0px 0px;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
  font-weight:bold;
}

.tx-indexedsearch .res-tmpl-css {
  border-bottom: 1px dotted #c6c7c8;
  clear: both;
  margin-bottom: 1.25em;
}

.tx-indexedsearch .tx-indexedsearch-icon {
  float: left;
}

.tx-indexedsearch h3 {
  font-size: 1em;
}

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
  clear: both;
/*
  float: right;
  margin-top: -17px;
*/
  font-weight: normal;
  letter-spacing: 0;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
  color: #cc0066;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
  font-size: 9px;
  line-height: 1.2em;
  margin-bottom: 1.2em;
}

.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd {
  float: left;
}

.tx-indexedsearch .info-tmpl-css dd.item-mtime {
  float: none;
}

.tx-indexedsearch .info-tmpl-css dd.item-path {
  float: none;
}

/*
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }
*/

/* @end indexed_search */

/* @group pil_mailform */

#teaserForm {
  background: #ffffff url("../images/bg_teaserForm.png") repeat-x left top;
  border: 1px solid #c6c7c8;
  padding: 10px 15px 0;
  position: relative;
}

.tx-pilmailform-pi1 .error_message {
  border: 2px solid #cc0066;
}

/* Form: General Styls */
.tx-pilmailform-pi1 form {
  margin-bottom: 1.25em;
}

.tx-pilmailform-pi1 label {
  float: left;
  line-height: 1em;
  padding-top: 6px;
  width: 160px;
}

.tx-pilmailform-pi1 input, .tx-pilmailform-pi1 textarea, .tx-pilmailform-pi1 select {
  background: #ffffff url("../images/bg_formInput.png") repeat-x left top;  
  /*border: 1px solid #c6c7c8;
  color: #666666;*/
  float: none;
  width: 366px;
}

.tx-pilmailform-pi1 input[type=checkbox] {
  background: none;
  border: none;
  padding: 0;
}

.tx-pilmailform-pi1 textarea {
  height: 100px;
}

.tx-pilmailform-pi1 input[type=submit] {
  background: transparent url("../images/bg_button.png") repeat-x left bottom;  
  border: 1px solid #c6c7c8;
  color: #666666;
  float: none;
  padding: 3px 6px;
  width: auto;
}

.tx-pilmailform-pi1 input[type=submit]:hover {
  color: #3399cc;
}

/* Form: Contact */
#contact #copy label {
  float: none;
  margin-left: 10px;
  width: auto;
}

#contact #copy input {
  float: left;
  margin: 2px 0pt 0pt 160px;
  width: 15px;
}

#contact input[type=submit] {
  margin-left: 160px;
  width: 140px;
}

/* Form: Support */
#support #feedback label {
  float: none;
  margin-left: 10px;
  padding: 0;
  width: auto;
}

#support #feedback input {
  float: left;
  margin: 0 0 0 160px;
  width: 15px;
}

#support input[type=submit] {
  margin-left: 160px;
  width: 140px;
}

/* Form: Support Small */
/*
#supportSmall {
  background: #ffffff url("../images/bg_teaserForm.png") repeat-x left top;
  border: 1px solid #c6c7c8;
  padding: 10px 15px 0;
}
*/

#supportSmall p {
  margin-bottom: 1em;
}

#supportSmall label {
  width: 80px;
}

#supportSmall input, #supportSmall textarea {
  padding: 4px 4px;
  width: 176px;
}

#supportSmall textarea {
  height: 50px;
}

#supportSmall input[type=submit] {
  margin-left: 80px;
  width: 120px;
}

/* Form: Product Support */
/*#productSupport {
  background: transparent url("../images/bg_teaserForm.png") repeat-x left top;
  border: 1px solid #c6c7c8;
  padding: 10px 15px 0;
}

#productSupport label {
  width: 85px;
}

#productSupport input, #productSupport textarea {
  width: 165px;
}

#productSupport textarea {
  height: 50px;
}

#productSupport input[type=submit] {
  margin-left: 85px;
  width: 120px;
}*/

/* @end pil_mailform */


/* @group tt_news */

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right {
  border:none;
  clear:right;
  height:1px;
  margin:0;
  padding:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
  clear:both;
}

.news-single-item HR.cl-left {
  clear:left;
}

/*------------------------------  tt_news LATEST view  ------------------------------*/

.news-latest-container {
  margin: 0;
  padding: 0;
}
.news-latest-gotoarchive {
  background-color: #e5e5e5;
  padding: 3px 6px;
}
.news-latest-item {
  margin: 0 0 1.25em 0;
  padding: 0;
}

/*
.news-latest-date {
  font-size: 10px;
  font-weight: normal;
}
*/

.news-latest-container H3 {
  margin: 0;
}
.news-latest-item IMG {
  float: left;
  margin: 0 15px 10px 0;
}


/*------------------------------ tt_news LIST view  ------------------------------*/
.news-list-container {
  margin: 0 0 1.25em 0;
  padding: 0;
}

.news-list-item {
  margin: 0 0 1.25em 0;
}

.news-list-date {
  /*float: right;
  display:block;*/

  font-size: 11px;
  font-weight: normal;
}

.news-list-container H2 A {
  color: #cc0066;
  margin-top: 0;
}

.news-list-container IMG {
  float: left;
  margin: 2px 20px 15px 0;
}

.news-list-imgcaption {
  font-size: 11px;
  line-height: 1.2em;
  padding: 2px 0;
}

/*
.news-list-morelink  {
  margin-left: 20px;
}
*/


	/*---------------------------------  LIST2 / 3 ---------------------------------*/

.news-list2-container,
.news-list3-container {
  margin: 0 0 1.25em 0;
  padding: 0;
}
.news-list3-container H1 A,
.news-list3-container H2 A {
  color: #cc0066;
  margin-top: 0;
}
.news-list1-item,
.news-list2-item,
.news-list3-item {
  margin: 0 0 1.25em 0;
}
.news-list1-item IMG {
  float: left;
  margin: 0 0 15px 0;
}
.news-list2-item IMG {
  float: left;
  margin: 2px 20px 10px 0;
}
.news-list3-item IMG {
  float: left;
  margin: 2px 20px 10px 0;
}


/*------------------------------  tt_news Page-Browser ------------------------------*/
.news-list-browse {
  text-align: left;
}

.activeLinkWrap {
  font-weight: bold;
}
.disabledLinkWrap {
  color: #666666;
}
.disabledLinkWrap,
.browseLinksWrap a,
.activeLinkWrap {
  padding: 0 1px;
}


/*------------------------------ tt_news SINGLE view  ------------------------------*/
.news-single-item {
  margin: 0;
}
.news-single-item h2 {
  font-size: 1.25em;
}
.news-single-img {
  float: left;
  margin: 0 20px 10px 0;
}
.news-single-imgcaption {
  font-size: 11px;
  margin: 0;
  padding: 2px 0;
}
.news-single-leftbox {
  /*float: left;*/
  font-size: 11px;
  width: 220px;
}
.news-single-backlink {
  margin-top: 20px;
}
.news-single-additional-info {
  clear: both;
  margin-top: 20px;
}
.news-single-related,
.news-single-files,
.news-single-links {
  margin-bottom: 10px;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
  margin-left: 0;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
  font-weight: bold;
  margin-left: 0;
}

/* @end tt_news */

/* @end Typo3 Extensions */