<head>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

<style type="text/css">
<!--

/* ------------ allgemeine angaben -------------- */

*    {font-family:Arial,sans-serif;}
img  {border:none;}
body { background-color:#FFFFFF; margin-left:5px;  margin-top:4px; font-family:Arial,sans-serif;}
* a  {color:#2121ac;}
.small_link  { font-size:9pt; }
form {margin:0;padding:0;}

/* --- linke Spalte ---*/

.left_box
{
  background-color:#FFE655; font-size:12px; border:solid #F88431 2px; padding:10px; margin-bottom:10px;
}

#language_select {
  margin    :0px;
  padding   :0px 25px 2px 0px;
  text-align:center;
  font-size:11px;
  }
       
#language_select span 
{ 
  margin: 0px 3px 0px 3px;
}

#language_select a
{ 
  color:black;
}

#language_select_popup {
  height    :100%;
  width     :115px;
  height    :49px;
  margin    :0px;
  padding   :4px 20px 0px 25px;
  background-color:#ee0000;
  background-image:url(images/auswahl_top.gif);
  background-repeat:no-repeat;
  text-align:center;
  }

#language_select_popup select
{ 
  margin:12px 0 0 0;
  background:#EE0000;
  color:white;
}

#language_select_popup *
{ 
  font-size:14px;
}


/* ------------ menue linke spalte -------------- */

