@charset "utf-8";
/* CSS Document
	eMotivo CMS */
	@font-face { font-family: Marselis; src: url("../fonts/MarselisWeb.eot"); }
@font-face { font-family: MarselisSlab; src: url("../fonts/MarselisSlabWeb.eot"); }
@font-face { font-family: Marselis; src: url("../fonts/MarselisWeb.woff"); }
@font-face { font-family: MarselisSlab; src: url("../fonts/MarselisSlabWeb.woff"); }

* { padding: 0; margin: 0; }
table { border-collapse: collapse; }
table td { padding: 0px;}
a { outline: none; }
body { background-color: #F3F3F1; font-family: Marselis, Arial, Helvetica, sans-serif; font-size: 12px; color: #403f3f; -webkit-text-size-adjust:none; line-height: 18px; }
img { border: none; }
#page { width: 1000px; margin:auto; background-color: #fff;}
#page #top { width: 1000px; height: 220px; border-bottom: 5px solid #004c9c; position:relative; font-size: 0.9em; }
#page #top #logo { width: 150px; height: 200px; position: absolute; top: 20px; left: 40px; }
#page #top a.btn_internetseite { width: 91px; height: 26px; position:absolute; bottom: 0px; left: 728px; background-image:url(../images/bg_btn_internetseite.png); padding: 7px 0px 0px 30px; color: #fff; text-decoration: none;  }
#page #top a.btn_internetseite:hover { text-decoration: underline; }
#page #top a.btn_ausloggen { width: 91px; height: 26px; position:absolute; bottom: 0px; left: 858px; background-image:url(../images/bg_btn_ausloggen.png); padding: 7px 0px 0px 30px; color: #fff; text-decoration: none; }
#page #top a.btn_ausloggen:hover { text-decoration: underline; }
#page #left { width: 200px; float: left; padding: 20px 20px 20px 20px; }
#page #left .user { width: 162px; height: 26px; background-image: url(../images/bg_user.png); color: #fff; padding: 7px 0px 0px 35px; margin-bottom: 15px; }
#page #left .login { width: 162px; height: 26px; background-image: url(../images/bg_user.png); color: #fff; padding: 7px 0px 0px 35px; margin-bottom: 15px; cursor:pointer; }

#page #left .menu { width: 200px; float: left;  margin-bottom: 20px; }
#page #left .menu .menu_top{ background-color: #999999; background-image: none; color: #fff; font-family: MarselisSlab, serif; font-size: 13px; font-weight: normal; padding: 6px 5px 5px 7px; line-height: 20px; margin-bottom: 5px;}
#page #left .menu .menu_middle { background-image: none; }
#page #left .menu .menu_bottom{ display: none; }
#page #left .menu h2 { display: block; background-color: #999999; color: #fff; font-family: MarselisSlab, serif; font-size: 13px; font-weight: normal; padding: 6px 5px 5px 7px; line-height: 20px; margin-bottom: 5px;}
#page #left .menu .menu_middle ul { list-style: none; }
#page #left .menu .menu_middle ul li a { display: block; background-color: #F3F3F1; color: #403f3f; text-decoration: none; margin-bottom: 5px; padding: 5px 7px 0px 7px; border: none;  }
#page #left .menu .menu_middle ul li a:hover, #page #left .menu .menu_middle ul li a.active { background-color: #f4bd0a; color: #004c9c; }
#page #left .menu .menu_middle ul li ul li a { background-color: #fff; font-size: 12px; border-bottom: 1px dotted #DFDFDF; margin-bottom: 0px; padding-left: 15px;  background-image: none;  }
#page #left .menu .menu_middle ul li ul li a:hover, #page #left .menu .menu_middle ul li ul li a.active { text-decoration: underline; background-color: #fff;font-weight: normal;  }
#page #left .menu p.kontakt { color: #575757; padding: 10px 10px 10px 10px; font-size: 0.85em;}
#page #left .menu p.kontakt a { color: #575757; text-decoration: none; }
#page #left .menu p.kontakt a:hover { text-decoration: underline; }

#page #right { width: 700px; float: left; padding: 20px 20px 20px 20px; }
#page #right .content { width: 700px; margin-bottom: 15px; }
#page #right .content .content_top { width: 700px; height: 21px; padding: 0; background-image: none; font-weight: bold; color: #004c9c; font-family: MarselisSlab, serif; font-size: 18px; font-weight: normal;padding-bottom: 15px; }
#page #right .content .content_middle { width: 700px; background-image: none; background-repeat:repeat-y; padding: 0; }
#page #right .content table { width: 100%; }
#page #right .content table td { padding: 3px 3px 3px 3px; }
#page #right .content table th { text-align: left; padding: 5px 5px 5px 5px; background-color: #999999; color: #ffffff; font-weight: normal;}
#page #right .content table th a { color: #fff; }
#page #right .content table .tr_second { background-color: #F3F3F1; }
#page #right .content table .red { background-color: #fdcccc; color: #9a0000; }
#page #right .content a { color: #000; text-decoration: none; color: #004c9c; }
#page #right .content a:hover { text-decoration: underline; }
#page #right .content .hr_line { width: 100%; height: 1px; background-color: #999999; border: none;  }

#page #right .content a.csv_export { width: 80px; height: 20px; background-image:url(../system_images/icon_export_csv.png); background-repeat:no-repeat; padding-left: 22px; float: right; display: block; color: #000;  }

#page #right .content img.icon_show { width: 30px; height: 23px; background-image: url(../system_images/icon_show.png); background-repeat: no-repeat; }
#page #right p { padding-bottom: 10px; }
#page #right p.small { font-size: 0.9em; }
#page #right h1 { color: #004c9c; font-family: MarselisSlab, serif; font-size: 18px; font-weight: normal;padding-bottom: 15px; }
#page #right h2 { color: #004c9c; font-family: MarselisSlab, serif; font-size: 15px; font-weight: normal;padding-bottom: 10px; line-height: 20px;  border-top: 1px dotted #c9d0d3; padding-top: 10px; margin-top: 10px; }
#page #right h3 { color: #004c9c; font-family: MarselisSlab, serif; font-size: 14px; font-weight: normal;padding-bottom: 10px; line-height: 20px;}
#page #right h4 { color: #004c9c; font-family: MarselisSlab, serif; font-size: 13px; font-weight: normal;padding-bottom: 10px; }
#page #right h5 { color: #004c9c; font-family: MarselisSlab, serif; font-size: 13px; font-weight: normal;padding-bottom: 5px; border-bottom: 1px dotted #DFDFDF; margin-bottom: 10px; }
#page #right ul { padding: 0px 0px 10px 25px; }
#page #right ul li { padding: 0px 0px 5px 0px; }
#page #right ul li ul { padding: 0px 0px 0px 25px; }
#page #right ol { padding: 0px 0px 10px 25px; }
#page #right ol li { padding: 0px 0px 5px 0px; }
#page #right ol li ol { padding: 0px 0px 0px 25px; }

#page #right .content input.textfield { width: 180px;  background-color: #FFFFFF; border: 1px solid #c9d0d3; padding: 5px 5px 5px 5px; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)"; }
#page #right .content input.textfield_error { width: 180px; background-color: #ffb8b8; padding: 5px 5px 5px 5px; border: 1px dotted #9a0000; color: #ff2e2e; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)";}
#page #right .content textarea.textarea { width: 290px; height: 80px; background-color: #fff; border: 1px solid #c9d0d3;padding: 5px 5px 5px 5px; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)";}
#page #right .content textarea.textarea_error { width: 300px; height: 80px; background-color: #ffb8b8; border: 1px solid #c9d0d3;padding: 5px 5px 5px 5px; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)"; }
#page #right .content textarea.textarea_big { width: 600px; height: 400px; border: 1px solid #575757; padding: 5px 0px 0px 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#page #right .content textarea.textarea_medium { width: 600px; height: 100px; border: 1px solid #575757; padding: 5px 0px 0px 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#page #right .content input[type='submit'], #page #right .content input.button  { background-color: #004c9c; color: #fff; border: 1px solid #023a75; cursor: pointer; font-family: Marselis, Arial, Helvetica, sans-serif; font-size: 14px; width: auto; height: auto; padding: 3px 15px 3px 15px; line-height: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#page #right .content input.button:hover, #page #right .content input[type='submit']:hover { background-color: #015cbf;  }


#page #right table.formular { width:100%; border-collapse: collapse; border-spacing: 0px; vertical-align:top; padding-bottom: 15px;  }
#page #right table.formular td, #page #right table.formular th { padding: 2px; vertical-align:middle; padding-bottom:5px; text-align:left; }
#page #right table.formular td.top { vertical-align: top; }
#page #right table.formular td.abstand { padding-bottom: 25px;   }
#page #right table.formular input.textfield { width: 180px;  background-color: #FFFFFF; border: 1px solid #c9d0d3; padding: 5px 5px 5px 5px; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)"; }
#page #right table.formular input.textfield_error { width: 180px; background-color: #ffb8b8; padding: 5px 5px 5px 5px; border: 1px dotted #9a0000; color: #ff2e2e; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)"; }
#page #right table.formular input.button { background-color: #004c9c; color: #fff; border: 1px solid #023a75; cursor: pointer; font-family: Marselis, Arial, Helvetica, sans-serif; font-size: 14px; width: auto; height: auto; padding: 3px 15px 3px 15px; line-height: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#page #right table.formular input.button:hover { background-color: #015cbf; }
#page #right table.formular textarea.textarea { width: 290px; height: 80px; background-color: #fff; border: 1px solid #c9d0d3;padding: 5px 5px 5px 5px; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)"; }
#page #right table.formular textarea.textarea_error { width: 300px; height: 80px; background-color: #ffb8b8; border: 1px solid #c9d0d3;padding: 5px 5px 5px 5px; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)"; }
#page #right table.formular select { width: 192px; background-color: #FFFFFF; border: 1px solid #c9d0d3; padding: 5px 5px 5px 5px; font-family: Marselis, Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #F3F3F1; filter:progid:DXImageTransform.Microsoft.Shadow (color=#F3F3F1, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5)"; }
#page #right table.formular input.halblang{ width: 105px; }
#page #right table.formular input.kurz{ width:53px;}
#page #right table.formular input.error { background-color: #ffb8b8 !important; border: 1px dotted #9a0000; color: #ff2e2e; }
#page #right table.formular select.error { background-color: #ffb8b8 !important; border: 1px dotted #9a0000; color: #ff2e2e; }

#page #right .content .content_bottom { display: none;  }

#page #footer { width: 940px; background-color: #004c9c; color: #fff; padding: 30px 30px 30px 30px; font-size:11px; }
#page #footer a { color: #fff; text-decoration: none; }
#page #footer a:hover { text-decoration: underline; }
#page #footer table { width: 100%; }
#page #footer table td { vertical-align: top; }
#page #footer h2 { padding-bottom: 10px; font-size: 14px; }

.msg_notice { width: 688px; border: 1px dotted #4b680b; background-color: #e5f1cb; color: #4b680b; padding: 10px 0px 0px 10px; margin-bottom: 10px; }
.msg_error { width: 688px; border: 1px dotted #9a0000; background-color: #fdcccc; color: #9a0000; padding: 10px 0px 0px 10px; margin-bottom: 10px; }
.icon_warning { float: right; margin-right: 10px;   }
.clear { clear: both; }



.bildcanvas{ width:150px; background-color:#FFF; padding:5px; float:left; margin-right:5px; }
.bildcanvas img{ margin-bottom:5px; }
.bildcanvas input{ width:100px;	 }
.check, .bildcanvas input.check{ width:auto; }

.red { background-color: #f4d0d0; }
.green { background-color: #dcffc9; }
.clear{ clear:both; }

.suchfeld {margin-bottom: 5px;}

table.editable { border-collapse: collapse; background: #efefef; }
table.editable tr th { color: #fff; background: #004c9c; font-weight: normal; text-align: left; padding: 5px 3px; }
table.editable tr td { background: #fff; padding: 2px; }
table.editable tr td.edit {  }
table.editable tr span { display: block; padding: 5px 3px; }
table.editable tr span.saved { background: rgba(0, 128, 0, 0.3); }
table.editable tr span:hover { background: #004c9c; color: #fff; cursor: pointer; }
table.editable tr.gruppe td { background: #efefef; padding: 8px 3px; }
table.editable tr td.umsatz { text-align: right; width: 10%; }
table.editable tr td.stk { text-align: right; width: 5%; }
table.editable tr th.punkte { background: #999; text-align: center; color: #fff; }
table.editable tr td.punkte { background: #999; text-align: center; color: #fff; }
table.editable tr td.umsatz input { width: 50px; text-align: right; }
table.editable tr td.stk input { width: 50px; text-align: right; }
table.editable tr td.punkte input { width: 40px; text-align: center; margin: 0 auto;  }

input.live-edit { display: none; width: 100%; padding: 5px 0; outline: 0; border: 0; background: #004c9c; color: #fff; }