/* Body */
body {
	text-align: center;
	background: #ffffff url(../img/bg_top.png) top center repeat-x;
	font-family: Arial, Verdana, sans-serif;
	width: 825px;
	color: #333333;
}

input, textarea, select {
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

b {
	font-weight: bold;
}

i {
	font-style: italic;
}

hr {
	border: none; /* um den alten Style aufzuheben */
	border-bottom: 1px dashed #C6C6C6;
}

/* Überschriften allgemein */
h1 {
	font-size: 16pt;
	font-weight: normal;
}

h2 {
	font-size: 14pt;
	font-weight: normal;
}

h3 {
	font-size: 12pt;
	font-weight: normal;
}

/* Text Paragraph, etc allgemein */
p, ul, ol, table {
	font-size: 10pt;
	font-weight: lighter;
	line-height: 1.25em;
	letter-spacing: 0.005em;
}

/* Tabellen Styles */
table {
	background: transparent;
	border: none;
	border-spacing: 0px 2px;
	border-collapse: separate;
	margin-bottom: 20px;
}

th {
	background: #C6C6C6;
	padding: 8px 5px;
	text-align: left;
	font-weight: bold;
}

td {
	background: #E2E2E2;
	padding: 8px 5px;
}

table .empty_gap {
	background: transparent !important;
	padding: 0px;
}

/* Images*/
img.flow {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

/* Links */
a {
	text-decoration: none;
}

a.externlink {
	background: transparent url(../img/externlink.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}

a:hover {
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;
}

a:visited, a:active, a:focus {
	text-decoration: none;
	border: none;
	outline: none;
}

/* Links in Paragraphen */
p a, table a {
	color: #5424c4;
	border-bottom: 1px dashed transparent !important;
}

p a:hover, table a:hover {
	border-bottom: 1px dashed #666666 !important;
	cursor: pointer;
}

.clear {
	float: none;
	clear: both;
}

/* Innerer Container */
#mybody {
	margin: 0 auto;
	text-align: left;
	width: 825px;
	padding: 0px 0px;
}

/* Header */
#header {
	height: 113px;
	position: relative;
}

#header #header_title {
	color: #FFFFFF;
	font-size: 17pt;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding-left: 20px;
	padding-top: 17px;
	text-transform: uppercase;
}

#logo {
	background: transparent url(../img/logo_registration.png) no-repeat;
	position: relative;
	height: 113px;
	width: 825px;
}

#logo a {
	display: block;
	height: 100px;
	text-decoration: none;
	outline: none;
	border: none;
}

#logo a:hover {
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

#logo a span {
	visibility: hidden;
}

/* Content Container */
#content {
	padding: 0px 20px;
	margin-bottom: 30px;
}

#content h1 {
	color: #523B88;
	margin-bottom: 20px;
}

#content h2 {
	color: #523B88;
	margin-bottom: 5px;
}

#content h3 {
	color: #523B88;
	margin-bottom: 5px;
}

#content p {
	text-align: justify;
	margin-bottom: 20px;
}

/* Registrierung Formular */
#register {
}

#register .step {
	width: 560px;
}

#register .step h2 {
	padding: 7px 0px 7px 0px;
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #888888;
}

#register .step h3 {
	padding: 7px 15px 5px 15px;
	margin-bottom: 10px;
}

#register form .formtext {
	border-bottom: 1px dashed #BCBCBC;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 25px 0 15px;
	padding: 4px 0 5px 0;
	text-align: left;
	width: 236px;
	float: left;
}

#register form .submittext {
	border-bottom: 1px dashed #BCBCBC;
	color: #523b88;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px 0 5px 3px;
	text-align: left;
	width: 260px;
	display: inline-block;
}

#register form p.info, #register form label.info {
	color: #666666;
	padding: 0 15px 5px 15px;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
}

#register form p.print {
	width: 540px;
	color: #666666;
	min-height: 16px;
	font-size: 10pt;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
}

#register form p.print a {
	background: transparent url(../img/print.png) no-repeat right center;
	padding-right: 20px;
}

#register form input, #register form textarea {
	margin: 0px 0px 10px 0px;
	padding: 4px;
	font-size: 10pt;
	background: #FFFFFF;
	border: 1px solid #BCBCBC;
	color: #999999;
}

#register form select {
	width: 270px;
	margin: 0px 0px 10px 0px;
	padding: 3px;
	font-size: 10pt;
	background: #FFFFFF;
	border: 1px solid #BCBCBC;
	color: #999999;
}

#register form input:hover, #register form input:focus, #register form select:hover, #register form select:focus, #register form textarea:hover, #register form textarea:focus {
	background: #fcfffc;
	border: 1px solid #99cc99;
	color: #555555;
}

#register form input, #register form textarea {
	width: 260px;
}

#register form .radio, #register form .checkbox {
	width: 20px;
	margin: 0 10px 0 0;
	padding: 0px;
	background: transparent;
	border: none;
	color: #999999;
}

#register form .radio:hover, #register form .radio:focus, #register form .checkbox:hover, #register form .checkbox:focus {
	background: transparent;
	border: none;
	color: #999999;
}

#register form .radiotext, #register form .checkboxtext {
	font-size: 10pt;
}

#register form #submitbutton {
	background-color: #5552A2;
    border: 1px solid #332E72 !important;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 9px 17px 10px 17px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 300ms ease-out 0s;
}

#register form #submitbutton:hover, #register form #submitbutton:focus, #register form #submitbutton:active {
	background-color: #716bb2;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}

#register form .group {
	background-color: #E2E2E2;
	border: 1px solid #A1A1A1;
	margin-bottom: 7px;
	padding: 5px 0px;
}

#register form .pflicht {
	position: relative;
}

#register form .fehler_tooltip {
	background: transparent url(../img/error_tooltip_left.png) no-repeat;
	position: absolute;
	right: -240px;
	top: 1px;
	width: 236px;
	height: 24px;
	display: none;
}

#register form .reg {
	right: -240px;
	top: -90px;
	display: none;
}

#register form #fehler_submit {
	right: -240px;
	top: 27px;
}

#register form .fehler_tooltip p {
	width: 216px;
	color: #5424c4;
	font-size: 9pt;
	padding: 4px 4px 4px 11px;
	text-align: left;
}

/* Footer Container */
#footerbody {
	background: #573f8f url(../img/bg_bottom.png) top center repeat-x;
	height: 55px;
}
