<style type="text/css">

html, body {
   margin: 0; 
   padding: 0; 
   border: 0;
}

body {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background:#FFFFFF; 
   background-image:url(/fileadmin/c5/imgs/hg01.gif);
   background-repeat:repeat;
   font-size:11px;
   line-height:18px;
   color:#000000;
   font-size: 100%; 
   text-align: center;
   margin:0px;
   border:0px solid #000000;
}

dd.csc-textpic-caption {
   font-size:9px;
}

p.x {
   margin: 6px 0;
   padding: 0 6px;
}

p.align-center {
   text-align:center;
}

/* Neu 20080323 Hoefling */
/*=======================*/
h1 {
   font-size:14px;
   font-weight:bold; 
   text-align:left; 
   padding:10px 0; 
   margin-left:0px; 
   margin-right:0px; 
   margin-top:0px; 
   margin-bottom:0px; 
}

p.bodytext {
   font-size:12px;
   font-weight:normal; 
   line-height:16px;
   text-align:left; 
   margin-left:0px; 
   margin-right:0px; 
   margin-top:10px; 
   margin-bottom:5px;
}

p.impressum {
   margin:0px;
   padding-left:5px;
   font-size:9px;
   font-weight:normal;
/* Aenderung 20080328 Hoefling */
/*=============================*/
/*  color:#000000;*/
   color:#122C5A;
/*=============================*/
}

p.impressum a {
   text-decoration:none;
   font-weight:normal;
   color:#122C5A;
}


/* Neu 20080331 Hoefling */
/*=======================*/
p.impressum a:link {
   text-decoration:none;
   font-weight:normal;
   color:#122C5A;
}
p.impressum a:visited { 
   text-decoration:none;
   font-weight:normal;
   color:#122C5A;
}
p.impressum a:focus { 
   text-decoration:none;
   font-weight:normal;
   color:#99BA2E;
}
p.impressum a:hover { 
   text-decoration:none;
   font-weight:normal;
   color:#99BA2E;
}
p.impressum a:active { 
   text-decoration:none;
   font-weight:normal;
   color:#99BA2E;
}		
/*=======================*/



/*=======================*/
h2 {
   font-size:12px;
   font-weight:bold; 
   text-align:left; 
   padding:0px; 
   margin:0px;
}

h3 {
   font-size: 1.2em;
   margin:0px;
}

.clear { clear: both; }

a {
   text-decoration:underline;
   font-weight:normal;
}

a:link {
   color:#000000;
   font-weight:normal;
}
a:visited { 
   color:#000000;
   font-weight:normal;
}
a:focus { 
   color:#660000;
   font-weight:normal;
}
a:hover { 
   color:#660000;
   font-weight:normal;
}
a:active { 
   color:#660000;
   font-weight:normal;
}		

a.bottom {
   text-decoration:none;
   color:white;
   font-size:10px;
   font-weight:normal;
}

li {
   font-size:12px;
   font-weight:normal; 
   line-height:16px;
   text-align:left; 
}




img {
   border:0px solid;
}



.alignright {
    margin-top: 0;
    text-align: right;
    clear: both;
}

.small {
    font-size: .9em;
}


.xtestfloat {
   width: 50px; 
	 border: 2px solid #f90; 
	 background: #ffd; 
	 font-size: .7em;
}

.to-right {float: right;}

.to-left {float: left;}

.ap-test {
  position: absolute; 
/* Aenderung 20080323 Hoefling */
/*=============================*/
/*  top: -102px;*/ 
  top: -202px; 
/*=============================*/
  font-size: .6em; 
/* Aenderung 20080323 Hoefling */
/*=============================*/
/*  width: 150px;*/ 
/*  height: 100px; */
/*  border-top: 1px solid #000;*/ 
/*  background: #5b5; */
/*  color: yellow;*/
  width: 233px; 
  min-height: 200px; 
/* Aenderung 20080328 Hoefling */
/*=============================*/
/*  border-top: 1px solid #000; */
  border-top: 1px solid #FFFFFF; 
/*=============================*/
  background: transparent; 
/*  color: yellow;*/
/*=============================*/
}

/* \*/
* html .ap-test {
/* Aenderung 20080323 Hoefling */
/*=============================*/
/*top: -101px;*/ 
/*t\op: -102px;*/ 
top: -201px; 
t\op: -202px; 
/*=============================*/
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}


