@charset "UTF-8";

  body { background: #155b78; padding: 3px 0; font-family:Arial,Helvetica,sans-serif;}
  .page_margins { margin: 0 auto; }
  .page_margins { width: auto;  min-width: 760px; max-width: 760px; background: #fff; }
  .page { padding: 0px; border: 1px #FFFFFF solid;  }
  #header { padding: 0px; color: #000; text-align:right; background: #FFFFFF url("../images/header.jpg") no-repeat top left; height:112px;}
  #nav { overflow:hidden; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; background: #8AADBB url(../images/lupe.jpg) no-repeat scroll 135px top }
  #main { margin: 0px; background: #fff; }
  #footer { background-color: #8AADBB; border-left:1px solid #FFFFFF; color:#E8EFF1; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; height:25px; padding:8px 5px 5px 24px; text-decoration:none;}
  #one { float:left; padding-left:20px; text-align:left; }
  #two { float:right; padding-right:35px; text-align:right;}
  #one, #two {line-height:200%; width:40%;}
  #header a img, #top a img{ border: none;}

  /* horizontale Ausrichtung  */
  #nav ul { margin-left: 0px; }
  p {font-size:12px;}

  h1 {color:#155B78;
    font-family:Arial Narrow,Arial,Helvetica,sans-serif;
    font-size:21px;
    font-weight:normal;
    line-height:21px;
    margin: 0 0 15px 0;
}

div#col3_content h3 {
    background: transparent url("../images/arrow_orange_big.gif") no-repeat left 5px;
	padding-left: 10px;
}
div#col3 h2 {
color:#155B78;
font-family:Arial Narrow,Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:normal;
line-height:17px;
margin:0 0 25px;
}

.clearfix {
    display:block;
}

  /* title */
  h6.vlist {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #fff;
    background: #E4EDF0 url("../images/menu_0_bg.jpg") no-repeat center left;
    border-bottom:1px solid #F2F6F8;
    line-height:25px;
    padding:9px 5px 3px 15px;
    text-decoration:none;
  }

  .vlist {
    width: 100%;
    overflow: hidden;
    margin: 0px;
    list-style-type: none;
    padding:0;
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
  }

  ul.vlist a, .vlist strong, .vlist span {
    display:block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    border-bottom: 1px #ddd solid;
  }

  .vlist a, .vlist a:visited {
    font-size: 11px;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }

  /* active list element */
  .vlist li.active {
    color: #fff;
    background-color:#D4E1E6;
    font-weight: bold;
  }

 /* Level 1 */
.vlist li a, .vlist li strong, .vlist li span { 
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #fff;
    background: #E4EDF0 url("../images/menu_0_bg.jpg") no-repeat center left;
    border-bottom:1px solid #F2F6F8;
    line-height:25px;
    padding:9px 5px 3px 15px;
    text-decoration:none;

    } /* LTR */

.vlist li a:focus, .vlist li a:hover, .vlist li a:active { background-color:#C1D3DB; border-bottom: 1px solid #FFFFFF;}

  /* Level 2 */
.vlist li.act ul li a, .vlist li.act ul li strong, .vlist li.act ul li span { 
    width: 90%; 
    padding-left: 10%; 
    color: #155B78; 
    line-height:18px; 
    border-bottom: 1px solid #FFFFFF; 
    border-left:4px solid #C1D3DB;
    background: none; 
    background-color: #E4EDF0;    
} /* LTR */

.vlist li.act ul li a:focus, .vlist li.act ul li a:hover, .vlist li ul li a:active { background-color:#C1D3DB; color: #155B78; border-bottom: 1px solid #FFFFFF;}

.vlist li.act ul li.act {
   background: #ffffff;
   color:#155B78;
   font-weight:bold;
   background-image: none;
  }

.vlist li.act ul li.act a {
   background: transparent url(../images/menu1_level1_act_bg.gif) no-repeat scroll left center;
   font-weight: bold;
    }



  /* Level 3 */
.vlist li.act ul li.act ul li a, .vlist li.act ul li.act ul li strong, .vlist li.act ul li.act ul li span {
      width: 80%; padding-left: 20%; 
} /* LTR */


.vlist li.act ul li.act ul li a:hover, .vlist li.act ul li.act ul li a:hover, .vlist li.act ul li.act ul li a:hover {
      background-color: #C1D3DB; 
} 


.vlist li.act ul li.act ul li a, .vlist li.act ul li.act ul li a:visited{
      color: #222;
      background-color:#E4EDF0;
      background-image:url(../images/menu1_level2_no_bg.gif);
      background-position:left center;
      background-repeat:no-repeat;
      color:#155B78;
      font-weight: normal; 
}
.vlist li.act ul li.act ul li a:focus, .vlist li.act ul li.act ul li a:hover, .vlist li.act ul li.act ul li a:active {
         color: #fff; 
         background-color: #C1D3DB; 
}

  /* Level 4 */
.vlist li ul li ul li ul li a, .vlist li ul li ul li ul li strong, .vlist li ul li ul li ul li span { 
      width: 60%; padding-left: 40%; 
} /* LTR */

.vlist li ul li ul li ul li a, .vlist li ul li ul li ul li a:visited { 
     color: #111; 
}
.vlist li ul li ul li ul li a:focus, .vlist li ul li ul li ul li a:hover, .vlist li ul li ul li ul li a:active {
     color: #fff; 
}


/* Menu oben*/

  .hlist {
    /* Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* Bugfix: IE - collapsing horizontal margins */
    position:relative;
    line-height: 0;
}

.hlist ul {
    /* Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    /* Abstand des ersten Buttons vom linken Rand  */
    margin: 0 0 0 50px; /* LTR */
    padding: 0;
    border-left: 1px #aaa solid;
    border-right: 1px #fff solid;
}

.hlist ul li {
    border-left: 1px #fff solid;
   border-right: 1px #aaa solid;
    /* Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.hlist ul li a, .hlist ul li strong {
    background:transparent none repeat scroll 0 0;
    color:#FFFFFF;
    display:block;
    font-size:10px;
    font-weight:normal;
    margin:0;
    padding:3px;
    text-decoration:none;
    text-transform:uppercase;
    width:auto;
}

.hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active  {
    color: #ffffff; text-decoration: none; 
}

.hlist ul li.active {
    /* Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #272727;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
}

.hlist ul li.active strong, .hlist ul li.active a:focus, .hlist ul li.active a:hover, .hlist ul li.active a:active {
      background: transparent; color: #fff; text-decoration: none; 
}

/*  media screen, projection  */

  /**
   * Formatierung der Inhalts-Container
   *
   */

  #col2 { display:none}
  #col1 {   width: auto; background-color:#E4EDF0; padding-bottom:0px;  margin: 0 75% 0 0%;}
  #col3 { width: 75%; 
    w\idth: 74%;
  	padding:0px;   	
  	float: right;
  }
 * html #col3 {  
    w\idth: 74%;
  } 
 
/* 
  #col1 { float: left; width: 25%; background-color:#E4EDF0; padding-bottom:0px;}
  #col3 { width: auto; 
  	padding:0px;   	
  	margin: 0 0 0 25%;
  	clear: right;
  }
  */ 
  
  #col1_content { padding: 0px }
  #col3_content { padding: 0 25px 0 20px }
	
  * html #col3 {height: 1%}
  * html #col1 {margin-right: -3px}
  * html #col3 {margin-left: 24%}
  /*-------------------------------------------------------------------------*/


#col3_content ul {
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:17px;
    list-style-image:url(../images/list_square.gif);
    margin:10px 0 15px 24px;
    padding: 0 0 0 25px;
}

#col3_content li {
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:17px;
}

