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

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

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

*   {font-family: Verdana, sans-serif;}
img  {border:none;}
* a:link { color: #2121ac; text-decoration:underline;}
* a:visited { color: color: #2121ac; text-decoration:underline;}
/** a:hover {font-weight:bold;}
 * a:active {font-weight:bold;}*/
* a:hover {text-decoration:underline;}
* a:active {text-decoration:underline;}
form {margin:0;padding:0;}

hr        { color:#bbaaaa;}
/* ------------ layout -------------------------- */

body {  text-align:left;
        background:#FFFFFF;
        padding:0px;
      	margin:0px;
      	/*background-attachment: fixed;*/
        font-family: Verdana, sans-serif;
        }

#frame {
	width:780px;
	margin:0px 8px 10px 8px;
	padding:0px;
	}

#logo {
  position:relative; top:0px; left:0px;z-index:1;
  
  }

#logo a {margin:0px; padding:0px;}
#logo img {margin:0px; padding:0px;}

#left { 
  /*position: relative;  
  z-index:2; 
  top: -15px;*/
	width:   151px;
	margin: -15px 4px 0px 0px;
	padding: 0px;
	float:left;
}

#mid {
	width:   490px;
	margin-right: 0px 0px 0px 0px;
	padding: 0px;
	float:left;
	}

#mid_fullwidth {
	width:   619px;
	padding: 0px;
	margin:  0px;
	float:left;
	}
	
#right { 
  position:relative;  z-index:2;top:-15px;
  width   :129px;
  margin:0px;
  padding :0px;
  float:left;
  }

/* ------------ top_keywords ---------------- */

#top_keywords {
               text-align:center;
               margin:0px 0px -3px 0px;
               padding:3px 0px 0px 0px;
               height: 12px;
               font-size:12px;
               color: #A8B9C9;
               font-family: Verdana, sans-serif;
               }

/* ----------------- sprachauswahl ------- */

#language_select {
  padding    :3px 15px 0px 15px;
  margin:0;
	text-align:center;
  font-size:11px;
  color:#3A5077;
       }
       
#language_select span{ margin: 0px 0px 0px 4px;}

#language_select_popup {
  background:#f20f0f;
  padding    :3px 0px 7px 0px;
  margin:0;
	text-align:center;
       }
       
#language_select_popup * { font-size:12px;}
#language_select_popup form { margin:0; padding:0;}


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

.auswahl { text-align:left;
       }

.auswahl               { font-family:Verdana,sans-serif; }
.auswahl a             { color:white; text-decoration:none; }
.auswahl a:hover       { color:white; text-decoration:underline;}
.auswahl a:active      { color:white; text-decoration:underline;}

.auswahl .menu0    { font-size:15px;  	 background:#f20f0f; 
                         padding:4px 5px 6px 10px; border-width:1px 0px 0px 0px; border-style:solid; border-color:white; font-weight:normal;
                          }

.auswahl .menu0_sel {color:#FFFF00; 
                         font-size:14px; font-weight:bold; background:#f20f0f; 
                         padding:4px 5px 6px 10px; border-width:1px 0px 0px 0px; border-style:solid; border-color:white;
                          line-height:14px;}
                          
