@charset "UTF-8";

/*  Farben:

    menurot   #4c002b;

    header-blau: #2c6aaf;

    */

@media all

{



 /**

  * @section browser reset

  */



  /* (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; } /* LTR */

  select { padding: 1px; }



 /**

  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6

  *

  * @bugfix

  * @affected   IE 5.x/Win, IE6

  * @css-for    IE 5.x/Win, IE6

  * @valid      yes

  */

  * html body * { overflow:visible; }

  * html iframe, * html frame { overflow:auto; }

  * html frameset { overflow:hidden; }



  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */

  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */

  html { height: 100%; margin-bottom: 1px; }

  body {

    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */

    font-size: 100.01%;



    /* (de) Vorgabe der Standardfarben und Textausrichtung */

    color: #000;

    text-align: left; /* LTR */

  }



  /* (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 1em } /* LTR */

  li {

    margin-left: 0.8em; /* LTR */

    line-height: 1.5em;

  }



  dt { font-weight: bold; }

  dd { margin: 0 0 1em 0.8em; } /* LTR */



  blockquote { margin: 0 0 1em 0.8em; } /* LTR */



  blockquote:before, blockquote:after,

  q:before, q:after { content: ""; }



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



 /**

  * @section base layout | Basis Layout

  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html

  *

  * |-------------------------------|

  * | #header                       |

  * |-------------------------------|

  * | #col1   | #col2     | #col3   |

  * | 200 px  | flexible  | 200px   |

  * |-------------------------------|

  * | #footer                       |

  * |-------------------------------|

  */



  #header { position:relative; margin:0;}

  #header_left {

          float:left;

 /* background:#ffffff;  4.11*/

  width:200px;height:60px;

  margin:0px; 

  padding-left:10px;/* 4.11*/

  padding-top:60px;

  /*background:#2c6aaf  url("../images/bg_header_left.gif") no-repeat 0 50%;*/



}

#header_right {float:left;

 width:780px;height:110px;margin:0;

 }

#header_right_top {width:780px;height:60px;margin:0;}



#big {font-size:35px; font-weight:bold; font-family:Arial;

      /*color:#ffffff; 4.11 */

      color:##2c6aaf;

      padding-top:15px;height:80px;width:400px;line-height:50px;

      margin-top:0;

      }

/* (de) Textausrichtung für #topnav Inhalte */

#topnav { text-align: right; }  /* LTR */

#tag_cloud { }



/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */

#header #topnav {

position:absolute;

/*top: 10px;*/

right: 10px; 

width:200px;

/*width:780px; */

}

#header #topleft {

position:absolute;

top: 10px;

left: 10px; 

width:300px;

height:90px;

float:left;

/* LTR */

}



#header #topleft img {

z-index: 3;

}

/* (de) Absicherung korrekte Positionierung */

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



/* (en/de) Standard: 200 Pixel */

#col1 { float: left; width:220px; }

/* (en) Standard: center column with flexible width */

/* (de) Standard: Flexible mittlere Spalte */

#col3 { /* width:auto;margin:0 200px; */

  float:left;width:220px;

  }

#col2 {float:left; /*float:right; width: 220px */

   width:540px;}



/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */

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



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



/**

* @section clearing methods

*/

/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */

.clearfix:after {

content: ".";

display: block;

font-size:0;

height: 0;

clear: both;

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; }



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



 /**

  * @section subtemplates

  */



  .subcolumns { width: 100%; overflow:hidden; }



  /* (en) alternative class for optional support of old Mozilla/Netscape browers */

  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */

  .subcolumns_oldgecko { width: 100%; float:left; }



  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }

  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }



  .c25l, .c25r { width: 25%; }

  .c33l, .c33r { width: 33.333%; }

  .c50l, .c50r { width: 50%; }

  .c66l, .c66r { width: 66.666%; }

  .c75l, .c75r { width: 75%; }

  .c38l, .c38r { width: 38.2%; }

  .c62l, .c62r { width: 61.8%; }



  .subc  { padding: 0 0.5em; }

  .subcl { padding: 0 1em 0 0; }

  .subcr { padding: 0 0 0 1em; }



  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,

  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,

  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {

    display:table-cell; vertical-align:top;

    float:none; margin:0; overflow:hidden;

  }

 .red {

       color: red;

      }



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



 /**

  * @section hidden elements | Versteckte Elemente

  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html

  *

  * (en) skip links and hidden content

  * (de) Skip-Links und versteckte Inhalte

  */



  /* (en) classes for invisible elements in the base layout */

  /* (de) Klassen für unsichtbare Elemente im Basislayout */

  .skip, .hideme, .print, dfn {

    position: absolute;

    left: -1000em; /* LTR */

    top: -1000em;

  }

  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */

  .skip:focus, .skip:active {

    position: static;

    left: 0;

    top:0;

  }

}





