@charset "utf-8";
/*Browser-Reset http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 License: none (public domain)*/
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, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol,
ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure,
figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
	/* gelöscht aus reset: em, strong*/
/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* Schriftgröße kontrollieren  */
body, td, th {font: normal 75%/167% Times New Roman, Verdana, Arial, Helvetica, sans-serif;}
td, th {font-size: 100%;}
/* Farben und Hintergrund setzen */
html,body {color: black;background: #006ec3 url(../images/background6.jpg) repeat fixed;}
/* Allgemein */
/* Loginwrapper */
#logsite{
	background: #fde05d;padding:30px;margin: 20px auto;width:400px;
	border: 1px solid white; border-radius: 15px;box-shadow: 7px 7px 5px #303030;
}
/* Login */
#login input[type=text],#login input[type=password]{background:transparent;font-size: 18px;color:blue; border:1px solid #af7d4e;padding:3px 5px;width:120px;cursor:pointer;font-family:Times New Roman;margin-right:10px;}
input.submit {
  background: url(../images/logo2.jpg) repeat;
  color: black; font-weight:bold;font-size: 18px;padding: 2px 8px;
}
input[type=submit]:hover,input[type=submit]:focus,input[type=submit]:active {
	color: white;
	}
/* Standard-Innenwrapper */
#auswahl{
	background: #fde05d;padding:20px;width:690px;position:relative; margin: 20px auto;
	border: 1px solid white; border-radius: 25px;box-shadow: 7px 7px 5px #303030;
}
#buero{
	background: #fde05d;padding:20px;width:1200px;min-height:300px;position:relative;margin: 20px auto;
	border: 1px solid white; border-radius: 25px;box-shadow: 7px 7px 5px #303030;
}
#buero1{
	background: #fde05d;padding:20px;width:1600px;min-height:300px;position:relative;margin: 20px auto;
	border: 1px solid white; border-radius: 25px;box-shadow: 7px 7px 5px #303030;
}
#buero11{
	background: #fde05d;padding:20px;width:2000px;min-height:300px;position:relative;margin: 10px auto;
	border: 1px solid white; border-radius: 25px;box-shadow: 7px 7px 5px #303030;
}
#buero2{
	background: #fde05d;padding:20px;width:1000px;min-height:300px;position:relative;margin: 20px auto;
	border: 1px solid white; border-radius: 25px;box-shadow: 7px 7px 5px #303030;
}
#buero3{
	background: #fde05d;padding:10px;width:1500px;min-height:300px;position:relative;margin: 20px auto;
	border: 1px solid white; border-radius: 25px;box-shadow: 7px 7px 5px #303030;
}
#buero4{
	background: #fde05d;padding:10px;width:800px;min-height:300px;position:relative;margin: 20px auto;
	border: 1px solid white; border-radius: 25px;box-shadow: 7px 7px 5px #303030;
}
h1{font-size: 24px;color:black;text-shadow: white 2px 2px;padding-bottom:15px;text-align:center;font-weight:bold;}
h2{font-size: 20px;color:black;text-shadow: white 2px 2px;padding-bottom:5px;text-align:center;font-weight:bold;}
/* Hauptmenue */
.breit1{width:345px;}
.breit2{width:230px;}
.breit3{width:100px;}
.breit33{width:65px;}
.breit4{width:265px;}
.breit5{width:138px;}
.breit6{width:640px;}
.breit7{width:200px;}
.breit8{width:150px;}
.breit9{width:30px;}
.breit10{width:1050px;}
.breit11{width:120px;}
.breit12{width:80px;}
.top{padding-top:20px;}
.butt{background:url(../images/granite1.png) repeat;margin:7px 15px;padding:10px;box-shadow: 4px 4px 10px black;}
.butt1{background:url(../images/granite1.png) repeat;width:100px;margin:7px 15px;padding:10px;box-shadow: 4px 4px 10px black;}