#col3_content .text_blue_bold {
    color:#155B78;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    text-decoration:none;
}    

#col3_content h3 {
    color:#155B78;
    font-family:Arial Narrow,Arial,Helvetica,sans-serif;
    font-size:17px;
    font-weight:bold;
    line-height:21px;
    margin:0 0 5px;
}

#col3_content a, #col3_content a:hover {
    border-bottom: 1px dashed #F19C2E;
    color:#333333;
    text-decoration:none;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    background:#E4EDF0 none repeat scroll 0 0;
    border-left:5px solid #F19C2E;
    font-size:12px;
    margin:-4px 0 0;
    padding:5px;
}

div.hlist ul.menu {
    float:right;
    margin-right: 25px;
}

div.hlist ul{
    display:inline;
    list-style-type:none;
    margin:0;
}

div.hlist ul.pfad li a{
    text-transform:none;
    font-size: 10px;
}

div.hlist ul.pfad, div.hlist ul.pfad li{
    border-left:none;
    border-right: none;
}

#top {
    text-align: right;
    padding-right:25px;
}

div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
/*    clear:none;*/
}

div.csc-textpic-clear {
/*    clear:none;*/
}
div#title {
padding: 10px 25px 0 20px;
}
div#subtitle {
padding:0 25px 0 20px;
}
#col3_content dl.csc-textpic-image dt a {
border-bottom: none;
}
#ie_clearing {
    clear:both;
}

#header, #nav, #main, #footer {
clear:both;
}

#col1_content, #col2_content, #col3_content {
position:relative;
}


/* YAML- und T3-Problemlösung */


  div.csc-textpic-text { clear: none; }
 
 div.csc-textpic-imagewrap {overflow:hidden; }

 div.csc-textpic-imagewrap {
 overflow:visible; 
 display: table; 
 }
 
 div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
clear:none;
}
 
.clear_all {
clear: both;
}
.text_blue_bold {
color:#155B78;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
text-decoration:none;
}

.csc-mailform label {
font-size: 10px;
display:block;
}

.csc-mailform input {
width: 250px;
}

input.csc-mailform-submit {
width: 80px;
}