/* Formular Styles (basic) */

form {margin: 17px 0 35px 0; padding: 0; line-height: 200%;}

label 	{
	width: 9em; margin: 0 0 2px 0; padding: 0;
	text-align: left; vertical-align: middle;
	cursor: pointer; 
}

td.labels {width: 10.5em; height: 2em; vertical-align: top; line-height: 2em;}
td.inputs {vertical-align: middle; line-height: 1em;}

td.inputs input { 
	border: 1px solid #999; 
	background: #FFF; height: 1.5em; padding: 2px 0 0 3px; 
	margin: 0 0 0.3em 0; width: 200px; cursor: pointer;
}

td.inputs input:focus { border: 1px solid #000; background: #FFF;}

input.textinput, textarea.txtarea, input.submitter {margin-top: 3px; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 100%;} 

input.textinput {
	padding: .3em .2em .3em 3px; margin: 0 0 0.3em 0;
	width: 250px;
	cursor: pointer;
}

textarea.txtarea {
	padding: .3em .2em .3em 3px; margin: 0 0 0.5em 0;
	width: 400px; 
	text-align: left;
	border: 1px solid #999; 
	background: #FFF;
	cursor: pointer; 
}

textarea.txtarea:focus	{
	border: 1px solid #000; 
	background: #FFF;
}

td.form-submitter {vertical-align: middle; cursor: pointer; height: 45px;}

td.form-submitter input {
	width: 9em;
	margin-top: 3px;
	color: #000;
	border: 3px double #C1D4DA;
	background: #C1D4DA;
}

html > body td.form-submitter input {	border: 3px double #FFF;}

input.submitter {
	padding: 2px;
	width: 17em;
	text-align: center;
	cursor: pointer;
	color: #000;
}

/* Highlight für Fehleranzeige */			
input.textinput.form-error 	{ border: 1px solid red; }
p.form-error { border: 1px solid red; padding: 7px 5px 9px 8px; width: 470px;}

#formcontainer	{
		width: 100%; float: left; clear: both;  
		margin: 5px 0 0 0;
		}

/* Kontaktformular */				
table.contact-form {width: 100%; border-collapse:collapse;}
table.contact-form td {padding: 3px 0 2px 0;}

/* Rückruf checkbox */
input.checker {
	margin: 0.3em 0 0 0;
	cursor: pointer;
}

td.callback {text-align: left; vertical-align: middle; height: 1.3em; line-height: 1.3em;}

/* Format für Submitter im Kontaktform */

table.contact-form input.submitter {width: 16em;}	

/* Beim Absende einer Nachricht */
div.mailreturn {
	width: 500px; min-height: 250px; 
	margin: 0 0 25px 0; 
	border: 1px solid #999; background: #FFF; 
	overflow: auto;
}

pre {
	margin: 0.5em 0.4em 0.8em 0.5em;
	font-family: 'courier new', courier, monospace; line-height: 150%; color: #000; 
}

html>body pre {font-size: 120%;}
* html pre {font-size: 110%;}

/* Login-Form */

div.login-form-container {background: #FFF; width: 350px; border: 0; border-collapse:collapse;  border-spacing: 0;}

table.login-form {margin:23px 0 0 0; padding: 0; }
div..login-form-container form {display: block; margin: 0; padding: 0;}
table.login-form td {padding: 2px; height: 25px; text-align: left;}

div.error-message {width: 300px; margin: 10px 0 0 15px 0; color: red; font-weight: bold;}

table.login-form input {margin-top: 3px; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 100%;} 

p.log-me-out {float: right;}
p.log-me-out strong {display: block; float: left; line-height: 130%; padding: 7px 10px 0 0; font-size: 90%;}
p.log-me-out a, p.log-me-out a:visited {
		display: block; 
		float: left;
		width: 5em;
		text-align: center;
		margin: 0 5px 1px 0; padding: 2px 5px 4px 5px;
		font-size: 80%; text-decoration: none; color: #354D6A; line-height: 130%;
		border: 3px double #C1D4DA;
		background: #C1D4DA;
}

html > body td.form-submitter input {	border: 3px double #FFF;}

p.log-me-out a:active, p.log-me-out a:hover {
		font-size: 80%; text-decoration: none; color: #000; line-height: 130%; background: #809BBC;
		border: 3px double #000;
}

small {font-size: 90%;}