/*
////////////////////////////////////////  
// Projekt: EZS-Webtool
// Beschreibung: Cascading Style Sheet
// Autor: SAe
// Last Modified: 09.03.2009
////////////////////////////////////////  
*/

/**
	Layout
*/

* html body 
{ 
	text-align:center; 
}

html
{
	padding:0;
	margin:0;
}

body
{
	background-color:#E7EFF5;
	font-family:arial,'myriad pro', Trebuchet MS, Helvetica, sans-serif;
	line-height:120%;
  background-image:url(layout/bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
}

#wrapper 
{ 
	width:990px; 
	margin:0 auto; 
	background-color:white;
	border:1px solid #ccc;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
}

#header
{
	background-image:url("layout/header.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	height:129px;
	background-color:#f9f9f9;
}

#navi {
	height:30px;
	background-color:#fcdcd5;
  border-top:1px solid #fff;
  border-bottom:1px solid #fb8d90;
}

#navi ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#navi li {
	float:left;
	margin-top:4px;
}
#navi a {
	text-decoration:none;
	color:black;
	padding:5px;
	border:1px solid #36ace9;
	font-size:12px;
	font-weight:bold;
	font-family:tahoma,arial;
	background-color:#bed6e3;
	margin-left:5px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
  -webkit-border-radius:4px;
}
#navi a:hover {
	background-color:#c6dfff;
}

#main
{
	padding:10px;
	font-size:12px;
  text-align:left;
}

#main td
{
	padding:3px;
}

#footer
{
	padding:10px;
	border-top:1px solid #eee;
	color:black;
	font-size:10px;
	font-family: tahoma;
}

/**
	HTML Formate
*/

img {
	border:none;
}

th {
	text-align:left;
}

h1, h2, h3 {
  color:#2B5275;
}
h1 {
  font-size:20px;
}

/**
	Klassen
*/
.warnung {
	background-color:#FCAFB3;
	border:2px solid #FB9398;
	margin:20px;
	padding:10px;
}

.warnung h3 {
	background-image:url(layout/err.png);
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px solid #FB9398;
	font-family:tahoma;
	font-size:18px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:0;
	padding-left:20px;
}

.alert {
	background-color:#fffabf;
	border:2px solid #fff267;
	margin:20px;
	padding:10px;
}

.alert h3 {
	background-image:url(layout/alert.png);
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px solid #ead700;
	font-family:tahoma;
	font-size:18px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:0;
	padding-left:20px;
}

.notification {
	background-color:#dcebff;
	border:2px solid #81b8ff;
	margin:20px;
	padding:10px;
}

.notification h3 {
	background-image:url(layout/information.png);
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px solid #81b8ff;
	font-family:tahoma;
	font-size:18px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:0;
	padding-left:20px;
}

input, textarea, select {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
  -webkit-border-radius:4px;
	background:#FFFFFF url(layout/input_bg.gif) repeat-x scroll center top;
	border:1px solid #BBBBBB;
	font-family:Helvetica,Georgia;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:5px;
}

input:focus, textarea:focus, select:focus
{
	background:#F3FAFF url(layout/input_highlight_bg.png) repeat-x scroll center top;
	border-color:#B7C7D3;
}

input.button, .submit, .gbutton
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
  -webkit-border-radius:4px;
	background:#3dacf2;
	border-color:#95d4fc #1a87cc #1a87cc #95d4fc;
	border-style:solid;
	border-width:0 1px 1px 0;
	color:#FFFFFF;
	cursor:pointer;
	font-size:16px;
	height:30px;
	line-height:30px;
	margin:0;
	overflow:visible;
	padding:0 15px;
	text-shadow:1px 1px #2d78cc;
	font-family:'Lucida Grande',Helvetica,Arial,sans-serif;
	text-decoration:none;
	display:block;
}

.button {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
  -webkit-border-radius:4px;
	background:#6471B4 none repeat scroll 0 0;
	border-color:#AEB4D3 #28367F #28367F #AEB4D3;
	border-style:solid;
	border-width:0 1px 1px 0;
	color:#FFFFFF;
	cursor:pointer;
	font-family:'Lucida Grande',Helvetica,Arial,sans-serif;
	font-size:20px;
	height:35px;
	line-height:35px;
	margin:0;
	overflow:visible;
	padding:0 5px;
}


.regform {
	padding:5px;
  width:80%;
}
.regform td {
	width:50%;
}