/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/

/******************************************************************************** 
To adjust the side col widths, or the vertical col dividers, a certain set of values must be changed
all at the same time and by exact amounts or problems will result. Each of these group's member values
have been marked off with comments that start with "Critical...". For example, if the left col width needs
to be changed then all the values marked "Critical left col dimension value" MUST have their pixel values
altered by the same amount. Certain of these left col width values are marked "(moves inversly)", and 
these get changed by the same pixel amount but inversly to the other values. So if margin-left on .outer
is increased by 10px, then the width of .outer must decrease by 10px, and so on.

To change the width of the entire layout, .wrapper, .outer, .float-wrap, and .center all get changed together,
and only after that is it safe to change col or divider widths. Remember, even one small mistake will degrade or 
even break the layout, so be very careful! it's possible to "loosen" the layout so small errors aren't so messy,
but then it becomes hard to finely control text spacing. 

For spacing within the cols, it's best to apply margins on content elements inserted into the cols, 
because padding directly on those col elements will change their widths, breaking the layout. 

Certain hiding hacks have been used extensively in this layout, so here is a quick explaination of them.

The Tan hack:

* html .anyelement {rules read only by IE/Win and IE/Mac}

The Mac-hack:  (first the active comment you are reading now must be closed...) */

/* \*/

/* */

/*...Back in comment mode now. Anything between those two comment lines will be hidden from 
IE/Mac. Don't use any comments within this hack or it will close prematurely and IE/Mac will begin 
reading before it should.

The above two hacks are combined so as to feed rules only to IE/Win. Proper use of backslash escape 
characters inside property names used in the Holly hack can further segregate rules to be read by only 
IE6 from rules for IE5.x/Win. 

These hiding hacks, along with several other fixes, make possible this formerly impossible layout.
It is highly unlikely that new browsers will have any problem with these valid hiding hacks, and 
Microsoft does not plan any browser changes soon that would alter the proper operation of the layout.
********************************************************************************/


.wrapper {
   margin: 0 auto;
   width: 959px;
   text-align: left;
   border-left: 1px solid #EEEFF3;
   border-right: 1px solid #EEEFF3;
   border-bottom:1px solid #EEEFF3;
   background-color:#D1D5DE;
   min-height:600px;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 782px;*/
   /*wid\th: 780px;*/
   /* Aenderung 20080405 Hoefling */
   /*=============================*/
/*   width: 957px;*/
/*   wid\th: 955px;*/
   width: 963px;
   wid\th: 961px;
   /*=============================*/
}

/* Neu 20080405 Hoefling */
/*=======================*/
.wrapper2 {
   margin: 0 auto;
	 width: 957px;
   text-align: left;
   border-left: 1px solid #D6DAE3;
   border-right: 1px solid #D6DAE3;
   border-bottom: 1px solid #D6DAE3;
   min-height:599px;

}

.wrapper3 {
   margin: 0 auto;
	 width: 955px;
   text-align: left;
   /* temp ausgeblendet */
/* 	 background-image:url(../images/bg_content.jpg); */
	 background-repeat:no-repeat;

   border-left: 1px solid #B8C0CD;
   border-right: 1px solid #B8C0CD;
   border-bottom: 1px solid #B8C0CD;
   min-height:598px;
}
/*=======================*/


.wrapper_2col {
   margin: 0 auto;
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 780px;*/
   /* Aenderung 20080405 Hoefling */
   /*=============================*/
   /*width: 955px;*/
	 width: 959px;
   /*=============================*/
   /*=============================*/
   text-align: left;
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*background: url(images/pr-background.jpg) repeat-y;*/
/*   background: #FFFFFF url(../images/bg_content.jpg) no-repeat;*/
/*	 background-image:url(/fileadmin/template/main/images/bg_content.jpg);
	 background-repeat:no-repeat;*/
	 background-color:#D1D5DE;

   /*=============================*/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
/*   border: 1px solid #000000; */
/*    border: 0px solid #FFFFFF;*/
    border-left: 1px solid #EEEFF3;
    border-right: 1px solid #EEEFF3;
    border-bottom: 1px solid #EEEFF3;
    min-height:600px;

   /*=============================*/
}

* html .wrapper_2col {   /*** IE5.x/win box model fix ***/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 782px;*/
   /*wid\th: 780px;*/
   /* Aenderung 20080405 Hoefling */
   /*=============================*/
/*   width: 957px;*/
/*   wid\th: 955px;*/
   width: 963px;
   wid\th: 961px;
   /*=============================*/
   /*=============================*/
}



