/*
 style.css
 citistep.com
 made by magic-affairs.de
*/

/* Globals */

body {
  color: #FFFFFF;
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-image: url(img/back.jpg);
}

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

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

input {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  width: 180px;
}

.input_button {
  width: 21px;
  height: 16px;
}




h1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
}

/* Positions */

#head_back {
  width: 600px;
  height: 25px;
  position: absolute; top: 0px; left: 350px;
  z-index: 10;
  display: block;
}

#head_home {
  width: 100px;
  height: 20px;
  position: absolute; top: 3px; left: 365px;
  z-index: 20;
  display: block;
}

#banner1 {
  width: 468px;
  height: 60px;
  position: absolute; top: 60px; left: 350px;
  z-index: 20;
  display: block;
}

#banner3 {
  width: 200px;
  height: 100px;
  position: absolute; top: 650px; left: 10px;
  z-index: 20;
  display: block;
}

#banner4 {
  width: 180px;
  position: absolute; top: 60px; left: 980px;
  z-index: 20;
  display: block;
}

#button_taxi {
  width: 180px;
  position: absolute; top: 750px; left: 980px;
  z-index: 20;
  display: block;
}

#head_search {
  width: 300px;
  height: 30px;
  position: absolute; top: 3px; left: 635px;
  z-index: 20;
  display: block;
}

#logo {
  width: 345px;
  height: 125px;
  position: absolute; top: 0px; left: 0px;
  z-index: 10;
  display: block;
}

#flags {
  width: 150px;
  height: 30px;
  position: absolute; top: 6px; left: 425px;
  z-index: 20;
  display: block;
}

#search_head {
  width: 150px;
  height: 80px;
  position: absolute; top: 40px; left: 800px;
  z-index: 20;
  display: block;
}

#blueline1 {
  width: 950px;
  height: 20px;
  position: absolute; top: 120px; left: 20px;
  z-index: 10;
  display: block;
}

#mainnav {
  width: 412px;
  height: 27px;
  position: absolute; top: 112px; left: 370px;
  z-index: 20;
  display: block;
}

#blueline2 {
  width: 950px;
  height: 20px;
  position: absolute; top: 139px; left: 20px;
  z-index: 10;
  display: block;
}

#greyfield {
  width: 950px;
  height: 235px;
  position: absolute; top: 159px; left: 20px;
  z-index: 10;
  display: block;
}

#map {
  width: 335px;
  height: 237px;
  position: absolute; top: 157px; left: 26px;
  z-index: 20;
  display: block;
}



#map_nordamerika {
  position: absolute; top: 20px; left: 0px;
  z-index: 20;
  display: block;
  background: #ffffff;
  padding: 3px;
  border-style: solid;
  border-color: #5574B4;
  border-width: 1px;
}

#map_mittelamerika {
  position: absolute; top: 90px; left: 0px;
  z-index: 20;
  display: block;
  background: #ffffff;
  padding: 3px;
  border-style: solid;
  border-color: #5574B4;
  border-width: 1px;
}

#map_suedamerika {
  position: absolute; top: 160px; left: 0px;
  z-index: 20;
  display: block;
  background: #ffffff;
  padding: 3px;
  border-style: solid;
  border-color: #5574B4;
  border-width: 1px;
}

#map_europa {
  position: absolute; top: 50px; left: 105px;
  z-index: 20;
  display: block;
  background: #ffffff;
  padding: 3px;
  border-style: solid;
  border-color: #5574B4;
  border-width: 1px;
}

#map_afrika {
  position: absolute; top: 120px; left: 120px;
  z-index: 20;
  display: block;
  background: #ffffff;
  padding: 3px;
  border-style: solid;
  border-color: #5574B4;
  border-width: 1px;
}

#map_asien {
  position: absolute; top: 80px; left: 180px;
  z-index: 20;
  display: block;
  background: #ffffff;
  padding: 3px;
  border-style: solid;
  border-color: #5574B4;
  border-width: 1px;
}

#map_australien {
  position: absolute; top: 150px; left: 240px;
  z-index: 20;
  display: block;
  background: #ffffff;
  padding: 3px;
  border-style: solid;
  border-color: #5574B4;
  border-width: 1px;
}

