/* Basic */
body { color: #666; font-size: 13px; font-family: Helvetica, Arial, sans-serif; background:url(../images/body_bg3.jpg) repeat-x #FFF;}
a, a:visited, a:active, a:after, a:link { color: #1F7BC1; text-decoration: underline; }
a:hover { text-decoration: none; }
a:focus { outline:none; }
.clr {clear:both;}
.clr.space {height:20px;}
.nodisplay { display:none; }
.center {text-align:center;}

.wrapper { margin:0 auto; width:1000px; height: auto !important; height: 425px; min-height: 425px;}

.header { width: 1000px; height:120px; }
.logo { background: url(../images/logo.gif) no-repeat; height: 110px; width:241px; float:left; text-indent:-9999px;}
ul.loginbar { width:1000px; font-size: 12px; text-align:right; color:#FFF; list-style:none; position:absolute; top:5px; line-height:16px;}
ul.loginbar li a { color:#FFF; }
ul.loginbar li a.logout {background:url(../images/logout.png) right no-repeat; height:20px; padding:4px 22px 0 0; display:inline-block}

ul.mainmenu {display:inline-block; top:27px; width:600px; margin-left:-260px; left:50%; line-height:20px; position: absolute;}
ul.mainmenu a {color:#FFF; text-decoration:none;}
ul.mainmenu a:hover {text-decoration: underline}
ul.mainmenu li {display:inline-block; float:left; width:150px;}
ul.mainmenu li ul {}
ul.mainmenu li ul li {display:block; float:none;}
ul.mainmenu li ul li a {display:block; padding:0px 0 1px 22px; color:#FFF !important; text-decoration:none !important;}
ul.mainmenu li ul li a:hover {text-decoration:underline !important;}
ul.mainmenu li ul li a.home {background:url(../images/nav/home.gif) no-repeat;}
ul.mainmenu li ul li a.orders {background:url(../images/nav/orders.gif) no-repeat;}
ul.mainmenu li ul li a.customer {background:url(../images/nav/customer.gif) no-repeat;}
ul.mainmenu li ul li a.contact {background:url(../images/nav/user.gif) no-repeat;}
ul.mainmenu li ul li a.partner {background:url(../images/nav/partner.gif) no-repeat;}
ul.mainmenu li ul li a.address {background:url(../images/nav/addressbook.gif) no-repeat;}
ul.mainmenu li ul li a.bordereau {background:url(../images/nav/bordereau.gif) no-repeat;}
ul.mainmenu li ul li a.calculation {background:url(../images/nav/calculation.gif) no-repeat;}
ul.mainmenu li ul li a.plz {background:url(../images/nav/plz.gif) no-repeat;}
ul.mainmenu li ul li a.user {background:url(../images/nav/user.gif) no-repeat;}
ul.mainmenu li ul li a.search {background:url(../images/nav/search.gif) no-repeat;}
ul.mainmenu li ul li a.reporting {background:url(../images/nav/reporting.gif) no-repeat;}
ul.mainmenu li ul li a.trolley {background:url(../images/nav/trolley.gif) 0 2px no-repeat;}

.content { width: 980px; padding:20px 10px 10px 10px;}
.content p { margin-bottom: 10px; line-height: 14px; }
.content p strong {font-weight:bold;}
.content p.information {background:#e6eef9 url(../images/information.jpg) no-repeat 8px 8px; padding:10px 10px 10px 30px; border:2px solid #35539a; display:inline-block; color:#114566;}
.content p.okay {background:#ebffe7 url(../images/okay.gif) no-repeat 8px 8px; padding:10px 10px 10px 30px; border:2px solid #138200; display:inline-block; color:#0d5800;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #41526b; padding-bottom: 2px; margin-bottom: 10px; border-bottom: 1px solid #41526B;}
.content h1 { font-size: 18px; }
.content h2 { font-size: 16px; }
.content h3 { font-size: 14px; }
.content h1 strong, .content h2 strong, .content h3 strong, .content h4 strong {font-weight:bold;}
.content ul {padding-left: 5px; line-height: 16px; list-style:none; }

/* gelbe Info-Box */
p.info {display:block; padding:5px 5px 5px 30px; border:2px solid #FECB00; color:#250c01; background:#F9FCCC url(../images/tipp.gif) 5px 5px no-repeat; line-height:15px !important;}

/* FORMS */
form input.prmatrix, form.dark input { background:url(../images/input_bg2.gif) repeat-x #012b53; padding:3px 0 0 3px; color:#FFF; height:16px; border:1px solid #08264a; -moz-box-shadow:1px 0 0 #194677, -1px 0 0 #194677, 0 1px 0 #194677, 0 -1px 0 #194677; color:#ecf5fe;}
form input.prmatrix {width:50px;}
form input.prmatrix:focus, form.dark input:focus {border:1px solid #041f3e; color:#FFF; -moz-box-shadow:1px 0 0 #194d83, -1px 0 0 #194d83, 0 1px 0 #194d83, 0 -1px 0 #194d83, inset 0 -1px 3px #012140, 0 0 5px #326faf;}
ul.error_list { list-style-type: none; padding: 0px; margin: 5px 0 !important; font-size:11px;}
ul.error_list li { border:1px solid #b43a3a; background:#fbeaea url(../images/error.jpg) no-repeat 5px 4px; padding: 5px 4px 4px 23px; color: #AF0A0A; line-height:normal; }

/* Buttons */
div.button {display:inline-block;}
input.button, .button a, a.button {line-height:12px !important; width:auto !important; color:#FFF; background:url(../images/button_bg.gif) 0 -6px !important; display:inline-block; border:1px solid #396bb5 !important; border-bottom-color:#5382c9 !important; text-decoration:none !important; padding:4px 5px 5px 5px !important; text-shadow:0 -1px 0 #001d48 !important; -moz-border-radius:3px !important; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 0 0 #001d48, -1px 0 0 #001d48, 0 1px 0 #001d48, 0 -1px 0 #001d48 !important; -webkit-box-shadow:1px 0 0 #001d48, -1px 0 0 #001d48, 0 1px 0 #001d48, 0 -1px 0 #001d48 !important; box-shadow:1px 0 0 #001d48, -1px 0 0 #001d48, 0 1px 0 #001d48, 0 -1px 0 #001d48 !important;}
input.button {padding:2px 3px !important; cursor:pointer; height:auto !important;}
input.button:hover, .button a:hover, a.button:hover {background-position:0 -40px !important; border-color:#5382c9 !important; border-top-color:#7aa3e1 !important; text-shadow:0 1px 0 #001d48 !important; text-decoration:none !important;}
input.button:focus, .button a:focus, a.button:focus {background-position: 0 -6px !important; text-shadow:0 -1px 0 #000 !important; border-color:#2559a5 !important; border-bottom-color:#396bb5 !important; -moz-box-shadow:inset 0 1px 2px #012f74 !important; -webkit-box-shadow:inset 0 1px 2px #012f74 !important; box-shadow:inset 0 1px 2px #012f74 !important;}
.button + .button {margin-left:5px}

/* Tabellen */
table {clear: both; border: solid 1px #ccc; text-align:left; background-color: #FFF; padding:1px 1px 0 0; width:978px; font-size: 12px}
table tr {line-height:14px;}
table tr th { font-weight: bold; text-align: left; vertical-align:middle; border-bottom:1px solid #FFF; background:#215188 url(../images/th_bg.jpg) bottom; color:#FFF; text-shadow:0px -1px #000; padding:3px 5px; text-transform:uppercase;}
table tr th:first-child {border-left:1px solid #FFF;}
table tr.A { background:#bfddff; }
table tr.B { background:#e0ecf1; }
table tr:hover td { background:#254c88; color:#FFF; }
table tr:hover td a { color:#FFF !important; }
table tr td {border-bottom:1px solid #FFF; padding:2px 10px; vertical-align: middle; border-left:1px solid #FFF;} 
table tr td a {text-decoration:none !important; color:#666 !important;}
table.small { width: 350px; }
table table {width:50%;}
table tr td a.delete {display:inline-block; background:url(../images/delete_table.gif) no-repeat; padding:2px 0 0 20px;}
table tr:hover td a.delete {background-position:0 -22px}
table.small {width:500px;}
table tr th a {color:#FFF !important;}
table tr th a.sorting {display:inline-black; background:url(../images/sorting.gif) -4px 2px no-repeat; padding:0 0 0 12px;}
table tr th a.sorting.up {background-position:-4px -17px;}
table tr th a.sorting.none {background-position:-4px -52px;}
table tr td span.traffic {display:inline-block; width:25px; height:25px; background:url(../images/traffic.png) no-repeat; text-indent:-9999px;}
table tr td span.traffic.green {background-position:0 0;}
table tr td span.traffic.red {background-position:0 -78px;}
table tr td span.traffic.yellow {background-position:0 -39px;}


/* UNTERMENÜS */
ul.submenu {margin:10px; padding:0 !important; display:inline-block;}
ul.submenu li {float:left; margin-right:15px;}
ul.submenu li span {display:inline-block;}
ul.submenu li button {text-decoration:underline;}
ul.submenu li button:hover {text-decoration:none;}
ul.submenu li a {padding:2px 0 0 20px;}
ul.submenu li a.back {background:url(../images/back.gif) 0px 2px no-repeat;}
ul.submenu li a.edit {background:url(../images/edit.gif) no-repeat;}
ul.submenu li a.cost {background:url(../images/kosten.gif) no-repeat;}
ul.submenu li a.cost.add {background:url(../images/kosten_add.gif) no-repeat;}
ul.submenu li a.contact.add {background:url(../images/user_add.gif) no-repeat;}
ul.submenu li a.users.add {background:url(../images/group_add.gif) no-repeat;}
ul.submenu li a.partner.add {background:url(../images/partner_add.gif) no-repeat;}
ul.submenu li a.trolley.add {background:url(../images/trolley_add.gif) no-repeat;}
ul.submenu li a.package.add {background:url(../images/package_add.gif) no-repeat;}
ul.submenu li a.addressbook {background:url(../images/nav/addressbook.gif) no-repeat;}
ul.submenu li a.addressbook.add {background:url(../images/addressbook_add.gif) no-repeat;}
ul.submenu li a.addressbook.search {background:url(../images/addressbook_search.gif) no-repeat;}
ul.submenu li a.order.to {background:url(../images/lorry_to.gif) no-repeat;}
ul.submenu li a.order.from {background:url(../images/lorry_from.gif) no-repeat;}
ul.submenu li a.plz.add {background:url(../images/page_up.gif) no-repeat;}
ul.submenu li a.plz.show {background:url(../images/page_find.gif) no-repeat;}
ul.submenu li a.plz.edit {background:url(../images/page_edit.gif) no-repeat;}
ul.submenu li a.calendar {background:url(../images/calendar.gif) no-repeat;}
ul.submenu li a.calendar.day {background:url(../images/calendar_day.gif) no-repeat;}
ul.submenu li a.calendar.week {background:url(../images/calendar_week.gif) no-repeat;}
ul.submenu li a.calendar.month {background:url(../images/calendar_month.gif) no-repeat;}
ul.submenu li button {background:none; border:0; display:inline; color: #1F7BC1; text-decoration: underline; font-size:12px; cursor:pointer; padding:0 0 0 20px;}
ul.submenu li button:hover {text-decoration:none}
ul.submenu li button.print {background:url(../images/fax.gif) no-repeat;}
ul.submenu li a.csv {background:url(../images/csv.gif) no-repeat;}
ul.submenu li a.search {background:url(../images/magnifier.gif) no-repeat;}
ul.submenu li button.search {background:url(../images/magnifier.gif) no-repeat;}
ul.submenu li label.search {background:url(../images/magnifier.gif) no-repeat; display:inline-block; padding:0 0 0 20px; margin:0 5px 0 0;}
ul.submenu li a.report {background:url(../images/nav/reporting.gif) no-repeat;}
ul.submenu li label.report {background:url(../images/nav/reporting.gif) no-repeat; display:inline-block; padding:0 0 0 20px; margin:0 5px 0 0;}
ul.submenu li a.print {background:url(../images/fax.gif) no-repeat;}
ul.submenu li a.delete {background:url(../images/delete.gif) no-repeat;}
ul.submenu li a.reset {background:url(../images/reset.gif) no-repeat;}
ul.submenu li a.next {background:url(../images/next.gif) no-repeat;}
ul.submenu li a.save {background:url(../images/save.gif) no-repeat;}
ul.submenu li a.save.next {background:url(../images/save_next.gif) no-repeat;}
ul.submenu li button.basket {background:url(../images/basket.gif) no-repeat;}
ul.submenu li button.basket.next {background:url(../images/basket_next.gif) no-repeat; padding:0 0 0 18px;}
ul.submenu li button.save {background:url(../images/save.gif) 1px 1px no-repeat;}
ul.submenu li button.next {background:url(../images/next.gif) no-repeat right 1px; padding:0 16px 0 0;}
ul.submenu + * {clear:both;}

/* SECTION LISTEN */
ul.section {background:#FAFAFA; border:1px solid #CCC; margin:10px 0px; display:block;}
ul.section li {width:49%; display:inline-block;  line-height:30px;}
ul.section li label {display:inline-block; width:100px;}
ul.section li label.float {float:left;}
ul.section .autocomplete li {line-height:12px; width:auto;}
ul.section ul.error_list li {line-height:12px; width:auto;}
ul.section label strong {color:#F00; font-weight:bold;}


/* ICON LISTEN */
ul.icons li {padding-left:22px;}
ul.icons .id {background:url(../images/nav/user.gif) no-repeat;}
ul.icons .tele {background:url(../images/telephone.gif) no-repeat;}
ul.icons .fax {background:url(../images/fax.gif) no-repeat;}
ul.icons .mail {background:url(../images/email.gif) 0px 2px no-repeat;}
ul.icons .web {background:url(../images/nav/plz.gif) 0px 1px no-repeat;}
ul.icons .kdnr {background:url(../images/username.gif) 0px 0px no-repeat;}
ul.icons .adress {background:url(../images/city.gif) 0px 1px no-repeat;}
ul.icons .comment {background:url(../images/comment.gif) 0px 2px no-repeat;}
ul.icons .username {background:url(../images/username.gif) 0px 0px no-repeat;}
ul.icons .key {background:url(../images/password.gif) 0px 0px no-repeat;}
ul.icons .key.new {background:url(../images/new_password.gif) 0px 0px no-repeat;}
ul.icons .calendar {background:url(../images/calendar_day.gif) 0px 0px no-repeat;}
ul.icons .clock {background:url(../images/clock.gif) 0px 0px no-repeat;}
ul.icons .mobile {background:url(../images/mobile.gif) 0px 0px no-repeat;}
ul.icons .info {background:url(../images/information.gif) 0px 0px no-repeat;}
ul.icons .check {background:url(../images/check.gif) 0px 0px no-repeat;}
ul.icons ul.icons {margin:0; padding:0; display:inline-block; line-height:16px !important;}
ul.icons ul.icons li {margin:0;}

/* PAGER */
.pager {display:block; text-align:center; padding:10px;}
.pager a {display:inline-block; border:1px solid #CCC; background:#EEE; color:#555 !important; text-shadow:0 1px 0 #FFF; text-decoration:none !important; padding:2px 4px;}
.pager a:hover {background:#215188; color:#FFF !important; text-shadow:none; border:1px solid #000;}
.pager span {display:inline-block; background:#E0ECF1; padding:2px 4px; border:1px solid #BFDDFF;}

/* BLUE BOX */
.box {background:#163568 url(../images/box_bg.jpg) no-repeat; border:1px solid #000; padding:10px; color:#FFF; width:400px; margin:0 auto; -moz-box-shadow:inset 0 0 1px #7ca4dd;}
.box h4 {color:#FFF; border:0px; margin:0px;}
.box ul {list-style:none; padding:0 !important; margin:10px 0 0 10px;}
.box ul li {margin-top:7px; clear:both;}
.box span {display:block; margin-left:120px;}
.box label {display:block; width:120px; float:left;}
.box span input.radio {width:auto;}
.box a {color:#FFF;}
.box a:hover {text-decoration:underline;}
.box hr {display:block; height:2px; background:#122d4f; border:0; border-bottom:1px solid #30598b;}
* html .box label {clear:left;}
* html .box span {margin-left:0px; float:left;}
.box ul li strong {color:#F00; font-weight:bold;}
.box.large {width:958px;}
.box.large table {width:958px; background:none; border:0; border-bottom:1px solid #416490}
.box.large table tr th {border:none; border-bottom:1px solid #173c6a; background:none; text-align:left}
.box.large table tr td {border:0; border-top:1px solid #416490; border-bottom:1px solid #173c6a; padding:5px 10px}
.box.large table tr:hover td {background:none;}
.box .autocomplete {color:#444;}

/* Formatierung Transportauftr�ge BEGIN */

input.order_date { width: 100px; }
input.hnr, input.plz { width: 50px; }
input.deletebutton { width: 16px; height:16px; border:0px; background-image: url(../images/cancel.png); background-repeat:no-repeat; text-indent:-10000px; }
input.order_submit { width: 75px; margin-right: 10px; }
input.order_reset { width: 75px; margin-right: 10px; }
input.order_submit_and_free { width: 150px; margin-right: 10px; }
a.oderdel { display:block; background-image: url(../images/cancel.png); background-repeat:no-repeat; text-indent:-10000px; }
/* Formatierung Transportauftr�ge END */

div.autocomplete {position:absolute; width:200px !important; background-color:white; border:1px solid #888; margin:0px; padding:0px; overflow: auto; font-size: 8pt; height:200px; overflow:auto }
div.autocomplete ul { list-style-type:none; margin:0px 0 0 0px; padding:0px; overflow: auto; }
div.autocomplete ul li.selected { background-color: #ffb; }
div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:3px; height:15px; cursor:pointer; border-bottom:1px solid #e9e9e9; }
.content .formerror input { border-color: #f00; }

.calendar table .headrow td {background:#DDD !important;}
.calendar table .daynames:hover td {background:#EEE; color:#666;}
.calendar table tr td {border:0; border-bottom:1px solid #ccc; text-align:center;}
.calendar table tr td.day.name {font-weight:bold;}
.calendar table tr td:hover{background:#103164;}

input.prmatrix { width:60px; }


/* BOX 2 FORMATIERUNG */
#box2 button { height:20px; vertical-align:top; margin-left:10px; }
#box2 textarea { width:260px; }
span.date1 { float:left; width:150px; }
span.date2 { float:left; width:150px; }
span span { margin:0px; padding:0px; }
span.street1 { float:left; width:210px; }
span.street2 { float:left; width:50px; }
span.street1 input { width:200px; }
span.location1 { float:left; width:60px; }
span.location2 { float:left; width:200px; }
span.location2 input { width:200px; }
#autoplzs_choice { width:300px; }
#add_item { width:200px; }
#add_item a { background:url(../images/add.gif) no-repeat; padding-left:18px; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* editSuccess */
.user .new_password { background:url(../images/new_password.gif) no-repeat 0px 3px; }
input:focus, a:focus { outline:none !important; }


/* CALENDAR FIX */
.calendar table {background:#EEE; border:1px solid #CCC; width:200px;}
.calendar .button {width:auto !important; background: none !important; color:#000;}
.calendar .button.nav {cursor:pointer;}
.calendar .button:hover {width:auto !important; background: none !important; color:#000;}
.calendar .day {cursor:pointer;}
.calendar .daynames .day {cursor:auto;}
.calendar .day.wn {color:#999;}
.calendar .weekend {color:#FF0000;}


/* ORDER MODUL */
a.order_from {display:inline-block; width:181px; height:86px; background:url(../images/order_get.jpg) no-repeat; text-indent:-9999px;}
a.order_to {display:inline-block; width:181px; height:86px; background:url(../images/order_to.jpg) no-repeat; text-indent:-9999px; margin-left:20px;}
/* form anpassungen */
.order.new ul.section input + input {margin:0 4px;}
.order.new ul.section input#orders_startlocationhnr {width:20px;}
.order.new ul.section input#orders_startlocationplz {width:50px;}
.order.new ul.section input#orders_endloctionhnr {width:20px;}
.order.new ul.section input#orders_endlocationplz {width:50px;}
.order.new ul.section textarea#orders_instruction, .order.new ul.section textarea#orders_instruction1, .order.new ul.section textarea#articles_description {width:350px; margin-top:3px;}

.order.article table {width: 100%; margin: 10px 0 5px 0;}

.order.article table th {line-height: 30px;font-size: 14px; font-weight: bolder; color: #1e3c79;text-align: center;border-top: 1px solid #1e3c79;border-bottom: 1px double #1e3c79; }
.order.article table tr {line-height: 26px;}
.order.article table td {vertical-align: middle;text-align: center}