html  { overflow-y:scroll; }
body  { background:url("/fileadmin/images/contentBackground.png") repeat-x 0 40px #fff; }
body, html, form  { margin:0; padding:0; }
body, html, textarea, input, td, select, button { font-family:verdana, 'sans-serif'; font-size:10px; }
map, a, object { outline:none; moz-outline:none; }
img, a img  { border:none; }
p   { padding:0; margin:0 }
input  { vertical-align:middle; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
 * html .clearfix { height: 1%; }

.print  { display:none; }

table  { border-collapse:collapse; }
table.list  { width:100%; }
table.list td { padding:5px 15px; }

.vertSeperator { background:url("/fileadmin/images/vertSeperator.gif") repeat-x 0 0; width:100%; height:2px; margin:10px 0; }

#mainWrapper { position:relative; margin-left:105px; }
#logo   { position:absolute; left:47px; z-index:99; }
#outerWrapper { height:585px; background:url("/fileadmin/images/wrapperBackground.png") repeat-x 0 0 #c00; top:40px; position:relative; }
#innerWrapper { width:990px; }
#bottomWrapper { padding-left:14px; padding-top:10px; width:990px; color: #333; }

#socialBookmarks, #langMenu { cursor:pointer; }
div.dropDownHeadContent { background:url("/fileadmin/images/arrowDown.gif") no-repeat right center; width:30px; text-align:left; margin:0 auto; }
#channelNavigation { position:absolute; left:266px; top:13px; z-index:50; width:725px; }
#channelNavigation .menuItem { display:inline; margin-right:1px; }

.dateNavigator { width:625px; border-collapse:collapse; }
.dateNavigator .left { width:20px; }
.dateNavigator .dateHeader { }
.dateNavigator .right { width:20px; text-align:right; }

#menuLine   { height:30px; margin-top:10px; position:relative; width:990px; z-index:98; background:url("/fileadmin/images/functionsBackground.png") repeat-x; }
#rootline   { background:url("/fileadmin/images/menuLineBackground.png") repeat-x; width:659px; height:30px; float:left; }
#menuLineSplitter { height:30px; width:2px; background:url("/fileadmin/images/menuLineSplitter.png") no-repeat; float:left; }
#websiteTools img { padding:0 3px 3px 3px; }

#functions    { height:30px; border-collapse:collapse; }
#functions .seperator { width:2px; height:30px; background: url("/fileadmin/images/functionsSeperator.png") no-repeat 0 0; }
#functions .head  { height:30px; text-align:center; vertical-align:middle; }
.functionsLinkBorder { height:2px; background: url("/fileadmin/images/functionsLinkBorderBottom.png") no-repeat 0 0; }
.dropDownMenu   { cursor:pointer; }

#contentLeftWrapper { height:585px; position:relative; top:0; float:left}
#contentLeft  { overflow:hidden; margin-left:-105px; }
#contentWrapper  { float:right; height:585px; position:relative; overflow:hidden; }

#contentLeftWrapper, #contentWrapper { color:#fff; font-size:11px; line-height:17px; }

.dropDown  { top:30px; position:absolute; }
.dropDown a  { background:url('/fileadmin/images/functionsLinkBackground.png') no-repeat 0 0; width:53px; height:21px; padding-top:8px; display:block; text-align:center; margin-bottom:0 !important; }
.dropDown a:hover  { background:url('/fileadmin/images/functionsLinkBackgroundActive.png') no-repeat 0 0; }
.dropDown a img { margin:auto auto; }

#langWrapper  { left:0; top:10px; z-index:21; }
#langMenuSub  { left:793px; }
#socialBookmarksSub { left:745px; }

#websiteFunctions { width:84px; }
#websiteFunctions a  { margin:0 5px; }

.contentFull { width:100%; position:relative; }
.contentBig  { width:660px; }
.contentMedium { width:495px; }
.contentSmall { width:330px; }

#flashL.background  { background: url("/fileadmin/images/backgroundFull.png") no-repeat 0 0; }
.contentBig.background  { background: url("/fileadmin/images/backgroundBig.png") no-repeat 0 0; }
.contentMedium.background { background: url("/fileadmin/images/backgroundMedium.png") no-repeat 0 0; }
.contentSmall.background { background: url("/fileadmin/images/backgroundSmall.png") no-repeat 0 0; }

#flashL.backgroundAlt  { background: url("/fileadmin/images/backgroundFullHigh.png") no-repeat 0 0; }
.contentBig.backgroundAlt { background: url("/fileadmin/images/backgroundBigHigh.png") no-repeat 0 0; }
.contentMedium.backgroundAlt { background: url("/fileadmin/images/backgroundMediumHigh.png") no-repeat 0 0; }
.contentSmall.backgroundAlt { background: url("/fileadmin/images/backgroundSmallHigh.png") no-repeat 0 0; }

.sublinks  { margin:5px 0 10px 0; }
.sublinks a  { margin-right:15px; display:inline-block; }
div.bodytext { margin-top:20px; }

ul li   { list-style-image:url('/fileadmin/images/bullet.gif'); }
h3   { font-size:11px; font-weight:bold; margin:16px 0 8px 0; }
h3.first { margin-top:0; }

.bold  { font-weight:bold; }
.alt  { background:#e3000c; }
.alt2  { background:#ee000f; }

.infobox  { float:right; width:285px; margin:0 0 20px 20px; }

.featurebox.alt  { background:url("/fileadmin/images/backgroundFeaturebox.png"); }
.featurebox.alt .featureboxContent { padding:10px 20px 10px 0; }
.featurebox { clear:both; margin-bottom:30px; }
.featureboxImageWrapper { position:relative; float:left; background:url("/fileadmin/images/backgroundFeaturebox.png") no-repeat 0 0; height:140px; width:140px; }
.featureboxImage   { position:absolute; top:50%; margin:auto; text-align:center; margin-top:-60px; height:120px; width:140px; }
.featureboxImage img  { margin:auto; }
.featurebox.alt .featureboxImageWrapper { background:transparent; }

.featureboxContent h3 {}

.pressFeaturebox { clear:both; margin-bottom:30px; }
.pressImage { float:left; margin:0 20px 20px 0; border:2px solid #fff; }

.gallery.right { float:right; width:150px; margin-left:20px; margin-bottom:20px; }
.gallery { margin-top:20px; }
.gallery .item { float:left; margin-right:20px; padding-bottom:10px; }
.gallery .item .thumb { border:2px solid #fff; margin-bottom:2px; }

#content object { margin-top:-50px; margin-left:-30px; }
.bodytext a { text-decoration:underline; font-weight:bold; }
.bodytext a:hover  { text-decoration:none; }

.contentBig #content { padding:50px 0 0 30px; }
.contentMedium #content { padding:50px 0 0 30px; }
.contentSmall #content { padding:50px 0 0 30px; }

#content h1 { margin:0; padding:0; }
#content h2 { margin:0; padding:0; }

#subNavigationWrapper { position:absolute; z-index:10; bottom:29px; background: url("/fileadmin/images/subMenuBackground.png") no-repeat bottom right; width:185px; right:0; color:#fff; padding:10px 0; }

.subNavigation   { margin-left:10px; font-size:10px; line-height:12px; }
.subNavigation a  { margin:5px 0; padding-left:10px; color:#fff; text-decoration:none; background:url("/fileadmin/images/menuBulletAlt2.png") 0 0 no-repeat; display:block; }
.subNavigation a:hover { text-decoration:underline; }
.subNavigation a.active { font-weight:bold; }
#subMenuBorder   { background:url(/fileadmin/images/subMenuBorder.png) right top repeat-y; padding:0px 10px; }  
ul  { margin:0; padding:0; margin-left:16px; }

.flapNavigation   { position:absolute; height:207px; top:26px; z-index:98; background: url("/fileadmin/images/flapNavigationBackground.png") no-repeat 0 1px; width:724px; }
.flapNavigationWrapper { padding:20px; }
.flapNavigation .qmenu { float: left; margin-right:32px; margin-top:10px; width:145px;}
.flapNavigation .qmenu.last { margin-right:0; width:auto; }
.flapNavigation .qmenuHeader { margin-bottom:1px; }
.flapNavigation .qmenuItems a { margin-bottom:4px; display: block; text-decoration: none; color: #fff; font-size: 10px; padding-left: 13px; background: url("/fileadmin/images/menuBulletAlt2.png") no-repeat 0 1px; } 
.flapNavigation .qmenuItems a:hover { text-decoration:underline; }
.flapNavigation .qmenuItems a.active { font-weight:bold; }

#bottomWrapper .qmenuHeader { margin-bottom:5px; height:30px; }
#bottomWrapper .qmenu { float: left; margin-right:10px; width:220px; margin-top:10px; }
#bottomWrapper .qmenuItems a { margin-bottom:4px; display: block; text-decoration: none; color: #333; font-size: 10px; padding-left: 13px; background: url("/fileadmin/images/menuBullet.png") no-repeat 0 1px; } 
#bottomWrapper .qmenuItems a:hover { color: #c00; background: url("/fileadmin/images/menuBulletActive.png") no-repeat 0 1px; }
#bottomWrapper .qmenuItems a.active { font-weight:bold; color: #c00; background: url("/fileadmin/images/menuBulletActive.png") no-repeat 0 1px;}

#footer  { clear:both; color:#666; padding-top:20px; padding-bottom:5px; }
#footer a:link, #footer a:visited { text-decoration: none; color: #666; font-size: 10px; padding-left: 13px; margin-right:25px; background: url("/fileadmin/images/menuBulletAlt.png") no-repeat 0 1px; } 
#footer a:hover { color:#c00; background: url("/fileadmin/images/menuBulletActive.png") no-repeat 0 1px; }
#footer a.active { color:#c00; }
#searchField { margin-left:3px; padding:3px 15px 3px 10px; color:#333; width:110px; background: url("/fileadmin/images/searchField.png") no-repeat 0 0; border:none; }

.scrollable   { position:relative; float:left; overflow:hidden; padding-right:8px; }
.sliderTrackVert { cursor:pointer; width:14px; background:url('/fileadmin/images/sliderTrackVert.png') repeat-y; float:left; padding-bottom:44px; }
.sliderHandleVert { cursor:pointer; width:14px; height:62px; background:url('/fileadmin/images/sliderHandleVert.png') no-repeat ; }

a.download  { display:block; font-weight:normal; text-decoration:none; }
a.download img { vertical-align:top; padding-top:2px; } 
a    { text-decoration:none; color:#fff; }
a:hover   { text-decoration:underline; }

#mapContainer { position:relative; margin-top:30px; }
#mapContainer #controls { position:relative; padding:10px 0; }
#map_canvas  { height:350px; overflow:hidden; border:2px solid #fff; }

.mapInfoContent { width:350px;min-height:160px; color:#000; }
.mapInfoContent h2 { color:#c00; font-size:13px; }
.mapInfoContent a { color:#c00; }

.select { position:absolute; width:288px; height: 26px; padding:3px 24px 0 8px; color:#000; background: url('/fileadmin/images/select.png') #fff no-repeat; overflow: hidden; }
#.checkbox, #.radio { width: 19px; height: 18px; padding: 0 5px 0 0; background: url("/fileadmin/images/checkbox.png") no-repeat; display: block; clear: left; float: left; }
.checkbox2 { margin-right: 6px; float: left; }
label { display: block; padding-top: 1px; margin-bottom: 1px; }

.tx-indexedsearch-res .res p a   { text-decoration:underline; }
.tx-indexedsearch-res .res p a:hover { text-decoration:none; }

.control label { display:inline; }

#.radio { background: url(radio.gif) no-repeat; }
select.styled { overflow:hidden }
.browsebox  { margin:0; padding:20px 0 }
.browsebox li { float:left; list-style:none; padding-right:10px; }

option,optgroup { background:#fff; }
optgroup  { font-family: verdana, sans-serif; font-style: normal; font-weight: bold; margin-top:0; padding:0; }
optgroup option { padding:0 2px; text-indent:0; text-transform:none; }

table.formTable td { padding:5px; vertical-align:top; }
.assortmentSmall { position:absolute; bottom:0; width:100%; }
.price-box   { color:#c00; font-weight:bold; }

.exportLink  { background:url('/fileadmin/images/tx_exports/link.png') no-repeat center center; width:20px; height:20px; display:block; position:absolute;}
.exportDetail { background:url('/fileadmin/images/tx_exports/tooltip.png') no-repeat 0 0; position:absolute;}
.exportDetail h1 { margin:5px 0 0 10px; position:absolute; }
.exportDetail .contents { margin-left:10px; margin-top:40px; color:#000; font-size:10px; line-height:15px; }
.exportDetail .contents .extra { float:right; width:100px; margin-top:5px; }
.exportDetail .closeButton  { display:block; position:absolute;right:10px;top:10px; width:16px; height:16px; background:url('/fileadmin/images/close.png') no-repeat center center; }

.landingLinks .button::-moz-focus-inner,.buttonAlt::-moz-focus-inner  { padding:0; border:0; }
.landingLinks .button, .buttonAlt { display:block; overflow:hidden; height:26px; width:auto; border:0; padding:0 12px 0 0; background:url(/fileadmin/images/shop/button.png) right 0 no-repeat; cursor:pointer; -webkit-border-fit:lines; font-weight:bold; }
.landingLinks .button span, .buttonAlt span { display:block; line-height:16px; padding:5px 0 5px 12px; background:url(/fileadmin/images/shop/button.png) 0 0 no-repeat; text-align:center; white-space:nowrap; color:#fff; }

.landingLinks		{ float:left;}
.landingLinks .button	{ float:left; clear:both; margin:0 0 5px 0; }
#lightbox{	position: absolute;	left: 0; z-index: 97; line-height: 0; background: url(/fileadmin/images/contentBacgroundShop.png) repeat-x 0 0 #eeeeee; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ margin: 0 auto; height:100%; width:1095px; }
#imageContainer{ padding: 0px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 33%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(/fileadmin/images/lightbox/prevA.png) left center no-repeat;}
#nextLink { right: 50px; float: right; background: url(/fileadmin/images/lightbox/nextA.png) right center no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(/fileadmin/images/lightbox/prev.png) left center no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/fileadmin/images/lightbox/next.png) right center no-repeat; }

#imageDataContainer{ margin: 20px 20px 0 0; overflow: auto; width: 100%	; position:absolute; top:0; z-index:101;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}

#NavClose		{ position:absolute; top:20px; right:20px; z-index:999; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#NavClose 		{ height:27px; width:27px; background: url(/fileadmin/images/lightbox/close.png) right center no-repeat;}
#NavClose:hover { background: url(/fileadmin/images/lightbox/closeA.png) left center no-repeat; }
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
  border-collapse:separate;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #d6000a url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #d6000a;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url('/fileadmin/images/calendar/bgdays.png') repeat-x 0 0;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #fff;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #db3b3b;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #516b82;
  color: #000;
  border: 1px solid #333;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #333;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
background: url(/fileadmin/images/calendar/bgweeks.png) repeat-x 0 0;
  color: #fff;
}

.calendar tbody .rowhilite td {
  background: #d3dae0;
}

.calendar tbody .rowhilite td.wn {
  background: #516b82;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #d3dae0;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #db3b3b;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #d6000a;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
