
   * {
      margin: 0;
      padding: 0;
      border: 0;
   }

   * a {
   	outline: none;
   }

	body {
      background-color: #fff;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 12px;
      background-color: #F5F7F9;
	}

   a {
      color: #1171F0;
      text-decoration: none;
   }

   a:hover {
      color: #F0B411;
      text-decoration: underline;
   }

	#page_wrapper {
		position: absolute;
		left: 50%;
		width: 903px;
		margin-left: -452px;
		border: 1px solid #0C4DA2;
		border-top: 0;
		border-bottom: 0;
      background-color: #fff;
		background-image: url(gfx/wrapper_bg.gif);
		background-repeat: repeat-y;
	}




	/* page_header */
	#page_header {
      height: 158px;
      background-image: url(gfx/header_bg.gif);
      background-repeat: no-repeat;
      border-top: 3px solid #F0B411;
      border-bottom: 1px solid #0C4DA2;
	}

   #page_header .page_header_navi {
      position: absolute;
      top: 10px;
      left: 225px;
      color: #fff;
      font-size: 11px;
   }

   #page_header .page_header_navi ul {
      list-style-type: none;
   }

   #page_header .page_header_navi li {
      display: inline;
   }

   #page_header .page_header_navi a {
      color: #fff;
      text-decoration: none;
      padding: 8px;
   }

   #page_header .page_header_navi a:hover {
      background-color: #6794c7;
   }

   #page_header .page_header_datum {
      position: absolute;
      top: 11px;
      right: 15px;
      color: #fff;
      font-size: 11px;
   }

   #page_header .page_header_logo {
      position: absolute;
      right: 5px;
      top: 40px;
   }




   /* page_wrappers */
	#page_outer_wrapper {
		padding-left: 200px;
		padding-right: 190px;
   }

	#page_inner_wrapper {
		width: 100%;
	}




   /* page_left */
	#page_left {
      position:relative;
      width: 200px;
      float: left;
      margin-left: -200px;
      background-color: #0C4DA2;
   }

   #page_left ul {
      list-style-type: none;
   }

   #page_left ul li a {
      color: #fff;
      display: block;
      border-bottom: 1px solid #fff;
      padding: 6px 2px 6px 20px;
      text-decoration: none;
      font-size: 11px;
      background-color: #6794c7;
      font-weight: bold;
   }



   #page_left ul li a:hover,
   #page_left ul li a.active {
      background-color: #0551a4;
		color: #ffffff;
   }

	#page_left ul ul ul li a:hover,
   #page_left ul ul ul li a.active {
	   background-image: url(gfx/menu_bg_arrow.gif);
   }

	#page_left ul ul ul ul li a:hover,
   #page_left ul ul ul ul li a.active {
	   background-image: none;
		background-color: #8eb0d5;
   }


   #page_left ul ul li a  {
      background-color: #eaf0f7;
      background-image: url(gfx/menu_bg.gif);
      background-repeat: no-repeat;
      background-position: 10px 9px;
      font-weight: normal;
      padding-left: 25px;
		color: #0551a4;
   }

   #page_left ul ul ul li a  {
      padding-left: 46px;
      background-position: 26px 7px;
      background-image: url(gfx/menu_bg_arrow_hover.gif);
		color: #0551a4;
   }

   #page_left ul ul ul li li a  {
      padding-left: 46px;
      background-position: 26px 7px;
      background-image: url(gfx/menu_bg_arrow.gif);
		color: #ffffff;
   }



   /* hover effect */

   #page_left ul ul ul ul {
      position: absolute;
      z-index: 5;
      border-left: 1px solid #fff;
      margin-top: -26px;
      margin-left: 200px;
      background-color: #6794c7;
      width: 280px;
   }

   #page_left ul ul ul ul li a {
      background: none;
      padding-left: 5px;
   }

   div#page_left ul ul ul ul {
      display: none;
   }

   div#page_left ul ul ul li:hover ul {
      display: block;
   }

   #page_left p {
      color: #ffffff;
      margin-top: 10px;
      margin-left: 10px;
      margin-right: 10px;
      font-size: 11px;
   }

   #page_left p a {
      text-decoration: none;
      color: #ffffff;
   }

   #page_left p a:hover {
      color: #F0B411;
   }




   /* page_right */
	#page_right {
      float: right;
      position: relative;
      width: 190px;
      margin-right: -190px;
      border-left: 1px solid #99BDD6;
      background-image: url(gfx/right_bg.gif);
      background-repeat: repeat-y;
   }

   #page_right form {
      padding-left: 12px;
      padding-top: 10px;
   }

   #page_right form legend {
      color: #0C4DA2;
      font-size: 13px;
      margin-left: -8px;
      margin-bottom: 5px;
      background-image: url(gfx/menu_bg.gif);
      background-repeat: no-repeat;
      background-position: 0px 4px;
      padding-left: 15px;
   }

   #page_right form input {
      border: 1px solid #005B99;
      width: 145px;
      float: left;
   }

   #page_right form label {
      padding-top: 5px;
      padding-left: 5px;
   }

   #page_right form input:focus,
   #page_right form input:hover,
   #page_right form textarea:focus,
   #page_right form textarea:hover {
      background-color: #F5F7F9;
   }

   #page_right h3 {
      color: #0C4DA2;
      font-size: 13px;
      font-weight: normal;
      margin-top: 20px;
      margin-left: 12px;
      margin-bottom: 5px;
      padding-left: 15px;
      background-image: url(gfx/menu_bg.gif);
      background-repeat: no-repeat;
      background-position: 0px 4px;
   }

   #page_right em {
      padding-left: 12px;
      display: block;
      font-size: 11px;
   }

   #page_right strong {
      padding-left: 12px;
      display: block;
      padding-right: 12px;
      font-size: 11px;
   }

   #page_right p {
      padding-left: 12px;
      padding-right: 12px;
      padding-bottom: 15px;
      font-size: 11px;
   }

   #page_right .rueckrufservice,
   #page_right .kooperation {
      padding-left: 12px;
   }

   #page_right .kooperation img {
      padding-bottom: 20px;
   }




   /* page_content */
	#page_content {
      padding-top: 9px;
      padding-left: 25px;
      padding-right: 25px;
	}

   #page_content h1 {
      color: #0C4DA2;
      font-size: 17px;
      padding-bottom: 15px;
   }

   #page_content h2,
   #page_content h3 {
      background-color: #6794c7;
      padding: 0;
      font-size: 13px;
      padding-top: 3px;
      padding-bottom: 3px;
      margin-bottom: 15px;
      margin-top: 15px;
      padding-left: 2px;
		      color: #ffffff;
   }

   #page_content h1 a {
      color: #000000;
   }


   #page_content h2 a,
   #page_content h3 a {
      color: #ffffff;
   }

   #page_content p {
      padding-bottom: 10px;
      line-height: 18px;
   }

   #page_content p span.highlight {
      background-color: #EFEFEF;
   }

   #page_content ol {
      padding-left: 31px;
      padding-bottom: 10px;
		line-height: 19px;
   }

	#page_content ol li {
	  font-weight: bold;
	  color: #0C4DA2;
	  padding-bottom: 5px;
	  font-size: 13px;
   }

	#page_content ol li span {
	  font-weight: normal;
	  color: #000000;
	  font-size: 12px;
   }

   #page_content ul {
      padding-left: 15px;
      padding-bottom: 10px;
      line-height: 19px;
   }

   #page_right a.arrow,
   #page_content a.arrow {
      background-image: url(gfx/arrow_purple.gif);
      background-repeat: no-repeat;
      background-position: left center;
      margin-left: 5px;
      padding-left: 8px;
   }

   #page_content a.arrow {
      background-image: url(gfx/arrow_purple.gif);
      background-repeat: no-repeat;
      background-position: left center;
      margin-left: 5px;
      padding-left: 8px;
   }

   #page_content img.left {
      float: left;
      padding-right: 12px;
      padding-top: 5px;
      padding-bottom: 5px;
   }

   #page_content img.right {
      float: right;
      padding-left: 12px;
      padding-top: 5px;
      padding-bottom: 5px;
   }

   #page_content img.middle {
      margin: auto;
      display: block;
   }





   /* page_kursliste */
   #page_content .kurs_liste {
      width: 100%;
   }

   #page_content .kurs_liste th {
      background-color: #8eb0d5;
      line-height: 25px;
      text-align: left;
      padding-left: 2px;
		color: #FFFFFF;
   }

   #page_content .kurs_liste td {
      line-height: 22px;
      padding-left: 2px;
   }

   #page_content .kurs_liste td a {
      color: #000;
      text-decoration: none;
      display: block;
      width: 100%;
   }

   #page_content .kurs_liste tr:hover {
      background: #eaf0f7;
   }

   #page_content .kurs_liste th.dauer,
   #page_content .kurs_liste td.dauer,
   #page_content .kurs_liste th.preis,
   #page_content .kurs_liste td.preis {
      width: 140px;
      text-align: right;
      padding-right: 2px;
   }

   #page_content .kurs_liste td.terminiert {
      background-color: #008000;
      font-size: 11px;
   }

   #page_content .kurs_liste a.terminiert {
      color: #fff;
   }

   #page_content .kurs_liste td.unterminiert {
      background-color: #EAF0F7;
      font-size: 11px;
   }

   #page_content .kurs_liste a.unterminiert {
      color: #0551A4;
   }


	#page_content .kurs_liste th.dauer,
   #page_content .kurs_liste th.preis {
      text-align: center;
   }

   #page_content .kurs_liste td.preis {
		font-weight:bold;
   }

   /* page_intro */
   #page_content .page_intro {
      padding-bottom: 10px;
   }

   #page_content .page_intro_inv {
      font-style: italic;
      background-color: #F2F2F2;
   }

   #page_content .page_intro_inv img,
   #page_content .page_intro img {
      float: left;
      margin-right: 20px;
   }

   #page_content .page_intro_inv h2,
   #page_content .page_intro h2 {
      color: #005B99;
      font-size: 12px;
      padding-bottom: 5px;
   }

   #page_content .page_intro_border {
      border-top: 1px solid #6794c7;
      padding-bottom: 10px;
   }




	/* formular */
	#page_content form {
		line-height: 13px;
		display: inline;
	}

   #page_content form label {
		float: left;
		width: 140px;
	}

	#page_content form input {
		float: left;
		width: 315px;
		margin: 1px 0px 10px 0;
		background-color: #F5F7F9;
		height: 16px;
		color: #000000;
		border: 1px solid #0C4DA2;
	}

   #page_content form input.button,
   #page_content form input.button_left {
      background-color: #F5F7F9;
      color: #000000;
      width: 140px;
      float: right;
      height: 19px;
   }

   #page_content form input.button_left {
      float: left;
   }

	#page_content form select {
		float: left;
		width: 317px;
		margin-bottom: 10px;
		background-color: #F5F7F9;
		color: #000000;
		border: 1px solid #0C4DA2;
	}

   #page_content form textarea {
		width: 458px;
		height: 150px;
		margin-top: 10px;
		background-color: #F5F7F9;
		color: #000000;
		border: 1px solid #0C4DA2;
	}

	#page_content form input.checkbox,
	#page_content form input.radio {
	   width: auto;
	   height: auto;
	   border: 0;
	   margin: 0;
	}

	#page_content form label.checkbox,
	#page_content form label.radio {
      margin-left: 5px;
      width: auto;
      line-height: 18px;
	}

	#page_content form label.full {
      width: auto;
	}

	#page_content form input.full {
	   width: 458px;
	}

	#page_content form br {
		clear: both;
	}




	/* routenplaner */

   #page_content table.routenplaner input.strasse {
      width: 178px;
   }

   #page_content table.routenplaner input.plz {
      width: 50px;
   }

   #page_content table.routenplaner input.ort {
      width: 118px;
   }




	/* kurs_anmeldung */
	#page_content table.kursanmeldung td {
      padding: 3px;
	}

	#page_content table.kursanmeldung p {
	   padding: 0;
	}




	/* footer */
   #page_footer {
      border-top: 1px solid #99BDD6;
      padding-top: 15px;
      margin-left: 40px;
      margin-right: 40px;
      text-align: center;
      color: #034EA2;
      font-size: 10px;
      padding-bottom: 10px;
   }
