@charset "UTF-8";
/* RESET
*******************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dir, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 			0;
	padding: 			0;
	border: 			0;
    outline: 			0;
	font-family: 		inherit;
	font-weight: 		inherit;
	font-style: 		inherit;
	font-size: 			100%;
	font-family: 		inherit;
	text-align: 		left;
	vertical-align: 	baseline;
}
@font-face { font-family: 'DroidSerif'; src: url('cssfonts/DroidSerif-Regular.ttf') format('truetype'); }
@font-face { font-family: 'SourceSansPro-Light'; src: url('cssfonts/SourceSansPro-Light.otf') format('truetype'); }
@font-face { font-family: 'SourceSansPro-Semibold'; src: url('cssfonts/SourceSansPro-Semibold.otf') format('truetype'); }
@font-face { font-family: 'SourceSansPro-Regular'; src: url('cssfonts/SourceSansPro-Regular.otf') format('truetype'); }
@font-face { font-family: 'SourceSansPro-Bold'; src: url('cssfonts/SourceSansPro-Bold.otf') format('truetype'); }

input[type="submit"] { -webkit-appearance: none;-webkit-border-radius: 0; }
:focus {outline: 0;}
img, a img, :link img, :visited img {border: none;}
:-moz-any-link:focus {outline: none;  }
ul, ol, li { list-style: none; }
p {text-align: justify;}
html, nav, map, dt, isindex, form {  display: block; } 
/* HTML 5 elements display block-level*/  
header, nav, article, footer, address, section {  display: block;  }
blockquote:before, blockquote:after, q:before, q:after {	content: "";	}
blockquote, q {    quotes: "" ""; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {  text-align: left;  font-weight: normal; 	}

/*BODY, LINKS
*******************************************************/

body { color:#555;font-family:"SourceSansPro-Regular", "HelveticaNeue-thin", Arial;  font-size:12px; word-spacing:2px; background: #fff;   }

a{ color:#026ad5;text-decoration:none;}
a:hover { color:#58a3f0;}

h1, h2, h3, h4, h5{ color:#464646; font-family:DroidSerif,  Arial;  }
h1{ font-size: 28px; }
h2{ font-size: 16px; padding:5px 0px; margin: 0px 15px 10px 25px; color: #29303e; font-family:"SourceSansPro-Light", DroidSerif,  Arial; border-bottom: 1px solid #c3c3c3; text-transform: uppercase; }
h3{ font-size: 15px;text-transform: uppercase; }

#content{ padding: 30px 0px;   margin:0px auto; }
#container{ padding: 30px 0px; margin:0px auto; max-width:1400px;}

.plus{ color: #469400; }
/*FORM
**************************************************/
body .input{ border: 1px solid #c4c4c4; height: 24px; width:100%; max-width: 260px;  font-size: 13px; padding:4px; border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px; margin:5px 0px;}
body .input:focus{ outline: none;  border: 1px solid #1e75b9;  box-shadow: 0px 0px 5px #1e75b9;  -moz-box-shadow: 0px 0px 5px #1e75b9; -webkit-box-shadow: 0px 0px 5px #1e75b9; }
body .sucheInput{ border: 1px solid #c4c4c4; width:100%; max-width: 260px;  font-size:13px; padding:4px; border-radius: 4px; -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; margin:3px 0px 3px -2px;}
body .btn{ background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9);background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); color: #fff;padding: 8px 20px 8px 20px;border: solid #3498db 1px;text-decoration: none; cursor:pointer; text-align: center;border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; width:100%; max-width: 270px; font-size: 13px; }
body .btn:hover{
  background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db);background-image: linear-gradient(to bottom, #3cb0fd, #3498db);text-decoration: none; }

body .select{  padding:3px 5px; background-color:#f3f3f3; border:1px solid #e6e6e6; font-size:12px; color:#333;border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; -webkit-appearance: none; text-align: center;}

body .selectkopver{  padding:3px 5px; background-color:#fff; border:1px solid #e6e6e6; font-size:12px; color:#333;border-radius: 5px; text-align: center;}


body .rotInput{   border:1px solid red; }
/*MELDUNGEN
**************************************************/
.aufmerksam, .info, .erfolg, .fehler{padding:7px 10px;clear:both;margin:10px auto; max-width:1400px;}
.aufmerksam{background:#fff9d7; border:1px solid #e6db55; color:#7b6c11;}
.info      {background:#dbe3ff; border:1px solid #a2b4ee; color:#585b76;}
.erfolg    {background:#d5ffce; border:1px solid #9adf8f; color:#55665f;}
.fehler    {background:#ffcece; border:1px solid #df8f8f; color:#66525f;}

#ergbenis{ padding: 10px 0px; max-width:1400px; margin:0px auto;}
/*HEADER
*******************************************************/
header{ height: 72px; width: 100%; background: url(img/headerLinie.jpg) -237px bottom repeat-x #fff; position: static;   }
header #inner{ max-width:1400px; margin:0px auto; text-align: center;}
header #inner .logo{ width:300px; padding-top:10px;margin:0px auto; display: inline-block; }
header #inner .logo span{  color:#e4e4e4; font-size: 32px;font-family:DroidSerif, Arial; }
header #inner form{ float: left; margin:23px 0px 0px 5px; }
header #kontostand{ float: left; margin:26px 0px 0px 5px; color: #026ad5;font-size: 16px; }
header #inner ul{ float: right;margin:20px 5px 0px 0px; font-size: 12px;}
header #inner ul li{ display:inline-block; vertical-align: middle; padding: 0px 1px; }
header #inner ul li a{ color:#141414;}
header #inner ul .search{ cursor: pointer;width:27px; height:27px; margin:0px 5px; background: url(../img/icons.png)  center 0px no-repeat;   }
header #inner ul .trenner{   width:3px; height:30px;  background: url(../img/icons.png)  center -157px no-repeat;   }
header #inner ul .logout{ width:26px; height:27px; background: url(../img/icons.png)  center -79px no-repeat;   }
header #inner ul .setting{cursor: pointer;width:27px; height:27px; background: url(../img/icons.png)  center -39px no-repeat;   }
header #inner .naviUb{ display:none;float: right; margin:17px 10px 0px 10px;  width:30px; height:33px; background: url(../img/icons.png)  center -195px no-repeat; cursor: pointer;}

nav{ height: 40px; width: 100%; background: #f3f3f3; border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;  }
nav ul{ max-width:1400px; margin:13px auto 0px auto; font-family:"SourceSansPro-Regular",  Arial; letter-spacing: 0.5px; font-size:11px;text-transform:uppercase; }
nav ul li{ vertical-align:top; display:inline-block; margin:0px 8px; padding:0px 1px 3px 1px;}
nav ul li:hover{ border-bottom:2px solid #126084;}
nav ul li a{ color:#141414;}
nav ul li a:hover{ color:#126084;}
nav ul .aktiv{ border-bottom:2px solid #141414; }

#vsuche{ width: 100%; background: #f3f3f3; border-top: 1px solid #ebebeb;  margin: 0px; display: none;}
#vsuche form{ max-width:1400px;  text-align: right;margin: 0px auto;padding:13px 25px 13px 0px;}

#nav2 { width: 100%; background: #f3f3f3; border-bottom: 1px solid #ebebeb;border-top:2px solid #fff; display: none;}
#nav2 ul{ max-width:800px; width: 100%;font-family:"SourceSansPro-Regular",  Arial; letter-spacing: 0.5px; font-size:11px;text-transform:uppercase;  }
#nav2 ul li{  margin:10px 0px; padding:0px 1px 3px 19px; }
#nav2 ul li a{ color:#141414;}
#nav2 ul li a:hover{ color:#126084;border-bottom:2px solid #126084;}
#nav2 ul li .aktiv{ border-bottom:2px solid #141414; }
#nav2 ul .trenner{ margin: 10px 0x; border-bottom:2px solid #fff; }


@media only screen and (max-width:800px)
{  
    #nav2 { display: none;}
    header #inner .logo span{ display: none;}
    header #inner .logo { width: 46px; padding-left: 5px; display: block; float: left;}
    header #inner form{ float: right; padding-right: 5px;}
    header #inner form span{ display: none;}
    header #kontostand{ float: right; }

    header #inner ul{ display: none;}
    header #inner .naviUb{ display:block;}
    nav{ display: none;}
}


/*LOGIN
*******************************************************/
#login section{ width:300px; margin:100px auto 0px auto; background:#fff; font-size:13px; padding:20px 5px;border-radius: 7px; -moz-border-radius: 7px;  -webkit-border-radius: 7px;border:1px solid #e7e6e6;}
#login section form{ text-align: center;  margin:20px auto; }
#login section form .btn{ width:100%; max-width: 270px; margin-top: 20px;border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px;}
#login section form label{ display: block; width:100%; max-width: 270px; margin: 5px auto 0px auto; padding-left:5px; }
#login section h1{ width:100%; max-width: 270px; margin:0px auto; }
#login section p{ width:100%; max-width: 270px; margin:0px auto; }


.kategorie{  padding: 20px 0px; margin:0px auto 50px auto; max-width:1400px;}
.kategorie h2{ text-align: center; }
.kategorie ul{ text-align: center; }
.kategorie ul li{ margin: 5px 3px; width:300px;display: inline-block; vertical-align: top; background:#424856; color: #fff;padding:7px; border-radius: 8px; -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.kategorie ul li p { font-size: 13px; padding:0px 0px 5px 2px;  }
.kategorie ul li select { width:300px; }

.kategorieALL{  padding: 10px 0px;  margin:10px auto 50px auto; background:#29303e; border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;}
.kategorieALL section{    margin:0px auto; max-width:1400px; }
.kategorieALL section h2{  margin: 0px; text-align: center; color: #fff;}
.kategorieALL section form{ margin:0px auto; text-align: center;}
.kategorieALL section form input{ margin-top:10px;}
.kategorieALL section ul{ margin: 15px 0px; text-align: center;  column-count: 4; column-gap: 1em;}
.kategorieALL section ul li{  width: 300px; border: 1px solid #f3f3f3; font-size: 13px; display: inline-block; vertical-align: top; padding: 8px; background: #fff; margin: 6px; border-radius: 8px; -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.kategorieALL section ul li .kateheader{ border-bottom: 2px solid #596272; padding: 2px 0px 9px 0px; font-weight: bold; font-size: 14px;}
.kategorieALL section ul li .keinebuchung{ padding: 5px; color: #8f8f8f; font-weight: bold; font-size: 13px; text-align: center;}
.kategorieALL section ul li p{ padding: 5px; border-bottom: 1px solid #bfbfbf;}
.kategorieALL section ul li p .losch{ float: right; cursor: pointer;width:15px;height:15px;background: url(../img/icons.png)  center -235px no-repeat;}
.kategorieALL section ul li form{ float: right; }
.kategorieALL section ul li form .editSubmit{width:28px;margin:0px 7px;height:20px;background:url(../img/icons.png) center -270px no-repeat;cursor:pointer;}
.kategorieALL section ul li a{float: right; width:20px; margin: 0px 0px 0px 7px; height:20px;background: url(../img/icons.png)  center -235px no-repeat; }


.dauerauftrag{  padding: 10px 0px;  margin:10px auto 50px auto;  }
.dauerauftrag h1{ margin: 200px auto 0px auto;  text-align: center;}
.dauerauftrag table{  margin:30px 0px 50px 30px; font-size: 13px;}
.dauerauftrag table tr{ padding: 5px 0px;}
.dauerauftrag table tr:hover{background:#f3f3f3; }
.dauerauftrag table tr .besch{ text-align:left; padding-left: 10px;}
.dauerauftrag table tr td{ border-bottom: 1px solid #ebebeb;  padding: 3px 7px; text-align:right;}
.dauerauftrag table tr td form .editSubmit{width:28px;margin:0px 7px;height:20px;background:url(../img/icons.png) center -270px no-repeat;cursor:pointer;}
.dauerauftrag table tr td a{float: right; width:20px; margin: 0px 0px 0px 7px; height:20px;background: url(../img/icons.png)  center -235px no-repeat; }


#Katediag{  padding: 10px 0px;  margin:10px auto 50px auto; border-bottom: 1px solid #ebebeb; text-align: center;}
#Katediag ul{  margin: 5px auto; width: 48%; display: inline-block; vertical-align:top; }
#Katediag ul h3{ text-align: center;  padding-bottom: 10px; border-bottom: 1px solid #ebebeb; }
#Katediag ul li{ padding: 5px 0px;}


#einaus{  padding: 10px 0px;  margin:10px auto 50px auto;  border-bottom: 1px solid #ebebeb; text-align: center; font-size: 13px;}
#einaus ul{  margin:30px auto 50px auto; text-align: center; font-size: 14px;}
#einaus ul li{ padding: 7px 0px; margin: 0px auto; border-bottom: 1px solid #ebebeb; text-align: center;width: 100%; max-width: 480px; }
#einaus ul li ol{ display: inline-block; width: 120px; text-align:right;}
#einaus ul li ol a{ color:#444;}
#einaus ul li ol a:hover{ color:#58a3f0;}
#einaus ul li .date{  width: 50px; text-align:left;}

@media only screen and (max-width:550px)
{  
   #Katediag ul{ width: 100%; display: block; }
#einaus ul li ol{ display: inline-block; width: 75px; text-align:right;}

}

.chart{ position: static;  margin:0px auto;  width: 100%;  max-width: 1200px; height: 400px;}

#slide{ position: absolute; width: 100%; max-width: 320px; margin-top: 35px;}
#slide h2{ margin: 0px 0px 10px 0px; padding-left: 3px; }
#slide h5{ text-align:  center;  text-transform: uppercase;}

#slide section{ margin: 0px 0px 30px 0px; padding: 5px; font-size: 12px; }
#slide section ul li p{ float: right;}
#slide section ul li{ padding: 2px;border-bottom: 1px solid #ebebeb;}
#slide section #DA { font-size: 13px;}
#slide section #DA li{ padding: 5px;}
#slide section form ul li{ text-align: center;  padding:7px 0px;}
#slide section form ul li p{ float: none; padding-bottom: 5px; font-size: 13px; text-align: center;}
#slide section form ul li select{ padding: 7px 0px;}
#slide section form ul li .DAtag{ width: 100%; max-width:57px;}
#slide section form ul li .DAmon{ width: 100%; max-width: 145px;}
#slide section form ul li .DAjahr{ width: 100%; max-width: 57px;}
#slide section form ul li .zeitraum{ width: 100%; max-width: 270px;}
#slide section form ul li .steuerBetrag{ width: 100%; max-width: 65px; }
#slide section form ul li .mwst_cl{ cursor: pointer;background:#7cc3ee; padding:2px 12px;border-radius:15px; -moz-border-radius: 15px;  -webkit-border-radius: 15px;  font-size: 13px; }




#wrapper2{ padding: 15px 0px ;}
#wrapper2 .neuespro{ padding: 30px; margin-bottom: 50px; background: #f3f3f3;border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
#wrapper2 .neuespro form{ margin:10px 28px; text-align: center;}
#wrapper2 .neuespro ul { margin: 15px 30px; }
#wrapper2 .neuespro ul li { }
#wrapper2 .neuespro ul .konto{ background:#e4e4e4; padding:15px;}
#wrapper2 .neuespro .head{  padding:5px 0px; margin: 0px 15px 10px 25px;  border-bottom: 1px dashed #c3c3c3;}
#wrapper2 .neuespro .head h3{ font-size: 14px; margin-bottom: 15px;  color: #29303e; font-family:"SourceSansPro-Light", DroidSerif,  Arial; text-transform: uppercase; }
#wrapper2 .neuespro .head h3 form{float: right; margin:0px; }
#wrapper2 .neuespro .head h3 form .submit{ color: darkslateblue; font-weight: bold;padding:0px; background: none; margin:0px; font-size: 11px;font-family:"SourceSansPro-Light", DroidSerif,  Arial;text-transform: uppercase; cursor: pointer; letter-spacing: 1px;}
#wrapper2 .neuespro .head h3 .loesch{ float: right; font-size: 11px; color: crimson; font-weight: bold; margin-left: 10px;}
#wrapper2 .neuespro .head p{ min-height: 20px; padding: 4px 10px 0px 0px; min-width: 20px; font-size: 12px; text-transform: none;  display: inline-block;}


#wrapper{  margin-left: 325px; padding: 15px 0px 0px 15px;}
#wrapper section{ margin: 20px 0px 0px 0px; padding: 15px 0px 0px 15px;  }
#wrapper section h2{ margin:0px 0px 20px 0px; padding:0px; }
#wrapper section h2 .summe{padding: 10px 0px; font-size: 14px; }

#wrapper section .klsubmit { color: #fff;padding: 2px 10px;border: solid #3498db 1px;border-radius: 3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  font-size: 13px;  }
#wrapper section ol { text-align: center; margin-bottom: 15px;}
#wrapper section ol li{ display: inline-block; vertical-align: middle; margin: 0px auto;  }
#wrapper section ul { font-size: 13px; }
#wrapper section ul li{ padding: 5px;border-bottom: 1px solid #ebebeb; }
#wrapper section ul .hoverli{ background:#f3f3f3; }
#wrapper section ul li:hover{background:#f3f3f3; }
#wrapper section ul .inhalt{ font-size: 13px; display: none;background:#f3f3f3; padding: 10px; margin:0px 0px 10px 0px; }
#wrapper section ul .summe{ font-size: 14px;}
#wrapper section ul .steuer{ font-size: 12px;}
#wrapper section ul .betrag{ float: right; padding-right: 10px;}
#wrapper section ul .bid{  width: 60px; font-size: 11px;  display: inline-block;}
#wrapper section ul .inhalt .date{  padding-right:10px;}
#wrapper section ul .inhalt .details{ float: right; width:20px; margin: 0px 3px 0px 7px; height:20px; cursor: pointer;}
#wrapper section ul li .loesch{ float: right; width:20px; margin: 0px 0px 0px 7px; height:20px;background: url(../img/icons.png)  center -235px no-repeat;}
#wrapper section ul li .bearbeit{ float: right; width:28px;margin:0px 7px;height:20px;background:url(../img/icons.png) center -270px no-repeat;cursor:pointer;}
#wrapper section ul .inhalt  .koschib{  padding:5px 15px 15px 0px; display: inline-block;}
#wrapper section ul .inhalt  .steuerncs dd{  margin: 5px 0px 15px 0px;}
#wrapper section ul .inhalt  .steuerncs dd dl{ font-size: 13px;  }
#wrapper section ul .inhalt  .steuerncs dd dt{  text-align: right; border-bottom: 1px solid #a1a1a1;padding: 5px 0px; display: inline-block;width: 80px;}
#wrapper section ul .inhalt  .steuerncs dd .mwst{  text-align: left; width: 50px;}

  
#wrapper #neuecsv { margin:35px 0px 20px 0px; padding-bottom: 20px; border-bottom: 2px dashed #999; text-align: center;}
#wrapper #neuecsv h2{ margin:0px 0px 20px 0px; padding:0px; }
#wrapper #neuecsv ul {  padding: 5px;border-bottom: 1px solid #e2e2e2;  }
#wrapper #neuecsv ul:hover{background:#f3f3f3; }
#wrapper #neuecsv ul li{ display: inline-block;  vertical-align: middle; font-size: 13px; margin:0px 7px; }
#wrapper #neuecsv ul .mwstLI{ display: none; border-bottom: 1px solid #ffe400; background:#fffcdf;  padding:3px 0px 3px 50px; margin:0px;}
#wrapper #neuecsv ul .mwstLI input{  height: 15px; width:100%; max-width: 100px; }
#wrapper #neuecsv ul .mwst_cl{ cursor: pointer;background:#7cc3ee; padding:2px 12px;border-radius:15px; -moz-border-radius: 15px;  -webkit-border-radius: 15px;  font-size: 13px; }
#wrapper #neuecsv ul .mwst_cl_pl{ background:#88bf03;cursor: pointer; padding:2px 12px;border-radius:15px; -moz-border-radius: 15px;  -webkit-border-radius: 15px;  font-size: 13px;}
#wrapper #neuecsv ul .mwst_cl_-{ background:#f5ba51;cursor: pointer; padding:2px 12px;border-radius:15px; -moz-border-radius: 15px;  -webkit-border-radius: 15px;  font-size: 13px;}
#wrapper #neuecsv ul .id{ width: 25px;}
#wrapper #neuecsv ul .eingabe{ width: 285px;}
#wrapper #neuecsv ul .preis{ width: 70px; font-size: 14px;}

#wrapper #neuecsv ul .upload_cl{ text-align: left;cursor: pointer;background:#ffde00; padding:2px 12px;border-radius:15px; -moz-border-radius: 15px;  -webkit-border-radius: 15px;  font-size: 13px; }

#wrapper #neuecsv ul .uploadSchleife{ display: none; text-align: left; border-bottom: 1px solid #dddddd; background:#f0f0f0;  padding:10px;}
#wrapper #neuecsv ul .uploadSchleife .file_browse_wrapper {width: 88px;height:91px;background: url(../img/uploadButton2.png) no-repeat center;overflow:hidden;margin-left:10px; margin:0px auto;}
#wrapper #neuecsv ul .uploadSchleife  .img_browse{cursor:pointer;height:100%; width:100%;opacity:0.0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }




@media only screen and (max-width:550px)
{  
#wrapper{ padding: 2px; }
#wrapper section{  padding: 15px 0px 0px 0px;  }
#wrapper section ul { font-size: 11px; }
#wrapper section ul li{ padding:5px 0px; min-height: 30px; }
#wrapper section ul li .bid{ display: none;}

}

@media only screen and (max-width:860px)
{  
#wrapper{  margin:0px auto; padding: 15px; }
#slide{ position: inherit;max-width:100% ; }
}