/* CSS Document */

body, html {
  background-color:#FFFFFF;
  height: 100%;
  padding: 0;
  margin: 0;
}

/*-- Bilder --*/
/*Bild-Untertitel*/
.csc-textpic-caption {
  font-size: 10px;
  line-height: 11px;
  color:#475696;
}
/* imagewrap -> Text mit Bild*/
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  /* Achtung: ueberschreibt Einstellungen im Constant-Editor von Typo3 */
  border: 1px solid #FFBC07;
  padding: 0;
  margin: 0;
}
/* Bildreihen */
DIV.csc-textpic-imagerow IMG{
  margin-top: 0px; 
  margin-bottom: 0px;
  margin-left: 0;
  margin-right: 0;
}
/* Rahmen um Bilder */
/* - Bilder mit HTMLArea eingefuegt*/
.bodytext img {
  border-color: #FFBC07 !important;
  /*border-width: 1px !important;*/
  border-style: solid;
}
p.bodytext img {
  margin: 0px 0px 0px 0px;
}
/* nach Bildern kein Abstand */
td img {
  float: left;
}

/* GENERAL fonts */
p, ol, ul, div, h1, h2, h3 {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #475696;
  /*background-color:#999999;*/
}
p {
  margin: 0px 0px 0px 0px;
}

h1, h2, h3 {
  /****margin: 0px 0px 17px 0px;*/
  
  /* neu: Ueberschriften ohne Abstand */
  margin: 0px 0px 0px 0px;
  color: #475696;
}


a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  /*color:#595959;*/      /*keine Farbe in den Textlinks!*/
  text-decoration: underline;
}

a:focus {
  outline: none;
}

img {
  /* Bilder haben keinen Rahmen */
  border:0;
}

td.background {
  /*width:33px !important;*/
  background-color:#CCCCCC !important;
}
#holecontent {
  /*background-color:#CCCCCC !important;*/
}

/* Logo */
#logo {
  /*-- Position --*/
  position:absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 70px;
  overflow: visible;
  /*-- Aussenabstand --*/
  /*-- Farbe --*/
  /*background-color:#FFFF00;*/
  background-image: url(../images/logo_bg.gif);
  background-repeat: repeat-x;
}

/* Language-Menu */
#lang-menu {
  /*-- Position --*/
  position:absolute;
  left: 635px;
  top: 28px;
  padding-left: 10px;
  background-color: white;
  
  /* Workaround */
  /* - IE6 erzeugt sonst einen zusaetzlichen linken Rand*/
  width: 80px;
  overflow: hidden;
  
  /*visibility: hidden;*/       /* Sprachauswahl deaktivieren */
}
#lang-menu a {
  display: block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  text-decoration: none;
}
#lang-menu .lang-btn {
  float: left;
  width: 28px;
  height: 28px;
  /* um vertical-align zu erzwingen */
  line-height: 28px;
  margin: 0;
  margin-right: 10px;
  border: 1px #475696 solid;
  background-color: white;
  font-weight: bold;
  text-align: center;
}
#lang-menu .lang-btn-act {
  color: white;
  background-color: #475696;
}
#lang-menu .lang-btn-notransl {
  color: white;
  background-color: #CCCCCC;
  border: 1px #CCCCCC solid;
}


/* Print - Sektion */
#print-section {
  /*-- Position --*/
  position:absolute;
  left: 815px;
  top: 28px;
  padding-left: 10px;
  background-color: white;
}
#print-section a {
  /* nur bei Text */
  /*
  display: block;           
  vertical-align: middle;
  width: 28px;
  height: 28px;
  text-decoration: none;
  */
}
#print-section .print-btn {  
  /***float: left;***/            /* AUS: da IE6 einen zusaetzlichen Rand von 10px erzeugt !!!*/
  width: 28px;
  height: 28px;
  /* um vertical-align zu erzwingen */      /* nur bei Text */
  /* line-height: 28px; */                  /* nur bei Text */
  margin: 0;
  margin-right: 10px;
  border: 1px #475696 solid;
  background-color: white;  
  /*font-weight: bold;*/      /* nur bei Text */
  /*text-align: center;*/     /* nur bei Text */
}