.wide {
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*   background: #ffc url(images/stripes6.gif);*/    /* header and footer colours */
   background-color: #FFFFFF;    /* header and footer colours */
   /*=============================*/
   width: 100%; 
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*font-size: 1.6em;*/
   /*font-weight: bold;*/
   /*font-size: 1.6em;*/
   /*font-weight: bold;*/
   /*=============================*/
   /* Neu 20080323 Hoefling */
   /*=======================*/
   /*   color: #ffa;*/
   color: #152D59;
   /*=======================*/
   text-align: center;
}

.wide p {
   margin: 0;
	 padding: 5px;
	 position: relative;
   /* Neu 20080323 Hoefling */
   /*=======================*/
   font-size:9px;
	 color:#000000;
	 text-align:left;
   /*=======================*/
}

.top {
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*border-bottom: 1px solid #000;*/
   border-bottom: 1px solid #FFFFFF;
   /*=============================*/
	 /*Neu 20080325 Hoefling*/
	 /*=====================*/
	 position:relative;
	 height:150px;
	 width:955px;
	 /*=====================*/
}

.xtop a {
   position: absolute;
	 right: 20px;
	 text-align: right;
	 font-weight: bold;
	 font-size: .7em;
	 color: #fff;
}

.bottom {
	 position: relative;
   /*=============================*/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
/*   border-top: 1px solid #000000; */
    border-top: 0px solid #000000;
   /*=============================*/
   /* Neu 20080045 Hoefling */
   /*=======================*/
	 background-color:transparent;
   /*=======================*/
}

/* Neu 20080325 Hoefling*/
/*======================*/
.selecttest {
   text-align:left;
   position:absolute;
	 top:55px;
	 left:40px;
	 margin-right:693px;
}
.englischlernen {
   text-align:left;
   position:absolute;
	 top:81px;
	 left:0px;
}
.logo {
   text-align:left;
   position:absolute;
	 top:0px;
	 left:616px;
}
/*======================*/


/* Neu 20080323 Hoefling */
/*=======================*/
#menu_1 {
   background:#FFFFFF;
   text-align:left;
   margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
   /* Aenderung 20080322 Hoefling */
   /*  height:23px; */ /*** sub-header row height ***/
   height:21px; /*** sub-header row height ***/
   /* neu */
   border-top:1px solid #99BA2F; /*** Sets the external top border. ***/
   border-bottom:1px solid #99BA2F; /*** Sets the external bottom border. ***/
   /* Aenderung 20080328 Hoefling */
	 /*=============================*/
/*	 width:954px;*/
/*   margin:0 1px;*/ /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
   margin:0px;
	 width:955px;
	 /*=============================*/
}

/* Neu 20080409 Hoefling */
/*=======================*/
* html #menu_1 {
   height:23px;
}
/*=======================*/

.bodywrapper {
   border:0px solid #FF0000;
/*	 background-image:url(/fileadmin/template/main/images/bg_content.jpg);
	 background-repeat:no-repeat;*/
	 width:955px;
}

.outer {
   float:left;
   position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*margin-left: 150px;*/    /*** Critical left col dimension value ***/
   /*width: 478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   /*background: #fff url(images/brownswirl.gif);*/  /*** Sets background of center col***/
   margin-left:1px;    /*** Critical left col dimension value ***/
   width: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
/*   background-color: #D1D5DE; */ /*** Sets background of center col***/
   /*=============================*/
/*   border-left: 1px solid #000000;   /*** Critical left divider dimension value ***/
   border-right: 0px solid #000000;   /*** Critical right divider dimension value ***/
	 border:0px solid #FFFF00;
}

* html .outer {   /*** IE5.x/win box model fix ***/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 480px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   /*wid\th: 478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   width: 491px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   wid\th: 489px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   /*=============================*/
   /*Neu 20080406 Hoefling*/
   margin-left:0px;
   /*=====================*/
}

