@charset "UTF-8";
/* CSS Document */

body {	
margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: arial, Geneva, sans-serif; background-image:url(../bilder/hinter_body.gif); background-repeat:repeat-x; color:#000; font-size:12px}

#anker {position:relative; left:0px; top:0px; width:1000px; height:auto}

#logo {float: left; width:1000px; height:97px; background-image:url(../bilder/head.gif); background-repeat:no-repeat;}

#content { float:left; width:1000px; height:auto; margin: 30px 0px 0px 0px;}

#left { float:left; width:157px; height:auto; }

#middle { float:left; width:612px; height:auto; margin: 0px 0px 0px 13px; text-align:left;}

#right { float:left; width:218px; height:auto;text-align:left;}

#preisinfo { margin:30px 0 30px 0; float:left; font-size:10px; padding:5px; color:#676767;}

.input_info {color: #ababab}

/* ------------------------------------------ Banner ------------------------------------------------------- */

#banner_12 { position:absolute; background-image:url(../bilder/bann_12.png); background-repeat:no-repeat; width:141px; height:144px; top:99px; left:620px;}
#banner_12 {float:left; width:141px; height:144px;}

#banner_60 { position:absolute; background-image:url(../bilder/bann_60.png); background-repeat:no-repeat; width:141px; height:144px; top:99px; left:620px;}
#banner_60 a {float:left; width:141px; height:144px;}

#banner_schnell { position:absolute; background-image:url(../bilder/bann_schnell.png); background-repeat:no-repeat; width:141px; height:144px; top:70px; left:620px;}
#banner_schnell a {float:left; width:141px; height:144px;}

/* ------------------------------------------ Farben ------------------------------------------------------- */
#green { color:#85bc46}
#blue { color:#0183c6}


/* ------------------------------------------ Navigation ------------------------------------------------------- */
#nav_box { float:left; width:157px; height:auto;}

#nav_box_btn { float:left; width:157px; height:30px; background-image:url(../bilder/nav.gif); background-repeat:no-repeat;  text-decoration:none; text-align:right; font-size:12px; font-weight:bold;  }
#nav_box_btn a { float:left; width:157px; height:30px; background-image:url(../bilder/nav.gif); background-repeat:no-repeat;color:#696c6f;text-decoration:none;}
#nav_box_btn a:hover { float:left; width:157px; height:30px; background-image:url(../bilder/nav_act.gif); background-repeat:no-repeat; color:#fff;text-decoration:none;}

#nav_box_btn_pos { padding:8px 15px 0px 0px;}

#nav_box_btn_act { float:left; width:157px; height:30px; background-image:url(../bilder/nav_act.gif); background-repeat:no-repeat;  text-decoration:none; text-align:right; font-size:12px; font-weight:bold; color:#FFF }
#nav_box_btn_act a {color: #fff; text-decoration:none;}

/* ------------------------------------------ Content left ------------------------------------------------------- */
#left_box_w { float:left; width:157px; height:auto; background-color:#fff; margin: 10px 0px 10px 0px; text-align:left; font-size: 10px;color:#676767;}
#left_box_w a {color:#d21e2d;text-decoration:none;font-weight:normal;}
#left_box_w a:hover {text-decoration:underline}

#left_box_head { font-size:11px; font-weight:bold; color:#0183c6; margin:10px 0px 10px 5px;}

#left_box_line {float:left; width:157px; height:1px; background-color:#000}

#left_box_form { margin:0px 5px 10px 5px; font-size:11px; color:#676767; padding-top:10px; font-weight:bold;line-height:1.5;}

#left_btn_route_berechnen_kl { float:right; margin:0px 18px 10px 0px}



/* ------------------------------------------ Content Mitte ------------------------------------------------------- */

#middle_header { float:left; width:600px; font-size:24px; font-weight:bold; color:#0183c7;margin: 0px 0px 10px 0px}

#middle_line {float:left; width:600px; height:1px; background-color:#8ebb48}

#middle_box_clear { clear:both; height:15px; width:600px;}

#middle_box { float:left; width:600px; height:auto; background-color:#f1f1f1; margin: 0px 0px 0px 0px}
#middle_box_w { float:left; width:600px; height:auto; background-color:#fff; margin: 0px 0px 0px 0px}

#middle_box_head { font-size:11px; font-weight:bold; color:#0183c6; margin:10px 0px 10px 20px;}
#middle_box_z_head { font-size:11px; font-weight:bold; color:#0183c6; margin:10px 0px 0px 20px;}


#middle_box_line {float:left; width:600px; height:1px; background-color:#000}

#middle_box_inhalt {margin:0px 0px 10px 20px; padding-top:10px;}

#middle_box_weitere { font-size:11px;}

#content-blank {float: left; width: 600px; margin: 15px 0 15px 0;}
#content-blank a {text-decoration: none; font-weight: bold; color: #d01d2d}
#content-blank a:hover {text-decoration: underline;}
#content-blank hr {color: #eaeaea}

#route_link {position: absolute; top: 695px; left: 170px; width: 600px; height: 20px; z-index: 100;}
#route_link a {text-decoration: none; font-weight: bold; color: #d01d2d}
#route_link a:hover {text-decoration: underline;}

#map_box_route {width: 600px; height: 5000px; border: 0px; overflow: hidden}
#map_box_streetmaps {width: 600px; height: 710px; border: 0px; overflow: hidden}
#map_box_poi {width: 600px; height: 3600px; border: 0px; overflow: hidden}


.mitte_suche_left {float: left; text-align: right; width: 90px; margin: 3px 7px 0 0;}
.mitte_suche_right {float: left; height: 30px}

/* ------------------------------------------ Formfelder Mitte ------------------------------------------------------- */
#middle_form_line { float:left; padding: -2px 0px 10px 0px;  font-size:11px; font-weight:bold;}

#middle_form_clear { clear:both; height:5px; width:600px; }

#middle_form_line_white { float:left; width:600px;border-bottom: solid 1px white;}

#middle_form_left_txt { float:left; width:80px; padding: 5px 0px 0px 0px; text-align:right;}
#middle_form_left { float:left; width:230px; margin: 0px 0px 0px 5px;}

#middle_form_right_txt { float:left; width:80px; text-align:right;padding: 5px 0px 0px 0px; }
#middle_form_right { float:left; width:200px;margin: 0px 0px 0px 5px; }

.middle_form_radio {float: left; margin: 0 0 0 10px; width: 140px; font-weight: normal;}

#middle_form_hinweis {margin: 3px 0 5px 5px; font-size: 9px;}

#middle_box_weitere_select { float:left; margin: 10px 10px 20px 10px; line-height:1.5}

#btn_route_berechnen {padding: 10px 0px 0px 0px;}

#error_box { font-size: 10px; width: 350px; margin: 40px 0 10px 120px; padding: 10px; text-align: left; font-family: Arial,sans-serif; color: #454545; background-color: white; border: 1px solid red; }

#hideMapArea {position: absolute; margin: 55px 0 0 0; width: 600px; height: 500px; background-color: white; z-index: 10; display: none;}
#hideMapArea_content {margin: 180px 0 0 0; width: 599px; z-index: 10; text-align: center; font-size: 18px; font-weight: bold; color: #95bd54}

/* ------------------------------------------ Content Rechts ------------------------------------------------------- */

#right_box { float:left; width:204px; height:auto; background-color:#f1f1f1; margin: 10px 0px 10px 0px}
#right_box_w { float:left; width:204px; height:auto; background-color:#fff; margin: 10px 0px 10px 0px}

#right_box_head { font-size:11px; font-weight:bold; color:#0183c6; margin:10px 0px 10px 10px;}

#right_box_line {float:left; width:204px; height:1px; background-color:#000}

#right_box_pic {margin:0px 0px 10px 0px;}

#right_box_txt {margin:0px 5px 10px 10px; font-size:11px; color:#676767;}
#right_box_txt a {color:#cc0033; text-decoration:none}
#right_box_txt a:hover { text-decoration:underline;}

#right_box_form { margin:0px 5px 10px 10px; font-size:11px; color:#676767; padding-top:10px; font-weight:bold;line-height:1.5;}

#right_box_link {margin:0px 10px 10px 10px; font-size:11px; color:#8ab940; padding-top:10px; line-height:1.5;}
#right_box_link a {color:#8ab940; text-decoration:underline}
#right_box_link a:hover { text-decoration:none;}

#btn_route_berechnen_kl { float:right; margin:0px 18px 10px 0px}

#right_box_ziele {margin:15px 5px 10px 10px; font-size:11px; color:#676767;}
#right_box_ziele_txt {float: left; text-align: left; margin: 0 0 0 5px;}
#right_box_ziele_btn {float: left;}

#ziel_link {margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px dashed #808785;}
#ziel_link a {color: #d01d2d; text-decoration: none}
#ziel_link a:hover {text-decoration: underline}

/* ------------------------------------------ Footer ------------------------------------------------------- */
#footer { float:left; width:600px; font-size:10px; padding-top:5px; color:#676767; border-top: solid grey 1px;}

#footer_left { float:left;}

#footer_right { float:right; }
#footer_right a {color:#676767;text-decoration:none;}
#footer_right a:hover { text-decoration: underline;}



/* ------------------------------------------ Ajax ------------------------------------------------------- */
#zwischen_head { float:left; margin: 0px 0px 10px 0px}
#zwischen_head a { color:#cc0033; text-decoration:none;}
#zwischen_head a:hover { color:#0183c6;text-decoration:none;}

#zwischen_link { float:right;margin: 0px 10px 0px 0px}
#zwischen_link a { color:#cc0033; text-decoration:none;}
#zwischen_link a:hover { color:#0183c6;text-decoration:none;}


#middle_box_ajax_1 { float:left; width:600px; height:auto; background-color:#f1f1f1; margin: 0px 0px 0px 0px}
#middle_box_ajax_2 { float:left; width:600px; height:auto; background-color:#f1f1f1; margin: 0px 0px 0px 0px}
#middle_box_ajax_3 { float:left; width:600px; height:auto; background-color:#f1f1f1; margin: 0px 0px 0px 0px}
#middle_box_ajax_4 { float:left; width:600px; height:auto; background-color:#f1f1f1; margin: 0px 0px 0px 0px}




/* ------------------------------------------ Anmeldung ------------------------------------------------------- */
#middle_header_anmeld { float:left; width:600px; font-size:24px; font-weight:bold; color:#85bc46;margin: 0px 0px 10px 0px}

#middle_box_head_anmeld { float:left; margin-left:20px; font-size:11px; font-weight:normal; color:#000; margin:10px 0px 10px 20px; text-align:right;}

#middle_form_anmeld_txt { float:left; width:180px; padding: 5px 0px 0px 0px; text-align:right;}

#middle_form_anmeld  { float:left; width:400px;  margin: 0px 0px 0px 5px; font-weight:normal;}

#btn_route_berechnen_anmelden { float:left; margin:0px 18px 10px 240px}

#anmelde_txt { float:left; font-size:12px; font-weight:bold; color:#0183c6; margin-top:10px;}

#lostpw_txt { font-size:12px; font-weight:bold; color:#0183c6; margin 20px 0 130px 0;}