﻿/*---------------------------------------------------
FORMULAR
-----------------------------------------------------*/

form {
	color: #646466;
	font-size: 1.2em;
	text-align: left;
	margin-bottom: 120px;
}


div.formkasten { 
	background: #f5f6f6; 
	padding: 15px; 
}

div.formkasten p.p1 {margin-bottom: 10px;}


div.personal {
	border: 1px solid gray;
	margin: 15px 0;
	padding: 20px 10px 10px 10px;
}

div.personal p {
	position: relative;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 10px;
	border: 0px solid red;
	width: 95%; /*ie6 fix*/
}

div.personal label {
   text-align: right;
   display: block;
   width: 120px;
   margin-right: 15px;
   float: left;
}


div.personal input,  div.personal textarea {
	width: 70%;
	border: 1px solid gray;
	background: url(../images/input_hg_weiss.jpg) top left no-repeat;
	padding: 5px 0 5px 5px;
	float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


p.buttonform {
	border: none;
	background: transparent url(../images/button_hg_div.jpg) top left no-repeat;
	width: 150px;
	margin: 25px auto 0 0;
	height: 27px;
}

p.buttonform:hover {
	background-position: bottom left;
}


input.button {
	padding-left: 10px;
	border: none;
	width: 100%;
	color: white;
	height: 27px;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0px;
	background: transparent url(../images/button_hg_a.jpg) top right no-repeat;
}



input.button:hover {
	background-position: bottom right;
}



span.pflichtfeld {
	display: block;
	position: absolute;
	z-index: 400;
	width: 50px;
	background: red;
	top: 0px;
	left: 525px;

	text-align: center;
	font-size: 0.8em;
	color: white;
	/*position: relative;
	z-index: 400;
	font-size: 0.8em;
	color: white;
	background: red;
	padding: 0;
	display: block;
	width: 50px;
	text-align: center;
	margin: -30px -350px 0 5px;*/
}



/*  --- checkbox -- */

div.personal input.checkbox {
	border: 0px solid red;
	width: auto;
	background: none;
}

div.personal label.checkboxlabel {
	border: 0px solid red;
	width: 70%;
	text-align: left;
	margin-left: 15px;
	margin-right: 0;
  
}

div.personal p.check {
	position: relative;
	overflow: hidden;
	padding-top: 5px;
	margin-bottom: 5px;
	border: 0px solid red;
	width: 95%; /*ie6 fix*/
}




















