/* CSS Document */
	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 	*/
	/* Author: 		Tobias Hafner 							                  */
	/* Firma: 		Clavid AG 					                          */
	/* Datum: 		01. April 2008			 				                  */
	/* Bemerkung: alle text-style, link-styles, tabellen-       */
	/*            styles, form-styles                           */
	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 	*/
	

	/* Default Styles
============================================================ 
--------------------------------------------------------- */
a {
	text-decoration: none;
}

h1 {
	width:100%;
	font-size:20px;
	font-weight: bold;
	color:#780000;
	line-height: 1.0;
	padding-bottom: 0.5em;
}

h2 {
	width:100%;
	font-size:11px;
	font-weight: bolder;
	color:#780000;
	line-height: 1.0;
	padding-bottom: 0.5em;
}


table {
	margin: 0px;
	padding: 0px;
}

td {
	vertical-align: top;
}

	/* Default Styles END
============================================================ */

	/* Links
============================================================ 
--------------------------------------------------------- */

/* navi_global are global links*/ 
a.navi_global {
	text-align: left;
}

a.navi_global:link,a.navi_global:visited,a.navi_global:active {
	color: #ffffff;
}

a.navi_global:hover {
	text-decoration: underline;
}

/* this is login/logout-link in the header*/
.header-link-right {
	margin-left: 115px;
}

a.header-link-right:link,a.header-link-right:visited,a.header-link-right:active {
	color: #ffffff;
}

a.header-link-right:hover {
	text-decoration: underline;
}

a.clavid:link,a.clavid:visited,a.clavid:active {
	color: #780000;
}
a.clavid:hover {
	text-decoration: underline;
}

a.clavid-italic-link {
	font-style: italic;
	text-decoration: underline;
}

a.clavid-italic-link:link,a.clavid-italic-link:visited,a.clavid-italic-link:active {
	color: #780000;
}

a.clavid-internal-link {
	text-decoration: underline;
}

a.clavid-internal-link:link,a.clavid-internal-link:visited,a.clavid-internal-link:active {
	/* linkdarstellung in den übrigen box's */
	color: #780000;
}

	/* Links END
============================================================ 
--------------------------------------------------------- */

	/* Forms
============================================================ 
--------------------------------------------------------- */
input.clavid { 
	width: 155px;
	border: 1px solid #7D8184;
	background-color: #ffffff;
	color: black;
	padding-left: 3px;
}

input.clavid-wide { 
	width: 255px;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	border: 1px solid #7D8184;
	background-color: #ffffff;
	color: black;
	padding-left: 3px;
}

select.clavid { 
	width: 155px;
	margin-bottom: 0.3em;
	border: 1px solid #7D8184;
	background-color: #ffffff;
	color: black;
}

option { 
	background-color: #ffffff;
	width: 100%;
	color: black;
	padding-right: 0.5em;
}

select.clavidDate { 
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	border: 1px solid #7D8184;
	background-color: #ffffff;
	color: black;
}

input.clavid-button { 
	margin-right: 10px;
	margin-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #7D8184;
	background-color: #ececec;
	color: black;
}

input.clavid-checkbox {
}

label.radio {
	margin-right: 0.5em;
	margin-left: 0.2em;
  color: black;
}

textarea.clavid {
  border: 1px solid #7D8184;
	background-color: #ffffff;
	color: black;
}

input.invisible {
  display: none;	
}

	/* Forms END
============================================================ 
--------------------------------------------------------- */

	/* Text-Styles
============================================================ 
--------------------------------------------------------- */
.clavid-black-text { 
	color: #000000;
}

.clavid-black-bold-text { 
	color: #000000;
	font-weight: bold;
}

.clavid-italic-text {
	font-size:  10px;
	font-style: italic;
}

.clavid-italic-black-text {
	font-size: 10px;
	font-style: italic;
	color: #000000;
}

.clavid-italic-black-bold-text {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}

.clavid-red-text {
	color: #780000;
}

.clavid-red-bold-text {
	color: #780000;
	font-weight: bold;
}

.clavid-overview-text {
	font-size: 14px;
	color: #7D8184;
}

.clavid-overview-title {
	font-size: 14px;
	color: black;
}

.clavid-message-error {
	margin-left: 2em;
	display: block;
  color: red;
}

.clavid-success-text {
	color: #019104;
}

.clavid-contact-text {
  display: block;
  color: black;
  padding-top: 0.2em;	
}

