/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.3
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/slim_base.css);



/* superfish.css */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:      0;
  padding:    0;
  list-style:    none;
}
.sf-menu {
  line-height:  1.0;
}
.sf-menu ul {
  position:    absolute;
  top:      -999em;
  width:      10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:    relative;
}
.sf-menu a {
  display:    block;
  position:    relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:      0;
  top:      3.5em; /* match top ul list item height */
  z-index:    199;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:      10em; /* match ul width */
  top:      0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:      10em; /* match ul width */
  top:      0;
}

/*** DEMO SKIN ***/
.sf-menu {
  /*float:      right;*/
  /*margin-bottom:  0;*/
  font-family: 'Lucida Sans Unicode','Lucida Grande',Tahoma,sans-serif;
  font-size:90%;
}
.sf-menu a {
  padding:     10px 0 10px;
  text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #222222;
}
.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #222222;
}
.sf-menu li {
  background:    transparent;
  text-align: center;
  width: 130px;
}
.sf-menu li li {
  background:    #999; z-index:1000;
  text-align: left;
}
.sf-menu li li li {
  background:    #999;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li.active  {
  background: #DDDDDD; 
  outline:    0;
  color:darkred !important;
  text-decoration:none;
  font-weight: bold;
}
.sf-menu li.active a { color:darkred;}
.sf-menu li.active li a { color:darkred;}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right:   2.25em;
  min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      .75em;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:      10px;
  text-indent:   -999em;
  overflow:    hidden;
  background:    url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:      1.3em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background:  url('../images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/* Ende superfish */

/* basemod.css */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { 
  background: url(http://phoenixauto.de/fileadmin/templates/images/back_wrapper17.png) repeat-x scroll 0 0 #fefefe  !important
  } /*overflow-y: scroll; */

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { 
    padding: 0; 
  background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(-45deg, #cccccc 0%, #555555 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cccccc), color-stop(100%,#555555)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #cccccc 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #cccccc 0%,#555555 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #cccccc 0%,#555555 100%); /* IE10+ */
background: linear-gradient(-45deg, #cccccc 0%,#555555 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#888888',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }

.content{
  width: 840px !important;
  margin: 0 auto;
}

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { padding-top:5px; width: auto;  min-width: 320px; max-width: 940px; background: transparent; }
  
  #nav .page_margins,
  #footer .page_margins { padding-top:0 }
  
  #header { padding: 0px; color: #000; position:relative;}
  
  .logo {
  float: none;
      padding-top: 0px;
  padding-right: 0px;
  box-shadow: 0 5px 5px #555555;
  }
  
  .title {
    padding: 0px 0 0 0px;
  }
  
  #nav {
  -moz-box-shadow: 0 1px 1px #555;
  -webkit-box-shadow: 0 1px 1px #555;
  -ms-box-shadow: 0 1px 1px #555;
    box-shadow: 0 5px 5px #555;
  z-index:199;
  /*position:fixed;*/
  width:100%;
  }
  
  #main { margin: 0px 0 0; background: #fff; padding:2em 0 0; -moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; -o-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; min-height: 400px;}
  
  #footer { 
    padding: 30px 20px; 
  color:#666;  
  margin-top:0px; 
  box-shadow: 0 0 4px #000000;
  }
  
  #nav, #footer {
  background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */
  }
  .footercontent { font-size:85%; padding:0 20px; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 0; }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 70%}
  #col1full { width: 100%; }
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 70%; /*background:#BDD7FC;*/}
  #col1_content { padding: 0 10px 0 20px }
  #col1full #col1_content { padding: 0 20px; }
  #col3_content { padding: 0 20px 0 10px }
  
  /*-------------------------------------------------------------------------*/
}
/* Ende basemod.css */

/* content.css */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */



@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (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%; color: #333333 }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (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:100.00%;
    color:#333333;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family:Arial,Helvetica,sans-serif; /*'Arimo', sans-serif;*/
    font-weight:normal;
    color:black;
    margin:0 0 0.25em 0;
  /*text-transform:uppercase;*/
  }

  h1 { font-size:133.33%; }                       /* 30px */
  h2 { font-size:140%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */
  
  #col3 h5 { 
    background: #eee;
  color:darkred;
  -moz-box-shadow: 0 1px 1px #999999;
  -webkit-box-shadow: 0 1px 1px #999999;
  -ms-box-shadow: 0 1px 1px #999999;
    box-shadow: 0 1px 1px #999999;
    margin-right: -25px;
  /*margin-left: -12px; /* dieser Wert nur, wenn #col3 eine background-color hat */
    padding: 5px 20px 5px 5px;
  }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 0em; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0.9em; line-height:1.5em; }

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

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height:1.5em; margin:0 0 1em 0; padding-left: 0px; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

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

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }

  sub, sup { font-size:91.6667%; line-height:0; }

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

  /*--- Links ----------------------------------------------------------------------------------------- */

  #main a { 
  color: darkgreen !important; /*#5F81B7; */
  background:transparent; 
  text-decoration:none;
  }
  #main a:visited  { 
    color:#036; 
  }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  #main a:focus { text-decoration:none; color:#fff; background: #CCCCCC; }
  #main a:hover,
  #main a:active { background: #cccccc; color:green; text-decoration:none; outline: 0 none; }
  
  #header a,
  #header a:visited {color: #2A8BAC; text-decoration:none;}
  
  #header a:focus,
  #header a:hover,
  #header a:active { text-decoration:none; background:transparent; }
  
  a#totop {
    display:block;
    width:40px;
    height:27px;
    background:url(images/totop.png) top left no-repeat;
    float:right;
  }
  a#totop:hover {background-position: 0 -27px; }
    

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

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

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .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; }
  .center { display:block; text-align:center; margin:0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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
  */

  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #888 solid; border-bottom:2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding:0.5em; }
  thead th { color:#000; border-bottom:2px #FFCB73 solid; }
  tbody th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { border-bottom:1px solid #fff; text-align:left; }
  tbody td { border-bottom:1px solid #eee; }

  /*
  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#f0e8e8; }
  tbody tr:hover td { background:#fff8f8; }
  */

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url('your_image.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */
}

/* Responsive */

#main img,
#main audio,
#main video,
#main embed {
  max-width:100%;
  width:auto;
  height:auto;
}

/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {      
  float: none;}

DIV.csc-textpic DIV.csc-textpic-imagerow {
  margin-bottom:.5em;
}

figcaption {
  padding:5px 0 5px 10px;
}

/* tablet portrai */
@media (max-width: 768px) {
  #col1 {width:62%}
  #col3 {width:auto; margin: 0 0 0 62%}
  
  h1 { font-size:200%; }                       
  h2 { font-size:170%; }                       
  h3 { font-size:140%; }                       
  h4 { font-size:123.33%; }                    
  h5 { font-size:106.67%; }                    
  h6 { font-size:106.67%; }     
}

/* larger smartphones */
@media (max-width: 600px) {
  #col1 {width:50%}
  #col3 {width:auto; margin: 0 0 0 50%}
  
  h1 { font-size:200%; }                       
  h2 { font-size:170%; }                       
  h3 { font-size:140%; }                       
  h4 { font-size:123.33%; }                    
  h5 { font-size:106.67%; }                    
  h6 { font-size:106.67%; }  
  
  .logo {
    float:none;
    margin:0 auto;
  }
  
  .title {
    padding:20px 0 0;
    text-align:center;
  }
  
  #header { padding:20px 0; }
}

/* medium smartphones ----------- */
@media (max-width: 480px) {
 #col1,
 #col2,
 #col3 {
   width:100%;
 }
 #col3 {
   margin:0;
   float:left;
 }
 #col3_content { padding-top:3em }
 
 h1 { font-size:180%; }                       
 h2 { font-size:150%; }                       
 h3 { font-size:126%; }  
 
 .page_margins { padding-top: 5px; } 
 
 .c33l, .c33r {
   width:50%;
   float:left;
 }
}

/* small smartphone, mobile */
@media (max-width:320px) {
  
  h1 { font-size:120%; }                       
  h2 { font-size:110%; }                       
  h3 { font-size:105%; }                       
  h4 { font-size:105%; }                    
  h5 { font-size:105%; }                    
  h6 { font-size:105%; }  
  
  .c50l, .c50r,
  .c33l, .c33r {
    float:none;
    width:100%;
  } 
  .subcl, .subc, .subcr {
    padding-left:0;
    padding-right: 0;
  }
}

/**
 * Responsive Web Design
 * von Michael Schulze
 */

@media only screen and (max-width: 980px) {
  /**
   * intext images
   */
  /* intext single image */
  div.csc-textpic-intext-left img
  ,div.csc-textpic-intext-right img { max-width: 100%; height: auto; }

  /* intext single image width */
  div.csc-textpic-intext-left .csc-textpic-imagewrap
  ,div.csc-textpic-intext-right .csc-textpic-imagewrap { width: 100%; }
  div.csc-textpic-intext-left .csc-textpic-imagewrap ul li { width: 100%; }

  /* UL: intext images side by side */
  div.csc-textpic div.csc-textpic-imagewrap ul li img { width: 100%; height: auto; }
  div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow ul li img { width: auto; }

  /* dl: This will place the images side by side */
  div.csc-textpic-intext-right-nowrap > div { margin-right: 100%; }
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-right: 0; width: 100%; }
}