.float-wrap {
	 /*Test*/
/*   float: left;*/
   float:left;
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   /*Test*/
/*   width:488px;*   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   width:723px;
   /*=============================*/
   margin-right: -1px;   /*** Static fix ***/
	 /* Neu 20080324 Hoefling */
	 /*=======================*/
/*	 background-color:#F1F2F6;*/
	 margin-left:-1px;
	 /*=======================*/
   border:0px solid #00FF00;
	 /* Neu 20080328 Hoefling */
	 /*=======================*/
	 border-top: 1px solid #112C5B;
	 /*=======================*/
   /* Neu 20080405 Hoefling */
   /*=======================*/
   /* temp ausgeblendet */
/*	 background:#F1F2F6 url(../images/bg_content_box.jpg) no-repeat; */
   /*=======================*/
}

* html .float-wrap {
width:722px;
margin-top:20px;
margin-left:0px;
}

.float-wrap_2col {
	 /*Test*/
/*   float: left;*/
   float:left;
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	 /*Test*/
/*   width:488px;*   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   width:723px;
   /*=============================*/
   margin-right: -1px;   /*** Static fix ***/
	 /* Neu 20080324 Hoefling */
	 /*=======================*/
	 background-color:transparent;
	 margin-left:-1px;
	 /*=======================*/
/*   border:1px solid #00FF00;*/
/*	 border-top: 1px solid #122C5A;*/
}

* html .float-wrap_2col {
width:722px;
margin-top:12px;
margin-left:0px;
}

.float-wrap_2col img {
/*   border:1px solid #00FF00;*/
}

.center {
   float:right;
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   width: 489px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   /*=============================*/
   margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
   /* \*/
   margin-left: -1px; 
   /* Hidden from IE-mac */
   /* Neu 20080323 Hoefling */
   /*=======================*/
   padding-top:10px;
   border-left: 2px solid #DDDDDD;
   border-right: 2px solid #DDDDDD;

/*	 border-top: 1px solid #122C5A;*/
/*	 background-color:#F1F2F6;*/
   background-color:transparent;
   /*=======================*/
}

/* Neu 20080413 Hoefling */
/*=======================*/
.content {
   padding-left:27px;
   padding-right:27px;
   min-height:400px;
}
/*=======================*/


.center_2col {
   float:right;
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 478px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   width: 720px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
   /*=============================*/
   margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
   /* \*/
   margin-left: -1px; 
   /* Hidden from IE-mac */
	 /* Neu 20080323 Hoefling */
   /*=======================*/
   padding-top:10px;
	 border-left: 0px solid #DDDDDD;
/*	 border-top: 1px solid #122C5A;*/
/*	 background-color:#F1F2F6;*/
	 /*=======================*/
}

* html .center_2col {
   width:670px;
}


.left {
   position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
/*   float:left;*/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 152px;*/    /*** Critical left col/divider dimension value ***/
   /*margin-left: -151px;*/    /*** Critical left col/divider dimension value ***/
   width: 233px;    /*** Critical left col/divider dimension value ***/
	 /*test*/
   /*margin-left: -234px;*/    /*** Critical left col/divider dimension value ***/
	 margin-left:0px;
   /*=============================*/
	 /* Neu 20080323 Hoefling */
   /*=======================*/
/*   border-left: 1px solid #000000;*/
   /*=======================*/
	 /* Neu 20080323 Hoefling */
   /*=======================*/
/*	 border-top: 1px solid #122C5A;*/
/*	 background-color:#F1F2F6;*/
	 /*=======================*/
	 /* Neu 20080323 Hoefling */
   /*=======================*/
   border-right:1px solid #DDDDDD;
/*	 background-color:#F1F2F6;*/
   background-color:transparent;

   /*=======================*/
}

* html .left {
   float:left;
	 /* Neu 20080328 Hoefling */
	 /*=======================*/
	 margin-left:-2px;
	 width:236px;
	 /*=======================*/
}

.left_2col {
   position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
/*   float:left;*/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 152px;*/    /*** Critical left col/divider dimension value ***/
   /*margin-left: -151px;*/    /*** Critical left col/divider dimension value ***/
   width: 2px;    /*** Critical left col/divider dimension value ***/
	 /*test*/
   /*margin-left: -234px;*/    /*** Critical left col/divider dimension value ***/
	 margin-left:0px;
   /*=============================*/
	 /* Neu 20080323 Hoefling */
   /*=======================*/
/*   border-left: 1px solid #000000;*/
   /*=======================*/
	 /* Neu 20080323 Hoefling */
   /*=======================*/
/*	 border-top: 1px solid #122C5A;*/
/*	 background-color:#F1F2F6;*/
	 /*=======================*/
}