/* import screen layout | Screen-Layout einbinden */

/********************************************************************************************/

@media all

{

  .hlist {

    overflow: hidden;

    /* font-family:"Segoe Script";*/

    font-family:"tk-sovba";

    color:#4c002b;

    float: left;

    display: inline;

    /* (en|de) Bugfix: IE - collapsing horizontal margins */

    position:relative;

    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */

  /*  background: #c0c0c0 url("navigation/images/shiny_buttons/background_lila.png") repeat-x center right;*/

   /* background:#ba548e;*/

    line-height: 0;

    height:20px;

  }



  .hlist ul {

    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */

    display: inline;

    float: left; /* LTR */

    /* (de) Abstand des ersten Buttons vom linken Rand  */

    margin: 0 ; /* LTR */

    /*margin-left:220px;*/

    padding: 0;

  /*  border-left: 1px #aaa solid;

    border-right: 1px #fff solid;*/

  }



  .hlist ul li {

  /*  border-left: 1px #fff solid;

    background:#ba548e;

    background-image: url(/fileadmin/templates/images/hlist.gif) no-repeat ;*/

    /*no-repeat 0 50%;a*/ 

  /*  border-right: 1px #aaa solid;*/

    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */

    display: inline;

    float: left; /* LTR */

    font-size: 1.1em;

    line-height: 1.0em;

    list-style-type: none;

    margin: 0;

    padding: 0;

  }



  .hlist ul li a,

  .hlist ul li strong {

  /*  background: #ba548e;*/

    color: #4c002b;

  /*  text-transform:uppercase;*/

    display: block;

    font-size: 20px;

    font-weight: bold;

    margin: 0;

 /*   padding: 5px 5px 5px 5px;*/

    text-decoration: none;

    /*width: auto;*/

    width:95px;

  }



  .hlist ul li a:focus,

  .hlist ul li a:hover,

  .hlist ul li a:active  { /*background: #4c002b; */

                           color: #ba548e; text-decoration: none; } /* #eee */



  .hlist ul li.active {

    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */

  /*   background: #4c002b ;*/

   /* background: #f5f5ed;*/

   /* border-left: 1px #444 solid;

    border-right: 1px #888 solid;*/

    color: #ba548e; 

  }



  .hlist ul li.active strong,

  .hlist ul li.active a:focus,

  .hlist ul li.active a:hover,

  .hlist ul li.active a:active { /*background: #4c002b;*/ color: #ba548e; text-decoration: none; }

 

div.hlist li img {

                  /* float:left;

                   margin-right:10px;*/

  } 

     #search_header {

         position:absolute;

         right: 10px;

	 top:70px;

         text-align:right;

       /*  padding:10px 10px 10px 10px;*/

         border-width:5px;

         border-color:#f5f5f5;

         background:transparent;

	 width:230px;

/*	 height:30px;*/

        /*float:right;*/

   }

#nav {

     margin:0;

     padding:20px;



     /*border-color:#e0e0e0;*/

     width:760px;

     height:20px;

    /* background:#ba548e;*/

} 

#nav a:active

{

/* background-color: #e15417;

*/

/*background-color:#c0c0c0;*/

color: #FFF;

font-weight: bold;

list-style-type:none;

}

#nav img {float:left; 

             margin-right:5px; 

	     margin-bottom:0px;

	     margin-top:5px;margin-left:5px;

            }

