@media all
{

  /* CSS-Reset */
  html,body{height:100%;}
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,strong,pre,code,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}
  h1,h2,h3,h4,h5,h6,ul,li,em,strong,address,caption,cite,pre,code,dfn,th,var{line-height:1;font-size:100%;font-weight:normal;font-style:normal;}
  fieldset,img{border:0;}
  caption,th{text-align:left;}
  td{vertical-align:top;}
  table{font-size:inherit;table-layout:fixed;}
  ol,ul{list-style:none;}
  ul,ol,dl{position:relative;}
  hr{clear:both;}
  strong{font-weight:bold;}
  /* Rahmen bei Inputfeldern entfernen IE <= 6 */
  * html input{margin:-1px 0;}
  /* Rahmen bei Inputfeldern entfernen IE > 6 */
  *:first-child+html input{margin:-1px 0;}
  /* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
  *option {padding-left: 0.4em}   
  /* CSS-Reset */
  
  
  html, body, table, textarea, input {
    text-align: left;     
    line-height: 1.3;
    font-size: 12px;
    font-family:Arial, Verdana, Helvetica, sans-serif;    
    color:#050707;
    
    
  }
  body {
    background: #124889 url(../img/layout/bg_body.jpg) repeat-y center 20px; 
    overflow: -moz-scrollbars-vertical;
    position: relative; /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser Fensters geändert wird. */
    min-height: 101%;	
  }  
   #page{
    background:#fff;
    height: 100%;
    width: 100%;
   }
		
	li{
	   padding: 0 0 5px 20px;
	   line-height:1.4;
     background: url(../img/li_symbol.gif) no-repeat 4px 3px;  
  }
		
	
  /* Standard Linkeinstellungen */
  a{
    outline:0;
  }
  a:link {
    color:#124889;
    font-family:Arial,Verdana;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
  }
  a:visited {
    color:#124889;
    font-family:Arial,Verdana;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
  }
  a:hover {
    color:#F5C82F;
    font-family:Arial,Verdana;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
  }
  a:active {
    color:#124889;
    font-family:Arial,Verdana;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
  }
  a:focus {
    color:#124889;
    font-family:Arial,Verdana;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
  }        
  

	
	/* header: Bildillustration, topnav (s.u.) */
	#header {    
    width:100%;
  }
    
  /* topnav: Impressum, etc... */
  #topnav {
    top:-20px;    
    width:100%;
    height:20px;
    background: #124889;
  }
  td.topnav{  
    width:100%;
    text-align:right;    
    vertical-align:middle;
    height: 100%;
  }
  #topnav a {
    color:#fff; 
    font-weight:bold;
    }    
  #topnav a:hover{
    color: #ecf5ff; 
    font-weight:bold;
    }
  
  /* nav: nav_main (Navigation Ebene 1), col1 (Navigation Ebene 2) */
  #nav {
    margin-top:4px;
    background-color:#fff;
    width:100%;    
    height:71px;
  }
  
  /* nav_main (Navigation Ebene 1) */
  #nav_main {     
    width:100%;    
    height:40px;    
  }  
  #nav_main table tr td ul li{
    background: none;
    float:left;
    display:inline; 
    margin:0; 
    padding:0;}
  #nav_main table tr td ul li.current a{
        color:#F5C82F;
        
    }
  #nav_main table tr td ul li a {
    float:left; 
    margin:0 30px 0 0;  

  }
  #nav_main table tr td ul li  a:hover {

  }
  td.nav_main{
    vertical-align:bottom;  
    height:100%;    
  }
  
  
  /* Trennlinie 1 Hauptnavi */
  #footer {margin-top:5px;margin-bottom: 20px;}    /* Margin 5 zu Linie */
  
  /* col1 ...mainMenu (Navigation Ebene 2) */  
  #col1{    
    height:30px;    
  }
  #col1_content{    
    height:30px;
  }
  div.navigation_line_sub{ /* Trennlinie 2 Subnavi */
    float:left;   
    height:
  }
  div.mainMenu{    
    margin:7px 0 0 0;     /* Margin 5 zu Linie */  
    height:18px;
    display:inline;
    float:left;
  }
  .mainMenu ul {
    margin:0;
    padding:0; 
    list-style:none;    
  }
  .mainMenu li {
    line-height:1.0;
    float:left;     
    margin:0; 
    padding:0;
    background:none;
    
    }
  .mainMenu a{     
    margin:0 14px 0 0;
    border-bottom: 1px solid #124889; 
    padding: 0 1px 5px 0;
    color:#124889;      
    font-weight:bold;
    display:block;
     
  }
  .mainMenu a:hover{

  }
  li.subnavi a {
    color:#8d9ac5;    
    }
  li.subnavi a:hover {
    color:#f5c82f;
    }
  li.subnavi_active a {
    color:#f5c82f;
    }
    
  #col1_content h3 {display:none;}
  #col1_jsmenue{display:none;}
  
  /* teaser: Zusatzinformationen, Sprachauswahl */
  #teaser {display:none;}
  
  .box
  {
  	font-family:		Arial, Verdana;
  	font-size:		14px;
  	font-weight:		bold;
  	color:			#124889;
  	border:			1px solid #f5c82f;
  	background-color:	#fdf5dd;
  }
  
  .box a:link, .box a:visited, .box a:hover, .box a:active, .box a:focus
  {
  	font-size:		14px;
  }	
      
  
  /* ################################################################ */
  /* ################################################################ */
  
  /* Festlegung der Layoutbreite und Zentrierung*/
  #page_margins {
    
    width:917px; 
    margin:auto; 
        
    max-width:inherit;  /* min-width für fixes Layout abschalten */
    min-width:inherit;  /* max-width für fixes Layout abschalten */
  }  
  
  /* Hauptbereich */
  #main {
    margin:0 0 0 0;    
    padding:25px 17px 30px 60px;
    background-color:#fff;
    min-height:600px;
    display:inline-block;
    position:relative;
  }
  
  #ie_clearing {
    /*display:none;*/    
    display:block; /* DIV made visible */
    \clear:both; /* Normal clearing for IE5.x/Win */
    width: 100%; /* IE Clearing with 100% DIV for IE 6 */
    font-size:0;
    margin: -2px 0 -1em 1px; /* IE clearing with extra-large DIV for IE7 */
    height:5px;
    position:relative;
  }
  
  /* col2: Rechter Rand */
  #col2 {
    float:left;
    width:240px;
    float:left;
  }
    
  /* col3: Content */
  #col3 {
    float:left;
    width:570px;
    padding: 0 30px 0 0;
    display:inline-block;
    position:relative;
  }
  
  
  
  
  /* Überschriften deffinieren */
  h1,h2,h3,h4 {font-weight:normal;}
  h1,h2,h3,h4 {display:block; font-weight:bold;}
  
  h1 {font-size:20px; font-weight:bold; color:#124889; line-height:1.3;margin:0 0 15px 0;}
  h2 {font-size:1.0em; color:#fff; background:#765; margin:0.2em 0 0.5em 0; padding:0.3em; margin-top:1em;}
  h3 {font-size:1.0em; color:#765; background:transparent; margin:0.4em 0 0.3em 0; padding-top:1em;}
  h4 {font-size:1.0em; color:#888; background:transparent; margin:0.4em 0 0.3em 0; border-bottom:1px #ccc solid; padding-top:1em;}
  
  
	
	/* NEWS */
	span.nlink {
    color:#124889;
    cursor:pointer;
    font-family:Arial,Verdana;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
  }
  
  div.news_list_detail img {
    margin-bottom:12px;
  }
      
      
  /* Content-Block: */
  /* -------------- */
  /*Text */
  div.csc-textpic-text {
    margin: 0 0 0 0;  
  } 
  
  
  /* Text-Blue - aus altem Typo3 übernommen */
  .text_blue {
    color:#124889;
    font-family:Arial,Verdana;
    font-size:12px;
    }
    
  
  /* Bildunterschrift */
  .csc-textpic-caption {
    font-size:10px;
    font-family:verdana;
    line-height:1.5;
    padding-top:6px;
    font-weight:bold;
  }
  
  
  
  /*  */
  #col3_innen {display:inline-block;height:100%;}  
  
  
  /* Content-Link Klassen */
  /* -------------------- */
  
  /* normal */
  a.normal{
  
  }
  
   
  /* button */
  a.button {
    display:inline-block;
    background-color:#FDF5DD;
    border:1px solid #F5C82F;
    color:#0F4A86;    
    font-size:11px;
    font-family:verdana;    
    padding: 2px 5px 4px 5px;
    
  } 
  
  
  /* Spenderliste */
  a.letters:link {
  color:#FFFFFF;
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  }
  a.letters:visited {
  color:#FFFFFF;
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  }
  a.letters:hover {
  color:#FFFFFF;
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  }
  a.letters:active {
  color:#FFFFFF;
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  }
  a.letters:focus {
  color:#FFFFFF;
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  }
  .thumbnail {
  position:relative;
  z-index:0;
  }
  
  
  /* Tooltip */
  #demotip { 
    display:none;
    font-weight:bold;
    padding:25px; 
    background-color:#E0E0E0;
    border:1px solid #868686;
    color:#000000;  
  }
    
  
  div.content_block{
    margin:0 0 15px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #b4b4b6;
    width:100%;
    position:relative;
    display:block;
    
    
    } 
  /* POWERMAIL - Formularstyles */
  /* -------------------------- */
  
  /* Standardeinstellungen für Formulare */
  label { 
    display: block;
    float: left;
    width: 180px; /* Feste Breite damit Felder auf einer Linie */
    font-weight:bold;
  }
  form br { /* Alle Zeilenumbrüche in Formularen auswählen */
    clear: left; /* das floating der labels und inputs aufheben */
  }
  input#submit { /* den Submit-Button */
    float: none;
    width: auto;
  }
  
  /* unsichtbare felder */
  legend{
    display:none;
  }
  
  p.tx_powermail_pi1_fieldwrap_html_checkbox_title{
    display:none;  
  }
  
  
  /* Powermaileinstellungen */
  fieldset.tx-powermail-pi1_fieldset input[type=text],
  fieldset.tx-powermail-pi1_fieldset select,
  fieldset.tx-powermail-pi1_fieldset textarea {
	   font-size:12px;
	   font-family:Arial,Verdana;
	   color:#000000;
	   background-color:#FDF5DD;
     border:1px solid #F5C82F;
     width: 300px;
     margin-bottom: 15px;
     
  }  
  fieldset.tx-powermail-pi1_fieldset input[type=text] {
    height: 19px;
  }
  fieldset.tx-powermail-pi1_fieldset input[type=checkbox] {
    margin: 20px 0 30px 0;
  }
  
  
  
  fieldset.tx-powermail-pi1_fieldset input[type=submit], div.tx-powermail-pi1_confirmation input[type=submit] {
    display:inline-block;
    background-color:#FDF5DD;
    border:1px solid #F5C82F;
    color:#0F4A86;    
    font-size:11px;
    font-family:verdana;    
    padding: 2px 5px 4px 5px;  
    font-weight:bold;
    margin-top: 15px;
    outline:0;
    cursor:pointer; 
  }  
  /* powermail: Feld für Fehler */
  div.powermail_mandatory_js
  {
    color:red;  
  }
  
  
  /* ------- */  
  /* tt_news */
  /* ------- */
  
  div.news_archiv {
    display:inline-block;
    padding: 0 0 25px 0;
    margin:0 0 15px 0;    
    border-bottom: 1px solid #b4b4b6;
    width:100%;
    }     
  table.news_archiv_content {
    table-layout:auto;
  
  }    
  td.news_archiv_content {    
    padding:0 0 0 0;
    float:left;
    color:#c5c6c8;   
  }  
  div.news_archiv_content_rahmen{
    background-color: #b4b4b6;
    height:1px;
    margin: 4px 0 4px 43px;  
    
  }  
  td.news_archiv_content a {    
    color:#8b97c4;
  }
  td.news_archiv_content a:hover {    
    color:#F5C82F;
  }  
  td.news_archiv_content a span.news_archiv_content {    
    color:#F5C82F;
  } 
   
  td.news_archiv_content_head {    
    padding:0 15px 0 0;
  }  
  span.news_archiv_content_sepline{
    font-weight:bold;
    color:#284f97;
  }
  
  div.news_list_detail{
    margin: 15px 0 0 15px;
  }
  
  /* Browse Links (siehe Template ###BROWSE_LINKS###) */
  div.browseLinksWrap{
    margin: 18px 0 0 0;
    background-color:#FDF5DD;
    border:1px solid #F5C82F;    
    font-family:Arial,Verdana;        
    padding: 2px 0 2px 6px;
  }
  div.browseLinksWrap span{
    margin:0 6px 0 0;  
  }
  div.browseLinksWrap span.active{background: url(C:/Dokumente und Einstellungen/tw/Lokale Einstellungen/Temp/fz3-12561374235000) no-repeat;
  width: 0px;
  height: 0px;
  
    color:#F5C82F;
    font-weight:bold;  
  }   
  
}


/* #############################################################################
** ### Printeinstellungen ######################################################
** ###########################################################################*/

@media print
{
.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
}
body * {font-size:12pt; font-family:"Times New Roman", Times, serif;}
blockquote {font-family: "Times New Roman", Times, serif;}
code.css, code.xhtml, em.file {font-family:"Courier New", Courier, mono;}

h1 {font-size:16pt; font-weight:bold; color:#336699; background:inherit; margin:0.4em 0 0.5em 0; border-bottom:1px #ccc solid;}
h2 {font-size:14pt; font-weight:bold; color:#666; background:inherit; margin:0.2em 0 0.5em 0; padding:0.3em;}
h3 {font-size:12pt; font-weight:bold; margin:0.4em 0 0.3em 0;}

/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3 {page-break-after:avoid;}

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

/* Sichtbare Auszeichnung der URLs von Links */
#col3 a[href^="http:"], #col3 a[href^="https:"], #col1 p a[href^="http:"], #col1 p a[href^="https:"], #col2 p a[href^="http:"], #col2 p a[href^="https:"] {padding-left:0; background-image:none;}

a[href]:after {content:" <URL: "attr(href)">"; color:#444; background-color:inherit; font-style:italic;}

/* Umformatierung der Layoutboxen */
body {margin:0; padding:0;}
#page_margins, #page {min-width:inherit; margin:0; padding:0; border:0;}
#topnav {display:none;}

#header {height:auto;}
#header img {position:relative; top:0; left:0; padding:0;}
#nav_main {display:none;}
#teaser {display:none;}

#main {margin:0; padding:0;}

#col1 {display:none;}
#col1_content {display:none;}

#col2 {display:none;}
#col2_content {display:none;}

#col3 {margin:0; padding:0; border:0;display:inline-block;}
#col3_content {margin:0; padding:0; border:0;}


}