* html .left_2col {
   float:left;
	 width:52px;
}



/* Aenderung 20080323 Hoefling */
/*=============================*/
   /**>html .left {width:151px;}*/   /*** Fix only for IE/Mac ***/
   *>html .left {width:234px;}   /*** Fix only for IE/Mac ***/
/*=============================*/

   /* Aenderung 20080323 Hoefling */
   /*=============================*/
/*.container-left {*/
.menu_2 {
   width: 230px;    /*** Critical left col dimension value ***/
   padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
   padding-top:2px;
}

.menu_2_enter {
   width: 600px;    /*** Critical left col dimension value ***/
   padding-left:50px;
   padding-bottom:10px;   /*** To keep content from going underneath the AP bottom boxes ***/
   padding-top:2px;
}


.menu_2_2col {
   width: 2px;    /*** Critical left col dimension value ***/
   padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
	 background-color:transparent;
}

.right {
   float:right; 
   position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*width: 152px;*/    /*** Critical right col/divider dimension value ***/
   /*margin-right: -150px;*/    /*** Critical right col/divider dimension value ***/
   width: 230px;    /*** Critical right col/divider dimension value ***/
/*   margin-right: -233px;*/    /*** Critical right col/divider dimension value ***/
   /*=============================*/
   margin-left: -1px;   /*** Static fix ***/
	 margin-top:-52px;
/* temp ausgeblendet */
/*   background: transparent url(../images/servicebox.jpg) no-repeat; */
	 border:0px solid #0000FF;
}

/* \*/
* html .right {
	 width:229px;
   /* Aenderung 20080405 Hoefling */
   /*=============================*/
/*	 margin-top:-40px;*/
   margin-top:-38px;
   /*=============================*/
   /* Aenderung 20080323 Hoefling */
   /*XXXXXX*/
   /*=============================*/
   /*margin-right: -500px;*/ 
   /*mar\gin-right: -152px;*/
/*margin-right: -500px; 
   mar\gin-right: -235px;*/
   /*=============================*/
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
   margin-left: 0px;    *** Critical right divider dimension value ***
   margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
   mar\gin-right: -235px;    *** Critical right col/divider dimension value ***
}
*/


/*.container-right {*/
.menu_3 { 
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /* \*//*width: 150px;*//* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
   /* \*/width: 200px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
   /*=============================*/
   margin-left:1px;    /*** Critical right divider dimension value ***/
/*   padding-bottom: 110px;*/   /*** To keep content from going underneath the AP bottom boxes ***/
/*	 padding-top:100px;*/
   margin-top:90px;
	 width:220px;
	 min-height:150px;
/*	 border:1px solid #000000;*/
}

/* \*/
/** html .container-right {*/
* html .menu_3 {
   fl\oat: right;
   margin-left:0px; 
   mar\gin-left: 0px; 
}


.login {
   margin-top:5px;
   margin-left:42px;
   height:125px;
   /* temp ausgeblendet */
/*   background:transparent url(../images/loginbox.jpg) no-repeat;*/
}

*html .login {
	 margin-top:10px;
}

.impressum {
   text-align:left;
   margin-left:42px;
}



/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
   font-style: italic; 
   text-align: justify; 
   background: #ccd;
   border: 1px solid red;
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
   overflow: hidden;
   width: 100%;
   o\verflow: visible;
   w\idth: auto;
   hei\ght: 1px;
}
/* */

/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within 
	just one Mac-hack for convenience if desired. However, each fix must come 
	later than the rule it is fixing or the fix itself will be overridden. ***/


/* menü styles */
/*=============*/
ul.menu {
   float:left;
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /*margin-top:10px;*/
   margin-top:0px;
   margin-left:-10px;
   /*=============================*/
   border:0px solid #000000;
}

*html ul.menu {
   margin-left:15px;
}

ul.menu, ul.menu ul {
    list-style-type: none;
}

/*pppp*/
/*ul.menu ul {
/*    margin-left:0;
    padding: 0 0 5px 0;
    padding: 0 2px 5px 2px;*/
/*    position: absolute;*/
   /* Aenderung 20080328 Hoefling */
   /*=============================*/
   /* background-color: #26383D;*/
   /*=============================*/
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /* border:1px solid #FFF9E4;*/
    border:1px solid #FF0000;
   /*=============================*/
    display:none;
    min-width:180px;
}*/

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
    /* Neu 20080412 Hoefling*/
    /*======================*/