.hsublist {

    /* (en) containing floats in IE */

    /* (de) Einfassen der Floats im IE */

    width: 100%;

    height: 2em;

    color: #ffffcc;

    overflow: hidden;

    /* (en) containing floats in all other browsers */

    /* (de) Einfassen der Floats in allen anderen Browsern */

    float: left;

    display: inline;

    /* (en|de) Bugfix: IE - collapsing horizontal margins */

    position:relative;

    /* (en) Repeat the main color from the image */

    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */

    background: #336600 ;

    border-top: 1px #333 solid;

    border-bottom: 1px #333 solid;

    line-height: 0;

  }

.hsublist ul {

    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */

    display: inline;

    float: left; /* LTR */

    /* (en) Left margin of the first button  */

    /* (de) Abstand des ersten Buttons vom linken Rand  */

    margin: 0 ; /* LTR */

    margin-left:205px;

    padding: 0;

    border-left: 1px #aaa solid;

    border-right: 1px #fff solid;

  }



  .hsublist ul li {

    border-left: 1px #fff solid;

    border-right: 1px #aaa solid;

    /* (en|de) 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;

  }



 

   .hsublist ul li a,

  .hsublist ul li strong {

    background: transparent;

    color: #ffffcc;

    display: block;

    font-size: 1em;

    font-weight: bold;

    margin: 0;

    padding: 0.5em 0.8em 0.5em 0.8em;

    text-decoration: none;

    width: auto;

  }



  .hsublist ul li a:focus,

  .hsublist ul li a:hover,

  .hsublist ul li a:active  { background: #ccccff; color: #333; text-decoration: none; } /* #eee */



  .hsublist ul li.active {

    /* (en) Repeat the main color from the image */

    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */

     background: #ccccff url("navigation/images/shiny_buttons/background_active.png") repeat-x center right;

   /* background: #f5f5ed;*/

    border-left: 1px #444 solid;

    border-right: 1px #888 solid;

  }



  .hsublist ul li.active strong,

  .hsublist ul li.active a:focus,

  .hsublist ul li.active a:hover,

  .hsublist ul li.active a:active { background: #ccccff; color: #fff; text-decoration: none; }

  

  



  .hsubsub {

    /* (en) containing floats in IE */

    /* (de) Einfassen der Floats im IE */

    width: 100%;

    height: 2em;

    color: #ffffcc;

    overflow: hidden;

    /* (en) containing floats in all other browsers */

    /* (de) Einfassen der Floats in allen anderen Browsern */

    float: left;

    display: inline;

    /* (en|de) Bugfix: IE - collapsing horizontal margins */

    position:relative;

    /* (en) Repeat the main color from the image */

    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */

    background: #006600 ;

    border-top: 1px #333 solid;

    border-bottom: 1px #333 solid;

    line-height: 0;

  }



.active {

/*   background: #000;*/

}





/*================================================================*/

#cats

{	margin: 0;

	padding: 0;

	/*background:#F7F0E5;*/

	background:#EEF2F8;

	border:1px solid  #A8BED8;

}

#cats ul

{	margin: 0 ;

	/*padding: 3px;*/

	list-style-type:none;

	font: bold 11px Tahoma, Arial;

}

#cats li

	{	/*float: left;*/

		list-style-type: none;

	/*font: 10px Verdana, Arial*/

											}



#cats li a

{	display: block;

	/* background: #F0EFEC;/*#F7F0E5;#F0EFEC ;#20548E;*/

	padding:4px;

	text-decoration: none;

	/*border-right: 1px solid white;*/

	border-bottom: 1px solid white;

	color: #111111; /*#EAFFED; */

	white-space: nowrap;

	font-size:11px;

																		

}



#cats li a:hover

{	background:#F7F0E5; /*#1A4473*/}

#cats a.active {color:#6E6E6E; /*	background:#f6dfb9;*/}

#cats li ul

{	margin-left: 5px;

         margin-top:0;

         margin-bottom:0;

	/*position: absolute;*/

	border-top: 1px dotted #4c002b;

         border-bottom: 1px dotted #2c6aaf; width:165px;

	}

#cats li ul li

{	float: none;

         font-size:10px;

	display: inline;margin:0;}

#cats li ul li a

{	width: auto;

/*	background: #f5e9e2;*/

         color: #4c0026;

	border-top: 1px solid white;

}

#cats li ul li a:hover

{	background: #f6c1a7;}

/* 3. ul */

#cats li ul li ul

{	margin-left: 10px;

	/*position: absolute;*/

	border-top: 1px dotted #4c002b;

         border-bottom: 1px dotted #2c6aaf;  width:143px;

	}

#cats li ul li ul li

{	float: none;

        font-size:9px;

	display: inline;}

#cats li ul li ul li a

{	width: auto;

	/*background: #f5e9e2;*/

	 color: #581638;

	border-top: 1px solid white;

}

#cats li ul li ul li a:hover

{	background: #f6c1a7;}

/* 3. ul */



#cats li ul li ul li ul

{	margin: 6px;

	border-top: 1px dotted #4c002b;

         border-bottom: 1px dotted #2c6aaf; width:130px;

	}

#cats li ul li ul li ul li

{	float: none;

        font-size:0.7em;

	display: inline;}

#cats li ul li ul li ul li a

{	width: auto;

	background: #f5e9e2;

	border-top: 1px solid white;

}

#cats li ul li ul li ul li a:hover

{	background: #f6c1a7;}




/*********************************************************************************************************/
#morecats

{	margin: 0;

	padding: 0;

	/*background:#F7F0E5;*/

	background:#EEF2F8;

	border:1px solid  #A8BED8;

}

#morecats ul

{	margin: 0 ;

	/*padding: 3px;*/

	list-style-type:none;

	font: bold 11px Tahoma, Arial;

}

#morecats li

	{	/*float: left;*/

		list-style-type: none;

	/*font: 10px Verdana, Arial*/

											}



#morecats li a

{	display: block;

	/* background: #F0EFEC;/*#F7F0E5;#F0EFEC ;#20548E;*/

	padding:4px;

	text-decoration: none;

	/*border-right: 1px solid white;*/

	border-bottom: 1px solid white;

	color: #111111; /*#EAFFED; */

	white-space: nowrap;

	font-size:11px;

																		

}



#morecats li a:hover

{	background:#F7F0E5; /*#1A4473*/}

#morecats a.active {color:#6E6E6E; /*	background:#f6dfb9;*/}

#morecats li ul

{	margin-left: 5px;

         margin-top:0;

         margin-bottom:0;

	/*position: absolute;*/

	border-top: 1px dotted #4c002b;

         border-bottom: 1px dotted #2c6aaf; width:165px;

	}

#morecats li ul li

{	float: none;

         font-size:10px;

	display: inline;margin:0;}

#morecats li ul li a

{	width: auto;

/*	background: #f5e9e2;*/

         color: #4c0026;

	border-top: 1px solid white;

}

#morecats li ul li a:hover

{	background: #f6c1a7;}

/* 3. ul */

#morecats li ul li ul

{	margin-left: 10px;

	/*position: absolute;*/

	border-top: 1px dotted #4c002b;

         border-bottom: 1px dotted #2c6aaf;  width:143px;

	}

#morecats li ul li ul li

{	float: none;

        font-size:9px;

	display: inline;}

#morecats li ul li ul li a

{	width: auto;

	/*background: #f5e9e2;*/

	 color: #581638;

	border-top: 1px solid white;

}

#morecats li ul li ul li a:hover

{	background: #f6c1a7;}

/* 3. ul */



#morecats li ul li ul li ul

{	margin: 6px;

	border-top: 1px dotted #4c002b;

         border-bottom: 1px dotted #2c6aaf; width:130px;

	}

#morecats li ul li ul li ul li

{	float: none;

        font-size:0.7em;

	display: inline;}

#morecats li ul li ul li ul li a

{	width: auto;

	background: #f5e9e2;

	border-top: 1px solid white;

}

#morecats li ul li ul li ul li a:hover

{	background: #f6c1a7;}

}




/********************************************************************************************/



/**

 * (en) Screen layout for YAML examples

 * (de) Bildschirmlayout für YAML-Beispiele

 *

 */



@media screen, projection

{

  /**

   * (de) Gestaltung des YAML Basis-Layouts

   */



  /* (en) Centering layout in old IE-versions */

  /* (de) Zentrierung des Layouts in alten IE-versionen */

  body { background: #d3deeb url("../images/karo_blass.gif") repeat;

         padding: 10px ;

	  }

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



  /* (de) Layout: Breite, Hintergrund, Rahmen */

 

 .page_margins { min-width: 1000px; max-width: 1000px;  

		/* background: #eee; 4.11*/ } 

/* .page { padding: 10px; }*/

 .page { padding: 0;

     /*   background:#eeeeee url("../images/bg_left.gif") repeat-y ; 4.11*/

      background:transparent;

	}



  /* (de) Gestaltung der Hauptelemente des Layouts */



  #header {

    width:1000px;

    height:110px;

    color:#ffffff;

  /*  position:absolute;

    top:10px;*/

    margin:0;

   /* color: #000;*/

/*    background: #2C6AAF;*/

    padding: 0;

  /*  background: #001D3e;*/

    background: transparent;

  }



  #topnav { color: #aaa; background: transparent;height:10px;

           margin-top:0px; 

	   }



  /* (de) Anpassung der Hauptnavigation */



  #main { background: #fff;padding:0 0; }



  #footer {

    color:#666;

  /*  background: #f9f9f9;*/

    background:#cccccc;

    padding: 10px 20px;

    border-top: 5px #efefef solid;

    line-height: 1.5em;

  }



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



  /**

   * (de) Formatierung der Inhalts-Container

   *

   * |-------------------------------|

   * | #header                       |

   * |-------------------------------|

   * | #col1   | #col2     | #col3   |

   * | 25%     | flexible  | 25%     |

   * |-------------------------------|

   * | #footer                       |

   * |-------------------------------|

   */





 /* #col1 {  }*/

  #col1_content { padding: 10px 10px 10px 20px; }



/* #col2 { width: 25%; }*/

 #col2_content { padding: 10px 20px 10px 10px; }



 /* #col2 { margin: 0 25%; }*/

  #col2_content { padding: 20px 10px 10px 10px; }



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



  /**

   * (en) Styling of layout specific elements

   * (de) Gestaltung layoutabhängiger Elemente

   */



  #header span { color:#ffffff; }



  #topnav a { color: #999; font-weight: normal; 

              text-decoration:none; }

  #topnav a:focus,

  #topnav a:hover,

  #topnav a:active { text-decoration:underline; background-color: transparent;}



  #footer a { color: #999; background:transparent; font-weight: bold;}

  #footer a:focus,

  #footer a:hover,

  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

}



@media screen, projection

{



   #col1 { margin: 0;}



  #col1_content { padding-left: 20px; padding-right: 10px; padding-top:20px;}







  /* #col2 becomes the middle column | #col2 wird zur mittleren Spalte */



  #col2 {/* width: 60%; float:left;*/ margin: 0;}



  #col2_content { padding-left: 10px; padding-right: 10px; padding-top:30px;



                  margin-top:20px; }







  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */



  #col3 { /*margin-left: 85%; margin-right: 0%;*/ }



  #col3_content { padding-left: 0px; padding-right: 10px;text-align:center; }

/*  .box {

         margin:10px;

         padding:25px 10px 10px 10px;

         color: #002d5f;

         background: #ffffff;

         border-width:2px;

         border-style:solid;

         border-color:#4f7caf ;

         border-top-width:20px;

   }

   .box_head {  

              margin-top:-40px;

              margin-bottom:10px;

              background-color: #4f7caf;

              color:#002d5f;

   }  */ 



   

   .latest_cat {

        color:#990066;

        font-weight:bold;

    }



   #text_header { width: 70%; margin: 0;

                  padding:0;

                  float:left;}

   .news-list-container {

         margin-top:20px;

         padding:10px 10px 10px 10px;

        /*float:right;*/

   }

   .news-latest-container {

         margin-top:10px;

         padding:10px 10px 10px 10px;

        /*float:right;*/

   }

   #breadcrumb {

         background:#ffffff;

         margin:-10px -20px 20px -10px;

         width:98%;

         color:#4f7caf;

   }

   #breadcrumb a{

        color:#4f7caf;

        text-decoration:underline;

   }



   div.tipp_image {

         background:#ffffcc;

         margin: 5px;

         padding:5px;

         height:auto;

         width:70%;

         border:1px #444 solid;

         clear:left;

         clear:right;

 

   }

   div.tipp_image img

  {

  display:inline;

  margin:3px;

  border:1px solid #ffffff;

  float:left;

  }

   img.tipp_image { 

    float: left; 

    margin-left: 4px;

    margin-right: 4px;

    margin-right:10px;

    margin-bottom:10px;

   /* clear:left;

    vertical-align:text-top; */

}



.news-single-item img {

    float: left; 

    margin-left: 4px;

    margin-right: 4px;

    margin-right:10px;

    margin-bottom:10px;

}

  h4.tipp_image  {

     color:#990066;

}

a.floatbox_big  {

     color:#990066;

     font-size:140%;

     font-weight:500;



}

a.floatbox_big:visited {

     color:#990066;

     font-size:140%;

     font-weight:500;

}

 #searchBox .text {

                    width: 143px !important;

                    width: 133px;

                    padding: 2px 2px 0px;

                    margin-right: 5px;

                    border: 1px solid #BDBBAC;

                   background-color: #F2F1ED;

                    font-size: 10px;

                  }

#searchBox { text-align:center }

#searchBox .button {

          z-index: 1;

	  width: 17px;

	  height: 17px;

	  border: 1px solid #BDBBAC;

	  background: #F2F1ED url(../images/button_arrow.gif) no-repeat 50% 50%;

	  text-indent: -9999px;

	  margin-left: 4px;

       }