@media only screen and (max-width: 480px) {
  /* intext single image width */
  div.csc-textpic-intext-left .csc-textpic-imagewrap
  ,div.csc-textpic-intext-right .csc-textpic-imagewrap { width: 100%; }

  /* UL: intext images side by side */
  div.csc-textpic div.csc-textpic-imagewrap ul li { float: none; }
  div.csc-textpic-intext-left .csc-textpic-imagewrap ul li { width: 100%; }
}
/* Ende content.css */

/* import print layout | Druck-Layout einbinden */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) print stylesheet
 * (de) Druck-Stylesheet
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media print
{
 /**
  * @section basic layout preparation
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
  body { font-size:10pt; }

  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #topnav, #nav, #search, nav, .logo, .footernav { display:none; }

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

  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }

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

 /**
  * @section column selection
  * (en) individually switch on/off any content column for printing
  * (de) (De)aktivierung der Contentspalten für den Ausdruck
  *
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  #col1, #col1_content { float:none; width:100%; margin:0; padding:0; border:0; }
  #col2 { display:none; }
  #col3 { display:none; }

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

  /* (en) optional output of acronyms and abbreviations*/
  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */

  /*
    abbr[title]:after, 
    acronym[title]:after { content:'(' attr(title) ')'; }
  */

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

  /* (en) optional URL output of hyperlinks in print layout */
  /* (de) optionale Ausgabe der URLs von Hyperlinks */
  /*
  a[href]:after {
    content:" <URL:"attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }
  */
  
  .title h1 { font-size:16pt; margin-bottom: 1cm; }
}

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

/*Der Mantel des Kontaktformulars*/

.csc-mailform {
  
  border:medium none;
  margin: 20px 0 0;
  padding:0;
  text-align:left;
}

/*Bereich einer Zeile des Kontaktformulars*/

.csc-mailform-field {

  clear:both;
  font-size:100,00%;
  margin-bottom:0.25em;
  overflow:hidden;
}

/*Labels z.B. Vorname, Name oder Firma usw.*/

.csc-mailform-field label {
  color:#222222;
  float:left;
  font-family:arial;
  font-size:100,00%;
  width:10em;
}

/*Textfeld zum Eintragen des Vorname, Name oder Firma usw.*/

fb_content input, #fb_content select, fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea {

  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #bbbbbb;
  color:#4D4D4D;
  line-height:1em;
}

.csc-mailform-field input {
  font-family: arial;
  height:1.3em;
  padding:0.125em 0.5em;
  width:16em;
}

/*Optionsfeld zur Auwahl aus einer Klappliste */

.csc-mailform-field select {
  
  width:17em;
}


/*Textfeld zum Eintragen von Freiem Text */

.csc-mailform-field textarea {

  font-family:arial;
  font-size:100,00%;
  height:5em;
  overflow:auto;
  padding-left:6px;
  padding-top: 2px;
  width:20em;
}

.csc-mailform-submit{
  display:block;
  height:25px !important;
  margin-left: 160px;
  padding:0 !important;
  width:170px !important;
}

#mailformformtype_mail{
  left:117;
  position:relative;
}

.footernav{
        color:#333333;
    float: right;
}