#main-table {
  /*-- Position --*/
  position: absolute;
  /*width: 100%;*/
  height: 555px;
  left: 0px;
  top: 70px;
  /*-- Aussenabstand --*/
  /*-- Innenabstand --*/
  /*-- Tabelle --*/
  empty-cells: show;
  border-collapse: separate;
  border-spacing: 0;
  padding-top:0px;
  /*-- Farbe --*/
  background-color:#FFFFFF;
}
#main-table td {
  padding: 0;
  /*width: 111px;*/ /* wird durch blind-gif erzwungen */
  /*padding-left: 10px;*/
  /*margin-left: 10px;*/
  margin: 0;  
  /*-- Farbe --*/
  background-color:#FFFFFF;
}

/* menu1 (Level 1) */
#menu_1, #menu_12 {
  /*-- Position --*/
  /*-- Aussenabstand --*/
  /*-- Innenabstand --*/
  /*-- Farbe --*/
  /*-- Schrift --*/
  font-weight: normal;
  /*-- User Interface --*/
  cursor:default;
}
#menu_1 a, #menu_12 a{
  /*-- Position --*/
  /*display:block;*/
  height:20px;
  /*-- Aussenabstand --*/
  margin:0px;
  /*-- Innenabstand --*/
  padding:0px;
  padding-left: 10px;
  /*-- Text --*/
  text-decoration: none;
  /********line-height:17px;*/
  /*-- Farbe --*/
  color:#595959;  
}


.menu1-td-act {
  /*height: 20px;*/
  /*width: 111px;*/
  background-image: url(../images/bar_1.gif);
  /*background-position: center;*/
  background-repeat: repeat-y;
}
.menu1-td-no {
  /*height: 20px;*/
  /*width: 111px;*/
}
.menu12-td-act {
  /*height: 20px;*/
  /*width: 111px;*/
  background-image: url(../images/bar_2.gif);
  /*background-position: center;*/
  background-repeat: repeat-y;
}
.menu12-td-no {
  /*height: 20px;*/
  /*width: 111px;*/
}


.menu1-no a {
  /*-- Farbe --*/
  color:#595959 !important;
}
.menu1-no a:hover {
  /*-- Farbe --*/
  color:#475696 !important;
  /*-- Schrift --*/
  font-weight:bold;
}
.menu1-act a {
  /*-- Farbe --*/
  color:#475696 !important;
  /*-- Schrift --*/
  font-weight:bold;
}

/* Menu 1 (Level 2)*/
.menu12-no a {
  /*-- Farbe --*/
  color:#595959 !important;
}
.menu12-no a:hover {
  /*-- Farbe --*/
  color:#475696 !important;
  /*-- Schrift --*/
  font-weight:bold;
}
.menu12-act a {
  /*-- Farbe --*/
  color:#475696 !important;
  /*-- Schrift --*/
  font-weight:bold;
}
/*Abstand vom Menueintrag zum Balken*/
.menu1-item-align {
  padding-bottom:6px !important; 
  vertical-align:bottom;
}

/* menu2 (Office Menu) */
#menu_2 {
  /*-- Position --*/
  z-index: 10;
  /*position:absolute;*/
  /*top: 183px;*/
  /*top: 0px;*/
  /*left: 54px;*/
  /*margin-left: 53px;*/
  width: 74px;
  float: right;
  /*-- Aussenabstand --*/
  /*-- Innenabstand --*/
  padding-top:0px;
  padding-left:5px;
  /*-- Farbe --*/
  /*background-color:#FFFFFF;*/
  /*-- Schrift --*/
  font-size:12px;  
  font-weight:normal;
  /*-- User Interface --*/
  cursor:default;
}
#menu_2 ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
#menu_2 a{
  /*-- Position --*/
  height:20px;
  /*-- Aussenabstand --*/
  margin:0px;
  /*-- Innenabstand --*/
  padding:0px;
  /*-- Text --*/
  text-decoration:none;
  /*********line-height:17px;*/
  /*-- Farbe --*/
  color:#595959;
}
#menu_2 a:hover {
  /*-- Farbe --*/
  color:#475696 !important;
  /*-- Schrift --*/
  font-weight:bold;
}
#menu_2 li{
  /*-- Text --*/
  text-indent:0px;
  /*-- Schrift --*/
  font-size:12px;
  border-top:7px solid white;
  border-bottom:10px solid white;
}
/* Menu 1 (Level 2)*/
.menu2-no a {
  /*-- Farbe --*/
  color:#595959;
}
.menu2-no a:hover {
  /*-- Farbe --*/
  color:#475696;
}
.menu2-act a {
  /*-- Farbe --*/
  color:#475696 !important;
  /*-- Schrift --*/
  font-weight:bold;
}
#menu_2 li.menu2-act {
  border-bottom:10px solid #475696;
}


