/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 19.1.07
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte und TYPO3-spezifische änderungen der content.css
**
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

/* Open @media all - DO NOT DELETE! */
@media all {

  /* ######################################################################################################
  ** # Standard-Vorgaben ##################################################################################
  ** ######################################################################################################
  **

  /* ### Überschriften, Fliesstexte ###################################################################### */

  body {color:#222; font-size:75%; font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif !important;}

  h1,h2,h3,h4 {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:bold;}
  /* h1,h2,h3,h4 {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-weight:bold;} */

  h1 {font-size:1.1em; color:#980A2B; background:transparent;  margin:0.4em 0 0.5em 0;}
  h2 {font-size:1.0em; color:#980A2B; background: transparent; margin:0.2em 0 0.5em 0; padding-top:0.3em;}
  h3 {font-size:1.0em; color:#980A2B; background: transparent; margin:0.4em 0 0.3em 0; padding-top:0.3em;}
  h4 {font-size:1.0em; color:#000; background: transparent; margin:0.4em 0 0.3em 0; border-bottom:1px #fff solid; padding-top:0.5em;}
  h5 {font-size:1.1em; color:#fff; background: transparent; margin:0.4em 0 0.5em 0; border-bottom:1px #fff solid; padding-top:0.5em; }

  p,ul,dd,dt {line-height:1.5em;}
  p {line-height:1.5em; margin:0 0 1em 0;}

  ul { list-style-type: square;}
  
  li { margin-left: 0.5em;}

  strong,b {font-weight:bold;}
  em,i {font-style:italic;}
  pre, code {  font-family:"Courier New", Courier, monospace;}
  address {font-style:normal; line-height:1.5em; margin:0 0 1em 0;}

  hr {color:#fff; background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid;}

  acronym, abbr {border-bottom:1px dashed #c00; cursor:help;}

  /* ### Bildpositionierung ############################################################################ */
  img.float_left {float:left; margin-right:1em; margin-bottom:0.15em; border:0;}
  img.float_right {float:right; margin-left:1em; margin-bottom:0.15em; border:0;}
  img.center {text-align:center; background:#fff; padding:4px; border:1px #ddd solid;}

  /* ### Auszeichnung lokaler und Externer Links ######################################################## */
  a, a em.file {color: #a00; text-decoration:none;}
  /* a:hover {color:#B71D02; background: #fdd;} */

  #footer strong {font-weight:normal; color: #a00; }
  #topnav a {color:#777; background:transparent; text-decoration:none;}
  #topnav a:hover{text-decoration:underline; background-color:transparent;}

  /* 
  #main a[href^="http:"], #main a[href^="https:"] {padding-left:0; background-image:none;}
  #main a.imagelink {padding-left:0; background:transparent;}  */

  /* ######################################################################################################
  ** ### Formulare & Tabellen #############################################################################
  ** ######################################################################################################
*/
  
  table.styledtable {margin: 1.35em 0px 0px; width: 100%; color: rgb(51, 51, 51); border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-collapse: collapse; }
  table.styledtable caption { color: #aa0000; font-weight: bold; }
  table.narrow {margin: 1.42em 0px 0px;}
  table.narrow th {padding: 0px 0.5em; line-height: 1.42em;}
  table.narrow td {padding: 0px 0.5em; line-height: 1.42em;}
  table.bordertable {border: 1px solid rgb(204, 204, 204);}
  .styledtable th {padding: 0.71em 0.5em; line-height: 1.5em; vertical-align: top;}
  .styledtable td {padding: 0.71em 0.5em; line-height: 1.5em; vertical-align: top;}
  .styledtable th *:first-child {margin-top: 0px;}
  .styledtable td *:first-child {margin-top: 0px;}
  /*.styledtable thead th {color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-bottom-width: 2px; border-bottom-style: solid;}*/
  .bordertable thead th {background: rgb(224, 224, 224); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;}
  .bordertable tbody th[scope='row'] {background: rgb(240, 240, 240);}
  .styledtable tbody th {border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;}
  .bordertable tbody th {border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;}
  .styledtable tbody td {border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;}
  .bordertable tbody td {border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;}
  .styledtable tbody tr:hover th {background: rgb(248, 248, 248);}
  .styledtable tbody tr:hover td {background: rgb(248, 248, 248);}

  form {overflow:hidden;}

/*  div#main input, textarea {width:auto; border:1px #ccc solid; background:#fafafa; padding:3px; color:#777;} */

  div#main input[type=text]:focus, div#main input[type=password]:focus, div#main textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}

  /* ######################################################################################################
  ** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
  ** ######################################################################################################
*/

  /* ###  Textformatierungen ################################################################## */

  /* Beispieldateien */
  p.demo {background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom:0.5em;}

  /* Navigation am Seitenende 
  p.navlink {background-color:#f4f8f4; border:1px #aca dotted; padding:6px; margin-bottom:0.5em;}
  p.navlink a {color:#353;}
  p.navlink a:hover {font-weight:bold; background:transparent;} */

  blockquote {color:#222; background:#f8f8f8; border:1px #ddd solid; border-left:8px #ddd solid; padding:1em 1em 0 1em; margin:0 0 1em 0;}

  /* Ungeordnete Listen ohne Listenpunkt */
  ul.linklist {list-style-type:none; margin:0 0 1em 0;}
  ul.linklist li {margin:0 0 1em 0;}

  /* Auszeichnungen für Code, Dateien, Verzeichnisse */
  em.mono, em.file, em.directory {font-family:"Courier New", Courier, monospace; font-style:normal;}
  em.mono {padding:0 0.3em 0 0.3em; background:#f0f0f4; border:1px #ccd solid;}
  em.file {padding:0 0 0 14px; color:#008; background:transparent url(../../img/icons/file.gif) no-repeat left;}
  em.directory {padding:0 0 0 15px; color:#008; background:transparent url(../../img/icons/dir.gif) no-repeat left;}
  pre, code {display:block; margin:0 0 1em 1em; padding:0.5em; color:#000; background:#f0f0f4; border:1px #ccd solid; border-left:8px #ccd solid;}
  code.css {background-image:url(../../img/bg_css.gif); background-repeat:no-repeat; background-position:top right;}
  code.xhtml {background-image:url(../../img/bg_xhtml.gif); background-repeat:no-repeat; background-position:top right;}
  code.typoscript {background-image:url(../../img/bg_ts.gif); background-repeat:no-repeat; background-position:top right;}

  /* ### Tabellen ################################################################## */
  table.bugs {margin-bottom:1em; margin-top:0.5em; width:100%;}
  table.bugs th {background:#fff; color:#222; padding:0.5em; text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}
  table.bugs td {background:#f0f0f4; color:#222; padding:0.5em;  text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}

  /* ### Download-Box ################################################################## */
  .bluebox {color:#000; background:#f0f0f4; padding:2px; border:1px #ccd solid; text-align:center; padding:4px 0 4px 0; margin-bottom:1em;}
  .bluebox p {padding:0px 8px 0 8px;}

  a.dl_link {display:block; padding:0; margin:0.5em auto 0 auto; background-image:none;}
  a.dl_link:hover {text-decoration:none; background-color:transparent;}

  /* #####################################################################
  ** ### Spezielle Formatanweisungen des TYPO3 Templates #################
  ** #####################################################################
*/
/*  div#main input, div#main textarea { padding:2px; width:auto; border:1px #ccc solid; background:#fafafa; color:#777;} */
  div#main input[type=text]:focus, div#main textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}
  img { border:0; }
  p.csc-linkToTop {text-align:right; visibility: hidden; }
  p.csc-form-label-req {font-weight:bold;}
  .csc-caption, .csc-textpic-caption { font-size:0.85em; color: #656565; padding:0; line-height: 1.3em;}
  div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border-color: #bbb;}
  div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img { border-color: #bbb;}




  /* #############################
  ** ### Mail-Formular ###########
  ** #############################
*/
  .csc-mailform-field {clear:left;}
  fieldset.csc-mailform .csc-mailform-field label {width:10em; float:left; text-align:right;}


  fieldset .csc-mailform-field {margin-bottom: 0.5em;}
  fieldset.csc-mailform .csc-mailform-field input,
  fieldset.csc-mailform .csc-mailform-field select,
  fieldset.csc-mailform .csc-mailform-field textarea {margin-left: 1em; font-size:1em; }

  fieldset.csc-mailform .csc-mailform-input,
  fieldset.csc-mailform .csc-mailform-text { width: 270px !important; }
  fieldset.csc-mailform .csc-mailform-select { width: 170px !important; }

  fieldset.csc-mailform label span {color:#f00;}
  input#mailformformtype_mail {margin-left:11em;}
  .csc-mailform-field select {margin-left:1em; padding:2px; width:auto; border:1px #ccc solid; background:#fafafa; color:#777;}

  fieldset.csc-mailform .csc-mailform-radio legend,
  fieldset.csc-mailform .csc-mailform-check legend {display: none; }
  fieldset.csc-mailform .csc-mailform-radio input,
  fieldset.csc-mailform .csc-mailform-check { margin-top: 3px; border: none !important; background: none !important; margin: 5px 0 0 0;}
  fieldset.csc-mailform .csc-mailform-radio label { padding: 0 0 0 5px; margin: 0; float: none; margin-left: 0; width: auto; color: #a00; text-decoration:none;}
  fieldset.csc-mailform .csc-mailform-radio label:hover {color:#B71D02; background: #fdd;}


  /* #############################
  ** ### tt_news #################
  ** ############################# */


  .news-single-img { float:right; width: 330px;}
  .news-single-additional-info dd {margin-top:-1em;}
  .news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}

  .news-catmenu-NO,
  .news-catmenu-ACT { margin-bottom:0.5em; font-size: 0.9em;}

  .news-catmenu-ACT { font-weight: bold;}

  .news-catmenu-header { margin: 0; padding: 0; padding-left: 2px;}
  .news-catmenu-header img { display: none; }

  .news-catmenu-NO img,
  .news-catmenu-ACT img { margin-bottom: -4px;}
  .news-catmenu-NO a,
  .news-catmenu-ACT a { margin: 0; padding: 0;}


  .news-latest-container h3,
  .news-list-container h3 {padding:0 0 1em 0; font-size: 1em; margin:0;}

  span.news-single-date,
  span.news-latest-date,
  span.news-list-date {color:#656565; font-size: 0.75em; float:right; font-weight: normal;}
  .news-amenu-item-year { list-style-type: none; font-weight: bold; margin: 0.2em 0 0.2em -0.5em; color: #903; border-bottom: 1px solid #903;}

  .news-single-item img,
  .news-list-container img,
  .news-latest-container img { float: right; margin: 0 0 0 0.5em;}

  .news-list-container .MoreLink,
  .news-latest-container .MoreLink { display:block;}

  .news-list-container,
  .news-latest-container .RedBox{ padding-bottom: 0; }
  .news-list-container .RedBox{ border:0; }
  .news-list-container .RedBox #newsentry4x{ border: 1px solid #ddd; }


  .tx-wtgallery-pi1 div {  margin-bottom:10px;  }

  .wtgallery_listpic_pic { border: 1px solid #656565;  }

  .wtgallery_pagebrowser div{  margin-bottom:10px;  }

  .wtgallery_pagebrowser_back,
  .wtgallery_pagebrowser_page,
  .wtgallery_pagebrowser_fwd { float: left; padding-right: 15px; }


  .wtgallery_singlepic,
  .wtgallery_singlepic_popup,
  .wtgallery_singlepic_fwd,
  .wtgallery_singlepic_back,
  .wtgallery_listpic { margin-right: 15px; margin-bottom: 10px; }
  
  /* ##############################
  ** ### FlashPlayer      #########
  ** ##############################*/
  .tx-flvplayer-pi1 { overflow:auto; z-index:1; }


  /* ##############################
  ** ### tx_indexedsearch #########
  ** ##############################
*/
  div#main .tx-indexedsearch .tx-indexedsearch-res table { border-top: 1px solid #ccc; }
  div#main .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {width:100px;}
  div#main .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {width:150px;}
  div#main .tx-indexedsearch .tx-indexedsearch-whatis p .tx-indexedsearch-sw {font-weight:bold; font-style:italic;}
  div#main .tx-indexedsearch .tx-indexedsearch-whatis {margin-top:10px; margin-bottom:5px;}
  div#main .tx-indexedsearch p.tx-indexedsearch-noresults {text-align:center; font-weight:bold;}
  div#main .tx-indexedsearch .tx-indexedsearch-res tr.tx-indexedsearch-title { font-weight:bold; height: 2em;}
  div#main .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p { margin-top: 1em;}
  div#main .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title-number { display: none;}
  div#main .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr {font-style:italic;}
  div#main .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { display: none;}
  div#main .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h2 {color:#006699; margin-top:0px; margin-bottom:0px; background:transparent;}
  div#main .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table {background:#cccccc;}
  div#main .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead td {vertical-align:middle;}
  div#main .tx-indexedsearch .tx-indexedsearch-res .noResume {color :#666666;}
  div#main .tx-indexedsearch .tx-indexedsearch-browsebox { float:right;}
  div#main .tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { font-weight: bold;  padding:0 0.3em 0 0.3em; color:#B71D02; background: #fdd;}

  /* ###########################
  ** ### Language menu #########
  ** ###########################
*/
  div.langMenu {padding:0 0 0 0;}
  div.langMenu a:hover {background:transparent;}
  div.langMenu img.flag {margin-top:4px; padding-right:7px;}
  div.langMenu img.arrow {}

  /* ##########################
  ** ### tx_dropdownsitemap ###
  ** ##########################
*/
  .tx-dropdownsitemap-pi1 a {font-weight:bold;}
  .tx-dropdownsitemap-pi1 li.open ol {display:block;}
  .tx-dropdownsitemap-pi1 li.closed ol {display:none;}
  .tx-dropdownsitemap-pi1 li.open ul {display:block;}
  .tx-dropdownsitemap-pi1 li.closed ul {display:none;}
  .tx-dropdownsitemap-pi1 div {border:solid 1px #ccd; background:#F0F0F4; padding:2px; margin-bottom:5px;}
  .tx-dropdownsitemap-pi1 div.level_2 {background:#FFFFFF;}
  .tx-dropdownsitemap-pi1 div.level_2 a {font-weight:normal;}
  .tx-dropdownsitemap-pi1 div.level_3 {background:#F0F0F4;}
  .tx-dropdownsitemap-pi1 div.level_4 {background:#FFFFFF;}
  .tx-dropdownsitemap-pi1 div.level_5 {background:#F0F0F4;}
  .tx-dropdownsitemap-pi1 div.expAll {text-align:center; border:solid 1px #ccd; background:#F0F0F4;}
  .tx-dropdownsitemap-pi1 img {margin-right:0.5em;}
  .tx-dropdownsitemap-pi1 a:hover {background:transparent;}

  /* ##########################
  ** ### sk-pagecomments ######
  ** ##########################
*/
  .sk-pagecomments-error {color:red;font-weight:bold;background:#FFE8CF;border:1px solid #000;margin:8px 12px;padding:4px;}
  .sk-pagecomments-success {color:blue;font-weight:bold;}
  .sk-pagecomments-counter {color:#600;text-align:right;text-decoration:underline;margin-bottom:12px;}
  .sk-pagecomments-headline {border-bottom:1px solid #000;font-weight:bold;background:#d1d1d1;padding-left:6px;height:20px;}
  .sk-pagecomments-namedate {float:left;}
  .sk-pagecomments-emailhomepage{float:right;}
  .sk-pagecomments-comment{background:#f1f1f1;padding:4px 28px;clear:both;}
  .tx-skpagecomments-pi1 form {margin:16px 0;width:480px;}
  .tx-skpagecomments-pi1 form fieldset {border:1px solid #eee;}
  .tx-skpagecomments-pi1 form p.userinfos {text-align:center;padding:6px;}
  .tx-skpagecomments-pi1 form legend {background:#f1f1f1;border:1px solid #000;padding:4px;}
  .tx-skpagecomments-pi1 form label {width:120px;float:left;margin-left:8px;}
  .tx-skpagecomments-pi1 form p {margin:6px 0;}
  .tx-skpagecomments-pi1 form p img {vertical-align:bottom;margin-left:8px;}
  .tx-skpagecomments-pi1 div.smileytext{margin-left:130px;}
  .tx-skpagecomments-pi1 form input#name,
  .tx-skpagecomments-pi1 form input#email,
  .tx-skpagecomments-pi1 form input#homepage {width:320px;}
  .tx-skpagecomments-pi1 form textarea {width:320px;height:160px;}
  .tx-skpagecomments-pi1 form input#skcommentssubmit {float:right;margin:8px 20px;}
  .tx-skpagecomments-pi1 .sk-pagecomments-formlink {margin-top:1em; text-align:right;}
  .tx-skpagecomments-pi1 #skpagecomments-smileys {text-align:right; margin-right:1em;}


  .csc-textpic-imagewrap a:hover,
  .csc-textpic-imagewrap a,
  /* #bottomNav a {  background: none !important; } */
  .csc-textpic-imagewrap a img { margin-bottom: 0; padding-bottom: 0;}

  table.shop-article .shop-article-title td {  padding-top: 1em; font-weight: bold; border-bottom: 1px solid #656565; }
  table.shop-article .shop-article-price { padding-top: 1em; font-weight: bold; border-bottom: 1px solid #656565; }

  table.shop-basket .shop-basket-head td{ padding-right: 10px;}
  table.shop-basket .shop-basket-title { width: 50%;}
  table.shop-basket .shop-basket-delete { width: 150px; }
  

  
  table.shop-basket .shop-basket-sort,
  table.shop-list .shop-list-sort1,
  table.shop-list .shop-list-sort2,
  table.shop-list .shop-list-sort3 { font-weight: bold;  padding-bottom: 1em; }
  table.shop-list td.shop-list-description { padding-right: 1em; }
  table.shop-list .shop-list-sort3,
  table.shop-list td.shop-list-button { text-align:right; }
  table.shop-list td.shop-list-image { padding-right: 1em; }
  table.shop-list td.shop-list-hr1 { padding-top: 0.5em;  border-bottom: 1px solid #903; }
  table.shop-list td.shop-list-hr2 { padding-top: 0.5em; }

  table.shop-main h3 { padding-top: 0.0em; margin:0; }
  
  table.shop-main .shop-bt-back { float: left; border: none; margin-right: 10px;}
  
  .tx-ttnews-browsebox p {
    margin-right: 1.5em;
  }

  /* Close @media all - DO NOT DELETE! */
}
/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
.mainMenu dfn, #col1_content .hidden {position:absolute; left:-1000em; width:20em;}
}