@media all
{

  table.adr { width:100%; border-collapse:collapse; margin-bottom:0em; }

  .adr th, .adr td { padding:0 !important; }

  .adr tbody th {text-align:left; }
  
  table.adr td img {padding-right:10px !important; }

  table.adr td.image {width:110px;}


.align-center {text-align: center;}

.align-right {text-align: right;}

.align-left {text-align: left;}

.align-justify {text-align: justify;}

.csc-textpic-caption { margin: 0; padding:8px 0 0 0; }
.csc-textpic-caption a { font-weight:bold;}

  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding:0; }

  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left:0.4em; } 
  select { padding:1px; }

 /* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

  body {
	/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:100.01%;
	background-color:#ffffff;
	text-align:left;
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    font-family:Arial, Helvetica, sans-serif;
	font-size:75.00%;
	color:#232323;
  }

  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }

 /* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen */
  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Courier New", Courier;
  }

  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border:0 solid; }

  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl {
	margin:0 0 1em 2em;
	line-height:1.5em;
  } 

  ul ul { margin-bottom:0; }

  ol ol { margin-bottom:0; }
  
  ul li {padding-left:4px;}

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

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

  blockquote { margin:0 0 1em 0.8em; } 


  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    margin:0 0 0.25em 0;
  }

  h1 {
	font-size:150%;
	margin:0 0 2em 0;
	color:#03b5de;
  }
  
  #col3 h1 {
	color:#173883;	
}
  	
  h2 { font-size:130%; }
  h3 { font-size:100%; font-weight:bold; }
  h4 { font-size:100%; }
  h5 { font-size:100%; }
  h6 { font-size:100%; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  blockquote { margin:0 0 1em 1.6em; color:#666; }

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

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

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

  p {
	line-height:1.4em;
}

  /*--- Links ----------------------------------------------------------------------------------------- */
  a {
	color:#03b5de;
	text-decoration:none;
	outline: none;
 }

  #col3 a {
	color:#173883;
}
  
  a:hover,
  a:active { text-decoration:underline; }

 /* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen  */
  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; }
  table caption { font-variant:small-caps; }

  th,td { padding:0.5em; }
  thead th { }
  tbody th { }

  tbody th {text-align:left; }
  tbody td { }

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

 /* @section clearing methods  */

  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display:none; }
}