.auswahl .menu0  a  { }
.auswahl .menu0_sel  a  {color:#015989;  }

.auswahl .menu1   { 
                         background-color:#fc6600;
                         font-size:12px; 
                         padding:1px 2px 4px 18px; }

.auswahl .menu1_sel { 
                         background-color:#fc6600;
                         padding:1px 2px 4px 18px;
                         color:#ffffff; font-size:12px; font-weight:bold;}

.auswahl .menu1  a  { color:black; font-size:12px;}
.auswahl .menu1_sel  a  {color:#ffffff; font-size:12px;}

.auswahl .menu2   { 
                         background-color:#ffff80;
                         height:17px;
                         padding:1px 2px 2px 26px; }

.auswahl .menu2_sel { 
                         background-color:#ffff80;
                         height:17px; 
                         padding:1px 2px 2px 26px;
                         color:#015989; font-size:11px; }

.auswahl .menu2  a  { font-size:11px;}
.auswahl .menu2_sel  a  {color:#015989; font-size:11px;}

/* ----------------- linke spalte part_of ------- */

#part_of { font-size:10px;
           margin:13px 0px 0px 16px;
           color: #027abb;
           text-align:left;
           }

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


#navigation{
	padding: 14px 0px 12px 0px;
	margin: 0px;
	font-size:11px;
}

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

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

#nav_prev img {margin-right:5px; vertical-align:middle;}
#nav_next img {margin-left:5px; vertical-align:middle;}
#mid_content {
  text-align:justify;
	margin-top:3px;
	padding: 0px 15px 10px 15px;
	font-size:11px;

       }

#mid_content {font-family:Verdana; font-size:10pt;}

#mid_content p { font-size:10pt; padding:0px; margin: 7px 5px 7px 7px; text-align:justify;	}

#mid_content h1 { font-size:20px; text-align:left; font-weight:normal;padding:0px; margin:0px 0px 15px 0px; color:#f20f0f;}
#mid_content h2 { font-size:18px; text-align:left; font-style:italic; font-weight:normal; padding:0px; margin:10px 0px 4px 0px; }
#mid_content h3 { font-size:16px; text-align:left; font-weight:bold;padding:0px; margin:6px 0px 0px 0px; }
#mid_content h4 { font-size:14px; text-align:left; font-weight:normal;}

#mid_content table { margin:10px 10px 10px 0px;}
#mid_content table td { padding:3px; }
#mid_content table th { padding:3px; background-color:#FF9F09;}
#mid_content table .tr1 {background-color: #FFED6C; }
#mid_content em { font-family:"Lucida Calligraphy"; color:#f20f0f; font-size:10pt; font-weight:bold;}

#mid_content .centered {text-align:center;}
#mid_content .float_right   { float:right; padding:5px 0px 5px 5px; }
#mid_content .float_left    { float:left; padding:5px 5px 5px 0px; }
#mid_content .boxed, #mid_content table.pricelist { border:solid #FF9F09 2px; padding:3px; }
#mid_content .underlay { background-color:#FFFF80	; padding:4px;}
#mid_content .small    { font-size:9pt; }
#mid_content .small_link    { font-size:11px; }

#mid_content .not_entered { border-size:2px; border-style:solid; border-color:red; }

#mid_content .enrollment table {margin: 0px 0px 14px 0px; background-color: #FFFF80; padding:0px; padding-bottom:4px; width:100%; border-style:none}
#mid_content .enrollment table td {padding: 1px 2px 1px 2px;}
#mid_content .enrollment table th {padding: 2px 2px 3px 5px; background-color:#FF8A3C; text-align:left; }
#mid_content .blind {border-style:none;}
#mid_content .input {color:#f20f0f;}

#right .enrollment {margin:0;padding:2px;}
#mid_content .courseSelectorSlim select {font-size:11px; }

#mid_content table.pricelist { width: 100%; margin-bottom:12px; }
#mid_content table.pricelist tr > th {width:23%;}

/* Headlines th */
#mid_content table.pricelist tr.intensity th,
#mid_content table.pricelist tr.room th,
#mid_content table.pricelist tr.board th,
#mid_content table.pricelist tr.bath th,
#mid_content table.pricelist tr.season th
 { background-color:#FF9F09; padding:5px 4px 5px 6px; font-weight:bold;}

/* Headlines td */
#mid_content table.pricelist tr.intensity td,
#mid_content table.pricelist tr.room td,
#mid_content table.pricelist tr.board td,
#mid_content table.pricelist tr.bath td,
#mid_content table.pricelist tr.season td
 { background-color:#FF9F09; padding:5px 4px 5px 6px; text-align:center; font-weight:bold;}

/* Location Headline th and td */
#mid_content table.pricelist tr.location th { background-color:#FF9F09; padding:6px 4px 6px 6px; font-weight:bold;}
#mid_content table.pricelist tr.location td { background-color:#FF9F09; padding:6px 4px 6px 6px; font-weight:bold; text-align:center; }

/* Duration th and Prices td */
#mid_content table.pricelist tr.duration th { padding:2px 4px 2px 8px; font-weight:normal; background-color:transparent; text-align:left; color:#3F3F3F;}
#mid_content table.pricelist tr.duration td { background-color:transparent; text-align:center; }

/* Zebra Table, also compatible with IE */

#mid_content table.pricelist tr.duration+tr.duration th, 
#mid_content table.pricelist tr.duration+tr.duration td, 
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td
{ background-color:transparent; }

#mid_content table.pricelist tr.duration th, 
#mid_content table.pricelist tr.duration td, 
#mid_content table.pricelist tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration th,
#mid_content table.pricelist tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration+tr.duration td
{ background-color:#FFED6C; }

/* END Zebra table */


/* -------------- box -------------- */


.box1, .box           {margin-bottom:10px; }
.box1 em        { font-family:"Lucida Calligraphy"; color:#f20f0f; font-size:8pt; font-weight:bold;}
.box1 th, .box h1, .box h5, .box1 h5        { font-size:9pt; color:#000000; border-style:none; margin:0px; padding:0px;}
.box1 td, .box1 div, .box1 h5    { background-color:#FFFF00;  font-size:8pt; padding: 5px; text-align:left;}
.box1 td h3, , .box1 div      { font-size:11px; margin:0px; padding:7px 0px 2px 0px;}
.box1 p, .box p         { margin:1px 0px 1px 5px;}
.box1 td.image  {padding:0px; margin:0px;}
.box1 td.border { background-color:#F88431; margin:0px; padding:0px;}
.box1 li  {margin-left:-15px;}

.box, .box1      { background-color:#FFFF00;  font-size:8pt; padding: 0px; text-align:left;}

.box h1 {padding:4px;}
.box h5 {padding:4px;}
.box p {padding-bottom:4px;}

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

/********** 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 0px 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 10px 10px 0px;
  padding:0px;
  text-align:center; 
  float:left;
  border-width:0px 0px 0px 1px;
  border-color:#175079;
  border-style:none;
}

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

#bottom ul.bottom_menu ul.menu0, #bottom ul.bottom_menu ul.menu0_sel { border-style:none;}
#bottom ul.bottom_menu ul.menu0 + ul.menu0,
#bottom ul.bottom_menu ul.menu0_sel + ul.menu0,
#bottom ul.bottom_menu ul.menu0 + ul.menu0_sel,
#bottom ul.bottom_menu ul.menu0_sel + ul.menu0_sel 
{ border-style:solid;}

#bottom ul.menu0_sel {  }

#bottom li
{
  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.menu0 + li.menu1_sel, #bottom li.menu0_sel + li.menu1, #bottom li.menu0 + li.menu1
{
  padding-top:5px;
}

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