/* this makes the page look the same in all browsers
   so the page is unique
*/
/* #### UNIQUE #### */
* {
 background:transparent;
 font-size:100%;
 margin:0;
 padding:0;
 border-color:#000;
 border:none;
}
input {
 background:white;
 border:1px solid black;
 color:black;
}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;}
li{list-style-type:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
pre,code,kbd,samp,tt{font-family:monospace,courier new,courier;}
h1,h2,h3,h4,h5,h6,strong{
 font-weight: bold;
}
h1{
 font-size: 130%;
 margin:10pt 0;
}
h2{
 font-size: 120%;
 margin:7pt 0;
}
h3{
 font-size: 110%;
 margin:1pt 0;
}
abbr,acronym{
 border-bottom: 1pt dotted #000;
 cursor: help;
}
em{
 font-style: italic;
}
blockquote,ul,ol,dl{
 margin:0;
 padding:0;
}
dl dd{
 margin-left: 10px;
}
th,td{
 border: 1pt solid #000;
 padding: 3pt;
}
th{
 font-weight: bold;
 text-align: center;
}
caption{
 margin-bottom: 5pt;
 text-align: center;
}
p,fieldset,table,pre{
 margin-bottom: 10pt;
}
p {
 line-height:120%;
}
input, select {
 height:auto;
 width:auto;
}
textarea {
 font-family:Verdana;
 width:auto;
 height:6em;
}

/* #### SITE STYLE #### */
body {
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 background-image:url('img/bg_body.jpg');
 background-repeat:no-repeat;
 background-position: center 0px;
 background-color:#08365A;
 color:white;
 font-family:Verdana;
 font-size:10px;
 text-align:left;
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
 line-height:100%;
 border-color:#000;
 border:none;
}
a {
 color:#9abfdc;
 text-decoration:underline;
 outline: none;
}
a:hover {
 color:#5695c0;
 text-decoration:none;
}
h3 {
	margin:20px 0 0 10px;
	padding:0 0 0 15px;
	text-align:left;
	letter-spacing:1px;
	font-size:11px;
	font-weight:lighter;
	background-image:url('img/punkt.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;
 color:#a2c8ea;
}

/* #### CENTER BODYHTML WITH THIS WRAPPER #### */
#wrapper {
 margin:0 auto 0 auto;
 padding:0;
 width:845px;
}

/* #### FORM #### */
/* auf "OK seiten" wird das form element entfernt
 daher spreche ich hier nicht form sondern fieldset an
 da wir in xhtml sowiso fieldsets verwenden
*/
fieldset .form {
 margin:0 0 5px 0;
}
fieldset .form label {
 width:140px;
 font-weight:normal;
 display:block;
 padding-bottom:3px;

}
fieldset textarea {
 border:1px solid #5c5c5c;
 background-color:#006dc7;
 color:white;
 overflow:auto;
 padding:10px;
 font-size:11px;
}
fieldset .form.text input {
 height:18px;
 width:150px;
 padding:2px;
 background-color:#006dc7;
 border:1px solid #5c5c5c;
 color:white;
}

fieldset .errormsg {
 color:white;
 margin:0 0 0 10px;
 padding:3px;
 font-size:10px;
}
fieldset .error label {
 color:red; !important;
}

select {
	background-color:#042646;
	border:1px solid #006dc7;
	color:white;
}

/*
  javascript weiter button
*/
fieldset .weiter {
	text-align:right;
	width:85%;
	padding:10px 0;
}
fieldset .weiter a {
	padding:6px 39px 6px 0px;
	background-image:url('img/btn_submit.gif');
	background-repeat:no-repeat;
	background-position:right center;
}

/* ##### Tooltip siehe js_tooltip.tpl ##### */
.wuzeltooltiptext {
 display:block;
 width:180px;
 padding:5px;
 border:1px solid #042642;
 line-height:120%;
 background-color:#03477f;
 color:white;
}

.legend{
 padding:20px;
}