@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/

@import url(navigation.css);
@import url(tt_news.css);
@import url(plugins.css);
@import url(fce.css);
@import url(ie_patch.css);

@media all {
  /* (de) Randbereiche & Seitenhintergrund */
  body {background:#ccc url(images/bg.jpg) repeat-x top left fixed; padding:10px 0;}

  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins {min-width:980px !important; max-width:980px !important; margin:0 auto; border:0px #fefefe solid;}
  #page{background-color:transparent; 
  border:0px #eee solid;
/*  background-image: url(images/bg_big.jpg); */
  }

  #footer {
    color:#000; 
    background:#e7e7e7;
    padding:5px;
    border:0;
    border-left: 2px solid #bfbdcc;
    padding-left: 231px;
  }

  #main {
    background-color: transparent;
    background-image: url(images/main_bg.gif);
  }

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

  #col1 {width:226px}
  #col1_content {padding:0 4px 0 6px;}

  #col2 {width:226px}
  #col2_content {padding:0 4px 10px 2px}

  #col3 {margin:0 226px !important}
  #col3_content {padding:14px}

#col1, #col2 {
  padding-top: 0px;
  background-color: transparent;
  background-image: url(images/main_bg_left.gif);
  background-repeat:no-repeat;
}

#col1_content,
#col2_content {
  min-height:400px;
}

#col2 {
  background-image: url(images/main_bg_right.gif);
}


  /* ####################################
  ** ### Teaser #########################
  ** ####################################
  */
  #teaser {margin:0; padding:0; background:#fff;color:#080053;height:30px;width:100%}
  #teaser div {float:left; width:auto; font-size:0.9em;}

  #teaser div.tx-srlanguagemenu-pi1{float:none; display:inline; margin:0px 10px 0 0;}
  #teaser div.tx-srlanguagemenu-pi1 a:hover {background:transparent;}
  #teaser div.tx-srlanguagemenu-pi1 img {margin-top:0px;padding-right:3px;}
  #teaser div.tx-srlanguagemenu-pi1 .CUR img {padding-right:1px;}
  #teaser div.tx-srlanguagemenu-pi1 .CUR img.tx-srlanguagemenu-pi1-flag {padding-right:3px;}
  #teaser div.tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset legend {display:none;}
  #teaser div.tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset label {display:none;}


  #header img.headImg1 {
  font-size:208%;
  left:0px;
  position:absolute;
  top:0px;
  }

  #header {
  background-image: none;
  height:234px;
  }
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * {font-size:100.01%}

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:83%;
    color:#080053;  
  }

  /*******************************************************************
   * Colors
   *******************************************************************
   * Content
   * - Headline:          #080053
   * - Fliesstext         #080053
   * - Links              #080053
   * - Links Aktiv        #567ecb
   ******************************************************************/

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

  h1 {font-size:20px; line-height:21px}                        /* 21px */
  h2 {font-size:16px;}         /* 18px */
  h3 {font-size:14px;}                        /* 18px */
  h4 {font-size:133.33%}                     /* 16px */
  h5 {font-size:116.67%}                     /* 14px */
  h6 {font-size:116.67%; font-style:italic}  /* 14px */
  
  h1.G {border:0; height:30px; text-indent: 0;}
  h2.G {border:0; height:30px; text-indent: 0;}
  h3.G {border:0; height:30px; text-indent: 0;}
  h4.G {border:0; height:30px; text-indent: 0;}
  h5.G {border:0; height:30px; text-indent: 0;}
 
  h2 {
    margin-bottom: 10px;
  }

  #col3 h3 a {
    background-image:url(../../fileadmin/css/images/pfeil.gif);
    background-position:2px 4px;
    background-repeat:no-repeat;
    color:#080053;
    font-weight:bold;
    padding-left:16px;
  }

  #col3 h3 {
    font-size: 12px;
  }

  p {font-size: 12px; line-height:14px; margin:0 0 1em 0;}

  /* ### Lists | Listen  #### */

  ul, ol, dl {line-height:1.5em; margin:0 0 1em 1em}
  li {margin-left:1.5em; line-height:1.5em}

  dt {font-weight:bold}
  dd {margin:0 0 1em 2em}

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote {font-style:italic}
  blockquote {margin:0 0 1em 1.5em}

  strong,b {font-weight:bold}
  em,i {font-style:italic}

  pre, code {font-family:monospace; font-size:1.1em;}

  acronym, abbr {
    letter-spacing:.07em;
    border-bottom:.1em dashed #c00;
    cursor:help;
  }

  /* Forms */
  input, textarea, select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans serif;
  }

  option {
    padding: 0 4px 0 2px;
  }
  

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background:#dfd; padding:1em; border-bottom:1px #bdb dotted; border-bottom:1px #dbb dotted;}
  .important {background:#ffd; padding:1em; border-bottom:1px #ddb dotted; border-bottom:1px #dbb dotted;}
  .warning {background:#fdd; padding:1em; border-bottom:1px #dbb dotted; border-bottom:1px #dbb dotted;}

  .float_left {float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right {float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color:#080053; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#567ecb; text-decoration:none;}
  
  #topnav {
    margin-left: 10px;
  }

  #topnav a {color:#080053; font-weight:bold; background:transparent; text-decoration:none;padding: 0 5px}
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active, #topnav strong {color:#567ecb; text-decoration:none; background-color:transparent;padding: 0 5px}
  
  #footer a {color:#080053; background:transparent; font-weight:normal; padding:0 10px;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color:#567ecb; background-color:transparent; text-decoration:none;}
  #footer {
    font-size: 10px;
    color:#080053;
  }

  #footer .copyright {
    padding-right: 10px;
  }

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  th,td {padding:0.5em;}
  thead th {background:#444; color:#fff}
  tbody th {background:#ccc; color:#333}
  tbody th.sub {background:#ddd; color:#333}
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

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

#teaser #topnav {
  float:right;
  text-align:right;
  margin-top: 0px;
  position: relative;
}

#teaser div.tx-macinasearchbox-pi1 {
  margin: 0 0 0 0;
  padding:0;
}

#teaser div.tx-macinasearchbox-pi1 form {
 margin:0;
 padding: 0;
}

#teaser div.tx-macinasearchbox-pi1 input {
  width: 204px;
  margin: 0 0 0 17px;
}