/*    left:20px;*/
    /*======================*/
}

ul.menu a {
   display: block;
   padding: 3px 10px 3px 10px;
   font-weight:normal;
   /* Neu 20080323 Hoefling */
   /*=======================*/
   font-size:12px;
   /*=======================*/
}

/* Neu 20080323 Hoefling */
/*=======================*/
ul.menu a.active {
    :active { 
	font-weight:normal;
	color:#112C5B;
	text-decoration:none;
    }		
/*=======================*/
}

ul.menu ul a {
    padding: 0 10px;
}

ul.menu li {
   padding:0;
   margin:0;
   background-image: none;
   /* Aenderung 20080328 Hoefling */
   /*=============================*/
   /* background-color: #FFF9E4;*/
   /*=============================*/
   float:left;
   /* Aenderung 20080323 Hoefling */
   /*=============================*/
   /* border:1px solid #26383D;*/
   border:0px solid #26383D;
   /*=============================*/
}

/*xxxxx*/

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}

a.menu1_ACT:link { 
  font-weight:normal;
  color:#99BA2E;
  text-decoration:none;
}
a.menu1_ACT:visited { 
   font-weight:normal;
   color:#99BA2E;
   text-decoration:none;
}
a.menu1_ACT:focus { 
   font-weight:normal;
   color:#99BA2E;
   text-decoration:none;
}
a.menu1_ACT:hover { 
   font-weight:normal;
   color:#99BA2E;
   text-decoration:none;
}
a.menu1_ACT:active { 
   font-weight:normal;
   color:#99BA2E;
   text-decoration:none;
}		

a.menu1_NO:link { 
   font-weight:normal;
   color:#122C5A;
   text-decoration:none;
}
a.menu1_NO:visited { 
   font-weight:normal;
   color:#122C5A;
   text-decoration:none;
}
a.menu1_NO:focus { 
   font-weight:normal;
   color:#122C5A;
   text-decoration:none;
}
a.menu1_NO:hover { 
   font-weight:normal;
   color:#99BA2E;
   text-decoration:none;
}
a.menu1_NO:active { 
   font-weight:normal;
   color:#99BA2E;
   text-decoration:none;
}		
/*}*/

/* Neu 20080323 Hoefling */
/*=======================*/
ul.menu2, ul.menu2 ul {
   list-style-type: none;
   /* Neu 20080412 Hoefling */
   /*=======================*/
/*   list-style-image:url(../images/menu2_style_image.gif);*/
   list-style-position:outside;
   padding:0px;
   padding-left:0px;
   margin-left:40px;
   /*=======================*/
   border:0px solid #000000;
}

*html ul.menu2, ul.menu2 ul {
   margin-top:20px;
}

ul.menu2 li {
   border:0px solid #000000;
}


ul.menu2 a {
    display: block;
   /* Aenderung 20080412 Hoefling */
   /*=============================*/
   /* padding: 3px 10px 3px 10px;*/
    padding-top:3px;
    padding-bottom:3px;
    padding-left:0px;
    padding-right:0px;
   /*=============================*/
    font-weight:normal;
    /* Neu 20080323 Hoefling */
    /*=======================*/
    font-size:12px;
    /*=======================*/
   border:0px solid #000000;
   margin:0px;
}
a.menu2_ACT:link { 
  font-weight:bold;
	color:#660000;
	text-decoration:none;
}
a.menu2_ACT:visited { 
  font-weight:bold;
	color:#660000;
	text-decoration:none;
}
a.menu2_ACT:focus { 
  font-weight:bold;
	color:#660000;
	text-decoration:none;
}
a.menu2_ACT:hover { 
  font-weight:bold;
	color:#660000;
  text-decoration:none;
}
a.menu2_ACT:active { 
  font-weight:bold;
  color:#660000;
  text-decoration:none;
}		

a.menu2_NO:link { 
  font-weight:normal;
	color:#000000;
	text-decoration:none;
}
a.menu2_NO:visited { 
  font-weight:normal;
	color:#000000;
	text-decoration:none;
}
a.menu2_NO:focus { 
  font-weight:normal;
  color:#660000;
	text-decoration:none;
}
a.menu2_NO:hover { 
  font-weight:normal;
	color:#660000;
	text-decoration:none;
}
a.menu2_NO:active { 
  font-weight:normal;
	color:#660000;
	text-decoration:none;
}		

