@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

html, body {margin: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; color: #3d3d3d; font-size: 14px;}
html { height: 100%; }
body { min-height: 100%; }
body {background-image: url(../gfx/body_bg.png);}
div#global {position: absolute; width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0;}

img {border: 0;}

h1 {font-size: 24px; font-weight: 400; vertical-align: top;}
h2 {font-size: 20px; margin: 8px 0 8px 0; font-weight: 400;}
h3 {font-size: 15px; margin: 8px 0 8px 0;}
h4 {font-size: 13px; margin: 8px 0 8px 0;}
h5 {font-size: 11px; margin: 8px 0 8px 0;}

p {font-size: 14px; margin: 0}
b {font-weight: 600;}

a, .fct {font-size: 14px; color: #3d3d3d; text-decoration: underline; cursor: pointer;}
a:hover, .fct:hover {text-decoration: none;}
a.fct2, .fct2 {text-decoration: none;}
a.fct2:hover, .fct2:hover {text-decoration: underline;}
.ocl {cursor: pointer;}
.ocl:hover {text-decoration: underline;}
.div_fct {cursor: pointer;}
.div_fct svg {fill: #3d3d3d; vertical-align: top;}
.div_fct:hover {background-color: #d0d0d0; color: #000;}
.div_fct:hover svg {fill: #000;}

small {font-size: 11px;}
.black {color:#000}
.gray {color:#666}
.green, .pos {color: #47c420;}
.bggreen {background-color: #40ac1b;}
.red, .neg {color: #c54d10;}

/** Header **/
div#header {position: relative; margin: 0 auto 0 auto; width: 1024px; height: 144px;}
div#header_logo {width:1024px; height: 60px; margin:0 auto 0 auto; }
div#header_logo1 {float: left; width: 300px; height: 60px; margin: 8px 0 0 8px; cursor: pointer; font-size: 32px; color: white; font-weight: 200;}
div#header_logo1 span#claim {font-size: 13px; color: #d0d0d0; letter-spacing: 0.03em; padding-left: 1px; }
div#header_logo2 {float: right; width: 65%; height: 60px; margin: 0;}
div#header_logo2 div {font-size: 14px; cursor: pointer; width:100px; height: 35px; float: right; border: 1px solid #3d3d3d; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div#header_logo2 div.header_logo2_ {margin:9px 2px 6px 22px; height: 14px; width: 85px; border: 0; vertical-align: middle;}
div#header_logo2 div svg, div#header_logo2 div img {height: 14px; width: 14px; margin: 2px 10px 2px 0; vertical-align: text-bottom;}
div#header_hilfe {color: #3d3d3d; background-color: #efefef; margin: 12px 2px 12px 0;}
div#header_hilfe svg {fill: #3d3d3d; margin: 12px 10px 12px 22px;}
div#header_hilfe:hover, div#header_hilfe:hover svg {background-color: #fff; color: #000; fill: #000;}
div#header_logout {color: #efefef; background-color: #c64e12; margin: 12px 0 12px 0; }
div#header_logout svg {fill: #efefef;}
div#header_logout:hover, div#header_logout:hover svg {background-color: #ba480f; color: #fff; fill: #fff;}

div#header_login {width:1024px; height: 20px; padding-bottom: 5px; margin:0 auto 0 auto; color: #efefef; text-align: right; font-size: 14px; font-weight: 400;}

div#header_nav {width:1024px; height: 59px; margin:0 auto 0 auto; }

div#header_nav ul {list-style-type: none; width: 1024px; height: 59px; padding: 0; margin: 0; /*border-bottom: 10px solid #3d3d3d;*/}
div#header_nav ul li {position: relative; margin: 0; text-align: center; float:left; width:12.5%; height: 59px; border: 1px solid #aeaeae; border-left: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; background-color: #efefef; color: #666666; font-size: 12px; cursor: pointer; padding: 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

div#header_nav ul li {background-color: #efefef; color: #3d3d3d;}
div#header_nav ul li svg {fill: #3d3d3d;}

div#header_nav ul li:hover {background-color: #d0d0d0; color: #3d3d3d;}
div#header_nav ul li:hover svg {fill: #3d3d3d;}

div#header_nav ul li.active, div#header_nav ul li.active:hover {background-color: #3d3d3d; color: #efefef; border: 1px solid #3d3d3d; border-left: 0;}
div#header_nav ul li.active svg, div#header_nav ul li.active:hover svg {fill: #efefef;}

div#header_nav ul li a, div#header_nav ul li a:hover {text-decoration: none;}
div#header_nav ul li svg {height: 20px;}

div#header_nav ul li.nologin {cursor: default; background-color: #efefef; color: #aeaeae;}
div#header_nav ul li.nologin svg {fill: #aeaeae;}

div#header_nav ul li.nologin:hover svg {fill: #aeaeae;}
div#header_nav ul li.nologin:hover {background-color: #efefef; color: #aeaeae;}

div#header_nav img.header_nav_alert {}
div#header_nav div.header_nav_msg_alert {width: 14px; height: 14px; margin: 0 auto 5px auto; color: #fff; font-size: 14px; font-weight: bold;}

div#header_nav div.notification {
	border: 0; position: absolute; right: 6px; top: -8px;
	font-size: 13px; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: rgba(238,85,64,1); background: -moz-linear-gradient(bottom, rgba(238,85,64,1) 0%, rgba(219,48,26,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,85,64,1)), color-stop(100%, rgba(219,48,26,1))); background: -webkit-linear-gradient(bottom, rgba(238,85,64,1) 0%, rgba(219,48,26,1) 100%); background: -o-linear-gradient(bottom, rgba(238,85,64,1) 0%, rgba(219,48,26,1) 100%); background: -ms-linear-gradient(bottom, rgba(238,85,64,1) 0%, rgba(219,48,26,1) 100%); background: linear-gradient(to bottom, rgba(238,85,64,1) 0%, rgba(219,48,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5540', endColorstr='#db301a', GradientType=1 ); text-align: center; border: 1px solid #c64e12; text-shadow: #666 1px 1px 0px;
}

/** Sidebar **/
div#sidebarA {text-transform: uppercase; border-bottom: 1px solid #666; padding: 8px 10px 8px 15px; font-size: 15px; font-weight: 400;}
div#sidebarE {padding: 16px 6px 0 8px; height: 400px; cursor: pointer;}
div#sidebarA:hover {background-color: #aeaeae; cursor: pointer;}
div#sidebarA svg {width: 11px; height: 11px;}
div#sidebarE svg {margin:0; width: 16px; height: 16px;}

/** Main **/
table#main {position: relative; height: auto; min-height: 100%; margin: 0 auto 97px auto; padding: 0; border: 1px solid #aeaeae; border-top: 0; width: 1022px; border-spacing: 0; border-collapse: collapse; background-color: #efefef; -webkit-box-shadow: 0 6px 6px -6px #666; -moz-box-shadow: 0 6px 6px -6px #666; box-shadow: 0 6px 6px -6px #666;}
table#main tr, #rightCon, #middleCon {margin:0; padding: 0; border: 0; vertical-align: top; align: left;}

table#main td#main_title {width: 832px; height: 32px; background-color: #fff; border: 1px solid #aeaeae; text-align: center; }
table#main td#main_title h1 {color: #3d3d3d; margin: 16px; font-weight: 400; padding: 0;}

div.main_title2 {width: 100%; height: 48px; margin: 0 0 16px 0; background-color: #fff;}
div.main_title2 h1 {color: #3d3d3d; margin: 0; font-weight: 400; padding: 8px;}

div.main_title3 {width: 100%; height: 48px; margin: 0; background-color: #d0d0d0;}
div.main_title3 h1 {color: #efefef; margin: 0; font-weight: 400; padding: 8px;}

/** Min **/
div#main_min {position: absolute; left: 0; top: 0; width: 100%; height: auto; min-height: 100%; background-color: #fff;}
div#button_min {position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; background-color: #efefef; border-top: 1px solid #d0d0d0;}
div#button_min p {margin-left: 16px; margin-right: 16px;}


table.struct {margin: 0; padding: 0; border: 0; width: 100%; border-spacing: 0; border-collapse: collapse;}
table.struct tr, table.struct td {margin:0; padding: 0; border: 0; vertical-align: top; align: left;}

table.struct td.buchennav {width: 240px; padding: 16px 8px 16px 16px;}
table.struct td.mainnav {width: 240px; background-color: #d0d0d0; border-right: 1px solid #aeaeae;}
table.struct td.mainnav ul {margin: 16px 0 0 0; padding: 0; width: 240px; list-style: none;}
table.struct td.mainnav ul li {margin: 0; width: 226px; height: auto; padding: 8px; text-transform: uppercase; cursor: pointer; }
table.struct td.mainnav ul li.active, td.mainnav ul li:hover, td.mainnav ul li.menu-current, td.mainnav ul li.menu-parent {background-color: #fff;}

table.struct td.mainnav ul li.mnls {background: #efefef; font-weight: 400; border: 1px solid #a7a7a7;}
table.struct td.mainnav ul li.mnlo {background: #fff; font-weight: 400; border: 1px solid #a7a7a7;}
table.struct td.mainnav ul li.mnlu {background: #efefef; font-weight: 600; border: 1px solid #a7a7a7;}

table.struct td.mainnav ul li.mnls h4, table.struct td.mainnav ul li.mnlo h4 {font-weight: 400;}

table.struct td.mainnav ul li.mnls, table.struct td.mainnav ul li.mnlo, table.struct td.mainnav ul li.mnlu {width: auto; text-transform: none; border-top: 0; border-left: 0;}
table.struct td.mainnav ul li.mnls h4, table.struct td.mainnav ul li.mnlo h4, table.struct td.mainnav ul li.mnlu h4 {font-size: 12px; margin: 0;}
table.struct td.mainnav ul li.mnls p, table.struct td.mainnav ul li.mnlo p, table.struct td.mainnav ul li.mnlu p {font-size: 12px; margin: 0;}

table.struct td.buchencon {width: 100%; height: 640px; padding: 16px 16px 16px 8px; }
table.struct td.maincon {width: 100%; height: 640px; background-color: #efefef; padding: 16px; }

table.struct td.subtitle3 {margin:0; padding: 3px 10px 3px 10px; background-color: #efefef; text-align: left; font-size: 14px; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae;}

/** Content **/
table#main td#middleCon {width: 834px; height: auto; min-height: 100%; background-color: #efefef;}
#middleCon hr {border: 0; border-bottom: 1px solid #666;}

table#main td#rightCon {width:170px; box-sizing: border-box; font-size: 12px; color: #3d3d3d; background-color: #d0d0d0; border: 0; border-left: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}
#rightCon h1 {font-size: 14px; color: #3d3d3d; text-transform: uppercase; margin-bottom: 4px; font-weight: 400; letter-spacing: 0.04em;}
#rightCon hr {border:0; border-top: 1px solid #666; width: 160px; margin: 0 0 6px 0;}
#rightCon div.hilfevideo {width: 160px; height: 100px; border: 1px solid #666; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer;}
#rightCon div.hilfevideo:hover {border: 1px solid #000;}
#rightCon div.hilfevideo svg {width: 50px; height: 35px; fill: #3a4d39; margin: 33px 59px 33px 59px;}

table#main td.rightCon2 {width: 34px; box-sizing: border-box; -webkit-box-shadow: inset 5px 0px 5px 0px rgba(181,181,181,1); -moz-box-shadow: inset 5px 0px 5px 0px rgba(181,181,181,1); box-shadow: inset 5px 0px 5px 0px rgba(181,181,181,1);}
table#main td.rightCon2:hover {background-color: #d9d9d9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

/** middleContent **/
div.m5 {margin: 5px;}
div.m10 {margin: 10px;}
div.m16 {margin: 16px;}
div.p16w {margin: 0; padding: 16px; background-color: #fff;}
.maincon div.p16w { border: 1px solid #aeaeae; }
div.box0 {margin: 0 0 16px 0; width: 100%; float: left; position: relative; background-color: #fff; border: 1px solid #b7b7b7; border-radius: 2px; }
div.box1 {margin: 0 0 16px 0; width: 50%; float: left; position: relative; background-color: #fff; border: 1px solid #b7b7b7; border-radius: 2px; box-sizing: border-box; }
div.box1L {margin: 0 1% 16px 0; width: 49%; float: left; position: relative; background-color: #fff; border: 1px solid #b7b7b7; border-radius: 2px; box-sizing: border-box; }
div.box1R {margin: 0 0 16px 1%; width: 49%; float: left; position: relative; background-color: #fff; border: 1px solid #b7b7b7; border-radius: 2px; box-sizing: border-box; }
div.box2 {margin: 0 16px 16px 0; width: 380px; float: left; position: relative; background-color: #fff; border: 1px solid #b7b7b7; border-radius: 2px; }
div.box3 {margin: 0 0 16px 0; width: 100%; float: left; position: relative; background-color: #fff; border-radius: 2px; } /*border: 1px solid #b7b7b7; */
div.box4 {box-sizing: border-box; margin: 0; padding: 10px; width:100%; background-color: #efefef; border: 1px solid #b7b7b7; border-radius: 2px;}
div.title {margin:0; padding: 6px; height: 21px; /*background-color: #d0d0d0;*/ text-align: center; font-size: 15px; font-weight: 400; vertical-align: middle; border-bottom: 1px solid #B7B7B7; background: #dddddd; background: -moz-linear-gradient(top, #dddddd 0%, #d0d0d0 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #d0d0d0)); background: -webkit-linear-gradient(top, #dddddd 0%, #d0d0d0 100%); background: -o-linear-gradient(top, #dddddd 0%, #d0d0d0 100%); background: -ms-linear-gradient(top, #dddddd 0%, #d0d0d0 100%); background: linear-gradient(to bottom, #dddddd 0%, #d0d0d0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#d0d0d0', GradientType=0 );}
div.box3 div.title {border: 1px solid #aeaeae;}
div.subtitle {margin:0; padding: 6px; background-color: #efefef; text-align: center; border-bottom: 1px solid #aeaeae;}
div.subtitle2 {margin:0; padding: 3px 10px 3px 10px; background-color: #efefef; text-align: left; border-bottom: 1px solid #aeaeae;}
div.subtitle3 {margin:0; padding: 3px 10px 3px 10px; background-color: #efefef; text-align: left; font-size: 14px; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae;}

div.sborder {border: 1px solid #b7b7b7; border-radius: 2px;}

div.lrow2 {border-bottom: 1px solid #aeaeae; padding:10px;}

.w240 {width:240px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w450 {width:450px;}
.w580 {width:580px;}
.h350 {height:350px;}
.h400 {height:400px;}
.h500 {height:500px;}
.w100p {width: 100%;}

div.hilfe { width: 566px; height: 100%; display:block; float: right; background-color: #fff; padding: 16px;}

div.hinweisbox {background-color: #fff; border: 1px solid #aeaeae; margin: 0 16px 16px 0; padding: 2px 8px 16px 8px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div.hinweisbox button {width: auto; min-width: 190px;}

/** Icons **/
svg.i_checked {width: 10px; height:10px; border: 1px solid #dadada; fill: #3bb013; background: #fff; padding: 2px; margin-bottom: -2px;}
svg.i_unchecked {width: 10px; height:10px; border: 1px solid #dadada; fill: #fff; background: #fff; padding: 2px; margin-bottom: -2px;}
svg.i_schliessen {width: 10px; height:10px; fill: #c64e12; padding: 2px; margin-bottom: -2px;}

svg.i_haken {fill: #fff; color: #fff; background-color: #49c61f; width:12px; height: 12px; margin: 0 2px 0 2px; padding: 4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
svg.i_haken2 {fill: #000; color: #000; width:12px; height: 12px; margin: 0 2px 0 2px;}
svg.i_warnung {fill: #fff; color: #fff; background-color: #c64e12; width:12px; height: 12px; margin: 0 2px 0 2px; padding: 4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
svg.i_warnung2 {fill: #fff; color: #fff; background-color: #c64e12; width:9px; height: 9px; margin: 0 2px 0 2px; padding: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
svg.i_bearbeiten {width:14px; height: 14px; margin: 10px 0 0 0; padding: 4px;}
svg.i_bearbeiten:hover {background: #d0d0d0; border: 1px solid #aeaeae; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
svg.i_bearbeiten2 {fill: #fff; color: #fff; width:11px; height: 11px; margin: 0 5px 0 0; padding: 0;}

svg.i_elster_logo {width: 44px; height:26px;}

svg.i_datei {fill: #fff; color: #fff; width: 48px; height:48px;}
svg.i_delete {fill: #c64e12; color: #c64e12; width: 16px; height:16px;}

svg.i_drag_drop {fill:#aeaeae; color: #aeaeae; width:150px;}
svg.i_file_upload {width:40px;}

svg.i_datei_csv {background-color: #46ad3a;}
svg.i_datei_xls, svg.i_datei_xlsx {background-color: #c2c416;}
svg.i_datei_doc, svg.i_datei_docx {background-color: #3f5ea1;}
svg.i_datei_doc svg, svg.i_datei_docx svg {fill: #3f5ea1; color: #3f5ea1;}
svg.i_datei_pdf {background-color: #e1590b;}

/** Dokumente **/
img.dokumenteicon {padding: 3px; margin: 3px; border: 0;}

/** Navigation Buchen **/
ul#tagebuch_nav {background-color: #3d3d3d; height: 48px; width: 100%; box-sizing: border-box; padding:0 0 0 5px; margin: 0; list-style-type: none; border: 0; border-bottom: 1px solid #aeaeae; border-top: 10px solid #3d3d3d;}
ul#tagebuch_nav li {text-align:center; border: 0; width: 395px; height: 31px; background-image: linear-gradient(65deg, #aeaeae 357px, #3d3d3d 357px); display:inline-block; margin-left: 5px; margin-right: 5px; cursor: pointer; padding-top: 6px;}
ul#tagebuch_nav li.tagebuch_nav_aktiv, ul#tagebuch_nav li.tagebuch_nav_aktiv:hover {background-image: linear-gradient(65deg, #efefef 357px, #3d3d3d 357px); border-bottom: 1px solid #efefef;}
ul#tagebuch_nav li:hover {background-image: linear-gradient(65deg, #DDDDDD 357px, #3d3d3d 357px); border-bottom: 1px solid #aeaeae;}
ul#tagebuch_nav li div {font-size: 14px; text-transform: uppercase; font-weight: 400; margin: 5px auto 5px auto; padding-right: 20px;}

/** Tagebuch **/
table#datatable tbody {border-left: 1px solid #aeaeae;}
table#datatable tbody td {padding: 4px; border-right: 1px solid #aeaeae;}
input#sSearch, input#sucheD, input#sucheN {width:200px; height: 22px; padding-right: 30px; border: 1px solid #d0d0d0; border-radius: 0; background: url(../gfx/nav_account_suche.png) no-repeat right; background-color: #fff;}

table.mct thead tr.datatable th {background-color: #d0d0d0; border-bottom: 0; border-top: 0;}

div#tagebuch_top2 { padding: 6px; background: #dddddd; color: #3d3d3d; height: 24px; border-right: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-top: 1px solid #aeaeae;}
div#tagebuch_top2 input { height: 18px; }

tr.tr_fct td {cursor: pointer;}
tr.tr_fct:hover td {background-color: #d0d0d0;}

/** Buchen **/
form#account_suche_form {background-color: #fff;}
input#account_suche {width:168px; height: 22px; margin: 10px 6px 10px 8px; padding-right: 30px; border: 1px solid #d0d0d0; border-radius: 0; background: url(../gfx/nav_account_suche.png) no-repeat right;}
td.buchennav div.box0 {background-color: #efefef; margin: 0;}
div.account_nav_ober {min-height: 25px; padding: 4px 0 4px 32px; margin: 0; font-size: 18px; font-weight: 200;}
div.account_nav_ein {background: url(../gfx/nav_account_ein.svg) no-repeat center left; background-position:6px; background-color: #aeaeae; background-size: 17px;}
div.account_nav_aus {background: url(../gfx/nav_account_aus.svg) no-repeat center left; background-position:6px; background-color: #aeaeae; background-size: 17px;}
div.account_nav_bal {background: url(../gfx/nav_account_bal.svg) no-repeat center left; background-position:6px; background-color: #aeaeae; background-size: 17px;}
div.account_nav_unter, div.account_nav_unter2 {min-height: 18px; cursor: pointer; margin: 0; padding: 4px 0 4px 27px; border-bottom: 1px solid #c7c7c7; overflow: hidden;}
div.account_nav_unter {background: url(../gfx/nav_account_open.png) no-repeat center left; background-position:3px; background-color: #efefef;}
div.account_nav_unter2 {background: url(../gfx/nav_account_act.png) no-repeat center left; background-position:3px; background-color: #efefef;}
div.account_nav_unter:hover, div.account_nav_unter2:hover {background-color: #d0d0d0;}
div.account_nav_konto, div.account_nav_konto_aktiv  {width: 211px; min-height: 22px; cursor: pointer; margin: 0; padding: 6px 3px 4px 8px; border-bottom: 1px solid #c7c7c7; overflow: hidden; background-color: #fff; line-height: 19px; font-size: 13px;}
div.account_nav_konto:hover, div.account_nav_konto_aktiv {background-color: #48c51e; color: #fff;}
div.account_nav_aktiv {background-color: #49c61f;}
div.account_nav_einstellungen {display: block; float: left; width:94px; height: 40px; padding: 8px; font-size: 14px; color: #3d3d3d; border: 0; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; text-align: center;cursor: pointer;}
div.account_nav_einstellungen img, div.account_nav_einstellungen svg {height: 18px; margin: 2px;}
div.account_nav_einstellungen:hover {background-color: #d0d0d0; border-right: 1px solid #d0d0d0;}

.buchencon input[type=text] {width:100%; box-sizing: border-box;}
.buchencon input[type=submit] {margin-top: 16px;}
.buchencon select {width:480px;}
.buchencon table.formtable input[type=text] {width:100%;}
.buchencon table.formtable select {width:100%;}

.buchencon label {text-transform: uppercase;}

.buchencon div#stat_success, .buchencon div#stat_warning, .buchencon div#stat_hint {margin-top: 0;}

.buchencon p.stat_hr {border-bottom: 1px solid #aeaeae; padding-top: 5px; padding-bottom: 5px;}

#buchen_combi table.formtable td {padding-right: 0;}
#buchen_combi input[type=text] {width:506px;}
#buchen_combi select {width:506px;}
#buchen_combi div.buchen_tax {width: 512px;}

div.buchen_tax {width:510px; height: 20px; background-color: #efefef; border: 1px solid #aeaeae; border-radius: 2px; padding: 6px;}
/*div.buchen_tax input[type=radio] {display: inline-block; margin: 4px 6px 0 6px;}*/
div.buchen_tax div {display: inline-block; width:75px; height: 20px; margin: 0 10px 0 0; position: relative; top:-5px;}

div#account_nav i {font-size: 10px;}

div.summe_eingaben {color: #fff; font-size: 15px; background-color: #247a07; padding: 10px 16px 10px 16px;}
table.struct tbody td.summe_differenz {background-color: #c64e12; border-right: 1px solid #c64e12; color: #fff; font-size: 15px; padding: 10px 16px 10px 16px;}
table.struct tbody td.summe_differenz2 {background-color: #efefef; border-right: 1px solid #efefef; color: #000; font-size: 15px; padding: 10px 16px 10px 16px;}

td#middleCon .mainhilfe {width: 100%; text-align: right; margin-bottom: -8px;}
td#middleCon .mainhilfe span {text-transform: uppercase; text-decoration: underline; color: #666666;}
td#middleCon .mainhilfe span:hover {text-decoration: none; cursor: pointer; color: #000;}

/** Nachrichten **/
div.maincon1 { box-shadow: 0px 2px 4px 0px #aeaeae; }
div#maincon3 {width: 100%; height: 550px; background-color: #efefef; overflow-x: hidden; overflow-y: scroll; }
div#maincon3empty {position:absolute; top:0; bottom:0; margin:80px 230px;}
div#maincon3empty p {text-align: center; color: #aeaeae; font-weight: 400; margin-top: 25px; font-size: 18px;}
div#maincon3empty svg {width: 350px; height: auto; fill: #d0d0d0;}
/** div#maincon3::-webkit-scrollbar-thumb { background: url('../gfx/kontakt_scrollbar.jpg'); } **/
div#maincon3 hr {border: 1px solid #aeaeae; border-bottom: 0;}

div#maincon4 {width: 100%; background-color: #fff; border-bottom: 1px solid #a7a7a7; border-top: 1px solid #a7a7a7; }
div#maincon4 input.msgF {font-size: 12px;}

div.msg_body {overflow-x: hidden; max-width: 660px;}
div.msg_in {width: 80%; margin: 18px auto 6px 18px; padding: 13px; background-color: #fff; border: 1px solid #aeaeae; border-radius: 3px; box-shadow: 0px 3px 7px 0px rgba(174,174,174,0.75);}
div.msg_in_status {width: 80%; margin: 0px auto 9px 18px; font-size: 12px; color: #8d8d8d; text-align: right;}
div.msg_out {width: 80%; margin: 18px 18px 6px auto; padding: 13px; background-color: #e3e3e3; border: 1px solid #aeaeae; border-radius: 3px; box-shadow: 0px 3px 7px 0px rgba(174,174,174,0.75);}
div.msg_out_status {width: 80%; margin: 0px 18px 18px auto; font-size: 12px; color: #8d8d8d; text-align: left;}
div.msg_dateien {width: 75px; height: 92px; margin: 0 0 0 10px; padding: 13px; background-color: #e3e3e3; border: 1px solid #aeaeae; border-radius: 3px; cursor: pointer; text-align: center;}
.highlight {background-color: #48c51e; color: #fff;}
div.msg_dms_csv {background-color: #46ad3a;}
div.msg_dms_xls, div.msg_dms_xlsx {background-color: #c2c416;}
div.msg_dms_doc, div.msg_dms_docx {background-color: #3f5ea1;}
div.msg_dms_doc svg, div.msg_dms_docx svg {fill: #3f5ea1; color: #3f5ea1;}
div.msg_dms_pdf {background-color: #e1590b;}

/** Slider **/
div.slider {position: relative; float: left; margin: 0; background-color: white; width: 100%; height: 270px;}
div.sliderslice {margin: 0; width: 100%; height: 270px; display: none; border: 1px solid #b7b7b7; box-sizing: border-box;}
div.slidertext {position: absolute; width:362px; height:176px; margin: 50px auto 50px 50px;}
div.sliderlinks, div.sliderrechts {cursor: pointer; position: absolute; top: 120px; width: 30px; height: 30px; border-radius:16px;}
div.sliderlinks {left: 10px; background: url('../gfx/i_links.svg') no-repeat 45%;}
div.sliderlinks:hover {background: #eeeeee url('../gfx/i_links.svg') no-repeat 45%;}
div.sliderrechts {right: 10px; background: url('../gfx/i_rechts.svg') no-repeat 55%;}
div.sliderrechts:hover {background: #eeeeee url('../gfx/i_rechts.svg') no-repeat 55%;}

div.slider2 {width: 100%; height: 240px;}
div.sliderslice2 {width: 100%; height: 240px;}
div.slidertext2 {width: 270px; margin: 40px auto 40px 50px;}

/** Mitarbeiter **/
div#aMitarbeiter {width: 160px; margin-top: 12px; color: #3d3d3d; position: relative;}
div#aMitarbeiter img {width: 157px; height: 157px; margin: 0; border: 1px solid #aeaeae;}
div#aMitarbeiter h2 {font-size: 16px; color: #3d3d3d; font-weight: 200; margin: 8px auto 4px 0;}
div#aMitarbeiter hr {border: 0; border-bottom: 1px outset #666; width: 160px;}
div#aMitarbeiter svg {width: 16px; height: 12px; fill: #3d3d3d; margin: 5px 10px auto -26px;}
div#aMitarbeiter p {font-size: 12px; margin: 0px 10px 10px 5px; padding-left: 26px;}
div#aMitarbeiter a {font-size: 12px; color: #3d3d3d; text-transform: uppercase;}
div#aMitarbeiter a:hover {color: #000; text-decoration: underline;}

/** SessionCounter **/
div#sessioncounter {width: 74px; height: 28px; border: 1px solid #aeaeae; clear: both; margin-top: 6px;}
div#sessioncounter_time {float: left; background-color: #fff; width: 34px; height: 16px; vertical-align: middle; padding: 6px;}
div#sessioncounter_refresh {float: left; background-color: #aeaeae; width: 28px; height: 28px; vertical-align: middle; cursor: pointer;}
div#sessioncounter_refresh svg {width: 18px; height: 18px; fill: #3d3d3d; margin: 5px;}

/** Footer **/
div#footer {position: absolute; bottom: 0; margin: 0; width: 100%; height: 57px; background-color: #d4d2d2;}
div#footer_text {width:1024px;margin:0 auto 0 auto;}
div#footer_text div.links {float: left; text-align: left; margin: 14px auto 6px 0;}
div#footer_text div.rechts {float: right; text-align: right; margin: 14px 0 6px auto;}
div#footer_text p {margin: 0; padding: 0; height: 14px;}
div#footer_text .oben {font-size: 15px; color: #3d3d3d; font-weight: 600; text-decoration: none;}
div#footer_text .unten {font-size: 11px; color: #666666; text-decoration: none; margin: 0; line-height: 18px;}
div#footer_text a.oben {margin: 0 0 0 16px;}
div#footer_text a.unten {margin: 0 0 0 16px;}

/** Status **/
div#stat_success,div#stat_warning,div#stat_hint {position: relative; box-sizing: border-box; width: 100%; border: 1px solid #666666;	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;	min-height:16px; margin: 8px 0 16px 0; padding: 6px; cursor: pointer;}
svg.stat_img_type {vertical-align: top; margin: 0px; padding: 5px; width: 12px; height: 12px; background-color: #ffffff; fill: #ffffff; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;}
svg.stat_img_close {float: right; vertical-align: middle; margin: 0px; padding: 5px; width: 8px; height: 8px; background-color: #666; fill: #ffffff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
div#stat_success {color: #3d3d3d; background-color: #49c61f;}
div#stat_success svg.stat_img_type {fill: #49c61f;}
div#stat_hint {color: #666666; background-color: #d0d0d0;}
div#stat_hint svg.stat_img_type {fill: #666666;}
div#stat_warning {color: #ffffff; background-color: #c64e12;}
div#stat_warning svg.stat_img_type {fill: #c64e12;}


/** Input & Form-Elemente **/
p.fl {float:left}
p.fr {float:right}
.flr {clear: both;}
input, input[type=password], select {height: 24px; border: 1px solid #aeaeae; border-radius: 2px; margin-bottom: 6px; background-color: #fff; padding-left: 6px; font-size: 14px; color: #3d3d3d;}
input[type=submit], input[type=password], button {-webkit-appearance: none;}
select {height: 28px;}
select option {padding:5px 3px;}
input:focus, textarea:focus {outline: 0; border: 1px solid #3d3d3d;}

/*input[type=radio] {width: 24px; height: 24px; cursor: pointer; -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox;}
input[type=radio] {content:url(../gfx/input_radio.png);}
input[type=radio]:checked { -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox;}
input[type=radio]:checked {content:url(../gfx/input_radio_checked.png);}*/

/** Custom Radio Buttons **/
label.radioLabel { display: inline-block; cursor: pointer; position: relative; margin: 0; padding: 0; padding-left: 25px; margin-right: 15px; font-size: 14px; text-transform: none; }
input[type=radio] { display: none; }
label.radioLabel:before { content: url(../gfx/input_radio.svg); display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; }
input[type=radio]:checked + label.radioLabel:before { content: url(../gfx/input_radio_checked.svg); color: #48c51e; font-size: 30px; text-align: center; line-height: 18px; }
input[type=radio].nocustom { display: inline; }

input[type=image] {padding: 0; border: 0; height: auto; width: auto; background-color: none;}
input[disabled] {background-color: #efefef;}
select[disabled] {background-color: #efefef;}
input[readonly] {background-color: #efefef; cursor: default;}
select[readonly] {background-color: #efefef;}
textarea {resize: none; border: 1px solid #aeaeae; border-radius: 2px; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #3d3d3d;}

input[type=submit], input[type=button], button, input[type=reset] {width: auto; min-width: 148px; height: 30px; border: 1px solid #318514; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #48c51e; cursor: pointer; font-family: 'Source Sans Pro', sans-serif;	color: #fff; font-size: 13px; font-weight: 400; letter-spacing: 0.03em; /*text-shadow: 0 1px 0 #000;*/ text-align: center; margin-top: 10px;}
input[type=submit]:hover, input[type=button]:hover, button:hover, input[type=reset]:hover {background-color: #40AC1B;}
input[type=submit]:active, input[type=button]:active, button:active, input[type=reset]:active {background-color: #40AC1B; -moz-box-shadow: inset 1px 3px 4px rgba(61,61,61,0.25); -webkit-box-shadow: inset 1px 3px 4px rgba(61,61,61,0.25); box-shadow: inset 1px 3px 4px rgba(61,61,61,0.25);}
input.bflex, button.bflex {width: auto; min-width: inherit; height: 24px; }

input.neutral, button.neutral {background-color: #aeaeae; border: 1px solid #909090;}
input.neutral:hover, button.neutral:hover {background-color: #949494;}
input.neutral:active, button.neutral:active {background-color: #949494;}

input[type=reset], input.cancel, button.cancel {background-color: #c64e12; border: 1px solid #AC4410;}
input[type=reset]:hover, input.cancel:hover, button.cancel:hover {background-color: #AC4410;}
input[type=reset]:active, input.cancel:active, button.cancel:active {background-color: #AC4410;-moz-box-shadow: inset 1px 3px 4px rgba(61,61,61,0.25); -webkit-box-shadow: inset 1px 3px 4px rgba(61,61,61,0.25); box-shadow: inset 1px 3px 4px rgba(61,61,61,0.25);}

input.button2, button.button2 {background-color: #fff; color: #3d3d3d; text-shadow: none; border: 1px solid #aeaeae;}
input.button2:hover, button.button2:hover {background-color: #efefef;}
input.button2:active, button.button2:active {background-color: #d0d0d0;}

label {display:block; padding:0; margin-bottom: 6px; margin-top: 12px; clear:both; font-size: 14px; color: #666;}

input[type=checkbox] {width: 14px; height: 14px; padding: 0; margin-bottom: 0px; background-color: #fff; border: 1px solid #aeaeae;} /*  icon: url(../gfx/i_checked.svg); icon-color: #49c61f; */

table.formtable {border: 0; width: 100%;}
table.formtable td {vertical-align: top; padding-right: 16px; padding-top: 8px;}

div.table {width: 100%; margin: 0; padding:0; display: table;}
div.row {display: table-row;}
div.cell {display: table-cell;}
div.cell_msg {width: 30px; vertical-align: bottom;}
div.id_msg {width: 20px; margin-bottom: 10px;}
div.row input, div.row input, div.row select {width: 100%; height: 28px; box-sizing: border-box;}
div.row select {width: 100%; height: 28px; box-sizing: border-box;}

div.f50 {width: 50%; float: left;}
div.f100 {width: 100%; float: left;}
div.f50 input, div.f100 input, div.f50 select, div.f100 select {width: 100%; height: 28px; box-sizing: border-box;}
div.f50_i {width: 100%; box-sizing: border-box;}


/** Table **/
table.mct {width: 100%; border-left: 0; border-right: 0; border-spacing: 0; border-collapse: collapse; border: 1px solid #aeaeae;}
table.mct thead th {background-color: #B6B6B6; border: 1px solid #aeaeae; padding: 6px; color: #3d3d3d; text-align: left; vertical-align: top; font-weight: 400;}
table.mct tbody td {color: #3d3d3d; border-top: 1px solid #aeaeae; padding: 10px 6px 10px 6px; text-align: left; vertical-align: top; border: 1px solid #aeaeae;}
table.mct tbody td.subtitle2 {margin:0; padding: 4px; height: 18px; background-color: #d0d0d0; color: #656565; text-align: left;}
table.mct tfoot td {color: #3d3d3d; border-top: 1px solid #aeaeae; padding: 6px; text-align: left; vertical-align: top; border: 1px solid #aeaeae;}
tr.mct0 {background-color: #ffffff;}
tr.mct1 {background-color: #efefef;}
tr.mct2 {background-color: #d0d0d0; text-transform: uppercase;}
table.mct tbody tr.mct2 td {border: 0; padding: 3px 0 3px 16px}
tr.mctg {background-color: #efefef;}
tr.mctr {background-color: #fff;}
table.struct td.mctw {background-color: #fff; border: 1px solid #a7a7a7; padding:3px 3px 3px 10px; border-left: 0; border-right: 0;}
table.mct input[type=submit], div.box2 table.struct button[type=button], div.box3 table.mct button[type=button], div.main_title3 button[type=button] {margin: 0;}

table.mct tbody td.td_fct {text-align: center; vertical-align: middle; cursor: pointer; width: 28px;}
table.mct tbody td.td_fct:hover {background-color: #d0d0d0;}

/** Tutorial **/
div.tutorial {width: 100%; height: 2000px; position: absolute; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.35); display: none;}
div.tutorial_main {margin: 0 auto 0 auto; width: 1024px;}
div.tutorial_pfeil {position: relative; width: 450px; padding: 26px 0 55px 0;}
div.tutorial_pfeil1 {position: absolute; z-index: 1000; top: 0; left: 16px; background: url(../gfx/tutorialpfeil1.png) no-repeat; width:66px; height:66px;}
div.tutorial_pfeil2 {position: absolute; z-index: 1000; top: 0; right: 16px; background: url(../gfx/tutorialpfeil2.png) no-repeat; width:66px; height:66px;}
div.tutorial_pfeil3 {position: absolute; z-index: 1000; bottom: 15px; left: 16px; background: url(../gfx/tutorialpfeil3.png) no-repeat; width:66px; height:66px;}
div.tutorial_pfeil4 {position: absolute; z-index: 1000; bottom: 15px; right: 16px; background: url(../gfx/tutorialpfeil4.png) no-repeat; width:66px; height:66px;}
div.tutorial_box {width: 450px; width: 100%; background: rgba(0,0,0,0.75); color: #fff; }
div.tutorial_box p {margin: 20px; padding-top: 0; color: rgba(255,255,255,0.75);}
div.tutorial_box h1 {padding: 20px; padding-bottom: 0; text-align: center}

/** PRINT **/

@media print{
	back { position: 	 absolute; top: 		 0px; left: 		 0px; }
	
	body, middleCon { background-color:#ffffff;margin-left: 0px;	margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px; }
	
	body.print { background-image:none; background-color:#fff;	color:#000;}
	
	#header, #footer, #rightCon {	display: none; }
	
	img {	display: none; }
	
	h1, h2, h3 { color: #000; }
	
	td
		{
			color: #000000;
			font-size: 9pt;
			font-family: arial;
			font-style: normal;
			font-weight: normal;
			font-stretch: normal;
			text-decoration: none;
			text-transform: none;
		}
		
	a
		{
			color: #000000;
			font-size: 9pt;
			font-family: arial;
			font-style: normal;
			font-weight: normal;
			font-stretch: normal;
			text-decoration: none;
			text-transform: none;
			cursor: pointer;
		}
	
	input, select, textarea { background-color: #ffffff; color: #ff0000; border: 1px solid #1d448b; font-size: 9pt;	font-family: arial; }
}