.startseite_left {
	width:50%;
	border-right:2px solid #f4f4f4;
}
.startseite_right {
	width:50%;
}
.welcome {
  width:80%; 
  text-align:justify;
  font-weight:bold;
  border:1px solid #2B5275;
  background-color:#E7EFF5;
  padding:0 10px 0 10px;
  margin:0 auto;
  margin-bottom:15px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.welcome h1 {
  margin-bottom:5px;
  margin-top:10px; 
  font-size:20px;
}
.startseite_left h3, .startseite_right h3 {
  margin-left:10px;
  border-bottom:2px solid #E7EFF5;
  width:80%;
  font-size:14px;
}

.registration  {
	margin-left:25px;
}
.registration td {
	/*width:50%;*/
	border-bottom:1px dotted #ccc;
}

.atable {
	width:100%;
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fafafa;
}

.tres {
	width:100%;
	border-top:1px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fafafa;
	border-collapse: collapse;
}

.tres th {
	background-color: #ebebeb;
	padding:3px;
	border-bottom:1px solid #ccc;
}

.tres td {
	padding:3px;
	border-bottom:1px dotted #ccc;
}

.tres td.hightlight {
	background-color:white;
	font-weight:bold;
	border:1px solid #ccc;
}

.abtn {
	width:200px; 
	float:left;
	margin:10px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#f3f3f3;
	border:1px solid #ccc;
}
.abtn a {
	text-decoration:none;
	color:black;
	display:block;
}
.abtn a:hover {
	background-color: #c6dfff;
}

.statusupdate {
	width:290px; 
	margin:0 auto;
	margin-top:20px;
	padding:10px;
	display:block;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#f3f3f3;
	border:1px solid #ccc;
}

.statusupdate h3 {
	margin:0px;
}


.oda {
	border-collapse: collapse;
	width:100%;
	border:1px solid #ccc;
}
.oda td {
	border-bottom:1px dotted #ccc;
}
.oda td.odd {
	background-color:#eee;
	font-weight:bold;
	width:25%;
}
.oda td.even {
	width:25%;
}


/**
	ESR / BESR
	Vorschau Klassen
*/

.es_master {
	padding-left:10px;
	font-weight:bold;
}
.es_master input, .es_master textarea {
	border:none;
	border-bottom:1px solid #eeda00;
	padding:1px;
	/*background:white;*/
  background:#fffac1;
}
.es_master input:focus, .es_master textarea:focus {
  background-color:white;
}
.es_master .inactive {
  background:none;
  border:none;
  color:black;
}
.esr .inactamount,
.esr_plus .inactamount,
.esr_bank .inactamount,
.esr_plus_bank .inactamount {
  background-color:#fef4ea;
  border:none;
  color:black;
}
.es .inactamount,
.es_bank .inactamount
{
  background-color:#fee9e3;
  border:none;
  color:black;
}
.addin {
	width:220px;
}
.zwein {
	width:230px;
	height:85px;
}
.ktoin {
	width:114px;
}
.betin {
	width:250px;
	height:30px;
	font-size:20px;
	letter-spacing: 2px;
	margin-top:3px;
}
.refid {
	font-size:14px;
	letter-spacing: 3.5px;
	background:none;
	border:none;
	width:340px;
}

.es {
	background:url(layout/ezs/es.jpg);
	width:950px;
	height:478px;
}
.es_bank {
	background:url(layout/ezs/es_bank.jpg);
	width:950px;
	height:478px;
}
.esr {
	background:url(layout/ezs/esr.jpg);
	width:950px;
	height:479px;
}
.esr_plus {
	background:url(layout/ezs/esr_plus.jpg);
	width:950px;
	height:479px;
}
.esr_bank {
	background:url(layout/ezs/esr_bank.jpg);
	width:950px;
	height:479px;
}
.esr_plus_bank {
	background:url(layout/ezs/esr_plus_bank.jpg);
	width:950px;
	height:479px;
}
.esr_plus_zv {
	background:url(layout/ezs/esr_plus_bank.jpg);
	width:950px;
	height:479px;
}

.adress_block_1 {
	position:relative;
	padding-left:13px;
	padding-top:37px;
	width:250px;
	height:150px;
	float:left;
}
.adress_block_2 {
	position:relative;
	padding-left:26px;
	padding-top:37px;
	width:250px;
	height:150px;
	
	float:left;
}
.zweck_block {
	position:relative;
	padding-left:20px;
	padding-top:37px;	
	width:235px;
	height:90px;
	
	float:left;
}
.referenz_no {
	position:relative;
	padding-left:35px;
	padding-top:25px;	
	width:370px;
	height:30px;
	font-size:14px;
	float:left;
	letter-spacing: 3.5px;
}

.kto_left {
	position:relative;
	top:4px;
	left:120px;
	width:140px;
	height:20px;
	font-size:14px;

	float:left;
}
.kto_right {
	position:relative;
	top:4px;
	left:255px;
	width:140px;
	height:20px;
	font-size:14px;

	float:left;
}

.betrag_left_both {
	position:relative;
	top:12px;
	left:10px;
	width:250px;
	height:30px;
	font-size:20px;
	letter-spacing: 12px;
	float:left;
}
.betrag_right_both {
	position:relative;
	top:12px;
	left:37px;
	width:250px;
	height:30px;
	font-size:20px;
	letter-spacing: 12px;
	float:left;
}

.betrag_left_1 {
	position:relative;
	top:23px;
	left:21px;
	width:180px;
	height:20px;
	font-size:20px;
	letter-spacing: 12px;
	float:left;
}
.betrag_right_1 {
	position:relative;
	top:23px;
	left:43px;
	width:40px;
	height:20px;
	font-size:20px;
	letter-spacing: 12px;
	float:left;
}

.betrag_left_2 {
	position:relative;
	top:23px;
	left:76px;
	width:180px;
	height:20px;
	font-size:20px;
	letter-spacing: 12px;
	float:left;
}
.betrag_right_2 {
	position:relative;
	top:23px;
	left:98px;
	width:40px;
	height:20px;
	font-size:20px;
	letter-spacing: 12px;
	float:left;
}
.paid_by_left {
	position:relative;
	top:43px;
	left:13px;
	width:250px;
	height:80px;
	float:left;
}
.paid_by_right {
	position:relative;
	top:-20px;
	left:313px;
	width:250px;
	height:80px;
	float:left;
}
.kodier_zeile_1 {
	position:relative;
	top:150px;
	left:5px;
	width:420px;
	height:20px;
	float:left;
  text-align:right;
  letter-spacing:2px;
}
.kodier_zeile_2 {
	position:relative;
	top:170px;
	left:5px;
	width:420px;
	height:20px;
	float:left;
  text-align:right;
  letter-spacing:2px;
}
.classnav {
 background-color:#eee; 
 font-weight:normal;
 padding:10px;
 border:1px solid #ccc;
 color:#888;
 font-size:14px;
}
.classnav p {
  display:inline;
}
.classnav .active {
  color:#2B5275;
  font-weight:bold;
  text-decoration:underline;
}