.auswahl               { font-family:Verdana,sans-serif; background-color:#ee0000; width:160px; border:none; padding:0px; margin:0px; border-collapse:collapse;}
.auswahl a:link        { text-decoration:none;}
.auswahl a:visited     { text-decoration:none;}
.auswahl a:hover       { text-decoration:none; text-decoration:underline; }
.auswahl a:active      { text-decoration:none; text-decoration:underline; }
.auswahl em            { font-style:normal; font-weight:bold; }

.auswahl .oberpunkt    { background-color: #ee0000/* schwaches grün #1E914F;*//*dunklgrün #559c38;*/
                         font-size:15px; margin:0px;
                         padding:3px 5px 4px 10px; border-width:1px 0px 0px 0px; border-style:solid; border-color:#ffffff;}

.auswahl .oberpunkt_sel { background-color:#FEDA00;
                         font-size:15px; margin:0px;
                         padding:3px 5px 4px 10px; border-width:1px 0px 0px 0px; border-style:solid; border-color:#ffffff;
                         color:black; letter-spacing:1px; font-variant:small-caps; font-weight:bold;}

.auswahl .oberpunkt  a  { color:white; letter-spacing:1px; font-variant:small-caps;}
.auswahl .oberpunkt_sel  a  { color:black; letter-spacing:1px;font-variant:small-caps;}

.auswahl .unterpunkt   { background-color:#FFFFCC /*#33CC99*/; /*cursor:pointer;*/
                         font-size:13px; line-height:13px;margin:0px; border:none;
                         padding:1px 2px 2px 20px; }

.auswahl .unterpunkt_sel { background-color:#FEDA00;
                         font-size:13px; 
                         padding:1px 2px 2px 20px;
                         color:black; text-decoration:none; font-size:13px;font-variant:small-caps;  font-weight:bold;}

.auswahl .unterpunkt  a:link  { color:black; text-decoration:none; font-size:13px;font-variant:small-caps;}
.auswahl .unterpunkt  a:visited  { color:black; text-decoration:none; font-size:13px;font-variant:small-caps;}
.auswahl .unterpunkt  a:hover  { color:black; text-decoration:underline; font-size:13px;font-variant:small-caps;}
.auswahl .unterpunkt  a:active  { color:black; text-decoration:underline; font-size:13px;font-variant:small-caps;}

.auswahl .unterpunkt_sel  a  { color:black; text-decoration:none; font-size:13px;font-variant:small-caps;}

.auswahl .subpunkt     { background-color:#aec25d;
                         font-size:10px; margin:0px;
                         padding:2px 2px 2px 28px; }

.auswahl .subpunkt_sel { background-color:#FFCC00;
                         font-size:10px; margin:0px;
                         padding:2px 2px 2px 28px; }

/* ------------ mittlere spalte ----------------- */

#mid_content           { font-size:13px; padding:13px; padding-top:0px; margin-top:1px;}
#mid_content p         { text-indent:0px; text-align:justify; margin-left:1px; margin-right:1px;}
#mid_content .boxed    { border:solid #000000 2px; padding:10px; }
#mid_content .underlay { background-color:#FFED6C; padding:4px;}
#mid_content .small    { font-size:8pt; }
#mid_content em        { font-weight:bold;}
#mid_content h1 em     { font-weight:bold; }
#mid_content h1        { font-size:20px; font-variant:small-caps; margin:8px 0px 5px 5px; color: #B4171D;}
#mid_content h2        { padding-left:1ex; font-size:14px; }
#mid_content h3        { font-size:10pt; text-align:left; text-decoration:none; margin-bottom:5px;}
#mid_content h4        { font-size:10pt; text-align:left; text-decoration:none; margin:0px 0px 5px 0px; padding:0px; font-style: italic; font-weight:normal;}
#mid_content hr        { color:#bbaaaa;}
#mid_content .small_link_bottom  { font-size:9pt; margin-top:10px; }
#mid_content .logos    { border:none; }
#mid_content .logos td { text-align:center; }
#mid_content .bildtext  { font-style:italic; font-size:9pt; }
#mid_content .not_entered { border-size:2px; border-style:solid; border-color:red; }
#mid_content .enroll_online {background-color:#FEFCE2;padding=3px;}
#mid_content .td_type1 {background-color:#FFDD57;padding:3px;} /*ehem. #33CC99 kräftiges grün mit blaustich*/
#mid_content .td_type2 {background-color:#FFEF64;padding:3px;} /*ehem. hellgelb*/
#mid_content .td_type3 {background-color:#FF6600;} /*th des activity timetable*/
#mid_content .td_type4 {background-color:#FFCC00;} /*orange in dates an fees*/
#mid_content .td_type5 {background-color:#FFFFFF;} /*helles weiss in dates an fees*/
#mid_content .td_type6 {background-color:#FFFCE1;} /*helles beige in dates an fees*/
#mid_content .td_type7 {background-color:#FFF6A6;} /*leichtes gelb in dates an fees*/
#mid_content .course_table {border-collapse:collapse;}
#mid_content .course_table td {border-width:1px; border-style:solid; border-color:#FFFFCC;}

table.blind { width: 100%; border:none; }
table.pricelist { width: 100%; margin-bottom:12px; }
table.pricelist th { text-align:left;   font-weight:bold;   width:16%; }
table.pricelist td { text-align:center; font-weight:normal; }
table.pricelist th { background-color:#FFdb4d; padding:5px 4px 5px 6px; }
table.pricelist td { background-color:#FFdb4d; padding:5px 4px 5px 6px; }
table.pricelist tr.location th { background-color:#FFCC00; padding:6px 4px 6px 6px; }
table.pricelist tr.location td { background-color:#FFCC00; padding:6px 4px 6px 6px; font-weight:bold; }
table.pricelist tr.duration th { background-color:#FFF6A6; padding:4px 4px 4px 8px; font-weight:normal; }
table.pricelist tr.duration td { background-color:#FFFCE1; }



#navigation{
	padding: 14px 0px 22px 0px;
	margin: 0px;
	font-size:11px;
        position:relative;
}

#nav_prev {
	float:left;
	width:40%;
}

#nav_next {
	float:right;
	width:40%;
	text-align:right;
}

#nav_prev img {margin-right:5px; vertical-align:middle;}
#nav_next img {margin-left:5px; vertical-align:middle;}

#enroll_now { 
float:left;
text-align:center; 
white-space:nowrap;
padding-bottom:10px;
}

.enrollment { width:100%; font-size: 12px; }
.enrollment table {width:100%; margin: 10px 0px 14px 0px; background-color: #FFEF64; padding:0px; border-style:none;}
.enrollment table td {padding: 2px 2px 2px 2px; background-color: #FFEF64;}
.enrollment table th {padding: 2px 2px 3px 5px; background-color:#FFDD57; text-align:left; }
.input {color:#EE0000;}



.enrollment input { font-size:12px; }
.enrollment select { font-size:12px; }

/* ------------ rechte spalte -------------------- */

.right a {color:#2121ac;text-decoration:underline;}
.right a:visited {color:#2121ac; text-decoration:underline;}
.right a:hover {color:#2121ac; text-decoration:underline;}
.right table {margin-bottom:20px;}
.right h3 {font-size:8pt; font-weight:bold; margin-top:5px; margin-bottom:3px;}
.right hr        { color:#777777;}
.right em        { font-style:normal; font-weight:bold; color:#000000; }
.right ul  {margin-left:20px; margin-top:5px;}

/* ------------- k&auml;stchen rechte spalte ---------- */

.box1 th      { background-color:#F88431; font-size:13px; color:#000000; border-style:none; margin:0px; padding:2px;}
.box1 td      { background-color:#FFE655;  font-size:12px; padding: 5px;}
.box1 td.picture { background-color:#FFE655; padding:0px; margin:0px;}
.box1 td.border { margin:0px; padding:0px;}
/* background-color:#F88431; */
.box1 td.border2 { background-color:#ee0000; margin:0px; padding:0px;}

.box1 th a         {color:#10228B;text-decoration:none;}
.box1 th a:visited {color:#10228B;text-decoration:none;}
.box1 th a:hover   {color:#10228B;text-decoration:none;}
.box1 h3					 {font-size:8pt; font-weight:bold; margin-top:5px; margin-bottom:3px;}

.box { background-color:#FFE655;  font-size:12px; padding: 0; margin:0 0 20px 0;}

.box .boxtop { background-image:url(images/box_top.gif); background-repeat:no-repeat; display:block; height:10px; }
.box .boxbottom { background-image:url(images/box_bottom.gif); background-repeat:no-repeat; display:block; height:10px; }

.box p {padding:4px; font-size:12px;}
.box h1 {font-size:13px; margin:0; padding:0 5px 0px 5px ;}
.box h5 {font-size:13px; margin:0; padding:0 5px 0px 5px ;}

/********** bottom  *****/

#bottom
{
  padding:0px auto 12px auto;
  text-align:center;
  float:left;
  position:relative;
  left:50%; /* center float elements */
}

#bottom ul.bottom_menu
{
  margin:0px auto 10px auto;
  padding:0;
  float:left;
  position:relative;
  left:-50%; /* center float elements */
}

#bottom ul.bottom_menu li.struct, #bottom ul.bottom_menu ul
{
  margin:0px 7px 0px 0px;
  padding:0px;
  text-align:center; 
  float:left;
  border-width:0px 0px 0px 1px;
  border-color:#175079;
  border-style:solid;
  list-style-type:none;
}

#bottom ul.bottom_menu ul
{
  border:none;
}

#bottom ul.bottom_menu li.struct
 { border-style:none;}
#bottom ul.bottom_menu li.struct+li.struct
 { border-style:solid;}

#bottom ul.menu0_sel { background:#FFF096; }

#bottom li.oberpunkt, #bottom li.unterpunkt
{
  list-style-type:none;
  color:#175079;
  margin:0px 9px 3px 7px;
  padding: 0px 0px 0px 14px;
  font-size:11px;
  border:none;
  text-align:left;
}

#bottom li.oberpunkt + li.unterpunkt_sel, #bottom li.oberpunkt_sel + li.unterpunkt, #bottom li.oberpunkt + li.unterpunkt
{
  padding-top:5px;
}

#bottom li.unterpunkt, #bottom li.unterpunkt_sel
{
  font-size:9px;
  margin-left:14x;
}