/* CSS Reset nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
	vertical-align: baseline;
}

/* Wichtig für's vertikale Zentrieren! */
html, body
{
	height: 100%;
}

body
{
	background-color: #888888;
	text-align: center;
	margin: 0 auto;
}

/* Vertikales Zentrieren! */ 
#distance
{ 
	width: 1px;
	height: 50%;
	margin-bottom: -300px; /* half of container's height */
	float: left;
}

/* Gesamter Datenbereich */
#content, #content_start
{
  background-color: white;
  margin: 0 auto;
  position: relative;
  text-align: left;
  clear: left;
  width: 520px;
}

/* Farben für Textlinks */
A:link
{
	color: white;
}

A:visited
{
	color: white;
}

A:hover
{
	color: orange;
}

A:active
{
	color: white;
}

/* Floating aufheben - kann man immer mal bringen! */
.antifloat
{
	visibility: hidden;
	clear: both;
}

#container_space_rosa
{
	background-color: #FF2400;
	width: 520px;
	height: 20px;
}

#container_subtitle_rosa
{
	background-color: #FF2400;
	width: 520px;
	padding-top: 10px;
	float: left;
}

#container_subtitle_weiss
{
	background-color: white;
	width: 520px;
	padding-top: 10px;
	float: left;
}

#container_top
{
	background-color: #FF2400;
	background-image: url( kreuz_lang.png);
	background-repeat: no-repeat;
	width: 520px;
	padding-bottom: 10px;
	float: left;
}

#container_title
{
	padding-left: 30px;
	width: 490px;
	float: left;
}

#container_firmenname
{
	padding-left: 150px;
	width: 270px;
	padding-bottom: 20px;
	float: left;
}

#container_subtitle
{
	margin-left: 1px;
	padding-left: 20px;
	padding-right: 5px;
	width: 165px;
	background-color: black;
	float: left;
}

#container_logo
{
	position: absolute;
	z-index: 10;
	left: 400px;
	top: 20px;
	width: 85px;
	height: 56px;
	background-image: url( logo.gif);
	background-repeat: no-repeat;
}

#container_historybutton
{
	width: 465px;
	margin-left: 55px;
	margin-top: 20px;
	float: left;
}

#container_senden
{
	width: 520px;
	height: 100px;
	background-color: white;
	background-image: url( kreuz_unten.png);
	background-repeat: no-repeat;
	float: left;
}

#container_senden_links
{
	width: 480px;
	height: 100px;
	background: transparent;
	float: left;
}

div#container_basicid_link
{
	width: 30px;
	height: 90px;
	background: transparent;
	float: left;
	margin-top: 12px;
}

div#container_basicid_link ul
{
	list-style: none;
}

div#container_basicid_link ul a
{
	display: block;
	left: 5px;
	width: 17px;
	height: 100px;
} 
 

#container_gobutton
{
	width: 290px;
	padding-left: 190px;
	padding-top: 20px;
	float: left;
}

#container_gotext
{
	width: 460px;
	padding-left: 20px;
	padding-top: 8px;
	float: left;
}

#container_formrosa
{
	padding-left: 30px;
	width: 490px;
	padding-top: 20px;
	background-color: #FF2400;
	float: left;
}

#container_formweiss
{
	padding-left: 30px;
	width: 490px;
	padding-top: 20px;
	background-color: white;
	float: left;
}

#container_outercrossrosa
{
	background-color: #FF2400;
	width: 510px;
	padding-left: 10px;
	float: left;
}

#container_crossrosa
{
	width: 510px;
	height: 22px;
	background-color: #FF2400;
	background-image: url( kreuz_kurz.png);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	float: left;
}

#container_outercrossweiss
{
	background-color: white;
	width: 510px;
	padding-left: 10px;
	float: left;
}

#container_crossweiss
{
	width: 510px;
	height: 22px;
	background-color: white;
	background-image: url( kreuz_kurz_weiss.png);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	float: left;
}

#container_check
{
	width: 490px;
	float: left;
}

#indented_textrosa
{
	padding-left: 160px;
	width: 330px;
	float: left;
	background-color: #FF2400;
}