/* Header jquery */

#box {

        background: #240063;

	height: 50px;

	width: 200px;

	position: relative;

        overflow:hidden;

        border:solid 1px #ffffff;

	}

#box ul {

	position:relative;

	left:0;

	top:0;

	list-style-type:none;

	margin:0;

	padding:0;

	width:400px;

        font-size:20px;

        color:#000000;

	}

#box li {

	width:200px;

	height:50px;

        text-align:center;

	float:left;

	list-style-type:none;

	}

#box li a {

           color:#ffffff;

              text-decoration:none;

                 

           }



#caroussel {

	   width:400px;

	height:55px;

	margin:0 auto;

	overflow:hidden;

	}



  .pre_300 {

            font-size:10px;

            width:250px;

            float:left;

            }

  .pre_450 {

            font-size:10px;

            width:450px;

            }



  .mailformplus_contactform .error {

          color:#dd7777;

  }



  .mailformplus_contactform label {

          font-weight:bold;

          display:block;

          float:left;

          width:200px;

  }

   .mailformplus_contactform br {

   	clear: left;

   }



 .mailformplus_contactform .radio_caption {

         display:inline;

          width:auto;

          float:none;

          font-weight:normal;

          padding-left:5px;

  }



  .mailformplus_contactform .caption {

          margin:10px 0 5px 0;

          font-weight:bold;



  }