#login_field {
  width: 180px;
  position: absolute; top: 430px; left: 14px;
  z-index: 100;
  display: block;
}

#grey_center {
  width: 200px;
  height: 300px;
  position: absolute; top: 150px; left: 14px;
  z-index: 20;
  display: block;
}

#blueline3 {
  width: 950px;
  height: 20px;
  position: absolute; top: 390px; left: 20px;
  z-index: 10;
  display: block;
}

#content_start {
  width: 936px;
  position: absolute; top: 150px; left: 14px;
  z-index: 10;
  display: block;
}

#content_master {
  width: 600px;
  position: absolute; top: 150px; left: 350px;
  z-index: 10;
  display: block;
}

#start_text {
  width: 150px;
  height: 230px;
  position: absolute; top: 435px; left: 25px;
  z-index: 10;
  display: block;
}




/* Tabellen */

td.standard {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.standard_orange {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  background: #ff9900;
}

td.standard_white {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
}

td.starttable_top {
  width: 190px;
  height: 24px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(img/table_top.jpg);
}

td.starttable_bottom {
  width: 190px;
  height: 17px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  background-image: url(img/table_bottom.jpg);
}

td.articleheader {
  width: 600px;
  height: 23px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(img/articleheader.jpg);
}

td.standard_blue-white {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  padding-left: 10px;
}

td.standard_yellow {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  background: #ffcc00;
}

.lightred {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #990000;
}

.green {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #009900;
}

a.standard_yellow {
  color: #ffffff;
}

a.standard_yellow:hover {
  color: #ffffff;
}

a.standard_red {
  color: #FF0000;
}

a.standard_red:hover {
  color: #FF0000;
}

a.standard_white {
  color: #FFFFFF;
}

a.standard_white:hover {
  color: #FFFFFF;
}

a.starttop_link {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

a.starttop_link:hover {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

td.big_white {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #ffffff;
}

td.standard_leftline {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-style: dotted;
  border-color: #30304B;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-right-width: 0px;
}

td.hintbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-style: dotted;
  border-color: #ff9900;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
}

/* Main Navigation */

A.nav {
  height: 27px;
  width: 103px;
  color: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-image: url(i/button/main_nav1.jpg);
  display: block;
}

A.nav:hover {
  height: 27px;
  width: 103px;
  color: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-image: url(i/button/main_nav2.jpg);
  display: block;
}

a.standard_white {
  color: #ffffff;
}

a.standard_white:hover {
  color: #ffffff;
}

/* Tables */

td.tableheader {
  width: 100%;
  height: 20px;
  border-color: #FFFFFF;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 2px;
  border-right-width: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding-left: 10px;
}

td.sublineheader {
  width: 100%;
  height: 20px;
  border-color: #000000;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-right-width: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding-left: 10px;
}

td.table_inputfield {
  width: 100%;
  height: 30px;
}

td.table_spacer {
  width: 100%;
  height: 2px;
}

td.tab_gey {
  width: 412px;
  height: 227px;
  border-color: #99;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  font-family: Verdana, Arial, sans-serif;
  color: #666666;
  font-size: 10px;
  font-weight: bold;
  padding-left: 10px;
}

td.tableheader_yellow {
  width: 100%;
  height: 50px;
  border-color: #000000;
  border-style: dotted;
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
  font-variant: small-caps;
}

td.hint {
  height: 50px;
  background: #333333;
  border-color: #999999;
  border-style: dotted;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.registerform1 {
  width: 50px;
  height: 50px;
  background: #222222;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.registerform {
  background: #222222;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.registerform2 {
  width: 250px;
  height: 50px;
  background: #222222;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.registerform3 {
  width: 250px;
  height: 50px;
  background: #222222;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.headline {
  width: 100%;
  height: 40px;
  background: #eeeeee;
  border-color: #000000;
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  font-variant: small-caps;
  padding-left: 10px;
}

td.subline {
  width: 100%;
  height: 50px;
  background: #222222;
  border-color: #000000;
  border-style: dotted;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  width: 180px;
}