@charset "UTF-8";

@media all
{
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  * { margin: 0; padding: 0; }

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { color: #555; background: transparent; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #layout { /*width: auto; min-width: 1000px; max-width: 1000px*/ width: 1000px; }
  #header { height: 110px; }
  #footer { float:left; width: 1000px; }


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #topic { float: left; width: 410px; height: 110px; margin: 0;}
  #topnavigation { float: left; width: 400px; height: 110px; margin: 0; }
  #logo { float: left; width: 120px; height: 110px; margin: 0 ; background: url(../images/logo_maier_text_konzept.gif) no-repeat  #67666B; color: #FFF; text-align: center; }
  #copy, #copy_start { float: left; width: 810px; margin: 0; }
  #copy #text, #copy_start #text { float: right; width: 810px; padding: 10px 0 0 0; }
  #copy_start #text { width: 550px; padding: 10px 0 0 0; }
  #copy #text #text_content, #copy_start #text #text_content, #teaser #teaser_content { padding: 0 65px 0 5px; text-align: justify;  }
  #copy #text #text_content { width: 565px; float: left; padding: 0 65px 0 5px; }
  #copy #text #text_pager, #copy_start #image #text_pager { width: 165px; float:left; padding: 0;}
  #copy_start #image #text_pager { padding: 10px 0; }
  #copy #image, #copy_start #image{ float: left; width: 550px; padding: 15px 10px 0 0; text-align: justify; }
  #copy_start #image { width: 250px; }
  #copy #image #image_content, #copy_start #image #image_content { padding: 0 0 0 0; width: 550px; height: 250px; background: transparent;}
  #copy_start #image #image_content { width: 250px; }
  #navigation { float: right; padding-right:50px; width:140px; margin:0; }
  #navigation #navigation_content { padding: /*125px*/ 295px 0 0 0; }
  #teaser>#navigation #navigation_content { padding: 0; }
  #teaser {float:left;margin-left:260px;width:550px;margin-top:20px;}


 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

  p, h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 12px;}
  a { color: #C24D3E; text-decoration: none; }
  a:hover { text-decoration: underline; }
  h1 a { color: #67666B; }
  h1 a:hover { color: #67666B; text-decoration: none; }
  #topic h1 { font-size: 12px; text-transform: uppercase; padding: 20px 0 0 20px; }
  #topic h2 { font-size: 9px; text-transform: uppercase; padding: 5px 0 0 20px; }
  #topnavigation ul { list-style-type: none; padding: 20px 0 0 0; text-transform: uppercase; }
  #topnavigation ul li { float:left; padding: 0 0 0 20px ; }
  #topnavigation ul li a { color: #67666B; }
  #topnavigation ul li a:hover, #topnavigation ul li a.active { color: #C24D3E; text-decoration: none; }
  #topnavigation ul li a img { background: #67666B; border: none; }
  #topnavigation ul li a:hover img, #topnavigation ul li a.active img { background: #C24D3E; border: none; }
  #copy #text_content h1, #copy #text_content h2 { text-transform: none;}
  #text_content h1, #text_content h2, #navigation_content h2, #image_content h1, #image_content h2, #teaser_content h1 { font-size: 17px; text-transform: uppercase; color: #C24D3E; background: transparent; }
  #teaser_content h1{text-transform: none;}
  #text_content h1 a, #image_content h1 a { color: #C24D3E; }
  #text_content h1 a:hover, #image_content h1 a:hover { color: #C24D3E; text-decoration: underline; }
  #text_content h2, #image_content h2 { padding-bottom: 11px;}
  #text_content h3, #image_content h3, #teaser_content h3, #teaser_content h2 { line-height: 150%; font-weight:700;}
  #teaser_content h3,#teaser_content h2 { font-size:11px;}
  #text_content p, #image_content p, #teaser_content p { line-height: 150%; padding-bottom: 15px; }
  #text_content ul, #image_content ul { line-height: 130%; }
  #text_content ul ul, #image_content ul ul { padding-bottom: 10px; list-style-type: square ; }
  #text_content ul, #image_content ul { padding-bottom: 10px; }
  #text_content ul li, #image_content ul li { padding-bottom: 5px; }
  /*#text_content ul li { line-height: 120%; padding-bottom: 10px; }*/
  #navigation_content ul,#tag_cloud-3 div { margin: 0; padding: 0; text-transform: uppercase; list-style-type: none; /*width: 120px;*/ padding: 0 0 25px 0; }
  #navigation_content #ctc div.ctc{padding-bottom:25px;}
  /*#navigation_content #ctc h2 {display:none;}*/
  #navigation_content ul li { padding: 0 0 5px 0; font-size: 11px; }
  #navigation_content ul li a { color: /*#67666B*/#C24D3E; font-size:9px; line-height:102%; padding-bottom:5px; }
  #navigation_content ul li a:hover, #navigation_content ul li a.active { color: #C24D3E; text-decoration: none; }
  #text_pager ul { margin: 0; padding: 0; list-style-type: none; width: 100px; padding: 0 0 0 75px; }
  #text_pager ul li { padding: 0 0 5px 0; font-size: 11px; }
  #text_pager ul li a { color: #67666B; }
  #text_pager ul li a:hover, #text_pager ul li a.active { color: #C24D3E; text-decoration: none; }
  #text_pager ul li a img { background: transparent; border: none; }
  #text_pager ul li a:hover img, #text_pager ul li a.active img { background: #C24D3E; border: none; }

  #footer ul { list-style-type: none; padding: 35px 0; text-transform: uppercase; }
  #footer ul li { float:left; padding: 0 0 0 20px; font-size: 11px; }
  #footer ul li a { color: #67666B; }
  #footer ul li a:hover, #footer ul li a.active { color: #C24D3E; text-decoration: none; }
  #footer ul.language li { padding: 0; }

  #text_content ul, #image_content ul { margin-left: 18px;  }
  /*#text_content h1 { border: 1px dashed red;  }
  #text_content h2 { border: 1px dashed orange;  }
  #text_content p { border: 1px dashed green;  }
  #text_content div { background: pink;  }*/
  #recent-posts h2,#recent-posts-2 h2, #subnavigation h2, #tag_cloud-3 h2, #linkcat-2 h2{
  color:#67666B;
  padding-bottom:5px;
  font-size:10px;
  font-weight:700;
  line-height:150%;
  }
  #recent-posts li a, #recent-posts li a:link, #recent-posts li a:visited, #recent-posts li a:hover,
  #recent-posts-2 li a, #recent-posts-2 li a:link, #recent-posts-2 li a:visited, #recent-posts-2 li a:hover,
  #sublinks li a, #sublinks li a:link, #sublinks li a:visited, #sublinks li a:hover {
  color:#C24D3E;
  font-size:9px;
  /*font-style:italic;*/
  padding-bottom:5px;
  line-height:102%;
  display:block;
  }
  fieldset ol li{list-style-position:inside;}
  fieldset ol {padding-bottom:20px;}
  fieldset {margin-bottom:20px;padding:10px;}

}