/*********************************************************************/

}





/**

 *

 * (en) Variation of screen layout (basemod.css) for column highlighting

 * (de) Variation des Screenlayouts (basemod.css) f�r das Hervorheben der Spaltencontainer

 *

 */



@media screen, projection

{

  #col1_content { margin:  0 20px; padding: 10px 0 }

  #col2_content { margin:  0 20px; padding: 20px 0 }

  #col3_content { margin:  0 20px; padding: 10px 0 }



  /* ######################################################################################################

  ** ### Color Scheme for Browser Testing | Farbschema für Browsertests ####################################

  ** ######################################################################################################

  */

 

  #col3 {background: #ffffff}

  #col3_content {background: #ffffff }

  #col2 {background: #fff;

         border-left:1px;

         border-left-style:dotted;



         min-height:720px;

         border-color:#7350b1;

      }

  #col2_content {background: #fff; }

  #col1 {background:  #ffffff;/* url("../images/bg_left.gif") repeat-y ;*/ } 

  #col1_content {background: #ffffff }





}





/**

 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente

 */



@media all

{

 /**

  * Fonts

  *

  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen

  *

  * @section content-global-settings

  */





 /**

  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen

  *

  * @see: http://webkit.org/blog/67/strange-medium/

  */



  textarea, pre, code, kbd, samp, var, tt {

    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;

  }



  /* (en) base layout gets standard font size 12px */

  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */

  body {

    line-height: 1.6em;

    color: #444; 

    font-style:normal; 

    font-variant:normal; 

    font-weight:normal; 

    font-size:.85em; 

    font-family:Verdana, Arial, Trebuchet MS, Tahoma, sans-serif

  }



  /*--- Headings | Überschriften ------------------------------------------------------------------------*/



  h1,h3,h4,h5,h6 {

    font-family:Verdana, Arial, Trebuchet MS, Tahoma,   sans-serif;

    font-weight:normal;

    color:#002d5f;

    margin: 0 0 0.25em 0;

  }



  h1 {font-size:30px; font-weight:bold; font-family:Arial;color:#789dc3;

  text-shadow: 1px 1px 0px #666, 2px 2px 0px #4c002b; line-height:120% }                       /* 30px */

  h2 { font-size: 200%; 

       color:#AF96C1;

       font-weight:bold;

       line-height:130%}

       /* 24px */

  h3 { font-size: 140%; font-weight:bold; }                       /* 18px green*/

  h4 { font-size: 133.33%; }                    /* 16px */

  h5 { font-size: 116.67%; }                    /* 14px */

  h6 { font-size: 116.67%; }                    /* 14px */



  pre { background: #eef2f8;

        border: solid 1px;

	border-color:#a8bed8;

	color:#010101;

	width:480px;

	overflow:scroll;

	font-size:small;

	}



  table pre { width:200px;}

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */



  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }

  ul li { list-style-type: disc; }

  ul ul li { list-style-type: circle; }



  ol li { list-style-type: decimal; }

  ol ol li { list-style-type: lower-latin; }



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



  dt { font-weight: bold; }

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



  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */



  p { line-height: 1.5em; margin: 0 0 1em 0; }



  blockquote, cite,q {

    font-family: Georgia, "Times New Roman", Times, serif;

    font-style:italic;

  }

  blockquote { margin: 0 0 1em 1.6em; color: #666; }



  strong,b { font-weight: bold; }

  em,i { font-style: italic; }



  pre, code, kbd, tt, samp, var { font-size: 90%; }

  pre, code { color: #100; }

  pre { line-height: 1.5em; margin: 0 0 1em 0; }

  kbd, samp, var { color: #666; }

  var { font-style: italic; }



  acronym, abbr {

    border-bottom: 1px #aaa dotted;

    font-variant: small-caps;

    letter-spacing: .07em;

    cursor: help;

  }



  sub, sup { font-size: 91.6667%; }



  hr {

    color: #fff;

    background:transparent;

    margin: 0 0 0.5em 0;

    padding: 0 0 0.5em 0;

    border:0;

    border-bottom: 1px #eee solid;

  }



  /*--- Links ----------------------------------------------------------------------------------------- */



  a { color: #2c6aaf; background:transparent; text-decoration:none; }

  a:visited  { color: #122847; }



  a:focus,

  a:hover,

  a:active { color:#990066; text-decoration:underline; }



  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */



  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }

  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }



  p.icaption_left img,

  p.icaption_right img { padding:0; border: 1px #888 solid; }



  p.icaption_left strong,

  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }



 /**

  * ------------------------------------------------------------------------------------------------- #

  * Generic Content Classes

  *

  * (de) Standardklassen zur Positionierung und Hervorhebung

  */



  .highlight { color: #f60; }

  .dimmed { color: #888; }



  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }



  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }

  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }

  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }



  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }

  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }

  .center { display:block; text-align:center; margin: 0.5em auto; }



 /**

  * ------------------------------------------------------------------------------------------------- #

  *

  * Tables | Tabellen

  *

  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen

  *

  * @section content-tables

  */



  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }

  table caption { font-variant:small-caps; }

  table.full { width: 100%; }

  table.fixed { table-layout:fixed; }



  th,td { padding: 0.5em; }

  thead th { color: #000; border-bottom: 2px #800 solid; }

  tbody th { background: #e0e0e0; color: #333; }

  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }



  tbody th { border-bottom: 1px solid #fff; text-align: left; }

  tbody td { border-bottom: 1px solid #eee; }



  tbody tr:hover th[scope="row"],

  tbody tr:hover tbody th.sub { background: #f0e8e8; }

  tbody tr:hover td { background: #fff8f8; }



 /**

  * ------------------------------------------------------------------------------------------------- #

  *

  * Miscellaneous | Sonstiges

  *

  * @section content-misc

  */



 /**

  * (en) Emphasizing external Hyperlinks via CSS

  * (de) Hervorhebung externer Hyperlinks mit CSS

  *

  * @section             content-external-links

  * @app-yaml-default    disabled

  */



  /*

  #main a[href^="http://www.webwink.de"],

  #main a[href^="https://www.webwink.de"]

  {

    padding-left: 12px;

    background-image: url('your_image.gif');

    background-repeat: no-repeat;

    background-position: 0 0.45em;

  }

  */



  

/* RTE */

.csc-frame-frame1 {

      background-color: #EDEBF1; border: 1px solid #333333;

	}

.csc-frame-frame2 {

		 background-color: #F5FFAA; border: 1px solid #333333;

	}

	.important {

		color: #8A0020;

	}

.small {font-size:75%;}



  



}





/**

 * (de) Druck-Stylesheet



 */



@media print

{

 /**

  * @section basic layout preparation

  */



  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */

  body { font-size: 10pt; }

  

  /* (de) Zurücksetzen des Scrollbar-Fix for FF aus dem Screenlayout */

  html { height: auto; margin-bottom: 0; }



  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */

  #topnav, #nav, #search { display: none; }



  /* (en) Disable background graphics of links  */

  /* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */

  body a[href^="http:"],

  body a[href^="https:"] {

    padding-left: 0;

    background-image: none;

  }

    

 /**

  * (en) overflow:hidden Bug in print layouts

  * (de) overflow:hidden Bug in Drucklayouts

  *

  * @bugfix

  * @since     3.0

  * @affected  FF2.0, FF3.0, IE7

  * @css-for   all browsers

  * @valid     yes

  */



  .floatbox,

  .subcolumns,

  .subcolums_oldgecko { overflow:visible; display: table; }



  /* (en) Linearising subtemplates */

  /* (de) Linearisierung der Subtemplates */

  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,

  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {

    width: 100%; margin:0; padding: 0; float:none !important; overflow:visible; display:table !important;

  }

  .subc, .subcl, .subcr  { margin: 0; padding: 0; }



  /* (en) make .print class visible */

  /* (de) .print-Klasse sichtbar schalten */

  .print { position: static; left: 0; }



  /* (en) generic class to hide elements for print */

  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */

  .noprint { display:none !important; }



  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */

  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }



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



  /* (en) Preparation for optional column labels */

  /* (de) optionale Spaltenauszeichnung */



  #col1_content:before, #col2_content:before, #col3_content:before {

    content: "";

    color:#888;

    background:inherit;

    display:block;

    font-weight:bold;

    font-size:1.5em;

  }

  .mailformplus_contactform .error {

          color:#dd7777;

  }



  .mailformplus_contactform LABEL {

          font-weight:bold;

          display:block;

          float:left;

          width:100px;

  }



 .mailformplus_contactform .radio_caption {

         display:inline;

          width:auto;

          float:none;

          font-weight:normal;

          padding-left:5px;

  }



  .mailformplus_contactform .caption {

          margin:10px 0 5px 0;

          font-weight:bold;



  }







}





@media print

{

 /**

  * @section column selection

  * (de) (De)aktivierung der Contentspalten für den Ausdruck

  */



  #col1 { display:none; }

  #col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }

  #col3 { display:none; }



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



  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */



  /*

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

  */



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



  /* (en) optional URL output of hyperlinks in print layout */

  /* (de) optionale Ausgabe der URLs von Hyperlinks */

  /*

  a[href]:after {

    content:" <URL: "attr(href)">";

    color:#444;

    background:inherit;

    font-style:italic;

  }

  */

}