@media screen, projection
{

  /* (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera */
  body { overflow-y: scroll; }

  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }

  .page_margins { text-align:left; margin: 0 auto; }

  /* (de) Layout: Breite, Hintergrund, Rahmen */
  .page_margins {
	width: 1000px;
}
  .page {
	padding: 0 20px 0 15px;
	background-image:url(../static/bg_page.jpg);
	background-repeat:repeat-y;
}

  #head {
	position:relative;
	padding-top:2px;
	height:98px;
  }

  #logo {
	position:absolute;
	left:10px;
	top:9px;
  }

  #head_logo {
	position:absolute;
	right:0px;
	top:48px;
  }

  #hilfsnav {
	background: transparent;
	position:absolute;
	top:5px;
	right:5px;
  }

  #hilfsnav a {
	font-weight: normal;
	font-size:90%;
	color:#232323;
	background:transparent;
	text-decoration:none;
	text-transform:lowercase;
	padding-left:10px;
	padding-right:0px;
  }

 #hilfsnav span.en,
 #hilfsnav span.fr { 
	
  }

 #hilfsnav img,
 #hilfsnav img { 
	float:left;
  }
  
 #hilfsnav span img,
 #hilfsnav span img { 
	margin-right:5px;
  }
    
 #hilfsnav span.en a,
 #hilfsnav span.fr a { 
	padding-left:0;
	padding-right:15px;
	line-height:15px;
	float:left;
  }
  
  #hilfsnav a:focus,
  #hilfsnav a:hover,
  #hilfsnav a:active {

  }

  #head_navlang {
	  float:right;
  }

  #head_navlang span {
	font-size:97%;
	padding-left:8px;
  }
  
  #head_navlang a,
  #head_navlang a:link {
	text-decoration: none;
  }

  #topnav_outer {
	height:39px;
}


  #topnav_search {
	float:left;
	width:242px;
	height:39px;
	background-image:url(../static/bg_topnav_search.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

  #topnav_search form.searchform { 	padding-top:8px;
 }
  
  #topnav_search span.suche { 
	font-weight:bold;
	float:left;
	padding-left:20px;
	padding-top:2px;
	text-transform:uppercase;
   }

  #topnav_search #searchinput {
  display:block;
  float:left;
  margin-left:11px;
  margin-right:6px;
  margin-top:1px;
  height:15px;
  border:1px solid #ffffff;
  background-color:#ffffff;
  width:114px;
  padding: 0 2px;
  }
  

  #topnav_search #searchbutton {
  cursor:pointer;
  display:block;
  float:left;
  }

  /* (de) Anpassung der Hauptnavigation */
  #topnav {
	/* (de) Einfassen der Floats im IE */
    overflow:hidden;
	width:723px;
	/* (de) Einfassen der Floats in allen anderen Browsern */
    float:left;
	display:inline;
	/* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
	/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    line-height:0;
  }

  #topnav ul {
    margin:0;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; 
    list-style-type:none;
    width:100%;
  }

  #topnav ul li {
	/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
	float:left;
	margin:0;
	padding:0;
	height:39px;
	line-height:25px;
	width:25%;
	background-image:url(../static/bg_topnav.gif);
	background-repeat:no-repeat;
	background-position:left top;
  }

  #topnav ul li a {
	display:block;
	font-weight:bold;
	margin:0;
	color:#232323;
	text-decoration:none;
	text-transform:lowercase;
	white-space:nowrap;
	text-align:center;
	padding-top:5px;
  }

  #topnav ul li a:hover,
  #topnav ul li a:active,
  #topnav ul li a.act { 
	text-decoration:none;
	/*background-color:#ebebeb;*/
  }
  
  #headerimage {
	  height:auto;
	  width:100%;
	  position:relative;
	  border-bottom:1px solid #ffffff;
	  }
  #headerimage #image DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 0; }

  #headerimage #image {
  }
  
  #headerimage DIV.csc-textpic-text {
 	position:absolute;
	top:0;
	left:0;
	height:320px; 
	width:210px;
	padding:10px;
	color:#ffffff;
	background-image:url(../static/bg_headerimage_text_start.png);
  }
  
  #headerimage DIV.csc-textpic-text p {
 	position:absolute;
	width:210px;
	bottom:10px;
	left:10px;
  }
  
  #pagetitle {
	min-height:40px;
	padding-left:245px;
	padding-top:20px;
	color:#d9d9d9;
	  }
 
  #pagetitle h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:30px;
	color:#d9d9d9;
	color:#999999;
	background-image:none;
	padding-left:0;
	text-transform:lowercase;
	  }

  #pagetitle span.dark { 
  	color: #727272;
  }
	  
  #main {
	background: #fff;
	width: 100%;
	float:left;
	background-image:url(../static/bg_main.gif);
	background-repeat:repeat-y;
	/*padding-top:20px;*/
	padding-bottom:0px;
	margin-top:49px;
	}

  #footer {
    height:15px;
    background-image:url(../static/bg_footer.png);
  }

  #footer a { font-weight: bold; text-decoration:none; }
  #footer a:focus,
  #footer a:hover {text-decoration:underline; }

  /**
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #head                         |
   * |-------------------------------|
   * | #col2   | #col1     | #col3   |
   * | 25%     | 50%       | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
  #col1 { width: 370px; float:left; margin-left: 270px; }
  #col1_inner {
	padding-left: 0;
	padding-right: 0;
	padding-top:5px;
}

  /* #col2 becomes the left column | #col2 wird zur linken Spalte */
  #col2 {
	width: 246px;
	float:left;
	margin-left: -640px;
	margin-top:-49px;
}
  #col2_inner { margin:0; padding-bottom:10px;}

  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #col3 {  float:right; width: 297px; margin-left: -5px; margin-right: 0%; }
  #col3_inner {	
  padding-left: 15px;
  padding-right:20px;
  padding-top:5px;
 }

  /* in Entwurfsphase auskommentieren */
  #col1_inner, #col2_inner, #col3_inner { position:relative; }

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

  .col1_content {margin-bottom:20px;}
  
  .col1_content ul {margin:1em 0 1em 0em;}
  
  .col1_content ol {margin:1em 0 1em 0.3em;}

  .col1_content .csc-frame-rulerAfter {padding-bottom:20px; border-bottom:1px solid #dfdfdf;}
  
  .col3_content {margin-bottom:30px;}
  
  #col2_inner_content {

  }

  .col2_content {
	margin-bottom:20px;
  }

  /* (de) Absicherung korrekte Positionierung */
  #head, #topnav_outer, #headerimage, #main, #footer { clear:both; }

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

/****************************************/
/* navleft */
/****************************************/

#col2_navleft {
	margin-bottom:62px;
	margin-top:49px;
}

#col2_navleft  ul {
	list-style-type:none;
	margin:0;
	padding:20px 0;
  }

/****************************************/
/* navleft 1.Ebene */
/****************************************/

#col2_navleft  ul li {
	margin: 0;
	padding: 0;
	line-height: 20px;
	min-height:20px;
  }

#col2_navleft ul li a {
	display:block;
	padding: 4px 0 4px 20px;
	text-decoration: none;
	text-transform:uppercase;
	line-height:1em;
	font-weight:bold;
  }
  
#col2_navleft  ul li a.act {
  }

/****************************************/
/* navleft 2.Ebene */
/****************************************/

#col2_navleft  ul ul {
	padding:0;
  }

#col2_navleft  ul li ul li {
  }

#col2_navleft  ul li ul li.act {

}
  
#col2_navleft ul li ul li a {
	padding-left:30px;
	background-position:20px 9px;
	font-weight:normal;
	text-transform:none;
  }

#col2_navleft  ul li ul li a.act {
  }

/****************************************/
/* navleft 3. und folgende Ebenen       */
/****************************************/

#col2_navleft  ul li ul li ul li {
  }
  
#col2_navleft ul li ul li ul li a {
	padding-left:40px;
	background-position:30px 9px;
  }

#col2_navleft  ul li ul li ul li a.act {
	color:#8a2d38;
  }

#col2_navleft  ul li ul li ul li ul li {
  }

  
#col2_navleft ul li ul li ul li ul li a {
	padding-left:50px;
	background-position:40px 9px;
  }

#col2_navleft  ul li ul li ul li ul li a.act {
  }


}