#indented_textweiss
{
	padding-left: 150px;
	width: 340px;
	float: left;
	background-color: #FFFFFF;
}

#d-load
{
	border: none;
	background: transparent;
	width: 433px;
	height: 20px;
	text-decoration: none;
	background: url('daten_laden_hover.png') no-repeat;
	background-position: 50% 0%;
}

#d-submit
{
	border: none;
	background: transparent;
	width: 200px;
	height: 30px;
	text-decoration: none;
	background: url('go_hover.gif') no-repeat;
	background-position: 50% 0%;
}

#d-submit:hover
{
	background-position: 50% 100%;
}

#d-load:hover
{
	background-position: 50% 100%;
}


/* ------------------------ */
/* Alles für's Formular     */
/* ------------------------ */

form
{
 	width: 520px;
}

label
{
 	margin-top: 4px;
 	vertical-align: middle; 
 	position: absolute;
 	display: block;
	width: 140px;
 	padding-left: 10px;
	z-index: 1;
	left: 30px;
}

input.normal
{
	font-family: Verdana;
 	position: relative;
 	margin-top: 2px;
 	width: 290px;
 	margin-left: 160px;
 	border: 1px solid #CCCCCC;
 	color: #333333;
 	padding-left: 3px;
	z-index: 2;
}

input.check, input.firstcheck, input.firstcheckwithtopmargin
{
	font-family: Verdana;
 	position: relative;
 	margin-top: 2px;
 	border: 1px solid #CCCCCC; 
 	color: #333333;
 	padding-left: 3px;
 	width: 15px;
	margin-left: 10px;
 	margin-bottom: 1px;
	z-index: 2;
}

input.firstcheck, input.firstcheckwithtopmargin
{
	margin-left: 160px;
	z-index: 2;
}

input.firstcheckwithtopmargin
{
	margin-top: 15px;
}

input.fileselect
{
 	margin-left: 160px;
	z-index: 2;
}

select
{
	font-family: Verdana;
 	position: relative;
 	margin-top: 2px;
 	width: 295px;
 	margin-left: 160px;
 	border: 1px solid #CCCCCC;
 	color: #333333;
	z-index: 2;
}

textarea
{
	font-family: Verdana;
	font-size: 0.9em;
	overflow: auto;
	width: 290px;
 	border: 1px solid #CCCCCC;
	color: #333333;
 	margin-top: 2px;
 	margin-left: 160px;
 	margin-right: 1px;
 	padding-top: 1px;
 	padding-left: 3px;
}

#infobox
{
	display: none;
	width: 446px;
	height: 170px;
	position: absolute;
	top: 100px;
	left: 10px;
	border: 2px solid black;
	padding: 25px;
	font: bold 16px verdana, sans-serif;
	color: black;
	z-index: 10;
	background-color: #FFFFFF;
	opacity: .95;
}

#loadicon
{
	padding-left: 25px;
}

#ihrehomepage
{
	width: 480px;
	height: 400px;
	background-color: #BBBBBB;
	padding-left: 20px;
	padding-right: 20px;
}

#ihrlink
{
	width: 500px;
	height: 40px;
	background-color: #555555;
	padding-left: 20px;
	padding-top: 20px;
}

/* Für den Kalenderlink */
form li { position: relative; list-style: none; margin-top: -12px; margin-left: 5px; float: left; line-height: 1em; }
form li:hover { background-position: 50% 100%; }
form li a { display: block; padding: 0 0 0 0; text-decoration: none; background-position: 50% 0%; }
form li a:hover { background-position: 50% 100%; }

.headline
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 1.05em;
 	color: #333333;
 	vertical-align: middle;
 	font-weight: bold;
}

.basictextbrown
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 0.9em;
 	color: white;
 	vertical-align: top;
}

.basictextblack
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 0.8em;
 	color: black;
 	vertical-align: top;
}

.basictextnormal
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 1.0em;
 	color: black;
 	vertical-align: top;
}

.basictextsmall
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 0.7em;
 	color: #333333;
 	vertical-align: middle; 
}

.basictextbig
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 2.0em;
 	color: #333333;
 	vertical-align: top;
}