ul.menu3, ul.menu3 ul {
    list-style-type: none;
    /* Neu 20080323 Hoefling */
    /*=======================*/
    padding-top:11px;
    /*=======================*/
   margin-right:19px;
}

*html ul.menu3, ul.menu3 ul {
   margin-left:42px;
   margin-right:28px;
}

/* Neu 20080323 Hoefling */
/*=======================*/
ul.menu3 li {
   margin-left:7px;
}
/*=======================*/


ul.menu3 a {
    display: block;
    /* Aenderung 20080411 Hoefling */
    /*=============================*/
    /* musste wegen Schriftgrößenänderung angepasst werden*/
    /* padding: 3px 10px 3px 10px;*/
    padding: 2px 10px 2px 10px;
    /*=============================*/
    font-weight:normal;
    /* Neu 20080323 Hoefling */
    /*=======================*/
/*    font-size:10px;*/
    /* Aenderung 20080411 Hoefling */
    /*=============================*/
    /* sieht zwar scheisse aus, aber der Kunde ist König*/
    font-size:12px;
    /*=============================*/
}

*html ul.menu3 a {
    padding: 0px 0px 0px 0px;
}

a.menu3_ACT:link {
  font-weight:normal;
	color:#99BA2E;
	text-decoration:none;
}
a.menu3_ACT:visited { 
  font-weight:normal;
	color:#99BA2E;
	text-decoration:none;
}
a.menu3_ACT:focus { 
  font-weight:normal;
	color:#99BA2E;
	text-decoration:none;
}
a.menu3_ACT:hover { 
  font-weight:normal;
	color:#99BA2E;
  text-decoration:none;
}
a.menu3_ACT:active { 
  font-weight:normal;
  color:#99BA2E;
	text-decoration:none;
}		

a.menu3_NO:link { 
  font-weight:normal;
	color:#122C5A;
	text-decoration:none;
}
a.menu3_NO:visited { 
  font-weight:normal;
	color:#122C5A;
	text-decoration:none;
}
a.menu3_NO:focus { 
  font-weight:normal;
  color:#122C5A;
	text-decoration:none;
}
a.menu3_NO:hover { 
  font-weight:normal;
	color:#99BA2E;
	text-decoration:none;
}
a.menu3_NO:active { 
  font-weight:normal;
	color:#99BA2E;
	text-decoration:none;
}		


/*=======================*/

.leftbottombox {
   /* Aenderung 20080411 Hoefling */
   /*margin-top:-50px;*/
   margin-top:-89px;
   margin-left:36px;
}

*html .leftbottombox {
   margin-left:38px;
}


/*=======================*/


/* Neu 20080411 Hoefling */
/*=======================*/
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { 
   padding-left:0px;
   padding-right:0px;
}

.center ul {
   font-size:12px;
   font-weight:normal; 
   text-align:left;
   /* Neu 20080412 Hoefling */
   /*=======================*/
   /*list-style-type:disc;*/
   list-style-position:outside;
   /* temp ausgeblendet */
/*   list-style-image:url(../images/list_style_image.gif); */
}

.center li {
   margin-left:-23px; 
   margin-right:10px; 
   margin-top:10px; 
   margin-bottom:5px;
}

*html .center li {
   margin-left:-25px; 
}

/*=======================*/
/* Neu 20080412 Hoefling */
/*=======================*/
/*Styles fuer irfaq =====*/

.tx-irfaq-pi1 {
   border:0px solid #00FF00;
   magin-bottom:5px;
}

.tx-irfaq-pi1 p {
   font-size:12px;
   font-weight:normal;
   padding:0px;
   margin:0px;
   border:0px solid #FF0000;
}

.tx-irfaq-pi1 dt {
   font-size:12px;
   font-weight:bold;
   color:#122C5A;
/*	color:#99BA2E;
   color:#000000;*/
/*   border-bottom:1px solid #99BA2E;*/

}

.tx-irfaq-pi1 p.bodytext {
   font-size:12px;
   font-weight:normal;
   padding:0px;
   padding-left:13px;
   margin-left:0px;
   margin-top:0px;
   background-color:transparent;
   border:0px solid #FF0000;
}

.irfaq-text dd {
   margin-top:0px;
   border:0px solid #FF0000;
}

