/********************************************************
**  Allgemein
********************************************************/
  
  html,
  body {
    background: url(../layout/bg_body.jpg);
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  
/********************************************************
**  Klassen
********************************************************/
    .clear {
      clear: both;
    }
    
    .align-left {
      text-align: left !important;
    }

    .align-center {
      text-align: center !important;
    }
    
    .align-right {
      text-align: right !important;
    }
    
    .float-left {
      float: left !important;
    }
    
    .float-right {
      float: right !important;
    }
  
  
/********************************************************
**  Layout
********************************************************/
  
    div#wrapper {
      width: 966px;
      margin: 0 auto;
      margin-top: 20px;
    }
	
    div#head {
      background: #fff;
      position: relative;
    }
    	
    div#logo {
      background: #fff;
      float: left;
      width: 201px;
    }
    
    div#flash {
      background: #fff;
      float: left;
      height: 146px;
      overflow: hidden;
      width: 765px;
    }
    
    div#logo a {
      display: block;
    }
    
    div#main {
      background:url(/fileadmin/layout/main-bg.gif) repeat-y left #fff;
      float: left;
      width: 966px;
    }
    	
    	
    div#links {
      position: relative;
      width: 201px;
      height: 395px;
      float: left;
      overflow: hidden;
    }
    	
    div#content {
      float: left;
      width: 765px;
      left: 201px;
    }
    	
    div#contentText {
      overflow: auto;
      padding: 20px;
    }
    	
    div#pic {
      width: 261px;
      height: 395px;
      float: right;
      overflow: hidden;
      margin-top: 20px;
    }
    	
    div#footer {
      float: right;
      margin-top: 2px;
    }
    
    div#linkskontakt {
      width: 348px;
      float: left;
    }
    
    div#rechtskontakt {
      float: left;
    }

    .imgcache {
      display: none;
    }
  
  
/********************************************************
**  Header-/Media
********************************************************/
    
    div#media_rechts {
    	height:140px;
    	position:absolute;
    	top:0px;
    	right: 0px;
    	width:691px;
    }
    
    div#media {
      position: relative;
      width: 966px;
      height: 141px;
      float: left;
      overflow: hidden;
    }
  
  
/********************************************************
**  Navigation Links
********************************************************/
  
    ul#navi {
      padding: 20px 0 0 0;
    }
    
    ul#navi li{
      /*background: url(../layout/bg_li.jpg) no-repeat;*/
    }
    
    ul#navi a {
      /*background: #eee;*/
      background: url(../layout/bg_li.jpg) no-repeat;
      color: #fff;
      display: block;
      line-height: 18px;
      margin-bottom: 5px;
      padding-left: 10px;
      text-decoration: none;
      height: 21px;
      line-height: 21px;
      font-size: 16px;
    }
    
    ul#navi a:hover {
      background: url(../layout/bg_li_aktiv.jpg) no-repeat;
      color: #fff;
    }
    
    ul#navi a.aktiv {
      background: url(../layout/bg_li_aktiv.jpg) no-repeat;
      color: #fff;
    }
    
    ul#navi2 {
      margin-bottom: 10px;
    }
    
    ul#navi2 li {
      list-style-position: outside;

    }
     
    
    ul#navi2 a {
      background: none;
      color: #fff;
      display: block;
      line-height: 21px;
      margin-bottom: 5px;
      padding-left: 25px;
      text-decoration: none;
    }
    
    ul#navi2 a:hover {
      background: url(../layout/bg_li_sub_aktiv.jpg) left center no-repeat;
    /* color: #e84e1d;*/
      
    }
    
    ul#navi2 a.aktiv {
      background: none;
      color: #E84E1D;
      font-weight: bold;
    }

/******Logos links********/
div#links div#logos_unten {
	border-top: 5px solid #fff;
	background: #fff;
	position: absolute;
	bottom: 0px;
	display:none;
}
div#links img {
	float: left;
	width: 100px;
	margin-top: 1px;
}

/********************************************************
**  Servicenavigation Unten
********************************************************/
  
    ul#quicklinks a {
    	color: #fff;
    	line-height: 16px;
    	padding: 0px 3px;
    	text-decoration: none;
    }
    
    ul#quicklinks a:hover {
    	color: #333;
    	text-decoration: underline;
    }
    	
    ul#quicklinks li {
    	display: inline;
    	margin-left: 5px;
    }

/********************************************************
**  Scrollable
********************************************************/

div.scrollable div.item-overlay {
  background: transparent url(../layout/scrollable-overlay.png) repeat-y top left;
  height: 135px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position: relative; 
    overflow: hidden; 
    width: 509px; 
    height: 135px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width: 20000px; 
    position: absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
    padding: 10px 12px;
} 
    

/********************************************************
**  Teaser
********************************************************/

    div.teaser {
    	border: solid 1px #D4DEF1;
    	padding: 10px;
    	padding-top: 0px;
    	text-align: center;
    	margin-bottom: 15px;
    }
    div#content div.teaser div a {
    	color: #3D71A7;
    	
    }
    div#content div.teaser div {
    	text-align: left;
    }
    
    div.teaser div p {
    	text-align: left;
    	margin-top: 10px;
    }
    div#main div#content div.teaser h1 a{
    	color: #3D71A7;
    	text-decoration: none;
    }
    
    div#main div#content div.teaser h1 {
    	margin-left: -10px;
    	margin-right: -10px;
    	background: #D4DEF1;
    	text-align: center;
    	padding: 5px 0;
    }
        