/* erste Zelle, in der ersten Zeile*/
.table-td1 {
  /*-- Position --*/
  width: 116px !important;
}

.table-line {
  height: 1px;
  background-color: #AAABAE;
/*  border-top: 2px solid #AAABAE;*/
}
td.table-line {
  height: 0px;
  background-color: none;
  border-top: 1px solid #AAABAE;
}

/* Tabellen-Rahmen - Stueckelung */
.table-border-top {
  background-image: url(../images/table_v_border.gif);
  background-repeat: repeat-x;
}

/* Tabellen-Rahmen - Stueckelung */
.table-border-bottom {
  /*background-image: url(../images/table_v_border.gif) !important;*/
  /*background-position: 10px 10px;*/
  /*background-repeat: repeat-x;*/
  vertical-align: bottom;
  padding: 0;
}

.table-v-border {
  width: 2px;
  /*background-color: #FFFFFF;*/
  background-image: url(../images/table_v_border.gif);
  background-repeat: repeat-y;
}

.table-v-border-right {
  /*width:100% !important;*/
  /*background-color:#FFFFFF !important;*/
  background-image: url(../images/table_v_border.gif);  
  background-repeat: repeat-y;
  background-position: right;
}


/* Container Inhaltsbereich */
#content {
  position: relative;
  top: 0px;
  left: 0px;
  width: 741px; /*Rahmen beachten*/
  /*min-height: 302px;*/ /* nicht IE !!*/
  /*height: 302px;*/ /*alt*/
  height: 151px;
  /*table-layout: fixed;*/
  /*border-collapse: separate;*/
  overflow: visible;
  /*-- Rahmen --*/
  border:1px solid #AAABAE;
  background-color: white;
}


#content_danach td, #lastline td {
  /*height: 100px!important;*/
}

#minHeight {
  display:inline;
  top: 0px;
  left: 0px;
  width:1px;
  height: 302px;
  background-color: #FF0000;
}


#left {
}

#normal {
}

#right {
}

/*------------------------------*/
/* Ext: Glossar (sg_glossary)   */
/*------------------------------*/
lex, a.glossary-item {
  border-bottom:1px dashed #475696;
  text-decoration: none;
}

.tx-sgglossary-pi1 {
  /*width: 719px;*/
}
.tx-sgglossary-pi1 form {
  padding: 0;
  margin: 0;
  /*background-color: #ff0000;*/
  line-height: 0;
}
/* FE-Edit */
.tx-sgglossary-pi1 table form {
  line-height: 17px;
}

/* Buchstabe */
.glossary-letter, 
.glossary-letter-all,
.glossary-letter-first {
  float: left;
  width: 22px;
  background-color: #CCCCCC;
  margin-right: 5px;
  text-align: center;
  color: white;
  /*border: 1px #475696 solid;*/
}
.glossary-letter a, 
.glossary-letter-all a,
.glossary-letter-first a {
  display:block;
  color: white;
  /*color: #475696;*/ /*blau*/
  background-color: #475696; /*blau*/
  text-decoration: none;
  width: 100%;
}
/* Buchstabe aktiv */
.glossary-letter-act {
  color: white;
  background-color: #FFBC07; /*gelb*/
  /*background-color: #475696;*/ /*blau*/
}
.glossary-letter-act a {
  font-weight: bold;
  color: white;
  background-color: #FFBC07; /*gelb*/
  /*background-color: #475696;*/ /*blau*/
}

