body {
    background-color : #ffffff;
    color : #000000;
    font-family : arial;
    font-size : 12px;
    margin : 0;
    padding : 0;
}
a {
    color : #0000ee;
}
strong {
	font-weight : normal;
}
/** Top Bar **/

div#line {
    border-bottom : 1px solid #cccccc;
    width : 100%;
}
ul#topbar {
    list-style : none;
    margin : 0;
    padding : 0;
    padding-top : 5px;
    padding-left : 0px;
    height : 19px;
    float : left;
}
ul#topbar li {
    display : inline;
    margin-left : 6px;
    margin-right : 6px;
}

ul#topbar_right {
    list-style : none;
    margin : 0;
    padding : 0;
    padding-top : 5px;
    padding-left : 0px;
    height : 19px;
    float : right;
    text-align : right;
}
ul#topbar_right li {
    display : inline;
}
ul#topbar_right li a {
    margin-left : 6px;
    margin-right : 6px;
    text-decoration : underline;
}
ul#topbar li a {
    text-decoration : underline;
}
ul#topbar a.active, ul#topbar_right  a.active {
    color : #000000;
    font-weight : bold;
    text-decoration : none;
}

/** PAGE **/
div#page {
    margin-left : 21px;
    width : 562px;
    float : left;
}
h2 {
    margin-top : 25px;
    font-size : 20px;
    font-weight : bold;
    margin-bottom : 3px;
    padding-bottom : 0;
}
p {
    margin-top : 0;
    line-height : 17px;
    margin-bottom : 16px;
}
div#step1 {
    float : left;
    width : 301px;
}
div#step2 {
    float : right;
    width : 230px;
}
div#step3 {
    width : 562px;
    margin-top : 24px;
}
div#step4 {
    width : 562px;
    margin-top : 24px;
}
div#details {
    width : 559px;
}
table {
    border-collapse : collapse;
}
table tr th, table tr td {
    border : 1px solid #cccccc;
    margin : 0;
    padding : 5px;
    height : 29px;
}
table tr th {
    text-align : left;
    background-color : #f7f7f7;
    padding-top : 0;
    padding-bottom : 0;
}
table tr td {
    text-align : right;
}
table tr th.tbl_heading {
    border : 0;
    font-size : 0;
    padding : 2px;
    text-align : right;
    padding : 0;
    padding-right : 12px;
    margin : 0;
    background-color : #ffffff;
}
table table, table table tr td, table table tr th {
    border : 0;
    margin : 0;
    padding : 0;
}
table table {
    width : 100%;
}
div#step1 table tr th.tbl_heading {
    background-image : url("../../images/de/headdetails.jpg");
    background-repeat : no-repeat;
    width : 301px;
    height : 30px;
}
div#step2 table tr th.tbl_heading {
    background-image : url("../../images/de/headkosten.jpg");
    background-repeat : no-repeat;
    width : 230px;
    height : 30px;
}
div#step3 table tr th.tbl_heading {
    background-image : url("../../images/de/headkarte.jpg");
    background-repeat : no-repeat;
    width : 562px;
    height : 28px;
}
div#step4 table tr th.tbl_heading {
    background-image : url("../../images/de/headtaxirufen.jpg");
    background-repeat : no-repeat;
    width : 562px;
    height : 30px;
}
div#details table tr th.tbl_heading {
    background-image : url("../../images/de/headmoredetails.jpg");
    background-repeat : no-repeat;
    width : 559px;
    height : 28px;
}
div#details table tr td.left {
    border-right : 0;
    text-align : right;
    font-weight : bold;
}
div#details table tr td.right {
    border-left : 0;
    text-align : left;
    font-weight : normal;
}
div#step2 table tr td {
    text-align : left;
    height : 155px;
}
div#step2 table {
    margin-bottom : 17px;
}
div#step4 table, div#step4 table tr, div#step4 table tr td, div#step4 table tr th  {
    text-align : left;
    padding : 0;
    margin : 0;
    height : 12px;
    padding : 2px;
}

/** FORM **/

select, input[type=text] {
    width : 244px;
    text-align : left;
    font-family : helvetica;
    font-size : 12px;
    color : #000000;
    border : 1px solid #cccccc;
}
input[type=text] {
    width : 240px;
    padding-left : 2px;
}
label {
    margin-left : 4px;
    margin-right : 12px;
}

/** MAP **/
#api {
    margin : 0;
    padding : 0;
    height : 334px;
    width : 100%;
    margin-bottom : 15px;
}
.disabled {
    text-decoration : none;
    color : #cccccc;
}

/** RIGHT **/
#right {
    position : absolute;
    top : 73px;
    left : 630px;
}
/** RIGHT **/
#right div {
    margin-bottom : 15px;
}
#logop {
	float : left;
	width : 400px;
       text-align : justify;
}
#logo {
	text-align : right;
	margin-top : 10px;
	margin-bottom : 10px;
}

/** CITY LIST **/

#citylist {
    position : absolute; 
    top : 24px; 
    left : 78px; 
    border : 1px solid #cccccc; 
    background-color : #f7f7f7; 
    color : #000000; 
    padding : 5px; 
    display : none;
    z-index : 99;
}
#citylist table, #citylist table tr, #citylist table tr td {    
    border : 0;
    margin : 0;
    padding : 0;
    text-align : left;
}
#citylist table tr td {
    padding : 3px;
    padding-right : 7px;
    height : 20px;
}
#citylist a {
    color : #000000;
}

#logoline {
	height : 29px;
	background-image : url("../../images/de/logoleiste.jpg");
	background-repeat : repeat-x;
	padding-top : 5px;
	padding-left : 7px;
}
#logoline #logoinline {
	font-family : arial;
	font-size : 19px;
	font-weight : bold;
	float : left;
}
#googlesearch {
	float : left;
	margin-left : 100px;
}