/********************************************************
**  Inhaltsformatierung
********************************************************/
  
    div#content div#contentText div.two-column div.left {
      float: left;
      padding-right: 20px;
      width: 47%;
    }

    div#content div#contentText div.two-column div.right {
      float: left;
      width: 48%;
    }

    div#content h1 {
      color: #e84e1d;
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 12px;
      padding-bottom: 6px;
    }
    
    div#content h2,
    div#content table caption {
      color: #e84e1d;
      font-size: 16px;
      font-weight: normal;
      margin-bottom: 8px;
    }
    
    div#content h3,
    div#content h4 {
      color: #333;
      font-size: 14px;
      font-weight: normal;
      margin-bottom: 4px;
    }

    /** Bild im Text links **/
    div#content div.csc-textpic.csc-textpic-intext-left dd.csc-textpic-caption {
      color: #e84e1d;
      font-size: 12px;
      line-height: 14px;
      margin-top: 2px;
    }
    div#content div.csc-textpic.csc-textpic-intext-left dl.csc-textpic-image {
      margin-bottom: 0px !important;
    }
    div#content div.csc-textpic.csc-textpic-intext-left div.csc-textpic-imagewrap {
      margin-bottom: 5px;
      margin-top: 5px;
    }
    /** Bild im Text links **/

    /** Bild im Text rechts **/
    div#content div.csc-textpic.csc-textpic-intext-right dd.csc-textpic-caption {
      color: #e84e1d;
      font-size: 12px;
      line-height: 14px;
      margin-top: 2px;
    }
    div#content div.csc-textpic.csc-textpic-intext-right dl.csc-textpic-image {
      margin-bottom: 0px !important;
    }
    div#content div.csc-textpic.csc-textpic-intext-right div.csc-textpic-imagewrap {
      margin-bottom: 5px;
      margin-top: 5px;
    }
    /** Bild im Text rechts **/
    
    div#content p {
      color: #555;
      font-size: 12px;
      line-height: 18px;
      margin-bottom: 18px;
    }
    
    div#content a {
      color: #555;
      border-bottom: 1px solid #555;
      text-decoration: none;
    }
    
      div#content a:hover {
        color: #e84e1d;
        border-bottom-color: #FAA932;
      }
      
    div#content img {
      border: 1px solid #e84e1d;
      padding: 1px;
    }
    
    div#content a.lightbox {
      border: none;
    }
    
    div#content table {
      background: #eee;
      border: 1px solid #555;
      border-width: 1px 0 0 1px;
      margin-bottom: 18px;
    }

    div#content table tbody {
      border: 1px solid #555;
    }

    div#content table p {
      margin: 0;
    }

    div#content table th,
    div#content table td {
      border: 1px solid #555;
      border-width: 0 1px 1px 0;
      padding: 5px;
    }

    div#content table tr th {
      background: #ddd;
    }

    div#content table th p {
      font-weight: bold;
    }

    div#content table td p {
      color: #666;
    }
    
    div#content ul,
    div#content ol {
      margin-bottom: 18px;
      padding-left: 18px;
    }

    div#content ol {
      margin-left: 9px;
    }
    
      div#content ul li {
        color: #555;
        list-style: outside square;
        line-height: 18px;
      }

      div#content ol li {
        color: #555;
        list-style: outside decimal;
        line-height: 18px;
      }
      
        div#content ul li ul,
        div#content ol li ol {
          margin-bottom: 0px;
        }
        
          div#content ul li ul li,
          div#content ol li ol li {
            color: #666;
          }
  
  
/********************************************************
**  Kontaktformular
********************************************************/
  
    div#kontakt {
      font-size: 12px;
    }
     
    .formErrorMsg {
      color: #e84e1d !important;
      font-weight: bold;
    }
     
    div#kontakt fieldset {
      border-width: 0px;
    }
     
    div#kontakt div.row {
      clear: both;
      line-height: 15px;
    }
     
    div#kontakt div.left {
      float: left;
      margin-right: 15px;
    }
     
    div#kontakt div.right {
      float: left;
    }
     
    div#kontakt div.submit {
      float: left
    }
     
    div#kontakt div.label, 
    div#kontakt label {
      display: block;
      color: #333;
    }
     
    div#kontakt label.short {
      width: 40px;
    }
     
    div#kontakt label.required {
      font-weight: bold;
      color: #333;
    }
     
    div#kontakt label.checkbox {
      width: 410px;
    }
     
    div#kontakt span.error {
      color: #e84e1d;
    }
     
    div#kontakt label.singleline {
      clear: both;
      width: 100%;
    }
     
    div#kontakt input, 
    div#kontakt textarea, 
    div#kontakt select {
      float: left;
      display: block;
      border: 1px solid #555;
      margin-bottom: 10px;
      padding: 1px;
    }
     
    div#kontakt input.error, 
    div#kontakt textarea.error, 
    div#kontakt select.error {
      border-color: #e84e1d;
    }
     
    div#kontakt input.checkbox {
      float: left;
      width: 20px;
      display: block;
      border-width: 0px;
    }
     
    div#kontakt input.hidden {
      border-width: 0px;
    }
     
    div#kontakt textarea {
      width: 400px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
    }
     
    div#kontakt input.button {
      background: #e84e1d;
      border: none;
      color: #fff;
      cursor: pointer;
    }
     
    div#kontakt td.col1,
    div#kontakt td.col2 {
      width: 190px;
    }
     
    div#kontakt input {
      width: 180px;
    }
     
    div#kontakt textarea {
      width: 372px;
    }