.clavid-line-height {
	line-height: 1.5em;
}

	/* Text-Styles END
============================================================ 
--------------------------------------------------------- */

	/* Table-Styles
============================================================ 
--------------------------------------------------------- */
.clavid-overview-table {
	border-collapse: collapse;
	border: 1px solid #780000;
	margin-bottom: 1.5em;
	margin-top: 2em;
	width: 100%;
}

.clavid-overview-table-header {
	background-color: #780000;
	color: #ffffff;
	text-align: left;
	padding: 0.1em 0.5em;
}

.clavid-overview-row {
	background-color: #FFFFFF;
}

.clavid-overview-row-odd {
	background-color: #F3F4F5;
}

.clavid-overview-columns {
	padding: 0.3em 0.5em;
	color: #7D8184;
	vertical-align: middle;
}


.clavid-form-table {
	border-collapse: collapse;
	margin-top: 1em;
	width: 100%;
}

.clavid-registration-table {
	border-collapse: collapse;
	margin-top: 1em;
	width: 75%;
}

.clavid-label-column {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	vertical-align: middle;
	width: 29%;
}

.main-column {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 3em;
}
.note-column {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	width: 40%;
}

.help-column {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	width: 30%;
}

.clavid-form-column {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	vertical-align: middle;
}

.two-columns-layout-table {
  border-collapse: collapse;
  width: 100%;
}

.clavid-error-column {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	vertical-align: middle;
	width: 44%;
}

.clavid-link-column {
	padding-right: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	vertical-align: middle;
	width: 35%;
}

.clavid-label-contact-column {
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	vertical-align: top;
	width: 20%;
}

.clavid-form-contact-column {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	vertical-align: top;
	width: 80%;
}

.clavid-contact-error-column {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	vertical-align: top;
	width: 44%;
}

img.openid-logo {
	margin-right: 0.3em;
	display: block;
}

.clavid-tooltip {
	border-collapse: collapse;
	background-color: #ececec;
	color:black;
	width: 300px;
	border: 1px solid #7D8184;
}

.clavid-tooltip-column {
	color:black;
	padding:0.5em;
	
}

	/* Table-Styles END
============================================================ 
--------------------------------------------------------- */

	/* Password-Strength 
============================================================ 
--------------------------------------------------------- */

.strengthTable {
	border-collapse: collapse;
  width: 212px;
  border: 0;
  height: 15px;
  background-color: #FFF;
}


.pwdNotRated {
	width: 25%;
  background-color: #EBEBEB;
  text-align: center;
  vertical-align: middle;
}

.pwdWeak {
	width: 25%;
  background-color: #FF4545;
  text-align: center;
  font-weight: bold;
  border-right: solid 1px #BB2B2B;
  border-bottom: solid 1px #BB2B2B;
  vertical-align: middle;
}

.pwdMedium {
	width: 25%;
  background-color: #FFD35E;
  text-align: center;
  font-weight: bold;
  border-right: solid 1px #E9AE10;
  border-bottom: solid 1px #E9AE10;
  vertical-align: middle;
}

.pwdStrong {
	width: 25%;
  background-color: #3ABB1C;
  text-align: center;
  font-weight: bold;
  border-right: solid 1px #267A12;
  border-bottom: solid 1px #267A12;
  vertical-align: middle;
}

.pwdBest {
	width: 25%;
  background-color: #3ABB1C;
  text-align: center;
  font-weight: bold;
  border-right: solid 1px #267A12;
  border-bottom: solid 1px #267A12;
  vertical-align: middle;
}

input.pwdstatus { 
  width: 207px;
  border: 1px solid #7D8184;
  background-color: #ffffff;
  color: black;
  padding-left: 3px;
}

.password-state {
	display: block;
	width: 207px;
  border: 1px solid #7D8184;
  background-color: #ffffff;
  color: black;
  padding-left: 3px;
	height: 15px;
	vertical-align: middle;
}

	/* Password-Strength END 
============================================================ 
--------------------------------------------------------- */

	/* Others 
============================================================ 
--------------------------------------------------------- */
img.captcha {
	width: 213px
}

img.simpleReg {
  margin: 10px;
  margin-left: 0px;
  padding: 0px;
  float: none;
}

img.help {
	padding-top: 1em;
	padding-bottom: 1em;
  float: none;
}
	/* Others END 
============================================================ 
--------------------------------------------------------- */


	/* IE 6 Hacks
============================================================ 
--------------------------------------------------------- */ /*
	Darstellungsunterschiede auf IE6 werden mit den untenstehenden varianten angepasst
*/

	/* IE 6 Hacks END
--------------------------------------------------------- */ /*
	Darstellungsunterschiede auf IE6 werden mit den untenstehenden varianten angepasst
*/