﻿.Eingabefeld
{
    BACKGROUND: white;
    COLOR: blue;
    FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
.Ausgabefeld
{
    BORDER-RIGHT: blue;
    BORDER-TOP: blue;
    BACKGROUND: #d5eae9;
    BORDER-LEFT: blue;
    COLOR: blue;
    BORDER-BOTTOM: blue;
    FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
.Inputfield
{
    BACKGROUND: white;
    COLOR: blue;
    FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
.Outputfield
{
    BORDER-RIGHT: blue;
    BORDER-TOP: blue;
    BACKGROUND: #ffffcc;
    BORDER-LEFT: blue;
    COLOR: blue;
    BORDER-BOTTOM: blue;
    FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
.xxxxxnoprint {
display: none;
}

a:link {
	color:#003399;
	text-decoration:underline;
}
a:visited {
	color:#003399;
	text-decoration:underline;
}
a:hover {
	color:#339966;
	text-decoration:underline;
}
a:active {
	color:#339966;
	text-decoration:underline;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#003399;
	background-color:#FFFFFF;
	scrollbar-face-color:#DCE4F0;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#FFFFFF;
}

textarea.f10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
} 

table {
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	background-color:#FFFFFF;
}
table.schwarz {
	color: #000000;
}
th {
	border:0px;
	background-color:#fFfdff;
}
TH.artli { 
	padding:1px;
	margin:0px;
	background-color:#0000ff;
	color: #FFFFFF;
}

TH.lghgr1{ BACKGROUND-COLOR: #DBF3B8 }


tr {
	border:0px;
	padding:4px;
	margin:4px;
}
TR.artli { 
	padding:1px;
	margin:1px;
}

TD.artli { 
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-collapse:collapse;
}

TR.sml90   { FONT-SIZE: 90%; }
TR.sml80   { FONT-SIZE: 80%; }

td {
	border:1px solid #0066FF;
}
TD.mz01  { BACKGROUND-COLOR: #FFA557 }
TD.lgz1  { BACKGROUND-COLOR: #FFCCFF }
TD.lgz2  { BACKGROUND-COLOR: #FF99CC }
TD.lgz3  { BACKGROUND-COLOR: #FF6699 }
TD.lgz4  { BACKGROUND-COLOR: #FF0066 }
TD.lgz5  { BACKGROUND-COLOR: #CC0066 }
TD.cha1  { BACKGROUND-COLOR: #CCEEDD }
TD.lgzx  { BACKGROUND-COLOR: #990033 }
TD.lg2   { BACKGROUND-COLOR: #AABBDD }
TD.lg3   { BACKGROUND-COLOR: #FFFFAA }
TD.lghgr1{ BACKGROUND-COLOR: #DBF3B8 }
TD.lggr1 { BACKGROUND-COLOR: #CCFF99 }
TD.ylz1  { BACKGROUND-COLOR: #FFFF00 }
TD.lggra { BACKGROUND-COLOR: #009999 }
TD.lgblu { BACKGROUND-COLOR: #CCFFFF }
TD.mxblu { BACKGROUND-COLOR: #286AB6 }
TD.hdr   { BACKGROUND-COLOR: #FFEEAA;  FONT-SIZE: 90%}
TD.xxxx  { BACKGROUND-COLOR: #FFFFFF }
TD.p80   { FONT-SIZE: 80%}
TD.p70   { FONT-SIZE: 70%}
TD.p130  { FONT-SIZE: 130%}
TD.p150  { FONT-SIZE: 150%}
TD.p200  { FONT-SIZE: 200%}
TD.PAD	 { padding-left: 35px }
TD.schwarz { color: #000000; }
td.oran	{ BACKGROUND-COLOR: #F5B35A;}
TD.lgora { BACKGROUND-COLOR: #FFCC66 }
TD.colbox { width=8; }

.td_special {
	padding:4px;
	margin:4px;
}

.td_special2 {
	padding:0px;
	margin:0px;
	border:0px;
}

.td_special3 {
	padding:0px;
	margin:0px;
	border:0px;
	font-size:10px;
}

.td_imp {
	border:1px solid #003399;
	padding:10px;
	margin:4px;
	background-color: transparent;
}

.suche {
	background-color:#ffffdf;
}

.tabelle {
	position:absolute;
	top:7px;
	left:20px;
}

.tabelle2 {
	background-color:#DCE4F0;
}


.navi_back {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

.navi_text {
	color:#003399;
	position:absolute;
	top:20px;
	left:35px;
	z-index:2;
	width:120px;
	font-weight:normal;
	height:400px;
		
}

.navi_form{
	color:#003399;
	position:absolute;
	top:300px;
	left:35px;
	z-index:2;
	width:120px;
	font-weight:bolder;
	
	
}

.main_text {
	color: #003399;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
	width: 800px;
	height: 420px;
	padding: 10px;
	text-align: justify;
}

.main_text2 {
	color: #003399;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
	width: 800px;
	height: 420px;
	padding: 10px;
	text-align: justify;
}

.main_text3 {
	color: #003399;
	position: relative;
	left: 40px;
	z-index: 2;
	text-align: justify;
}

#box1 {
	position:absolute;
	top:60px;
	left:5px;
	width:230px;
	border:1px solid #003399;
	z-index:2;
	padding: 4px;
}

.neu {
	position: absolute;
	top: 300px;
	left: 30px;
	width: 700px;
	height:100;
	border: ;
	z-index: 2;
	padding: 4px;
	font-family:verdana;
	font-size:8pt; 
	font-weight:normal;
	color:#003399;
	visibility:hidden;
	filter:blendTrans(Duration=5)
	

}

#box2 {
	position: absolute;
	top: 60px;
	left: 250px;
	width: 230px;
	border: 1px solid #003399;
	z-index: 2;
	padding: 4px;
}

#box1_angebot {
	position:absolute;
	top:100px;
	left:10px;
	width:350px;
	z-index:2;
	height:320px;
	background-color:transparent;
	
}

#box2_angebot {
	position: absolute;
	top: 100px;
	left: 400px;
	width: 350px;
	z-index: 2;
	height: 320px;
	background-color:transparent;
}
#vorher {
	border: 1px solid #003399;
	padding: 6px;
	overflow-y: scroll;
}

#butt_angebot {
	position: absolute;
	top: 10px;
	left: 500px;
	width: 120px;
	z-index: 2;
	height: 25px;
	background-color:transparent;
	text-align: center;
}

.shop {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 450px;
	z-index: 2;
	padding: 10px;
	height: 200px;
}

.img_nobord {
	border: 0px;
}

.team_img {
	position: relative;
	left: 10px;
	border: 1px solid #003399;
	z-index: 2;
	padding: 6px;
}

.team2_img {
	position: relative;
	left: 110px;
	border: 1px solid #003399;
	z-index: 2;
	padding: 6px;
}

.team_text {
	position: relative;
	left: 10px;
	width: 260px;
	border: 0px solid #003399;
	z-index: 2;
	padding: 6px;
	height: 50px;
}

.team2_text {
	position: relative;
	left: 100px;
	border: 0px solid #003399;
	z-index: 2;
	padding: 6px;
	height: 50px;
}

.karte {
	position: absolute;
	top: 15px;
	left: 500px;
	border: 1px solid #003399;
	z-index: 2;
}

.lauftext {
	position: absolute;
	top: 260px;
	left: 32px;
	border: 1px solid #003399;
	z-index: 2;
}
p.css-vertical-text {
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
}

.tab_head {
	background: #048;
	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px;
	border: 0px;
}

.tab_head a{	
	color: #FFFFFF;
}

.kasse {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.kasse:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.kasse:active {
	position:relative;
	top:1px;
}

.kzf td {border: 1px solid #ccc; text-align: center; padding: 3px;}
.kzf th {background-color: #666; color: #fff;   padding-bottom: 50px;  padding-top: 50px;  border: 1px solid #ccc;  }
.kzf table { border-collapse: collapse; }
.kzf body {font-family: verdana; font-size: 11px; }

.leer    {border: 0px !important;}

.rotate {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg); 
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.horizSpace
{
  padding: 5px 0;    
}
.rotate { filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\9 } /* IE8 and below */
.rotate { filter /*\**/: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\9 } /* IE8 standards mode */
:root .rotate { filter: none; }  /* remove hack in IE9+ */





