@charset "UTF-8";

@media all
{
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  #page_margins { width: 100%; min-width: 100%; max-width: 100%; background-color: #545454; }
  #page { width: 100%; min-width: 100%; max-width: 100%; text-align: center; }
  html { height: 100%; }
  body { margin: 0px; height: 100%; font-family: Arial; font-size: 12px; }  
  a img { border: none; }
  img { border: none; }
  p, td { font-family: Arial; font-style: normal; font-size: 12px !important; color: #000000 !important; line-height: 14px; padding: 0; margin: 0; }
  ul, li { font-size: 12px; }
  li { margin-bottom: 5px; }
  
  /* spezial-styles */
  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  /* Hides from IE-mac \*/
  * html .clearfix { height: 1%; } 
  /* End hide from IE-mac */  
  
  /* Header */ 
  #pageheader { width: 100%; height: 70px; border-bottom: solid 1px #FFFFFF; background-image: url(images/bg_top.gif); background-repeat: repeat-x; }
  #pageheader_nav { position: absolute !important; top: 0px !important; left: 558px !important; max-width: 446px; min-width: 446px; line-height: 14px; }
  
  /* Navigation */ 
  #nav { position: relative; width: 954px; margin-left: auto; margin-right: auto; height: 70px; text-align: left; }
  #nav_language { position: absolute; left: 5px; top: 5px; color: #ffffff !important; font-weight: bold; }  
  #nav_d21 { float: right; height: 16px; margin-left: auto; width: 175px; color: #FFFFFF; text-align: right; padding: 4px 8px 2px 0; font-size: 9px; background-color: #545454; border-right: solid 4px #f17e0b; }
  #nav_main { float: left; margin-top: 40px; }
  
  /* Content */
  #pagemain { width: 954px; margin-left: auto; margin-right: auto; height: 889px; text-align: left; padding: 30px; background-color: #FFFFFF; border-top: solid 9px #1e489c; }
  /* IE-hack (wird nur von moz, firefox gelesen) */
  #pagemain[id] { width: 894px; height: auto; min-height: 889px; }
  
  #logo { margin: 0 0 30px 10px; }
  #col1 { float: left; min-width: 645px; width: 645px; max-width: 645px; }
  #col2 { display: none; }
  #col3 { width: 230px; margin: 0 0 0 660px; }
  
  /* container */
  #col1 .container_tomain_header { border-bottom: dashed 1px #1e489c; }
  #col3 .container_toinfo { background-color: #f3f7ff; }
  #col3 .container_toinfo_header { background-color: #1e489c; }
  
  /* Footer */
  #pagefooter { width: 100%; height: 70px; border-top: solid 1px #FFFFFF; padding-top: 4px; background-image: url(images/bg_bottom.gif); background-repeat: repeat-x; }
  #pagefooter span { color: #FFFFFF; font-weight: bold; }
  #pagefooter a { color: #CCCCCC !important; font-weight: bold; } 
  #pagefooter_dnn { width: 954px; margin-left: auto; margin-right: auto; text-align: right; }

  /* Styles einzelner Elemente */    
  a { color: #545454 !important; font-weight: bold; text-decoration: none; font-size: 12px ; font-family: Arial; }   
  a:visited { color: #545454 !important; text-decoration: none; }
  a.small { font-size: 10px; }    
  .bold { font-weight: bold; }
  a.LanguageActive, a.LanguageActive:visited { color: #ffffff !important; font-weight: bold !important; }
  a.LanguageInactive, a.LanguageInactive:visited { color: #c6c6c6 !important; font-weight: bold !important; }	
  
  h3, h3 span, h3 a { padding: 6px 0 4px 0; font-weight: bold; color: #363739; margin-bottom: 0px; }

  .ButtonRow { text-align: left; background-color: #ffffff; height: 18px; border: none; } 
  input.button { float: right; padding-bottom: 2px; height: 18px; color: #ffffff; text-align: center; font-size: 11px; font-weight: bold; border: none; width: 120px; cursor: pointer; background-color: Transparent; background-image: url('/images/Buttons/button_blue.gif'); }
  
  input.dropdown, input.textbox { font-size: 11px; height: 20px; }
  textarea { font-family: Arial !important; font-size: 11px; }
  
  .errorMessage { color: Red; }
  .alert { color: Red; font-size: 11px; }
  
  div.devider { width: auto; line-height: 1px; max-height: 1px; margin: 5px; }
  div.header { clear: both; }
  div.row { vertical-align: bottom !important; clear: both; }
  div.row { clear: both; padding: 2px 0 2px 0; }
  //div.row * div { display: table-cell; }
  div.row.transparent { background-color: Transparent !important; }
  div.col { float: left; }
  div.col.right { float: right; }
  div.col4 { width: 4%; float: left; }
  div.col5 { width: 5%; float: left; }
  div.col10 { width: 10%; float: left; }
  div.col11 { width: 11%; float: left; }
  div.col12 { width: 12%; float: left; }
  div.col15 { width: 15%; float: left; }
  div.col16 { width: 16%; float: left; }
  div.col20 { width: 20%; float: left; }
  div.col25 { width: 25%; float: left; }
  div.col30 { width: 30%; float: left; }
  div.col33 { width: 33%; float: left; }
  div.col34 { width: 34%; float: left; }
  div.col35 { width: 35%; float: left; }
  div.col40 { width: 40%; float: left; }
  div.col45 { width: 45%; float: left; }
  div.col50 { width: 50%; float: left; }
  div.col55 { width: 55%; float: left; }
  div.col60 { width: 60%; float: left; }
  div.col65 { width: 65%; float: left; }
  div.col70 { width: 70%; float: left; }
  div.col75 { width: 75%; float: left; }
  div.col80 { width: 80%; float: left; }
  div.col90 { width: 90%; float: left; }
  div.col100 { width: 100%; float: left; }
  div.rowdevider { display: none; }
  
}