#teaser div.tx-macinasearchbox-pi1 input#searchsubmit {
 border:0;
 background-color: transparent;
 background-image: url(images/button_suche.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 width:109px;
 height: 24px;
 margin: 2px 0 0 8px;
 color: #080053;
 font-weight: normal;
 line-height: 24px;
 padding:0;
 text-align: center;
}

#col3 ul,
#content ul {
  margin: 0 0 0 6px;
  padding: 0;
}

#col3 li,
#content li {
  font-size: 12px;
  line-height:14px; 
  margin:0 0 4px 0px;
  background-image: url(images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left: 10px;
  list-style-type: none;
}

#col3 .floatbox h1 {
  margin-bottom: 3px;
}

.textBelowMenu {
  padding: 0 10px 0 9px;
}

.csc-textpic-clear {
  height: 1%;
}

input, textarea {
  color: #333;
  border-color: #777;
}

#col3 p a.linkOhnePfeil {
  background-image: none;
  padding: 0;
  margin: 0;
}

/* Startseite */
.mStart1,.mStart2,.mStart3,.mStart4 {
  background-image: url(images/box_loesungen.gif);
  background-repeat: no-repeat;
  background-position: 3px 2px;
  width: 250px;
  height: 122px;
  background-color: #dbdbdb;
}

.mStart2 {background-image: url(images/box_com.gif);background-position: 1px 2px;}
.mStart3 {background-image: url(images/box_beratung.gif);background-position: 3px 0;height: 126px}
.mStart4 {background-image: url(images/box_software.gif);  background-position: 1px 0;height: 126px;}

.mStart1 h3,.mStart2 h3,.mStart3 h3,.mStart4 h3 {
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  padding-left: 15px;
}

.mStart1 div,.mStart2 div,.mStart3 div,.mStart4 div {
  padding: 12px 10px 10px 15px;
}

#col3 .mStart1 p a,
#col3 .mStart2 p a,
#col3 .mStart4 p a,
#col3 .mStart3 p a{
  background: none;
  padding: 0;
}

#col3 .mStart1 p a:hover,
#col3 .mStart2 p a:hover,
#col3 .mStart4 p a:hover,
#col3 .mStart3 p a:hover{
 color: #567ecb;
}

.mercoBoxPartner {
  background-color: #eee;
  overflow: hidden;
}

.mercoBoxPartner h4 {
  background-color:#CCCCCC;
  font-weight: normal;
  font-size: 12px;
  padding: 0.5em;
}

.mercoBoxPartner .mercoBoxPartnerImage {
  float: right;
  width: 180px;
}

.mercoBoxPartner .mercoBoxPartnerContent {
  padding: 0.5em;
  padding-right: 200px;
}

#at15s {
  background-color: #666 !important;
}

}