/* Begriffe-Liste */
#tx-sgglossary-entrycontainer {
  height:160px; 
  width:233px; 
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  /*background-color: #CCCCCC;*/
  border: 0px #cccccc solid; 
}
#tx-sgglossary-entrycontainer a {
  width: 100%;  /*-1px, da sonst bei Klick hScroll-Leiste erscheint*/
  display: block;
  /*background-color: #CCCCCC;*/
  text-decoration: none;
  text-indent: 6px;
}
#tx-sgglossary-entrycontainer a:hover {
  color: #475696;
  background-color: #CCCCCC;
}
.tx-sgglossary-list-act {
  display: block;
  background-color: #FFBC07;
}


/*--------------------*/
/* Ext: ImageScroller */
/*--------------------*/
#motioncontainer_454, 
#motiongallery_454 {
  width: 719px !important;
}


/*-------------------------*/
/* RTE                     */
/*-------------------------*/

/* To DO*/

/* Zeilenumbruch in Tabellenzellen (Menue) verhindern */
/*white-space:nowrap;*/

/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css,v 1.1 2005/12/28 00:49:11 mundaun Exp $
# ***************************************************************************************/

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #CC1111; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* zusaetzlich definierte Klassen */
table .table-gallery {}
.test {}

/***********************************/
/* Ext: SHOP Commerce (commerce)   */
/***********************************/

/* Shop-Produkt-Navigation */
/* --> siehe SubTemplate 7 (ct_7.html) */

/*-------------------------------*/
/* Productlist (tx_commerce_pi1) */
/*-------------------------------*/

.ml-shop-productlist-container {
  /*padding-bottom: 10px;*/           /*nicht IE*/
  border-bottom: 10px white solid;
}

/*Attribute Tabelle*/
.ml-shop-productlist-container 
.ml-shop-article-table table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ml-shop-article-table {
  /*padding-bottom: 10px;*/           /*nicht IE*/
  border-bottom: 10px white solid;
}

/* Produkt-Titel */
.ml-shop-productlist-container a {
  text-decoration: none;
}

/*Artikel Attribute Tabelle-Zeile*/
.specRow {
}
/*Preis-Input*/
.qtyInput {
  padding-left: 5px;
  margin-left: 5px;
}

/*--------------------------*/
/* Basket (tx_commerce_pi2) */
/*--------------------------*/

.cmrc_ProdList2Container_even td {
  vertical-align: bottom;
}

.cmrc_mb_box select {
  width: 133px;
}
.ml-shop-combobox {
  height: 17px !important;
}
.ml-shop-back {
  float: left;
  padding-right: 10px;
}
.basket_link_img {
  float: left;
  padding-bottom: 1px;
}
.cmrc_ProdListHeadline {
  vertical-align: top;
}

/*----------------------------*/
/* Checkout (tx_commerce_pi3) */
/*----------------------------*/

.chkout_address_left {
  /*background-color: #CCCCCC;*/
}

.chkout_address_label {
  float: left;
  width: 120px;
}

/* TextInput */
.chkout_address_input input {
  width: 208px;
  color: #475696;
}
/* ComboBox */
.chkout_address_input select {
  width: 212px !important;      /* TextInput.width + 4px */
  height: 20px !important;
  color: #475696;
}

.field_error, 
.error 
{
  width: 120px;
  color: red;
}

#shop-address-table td {
  vertical-align: text-top;
}

/* Radio-Button Optionsbereich f. abweichende Rechnungsadresse */
.chkout_address_radio {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* "Alle Daten werden vertraulich ..." */
.chkout_address_disc {
  margin-top: 5px;
}

.chkout_list_disclaimer {
  width: 556px;
}

/* Checkbox */
.chkout_list_terms {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.chkout_list_terms input {
  padding: 0px;
  margin: 0px;
  margin-right: 3px;
  vertical-align: middle;
}

/* Kommentar - Bereich*/
.chkout_list_comment {
  display: block;
  vertical-align: top !important;
}
.ml-shop-comment-label {
  float: left;
  width: 210px;
}
.ml-shop-comment-textarea {
  
}