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


	body {
      background-color: #fff;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #0058A4;
      background-image: url(gfx/body_bg.gif);
      background-position: center;
      background-repeat: repeat-y;
	}

   a {
      color: #DB001B;
      text-decoration: none;
   }

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

   #page_wrapper_top {
      height: 18px;
      background-color: #fff;
   }

	#page_wrapper {
		position: absolute;
		left: 50%;
		width: 880px;
		margin-left: -440px;
      background-color: #fff;
	}




	/* page_header */
	#page_header {
      height: 82px;
      background-color: #0057a4;
		margin-bottom: 18px;
	}

   #page_header .page_header_navi {
      position: absolute;
      top: 3px;
      right: 2px;
      color: #0058A4;
      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: #0058A4;
      text-decoration: none;
      padding-left: 8px;
      padding-right: 8px;
   }

   #page_header .page_header_navi a:hover {
      text-decoration: underline;
   }

   #page_header .page_header_logo {
      position: absolute;
      left: 375px;
      top: 0px;
   }

	  /* page_header_search */

   #page_header .page_header_search {
      position: absolute;
      right: 11px;
      top: 50px;
      color: #fff777;
      font-size: 10px;
      text-align: right;
   }

   #page_header .page_header_search form .input {
      border: 1px solid #b1c0d0;
		height: 19px;
      width: 147px;
      float: left;
      margin-top: 2px;
   }

	#page_header .page_header_search form label {
      float: left;
      padding-top: 5px;
      padding-left: 7px;
   }

   /* page_wrappers */
	#page_outer_wrapper {
		padding-left: 188px;
		padding-right: 188px;
      background-image: url(gfx/menu_bg.gif);
      background-repeat: repeat-y;
   }

	#page_inner_wrapper {
		width: 100%;
	}




   /* page_left */
	#page_left {
      position:relative;
      width: 188px;
      float: left;
      margin-left: -188px;
   }

   #page_left ul {
      list-style-type: none;
      background-image: url(gfx/menu_bg.gif);
      background-repeat: repeat-y;
   }

   #page_left ul li a {
      display: block;
      padding: 6px 2px 6px 10px;
      text-decoration: none;
      font-size: 12px;
      font-weight: bold;
      background-image: url(gfx/menu_bg_lvl1.gif);
      background-repeat: no-repeat;
      color: #0058A4;
   }

   #page_left ul ul li a  {
      font-weight: normal;
      padding: 3px 5px 3px 28px;
      background-image: url(gfx/menu_arrow_lvl2.gif);
      background-repeat: no-repeat;
      background-position: 14px 8px;
   }

   #page_left ul ul ul li a  {
      font-weight: normal;
      padding: 3px 5px 3px 43px;
      background-image: url(gfx/menu_arrow_lvl3.gif);
      background-position: 29px 8px;
   }

   #page_left ul li a:hover,
   #page_left ul li a.active {
      color: #DB001B;
   }
	
	
	   /* page_left_login */
		
	#page_left_login {
       margin-left: 27px;
       float: left;
   }


   /* page_right */
	#page_right {
      float: right;
      position: relative;
      width: 188px;
      margin-right: -188px;
   }

   #page_right form {

      background-image: url(gfx/box_suche.gif);
      height: 85px;
   }

   #page_right form .input {
      border: 1px solid #A8C5DD;
      width: 147px;
      float: left;
      margin-top: 18px;
      height: 19px;
      margin-left: 8px;
      line-height: 19px;
   }

   #page_right form label {
      float: left;
      padding-top: 14px;
      padding-left: 7px;
   }

   #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 form legend {
      display: block;
      padding: 6px 2px 6px 10px;
      text-decoration: none;
      font-size: 12px;
      font-weight: bold;
      background-repeat: no-repeat;
      color: #0058A4;
   }

   #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 img {
      margin-top: 9px;
   }


	/* page_right_angebote */

	 .page_right_angebote {
		background-image: url(gfx/button_angebote.gif);
	   background-repeat:no-repeat;
      border: 1px solid #A8C5DD;
      width: 186px;
      margin-top: 11px;
      line-height: 19px;
      padding-top: 29px;
      text-align: center;
      padding-bottom: 6px;
   }

   .page_right_angebote .admin {
      position: absolute;
      right: 7px;
      background-color: #fff;
      padding-left: 5px;
      padding-top: 5px;
      padding-right: 5px;
   }

   .page_right .add {
      padding-right: 12px;
      margin-top: 5px;
      margin-bottom: 5px;
      float: right;
   }



   /* page_content */
	#page_content {
      padding-top: 4px;
      margin-left: 8px;
      margin-right: 8px;
	}

   #page_content h1 {
      color: #0058A4;
      font-size: 14px;
      padding-bottom: 10px;
   }

   #page_content h2,
   #page_content h3 {
      padding: 0;
      font-size: 13px;
      margin-bottom: 3px;
   }

   #page_content h1 a {
      color: #0058A4;
   }


   #page_content h2 a,
   #page_content h3 a {
      color: #0058A4;
   }

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

   #page_content p span.highlight {
      background-color: #85afd3;
		color: #fff;
   }

   #page_content ol {
      padding-left: 23px;
      padding-bottom: 10px;
   }

   #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_content .blue {
      border: 1px solid #A5B9CD;
      background-color: #EDF3F9;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 7px;
      padding-bottom: 0px;
   }

   #page_content .blue img {
      float: left;
      margin-right: 10px;
   }




   /* page_intro */
   #page_content .page_intro {
      padding-top: 10px;
      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 #EFEFEF;
      padding-bottom: 11px;
   }




   /* page_haendler */
   #page_content div.haendler {
      /* padding: 10px;
      border: 1px solid #A5B9CD; */
   }

   #page_content div.haendler h2 {
      padding-left: 0;
      padding-top: 0;
      margin-top: 0;
   }




   /* page_login */
   #page_content form.login {
      background-color: #EDF3F9;
      border: 1px solid #A5B9CD;
      display: block;
      padding: 10px;
      padding-bottom: 5px;
   }

   #page_content form.login input {
      background-color: #FFFFFF;
      width: 305px;
   }

   #page_content form.login input.button {
      margin-right: 14px;
   }


   /* formular für die angebotssuche */
   #page_content table.inner_form p {
      padding: 2px;
   }

   #page_content table.inner_form h2 {
      padding-left: 2px;
   }

   #page_content form.inner_form input {
      width: 75px;
      margin-left: 2px;
      margin-right: 5px;
      height: 17px;
   }

   #page_content form.inner_form input.submit {
      width: auto;
   }



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

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

	#page_content form input {
		float: left;
		width: 325px;
		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;
      margin-right: 16px;
   }

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

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

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

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



   /* termine */
   #page_content table.termine {
      width: 100%;
   }

   #page_content table.termine th {
      text-align: left;
      line-height: 25px;
   }

   #page_content table.termine td {
      border-bottom: 1px dotted #BCD3E6;
      line-height: 25px;
   }

   #page_content table.termine td.datum {
      color: #DB001B;
      width: 170px;
   }

   #page_content table.termine td a {
      color: #0058A4;
      text-decoration: underline;
   }

   #page_content table.termine td a:hover {
      text-decoration: none;
   }



   /* links */
   #page_content table.links {
      width: 100%;
   }

   #page_content table.links th {
      text-align: left;
      line-height: 25px;
   }

   #page_content table.links td {
      border-bottom: 1px dotted #BCD3E6;
      line-height: 25px;
   }

   #page_content table.links td a {
      color: #0058A4;
      text-decoration: underline;
   }

   #page_content table.links td a:hover {
      text-decoration: none;
   }



   /* downloads */
   #page_content table.downloads {
      width: 100%;
   }

   #page_content table.downloads th {
      text-align: left;
      line-height: 25px;
   }

   #page_content table.downloads td {
      border-bottom: 1px dotted #BCD3E6;
      line-height: 25px;
   }

   #page_content table.downloads td.datum {
      color: #DB001B;
      width: 170px;
   }

   #page_content table.downloads td a {
      color: #0058A4;
      text-decoration: underline;
   }

   #page_content table.downloads td a:hover {
      text-decoration: none;
   }

   #page_content table.downloads tr.invert {
      background-color: #EFEFEF;
   }



   /* angebote */
   #page_content div.angebote,
   #page_content div.angebote_inv {
      width: 230px;
      height: 280px;
      display: block;
      float: left;
      border: 1px solid #B1C0D0;
      text-align: center;
      position: relative;
      margin-right: 10px;
      margin-bottom: 10px;
   }

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

   #page_content div.angebote h2,
	#page_content div.angebote_inv h2 {
      background-color: #0059A4;
      text-align: center;
      color: #fff;
      border-bottom: 1px solid #BCD3E6;
   }

   #page_content div.angebote a.preis,
	#page_content div.angebote_inv a.preis {
      background-color: #F1F6FA;
      background-image: url(gfx/arrow_preis.gif);
      background-position: 170px center;
      background-repeat: no-repeat;
      margin-top: 3px;
      padding-bottom: 5px;
      font-weight: bold;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding-top: 5px;
   }



   /* angebote_detail */
   #page_content table.angebote_detail {
      border: 1px solid #A5B9CD;
      width: 100%;
      padding: 2px;
   }

   #page_content table.angebote_detail .text {
      background-color: #F1F6FA;
      padding: 10px;
      padding-bottom: 0;
   }

   #page_content table.angebote_detail img {
      padding-right: 10px;
   }

   #page_content table.angebote_detail h2 {
      font-size: 14px;
      border-bottom: 1px dotted #BCD3E6;
   }

   #page_content table.angebote_detail .preis {
      font-size: 18px;
      font-weight: bold;
      color: #DB001B;
      display: block;
      margin-top: 8px;
      margin-bottom: 2px;
   }

   #page_content table.angebote_detail ul {
      list-style-type: none;
      padding: 0;
      padding-top: 8px;
   }

   #page_content table.angebote_detail li {
      background-image: url(gfx/arrow_angebote_detail.gif);
      background-repeat: no-repeat;
      background-position: left 8px;
      padding-left: 8px;
      line-height: 22px;
   }

   #page_content div.angebote_blaettern {
      float: right;
   }

   #page_content div.angebote_blaettern span.blaettern {
      color: #DB001B;
      margin-bottom: 1px;
   }

   #page_content div.angebote_blaettern img {
      vertical-align: bottom;
   }


   /* logo */
   #page_content div.logo {
      width: 110px;
      height: 110px;
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
      border: 1px solid #EFEFEF;
      position: relative;
   }

   #page_content div.logo_admin {
      width: 110px;
      height: 160px;
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
      border: 1px solid #EFEFEF;
      position: relative;
   }

   #page_content div.logo img {
      vertical-align: bottom;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
   }


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



   /* ADMIN-INTERFACE */

   #page_content table.benutzergruppen {
      width: 100%;
   }

   #page_content table.benutzergruppen td.bezeichnung {
      text-align: left;
   }

   #page_content table.benutzergruppen td.viewer,
   #page_content table.benutzergruppen td.author,
   #page_content table.benutzergruppen td.editor,
   #page_content table.benutzergruppen td.admin,
   #page_content table.benutzergruppen td.none {
      text-align: center;
      width: 70px;
   }


   /* BENUTZER-VERWALTEN */
   #page_content table.benutzer {
      width: 99%;
   }

   #page_content table.benutzer th {
      background-color: #85AFD3;
      text-align: left;
      font-size: 12px;
      font-weight: bold;
      line-height: 20px;
      color: #fff;
      padding: 2px;
   }

   #page_content table.benutzer tr.normal td,
   #page_content table.benutzer tr.invert td {
      padding: 2px;
   }

   #page_content table.benutzer tr.invert {
      background-color: #EFEFEF;
   }

   #page_content table.benutzer tr td input.radio {
      width: auto;
      margin-top: 2px;
      margin-bottom: 2px;
      background: none;
      float: none;
      padding: 0;
   }

   #page_content input.image {
      padding: 1px;
   }

   #page_content label.edit,
   #page_content label.add,
   #page_content label.delete,
   #page_content label.save {
      position: relative;
      margin-left: -20px;
      margin-top: 2px;
      width: 16px;
      height: 16px;
      float: left;
   }

   #page_content label.delete {
      margin-top: 20px;
   }

   #page_content img.add,
   #page_content img.edit,
   #page_content img.delete {
      width: 16px;
      height: 16px;
   }

   #page_content form h1 input {
      height: 25px;
      font-size: 18px;
      color: #005B99;
      border: 0;
      background-color: #fff;
      padding-top: 2px;
      margin-top: -2px;
      font-weight: bold;
   }

   #page_content form input.submit {
      background-color: #EFEFEF;
      color: #000000;
      width: 140px;
      height: 19px;
   }

   #page_content form span.edit_text {
      font-size: 11px;
      color: #999999;
   }



   /* Navigation */
   #page_content table.menu {
      width: 99%;
   }

   #page_content table.menu th {
      text-align: left;
      font-size: 14px;
   }

   #page_content table.menu td.normal,
   #page_content table.menu td.invert,
   #page_content table.menu td.admin_normal,
   #page_content table.menu td.admin_invert {
      padding: 2px;
   }

   #page_content table.menu td.invert,
   #page_content table.menu td.admin_invert {
      background-color: #EFEFEF;
   }

   #page_content table.menu td.admin_normal,
   #page_content table.menu td.admin_invert {
      width: 22px;
      text-align: center;
   }

   #page_content table.menu td .level_1 {
      font-weight: bold;
   }

   #page_content table.menu td .level_2 {

   }

   #page_content table.menu td .level_3 {
      font-size: 11px;;
      font-weight: bold;
   }

   #page_content table.menu td .level_4 {
      font-size: 11px;;
   }

   #page_content table.menu td .level_5 {
      font-size: 10px;;
      font-weight: bold;
   }

   #page_content table.menu td .level_6 {
      font-size: 10px;;
   }