.clear{clear:both;}
.help {cursor:help;}
.blue{color:blue;}
.green{color:green;}
.rot,.red{color:red;}
.weiss{color:white;}
.grey{color:grey;}
.black{color: black;}
.mini{font-size: 8px;}
.klein{font-size: 10px;}
.gross{font-size: 14px;}
.big {font-size: 16px;font-weight:bold;}
.big1 {font-size: 20px;font-weight:bold;}
.big2 {font-size: 16px;}
.fett{font-weight:bold;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.nounder {text-decoration: none;}
.bord{border: 2px solid black;padding:5px 10px;background:url(../images/granite1.png) repeat;}
.trenner{border-bottom:1px solid black;}
#ip td,#verdacht td,#jobs td,.produkt td,#brett1 td,#brett2 td,#konto td{text-align:center;font-weight:bold;}
.mitte{vertical-align:middle;}
.topper{vertical-align:top;}
.row_0 {background: transparent url(../images/background_wrapper.png) repeat;}
.row_1{background: transparent url(../images/background_wrapper2.png) repeat;}
tr.row_0:hover,tr.row_1:hover,tr.row_2:hover,tr.row_3:hover {
    background: transparent url(../images/background_wrapper3.png) repeat;}
a:hover,a:focus,a:active{
   color: black;
}
.float{float:left;padding:0 3px;font-size: 14px;}
.prodblock{margin: 10px;}
.prodblock td{border: 1px solid black;padding:0 5px;width:150px;}
.konto{background:transparent;font-size:18px;color:blue; border:1px solid #af7d4e;padding:3px 5px;width:320px;cursor:pointer;font-family:Times New Roman;margin-right:10px;}
#konto .eins  {text-align:left;width:120px;padding-left:10px;}
#konto .zwei  {text-align:left;width:700px;}
#konto .drei  {text-align:right;width:150px;padding-right:10px;}
.ablock1,.ablock2{
	position: relative;width: 680px;margin: 15px auto;
	padding:10px 20px 15px 20px;background: #fde57c url(../images/background_wrapper.png) repeat;
	font-size:12px;border: 1px solid black;box-shadow: 7px 7px 5px #303030;}
.ablock1 td ,.ablock2 td {width:150px;}
.block{
	position: relative;width: 400px;margin: 15px auto;
	padding:10px 20px;background: #fde57c url(../images/background_wrapper.png) repeat;
	border: 1px solid black;box-shadow: 7px 7px 5px #303030;}
.block td{font-weight:bold;font-size:16px;}
.block1{
	position: relative;width: 800px;margin: 0px auto;
	padding:10px 20px;background: transparent;
	border: 2px solid black;}
.block1 p,.block1 td{font-weight:bold;font-size:16px;}
.platz{margin-left:30px;}
.platz2{margin-left:100px;}
.platz3{margin-top:30px;}
.platz1{margin-left:250px;}
.platz11{margin-left:230px;}
.pl1{margin-left:10px;}
.mail{background:transparent;font-size:18px;color:blue; border:1px solid #af7d4e;padding:3px 5px;font-family:Times New Roman;}
#newspaper{background: white url(../images/zeitung.jpg)no-repeat;position: relative; width: 400px;height:565px;margin: 20px auto;box-shadow:7px 7px 5px #303030;}
.news td{text-align:center;padding: 0 2px;font-size:12px;}
.rb{border-right:1px solid black;font-family:Times New Roman;font-style:italic;font-weight:bold;}
.lb{border-left:1px solid black;font-family:Times New Roman;font-style:italic;font-weight:bold;}
.bb{border-bottom:1px solid black;font-style:italic;font-weight:bold;}
.fs{font-family:Times New Roman;font-style:italic;font-weight:bold;}
.ueb{overflow:hidden;white-space:nowrap;}
.text{font-size:5px;font-family:Verdana;font-weight:normal;font-style:normal;line-height:120%;overflow:hidden;text-align:left;}
.text2{font-size:10px;font-family:Verdana;font-weight:normal;font-style:normal;line-height:120%;overflow:auto;text-align:left;}
#newspaper a{text-decoration: none;}
.text2 a {color: red;}
.text2 a:hover {color: blue;}
#trans .eins  {width:80px;}
#trans .zwei  {width:180px;overflow:hidden;white-space:nowrap;}
#trans .drei  {width:160px;}
#trans .vier  {width:190px;}
.trans{padding-bottom:10px;}
/*Fehlermelder*/
.err,.rig,.err2,.rig2{position:absolute;top:100px;left:150px;background:url(../images/granite1.png) repeat;width:400px;padding:10px;box-shadow: 4px 4px 10px black;}
.rig p,.err p,.rig2 p,.err2 p{background:url(../images/richtig.jpg) repeat;font-size:18px;text-align:center;color:white;text-shadow: black 2px 2px;padding:10px;border: 1px solid white;}
.err p,.err2 p{background:url(../images/err.jpg ) repeat;}
.err2,.rig2{left:310px;}
/* buttons */
.button,.button2 {
	border-top: 1px solid #cae6e4;
	background: #1b540c;
	background: -webkit-gradient(linear, left top, left bottom, from(#3ec922), to(#1b540c));
	background: -webkit-linear-gradient(top, #3ec922, #1b540c);
	background: -moz-linear-gradient(top, #3ec922, #1b540c);
	background: -ms-linear-gradient(top, #3ec922, #1b540c);
	background: -o-linear-gradient(top, #3ec922, #1b540c);
	padding: 2px 7px;
	border-radius: 8px;
    box-shadow: rgba(0,0,0,1) 1px 1px 2px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 12px;
	font-family: Georgia, serif;
	text-decoration: none;
	vertical-align: top;
	letter-spacing:1px;
}
.button:hover,.button2:hover {
   background: #11591c;
   color: #b0aab0;
   box-shadow: rgba(0,0,0,1) 0 0 0;
   text-shadow: rgba(0,0,0,.4) 0 0 0;
}
.button:active,.button2:active {
   border-top-color: #3cb048;
   background: #3cb048;
}
.button2{width:90px;}
.sortfeld{
width:17px;max-width:17px;font-size:9px;text-align:center;
}
.formulag2,.formulag1,.formulag3,.formulag4{
	color:blue;background: #fde57c;font-weight:bold;text-align:center;border-radius: 8px;padding:2px 0;
	border: 2px solid white;border-top-color: grey; border-left-color: grey;width: 60px;
}
.formulag1{
	width: 80px;
}
.formulag3{
	width: 200px;
}
.formulag4{
	width: 400px;
}
/* Back to top button */
#back-top {position: fixed;bottom: 40px;margin-left: -10px;}
#back-top a {width: 50px;display: block;text-align: center;font: 7px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: black;	-webkit-transition: 1s;	-moz-transition: 1s;transition: 1s;}
#back-top a:hover {color: black;}
#back-top span {width: 50px;height: 50px;display: block;margin-bottom: 4px;background: transparent url(../images/up-arrow.png) no-repeat center center;border: 1px solid black;border-radius: 15px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover span {background-color: #777;}