.additional-info {
   background-color:#FF0000;
   border:0px;
   margin:0px;
}


/*=======================*/


/*================================*/
/* Neu 20080412 Hoefling          */
/*================================*/
/*Styles fuer tipafriendplus =====*/

label {
   font-size:12px;
   font-weight:normal; 
   text-align:right; 
}

textarea, input {
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:12px;
   font-weight:normal; 
}

.tx_tipafriend_codetext, .tx_tipafriend_werbemail, .tx_tipafriend_text, .tx-srfreecap-pi2-cant-read {
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:9px;
   font-weight:normal; 
}

.tx_tipafriend {
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:12px;
   font-weight:normal; 
   margin-left:10px;
}

.tx_tipafriend_error_box {
   margin-right:20px;
}

.tx_tipafriend_error_header {
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:12px;
   font-weight:bold; 
   color:#FF0000;
}


.tx_tipafriend_error_text  {
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:12px;
   font-weight:normal; 
   color:#FF0000;
}
/*================================*/

/*=======================*/
/* Neu 20080412 Hoefling */
/*=======================*/
/* Styles fuer Login ====*/

input.login_email {
   margin-left:18px;
   margin-top:18px;
   width:130px;
   height:19px;
/*   border:1px solid red;*/
}

*html input.login_email {
   margin-left:18px;
   margin-top:17px;
}


input.login_pass {
   margin-left:18px;
   margin-top:8px;
   width:130px;
   height:19px;
}

*html input.login_pass {
   margin-left:18px;
   margin-top:6px;
}


input.login_submit {
   margin-left:95px;
   margin-top:14px;
   width:55px;
}

*html input.login_submit {
   margin-left:95px;
   margin-top:13px;
}


@media screen {
   .mm121 {
      display:none;
   }
}

/*=======================*/


/* Druck */
/* Wichtig: Für den Druck unter FF dürfen die DIVs keine position:absolute haben */
@media print {
 p.bodytext {
   page-break-before:auto;
 }
 body {
   margin:0px; 
   padding:0px; 
   border:0px;
   color:#000000; 
   background:#FFFFFF; 
   font-family:verdana, arial, helvetica, sans-serif; 
 
 }
 .selecttest, .wide, #menu_1, .menu_2, .menu_3, .left, .right, .top, .bottom, .leftbottombox, .login, .englischlernen {
    display:none;
 }
 .wrapper, .wrapper2, .wrapper3, .bodywrapper, .outer, .float-wrap, .center {
    position:relative;
    left:0px;
    top:0px;
    background:none;
    border:0px;
    margin:0px;
    padding:0px;
    width:900px;
    height:100px;
    overflow:visible;
 }
 .content {
    position:relative;
    left:0px;
    top:0px;
    height:auto;
    width:500px;
    overflow:visible;
    background-color:#FFFFFF;
 }
 .mm121 {
    position:relative;
    left:auto;
    top:50px;
/*    display:none;*/
 }
 p.mm121 {
   font-size:10px;
   font-weight:normal;
   text-align:left;
 }
}

/* mailform styles */

fieldset.csc-mailform {
   border:none;
   width:none;
}

.csc-mailform-field {
/*   border:1px solid green;*/
   text-align:right;
   padding-bottom:5px;
}

.csc-mailform-field label {
   font-size:12px;
   font-weight:bold;
   vertical-align:top;
}

.csc-mailform-field textarea, input {
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:12px;
   font-weight:normal;
   width:250px;
}

input.csc-mailform-submit {
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:12px;
   font-weight:normal;
   width:100px;
}

fieldset.csc-mailform p {
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:12px;
   font-weight:normal; 
}


/* rgsmoothgallery */
.tx-rgsmoothgallery-pi1 {
  float:left;
}
 
#externalthumbs {
  float:left;
  width:200px;
}
 
#externalthumbs .label {
  display:none;
}
.carouselInner {
  width:205px;
}
 
.carouselInner .thumbnail {
  float:right;
  padding-bottom:10px;
}



</style>

<!--[if IE]>

<style type="text/css">
/*** The rule below prevents long urls from widening floated cols and breaking the layout 
	in IE. It is not valid, but if placed within a "Conditional comment" it will be hidden 
	from all user agents other than IE/Win, and thus validate. This fix fails in IE5/Win.
	http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp ***/

.outer {word-wrap: break-word;}
</style>

<![endif]-->
