/*Allgemein*/
html, body {padding:0px; margin:0px; border:none;}
body {
	background: url(img/main_background.png) repeat-x top left;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:16px;
	}
a {color:#6f6fb0; text-decoration:underline;}
a:hover {color:#2f2f40; text-decoration:underline;}

/* obere Leiste */
.menu { height:36px; background-image: url(img/menu_background.png); padding-left:20px; padding-right:12px;}
.menu_left {float:left;padding-top:2px; height:30px;}
.menu_left .mainmenu {width:99px; height:30px;}
.menu_left a {display: inline-block; padding:0px; margin:0px; border:none; height:30px; width:99px; background-image:url(img/start.png); background-position: 0px 0px;}
.menu_left a:hover {display: inline-block; padding:0px; margin:0px; border:none; height:30px; width:99px; background-image:url(img/start.png); background-position: 0px -30px;}

.menu_center {float:left; padding-top:2px; height:30px;min-width:400px;}
.menu_center .icon_placeholder {float:left; width:30px; height:30px; padding-right:1px;}
.menu_center .icon_placeholder img{padding:7px; border:none;}
.menu_center .icon {float:left; width:30px; height:30px; padding-right:1px;}
.menu_center .icon img{padding:7px; border:none;}
.menu_center a {display: inline-block; padding:0px; margin:0px; border:none; height:30px; width:30px;}
.menu_center a:hover {display: inline-block; padding:0px; margin:0px; border:none; height:30px; width:30px; background-image:url(img/icon_hover.png);}

.menu_right {float:right;padding-top:2px; height:30px;}
.menu_right .icon {float:left; width:30px; height:30px; padding-right:1px;}
.menu_right .icon img{padding:7px; border:none;}
.menu_right a {display: inline-block; padding:0px; margin:0px; border:none; height:30px; width:30px;}
.menu_right a:hover {display: inline-block; padding:0px; margin:0px; border:none; height:30px; width:30px; background-image:url(img/icon_hover.png);}
.menu_spacer, .menu_spacer2 { float:left; padding-top:2px;width:4px;padding-left:10px;padding-right:10px;}
.menu_spacer2 {float:right;}

/* Hauptmenü Rahmen */
.hovermenu {display:none;position:absolute;top:32px; left:20px; background-color:#42426e; padding:0px; margin:0px; padding-top:2px; table-layout:auto;border-collapse:collapse; border:none;}
.hovermenu td {padding:0px; margin:0px; border:0px;}
.hovermenu .top_left {background-image:url(img/menu_left_top.png); width:7px; height:8px; }
.hovermenu .top {background:url(img/menu_top.png) repeat-x top left; width:auto; height:8px;}
.hovermenu .top_right {background-image:url(img/menu_right_top.png); width:7px; height:8px;}

.hovermenu .left {background:url(img/menu_left.png) repeat-y top left; height:auto; width:7px;}
.hovermenu .middle {background-color:#fff;}
.hovermenu .right {background:url(img/menu_right.png) repeat-y top left; height:auto; width:7px;}

.hovermenu .bottom_left {background-image:url(img/menu_left_bottom.png); width:7px; height:7px;}
.hovermenu .bottom {background:url(img/menu_bottom.png) repeat-x top left; width:auto; height:7px;}
.hovermenu .bottom_right { background-image:url(img/menu_right_bottom.png); width:7px; height:7px;}

/* Menüpunkte */
.nav {list-style-type:none;padding:0px; margin:0px; font-size:0.7em;}
.nav li {}
.nav a {clear:both; display:block; white-space:nowrap; padding:4px; padding-left:10px; padding-right:10px;vertical-align:middle; text-decoration:none;color:#111117;}
.nav a:hover {background-color:#d8d8ff;}
.nav img {border:none; display:block; float:left; padding:0px; margin:0px;}
.nav span {line-height:16px;padding:0px; margin:0px;padding-left:10px;}


/* Main */
.main {clear:both; padding:0px; margin:0px; margin-left:20px; margin-right:20px;}

.main .info {width:100%; font-size:0.6em; padding-top:6px; height:20px;}
.main .info .breadcrumb {float:left; padding-left:4px;}
.main .info .login_name {float:right;}

.main .content {clear:both; background:url(img/content_topline.png) top left repeat-x; background-color:#fff;min-height:700px;padding-left:20px;padding-top:20px;}

/* Tabs */
.tabs {}
.tabs .tab {height:20px; float:left; display:inline-block; padding-left:1px;}
.tabs .tab .tab_left {float:left; width:8px; height:20px; z-index:5; background:url(img/tab_left_hover.png) repeat-x;}
.tabs .tab .tab_left a {cursor:pointer;}
.tabs .tab .tab_left a img {width:8px; height:20px;border:none;visibility: visible;}

.tabs .tab .tab_center {float:left; height:20px; background:url(img/tab_center_hover.png) repeat-x;}
.tabs .tab .tab_center a {line-height: 20px ! important; padding-bottom: 0px ! important; padding-left: 8px; padding-right: 8px; font-size: 0.7em; cursor: pointer; text-decoration: none; color: #fff; border: none; display: block; background: url('img/tab_center.png') repeat-x scroll 0 0 transparent;}
.tabs .tab .tab_center .center_hover {background: url('img/tab_center_hover.png') repeat-x scroll 0 0 transparent;}

.tabs .tab .tab_right {float:left; width:8px; height:20px; z-index:5; background:url(img/tab_right_hover.png) repeat-x;}
.tabs .tab .tab_right a {cursor:pointer;}
.tabs .tab .tab_right a img {width:8px; height:20px;border:none;visibility: visible;}

/* Boxen */
.box { font-size:16px;float:left; min-width:200px; color:#111117;padding-right:20px;padding-bottom:20px;}
.box_edge{margin-left:10px;margin-right:10px;}
.box img {border:none; padding:0px; margin:0px;}

.box_top {float:left;width:100%; background: url(img/box_top.png) repeat-x;}
.box_top .left {float:left;width:12px;margin-left:-12px;height:31px;background: url(img/box_left_top.png) left top;}
.box_top .title {float:left;font-size:0.8em;padding-top:9px;padding-left:12px;}
.box_top .adds {float:right;font-size:0.7em;padding-top:9px;height:16px;}
.box_top .right {float:right;width:12px;margin-right:-12px;height:31px;background: url(img/box_right_top.png) left top;}

.box_middle {margin:0px;padding:0px; float:left;width:100%;background:url(img/box_middle.png) left bottom repeat-x;margin-left:-8px;padding-right:14px;background-color:#fff;}
.box_middle .left {width:100%; background: url(img/box_left.png) repeat-y left top; padding:0px; margin:0px; margin-left:-3px;}
.box_middle .right {width:100%;background: url(img/box_right.png) repeat-y right top;padding:0px; margin:0px;margin-left:22px;margin-right:30px;}
.box_middle .text {line-height:1.4em;font-size:1em;margin-right:12px;margin-left:-12px;min-height:25px; padding:20px; padding-left:15px; padding-right:15px; padding-bottom:3px; text-align:left;}
.box_middle .text2 {line-height:1.4em;font-size:1em;margin-right:12px;margin-left:-12px;min-height:25px; padding:20px; padding-left:15px; padding-right:15px; padding-bottom:3px; text-align:left;}

.box_bottom{float:left;width:100%; background: url(img/box_bottom.png) repeat-x;}
.box_bottom .left{float:left;width:12px;margin-left:-12px;height:13px;background: url(img/box_left_bottom.png) left top;}
.box_bottom .right {float:right;width:12px;margin-right:-12px;height:13px;background: url(img/box_right_bottom.png) left top;}

/* Button1 */
.button {height:31px; clear:both; font-size:16px; display:inline-block;}
.button .button_left {float:left; width:6px; height:31px; background:url(img/button_left_hover.png);}
.button .button_left a {line-height: 31px ! important; height:31px; width:6px; cursor: pointer; border: none; display: block; background: url('img/button_left.png');}

.button .button_center {float:left; height:31px; background:url(img/button_middle_hover.png) repeat-x;}
.button .button_center a {line-height: 31px ! important; padding: 0px; padding-left: 6px; padding-right: 6px; font-size: 0.7em; cursor: pointer; text-decoration: none; color: #fff; border: none; display: block; background: url('img/button_middle.png') repeat-x;}

.button .button_right {float:left; width:6px; height:31px; background:url(img/button_right_hover.png);}
.button .button_right a {line-height: 31px ! important; height:31px; width:6px; cursor: pointer; border: none; display: block; background: url('img/button_right.png');}

/* Button2 */
.button2 {height:29px; clear:both; font-size:16px; display:inline-block;padding-top:1px; padding-bottom:1px;}
.button2 .button2_left {float:left; width:6px; height:29px; background:url(img/button2_left_hover.png);}
.button2 .button2_left a {line-height: 29px ! important; height:29px; width:6px; cursor: pointer; border: none; display: block; background: url('img/button2_left.png');}

.button2 .button2_center {float:left; height:29px; background:url(img/button2_middle_hover.png) repeat-x;}
.button2 .button2_center a {line-height: 29px ! important; padding: 0px; padding-left: 6px; padding-right: 6px; font-size: 0.7em; cursor: pointer; text-decoration: none; color: #111117; border: none; display: block; background: url('img/button2_middle.png') repeat-x;}

.button2 .button2_right {float:left; width:6px; height:29px; background:url(img/button2_right_hover.png);}
.button2 .button2_right a {line-height: 29px ! important; height:29px; width:6px; cursor: pointer; border: none; display: block; background: url('img/button2_right.png');}

.button_ul {position:absolute;background-color:#0ff;padding:0px; margin:0px;}
.buttonlist {list-style-type:none; font-size:16px;border-top:1px solid #ccc;}
.buttonlist a {line-height:26px;text-decoration:none;background-color:#fff;border: 1px solid #ccc; border-top:none;display:block; padding-right:15px; padding-left:15px; font-size:0.7em;}
.buttonlist a:hover {background-color:#d8d8ff;}
.buttonlist_arrow {position:relative; top:5px; border:none;}

/* Formulare */
.form {text-align:left;font-size:16px;padding:0px; margin:0px;}
.form table {padding:0px; margin:0px; border-spacing:0px; border-collapse:collapse;}
.form input {border:1px solid #ccc;margin:0px;padding:4px; font-size:0.7em; width:250px;}
.form input[type="radio"] {border:1px solid #ccc;margin:0px;padding:4px; font-size:0.7em; width:25px;}
.form input[type="checkbox"] {border:1px solid #ccc;margin:0px;padding:4px; font-size:0.7em; width:25px;}
.form select {border:1px solid #ccc;margin:0px;padding:4px;line-height:1.5em; font-size:0.7em; width:150px;}
.form select:hover, .form select:focus, .form input:hover, .form input:focus{background-color:#d8d8ff;}
.form .subheading {text-align:left;font-size:0.7em; border-bottom: 1px solid #ccc; padding:0px; margin:0px;padding-top:1px;padding-right:20px;vertical-align:top;white-space:nowrap;margin-bottom:10px;}
.form .label {text-align:right;font-size:0.7em; padding:0px; margin:0px;padding-top:1px;padding-right:20px;vertical-align:top;white-space:nowrap;}
.form .input-info {color:#888; font-size:0.7em; padding:0px; margin:0px;padding-top:4px;padding-right:20px;vertical-align:top;}
.form .img_label {font-size:0.7em; padding:0px; margin:0px;padding-top:4px;padding-right:20px;}
.form .img_label img {padding-top:4px; padding-right:5px; float:left;}
.form .rights_label {font-size:0.7em; padding:0px; margin:0px;padding-top:4px;padding-right:20px;padding-left:21px; vertical-align:top; white-space:nowrap;}
.form .input {margin:0px;padding-bottom:10px;}
.form .spacer {padding-bottom:20px;padding-left:10px;}
.form .rights {font-size:0.7em; padding:0px;margin:0px;padding-top:4px;vertical-align:top; min-width:50px; text-align:center;}
.right_level_0 {background-color:#f6cdcd;}
.right_level_1 {background-color:#cdf6cf;}
.right_level_2 {background-color:#bde6bf;}
.right_level_3 {background-color:#a2d1a6;}
.form .mandatory {background-color:#ffff99;}

/* Listen in Boxen */
.box .text ul {list-style: none;padding:0px;margin:0px;border:none;font-size:0.8em;line-height:1.4em;}
.box .text ul li {padding:0px;margin:0px;border:none;}
.box .text ul li a {text-decoration:none;font-size:0.9em;line-height:1.4em;}

/* Überschriften in Boxen */
.box .text h1 {margin:0px; padding:0px; font-size:1em; font-weight:normal;line-height:1.4em;padding-top:20px;}
.box .text p {font-size:0.7em;padding:0px; margin:0px;line-height:1.5em;padding-top:5px;padding-bottom:5px;}
.box .text p.info {font-size:0.7em;padding:0px; margin:0px;line-height:1.5em;}

/* Tabellen */
.table_box {font-size:16px;padding:0px; margin:0px; border:none; text-align:left; color:#111117; border-spacing:0px; border-collapse:collapse;margin-left:-2px;  float:left; margin-right:20px;padding-bottom:20px;}
.table_box .pre_title td{font-size:0.7em;text-align:center;}
.table_box .pre_title td .pre_left {display:inline-block;float:left;padding-left:5px;}
.table_box .pre_title td .pre_right {display:inline-block;float:right;padding-right:5px;}
.table_box .title {height:31px;}
.table_box .left_top {padding:0px; margin:0px; border:none;width:12px;height:31px;background: url(img/box_left_top.png) left top;}
.table_box .right_top {padding:0px; margin:0px; border:none;width:12px;height:31px;background: url(img/box_right_top.png) left top;}
.table_box .top {font-size:0.8em;padding:0px; margin:0px; border:none;background: url(img/box_top.png) repeat-x; padding-left:12px;padding-right:6px;padding-top:2px;}
.table_box .ordertable  {font-size:16px;padding:0px; margin:0px; border:none;text-align:left; color:#111117; border-spacing:0px; border-collapse:collapse;}
.table_box .ordertable .top2 {font-size:0.8em; padding:0px; margin:0px; border:none; padding-left:12px;padding-right:6px;padding-top:2px;border-bottom:1px solid #eee;}
.table_box .ordertable .handle {display:block; float:left;cursor: move;}

.table_box .left {padding:0px; margin:0px; border:none;width:12px;background: url(img/box_left2.png) repeat-y left top;}
.table_box .right {padding:0px; margin:0px; border:none;width:12px;background: url(img/box_right2.png) repeat-y right top;}
.table_box .txt {font-size:0.7em;text-align:left;padding:8px;padding-left:12px;line-height:1.4em; margin:0px;border-bottom:1px solid #eee;}
.table_box .list {font-size:0.7em;text-align:left;line-height:1.4em; margin:0px;padding:0px;border:none;}
.table_box .hover {background-color:#d8d8ff; margin:0px;border-bottom:1px solid #fff;}
.table_box .txt img, .table_box .hover img {display:block; float:left; border:none; padding-right:5px;}

.table_box .foot {font-size:0.7em;}
.table_box .left_bottom {padding:0px; margin:0px; border:none;width:12px;height:38px;background: url(img/box_left_bottom2.png) left top no-repeat;}
.table_box .right_bottom {padding:0px; margin:0px; border:none;width:12px;height:38px;background: url(img/box_right_bottom2.png) left top  no-repeat;}
.table_box .bottom {padding:0px; margin:0px; border:none;height:38px;background: url(img/box_bottom2.png) repeat-x;text-align:left;padding:6px;padding-left:12px;line-height:1.4em; padding-top:0px;}

/* Messages */
.message {font-size:16px;padding-bottom:10px;}
.message img {border:0px;padding-right:10px;display:block; float:left;}
.message .ok   {color:#009900;font-size:0.7em; line-height:1.4em;padding:0px;margin:0px;}
.message .ok2 {color:#009900;font-size:0.7em; line-height:1.4em;padding:0px;margin:0px;padding-left:26px;}
.message .error {color:#990000;font-size:0.7em; line-height:1.4em;padding:0px;margin:0px;}
.message .error2 {color:#990000;font-size:0.7em; line-height:1.4em;padding:0px;margin:0px;padding-left:26px;}

/* Drag n Drop Box*/
.orderlist {list-style: none;padding:0px;margin:0px;border:none;}
.orderlist li {padding:0px;margin:0px;border:none;}
.orderlist li div {font-size:16px;padding-top:10px;padding-bottom:10px;border-bottom: 1px solid #eee;padding-left:13px;}
.orderlist li div.hover {background-color:#d8d8ff;}
.orderlist li div p{color:#111117;font-size:0.7em; line-height:1.4em;padding:0px;margin:0px; display:block; float:left;}
.orderlist li div p.last{float:none;}
.orderlist li div a {margin:0px; padding:0px;display:inline-block;}
.orderlist li img {border:0px;margin:0px; padding:0px;padding-right:5px;display:inline-block;}
.orderlist li img.handle {padding-right:10px;display:block; float:left;cursor: move;}

/* Listen mit Elementen (z.b. Hilfe) */
.sublist {}
.sublist ul {list-style-type:none;padding:0px; margin:0px;line-height:1.4em;font-size:0.8em;}
.sublist ul li {padding-top:8px;}
.sublist ul li.link {padding-top:0px;}
.sublist ul a {display:inline-block; margin-left:-15px;width:100%; height:1.6em; padding-top:1px; padding-bottom:1px;white-space:nowrap;padding-left:16px; padding-left:31px; text-decoration:none; vertical-align:middle;font-size:0.9em; margin-top:1px; margin-bottom:1px;}
.sublist ul a.special {display:inline-block; margin-left:-15px;width:100%; height:1.6em; padding-top:1px; padding-bottom:1px;white-space:nowrap;padding-left:16px; padding-left:3px; padding-right:28px; text-decoration:none; vertical-align:middle;font-size:0.9em; margin-top:1px; margin-bottom:1px;}
.sublist ul a:hover, .sublist ul a.active  {background-color:#d8d8ff;}
.sublist ul img {border:none;display:block;float:left; padding:0px; margin:0px;padding-top:1px;}
.sublist ul span {line-height:16px;padding:0px; margin:0px;padding-left:10px;}

/* Listen mit Elementen als Tabelle (z.B. User/Gruppen Module (Modell3)*/
.orderlist2 {list-style: none;padding:0px;margin:0px;border:none;font-size:16px; border-top:8px solid #fff;}
.orderlist2 .txt {font-size:0.7em;text-align:left;padding:2px;padding-left:12px;line-height:1.2em; margin:0px; border:none;border-bottom:2px solid#fff;}
.orderlist2 .txt a {display:inline-block; width:100%;text-decoration:none;}
.orderlist2 .active {background-color:#d8d8ff;}

.phname{display:inline-block; position:relative; top:-3px; left:10px;}
.p5 {padding:5px;}
.tac{text-align:center;}
.vat{vertical-align:top;}
.s{font-size:0.9em;}
.w300{width:260px;padding-right:40px;}
.w600{width:600px;padding-right:40px;}
.gmap{width:600px; height:400px;}
.pr40{padding-right:40px !important;}
.noscrollbar {line-height:1.35;overflow:hidden;white-space:nowrap;}