/*fairreglercss*/

#fairregler{
    width:900px;
    height:94px;
    background: transparent url(img/fr_bg.jpg) top right no-repeat;
    margin-left:2px;
}
#frteaserleft{
    text-indent:-1000px;
    float:left;
    width:180px;
    height:94px;
    background: #fff url(img/fr_headline.jpg) 0 0 no-repeat;
}
#frtextbox{
    float:left;
    width:235px;
    height:89px;
    padding:9px 0px 0px 20px;
    font:12px/16px 'Arial';
}

#frtextbox h1{ font:bold 13px Arial; padding-bottom:10px;}
#frdaten{
    float:left;
    width:464px;
    height:94px;
}
#frslider{
    float:left;
    width:328px;
    height:49px;
    
}
#frselect{
    float:left;
    width:328px;
    height:45px;
    display:inline;
}
#frsend{
    float:right;
    width:136px;
    height:94px;
    position:relative;
    top:50px;
    left:43px;
}

#frfamilie{
    background: url(img/familienstand.jpg) 0% 50% no-repeat;
    float:left;
}

#frberuf{
    background: url(img/beruflichesit.jpg) 0% 50% no-repeat;
    float:left;
    margin-left:5px;
}

.familie{
    background:transparent;
    width:159px;
    color: white;
    border:1pt solid #018667;
}

.situation{
    background:transparent;
    width:159px;
    color: white;
    border:1pt solid #018667;
}

.senden_button{
    background: url(img/senden_button.png) 0% 50% no-repeat;
    width: 64px;
    height: 23px;
    border-width: 0px;
}



/*MM Fair-Regler - Ergebnis*/

	.prio3 {
		display: block;
		width: 16px;
		height: 16px;
		background: red;
	}
	.prio2 {
		display: block;
		width: 16px;
		height: 16px;
		background: yellow;
	}
	.prio1 {
		display: block;
		width: 16px;
		height: 16px;
		background: green;
	}
	select { width: 260px; }


div.slider_wrapper{ width: 300px !important;    margin-top:7px;  margin-left:25px; }
#slider-range-min { width:267px;  margin: 10px 0 20px 0 !important; }

#amount {
	border:0;
	color: #079f8a;
	font-weight:bold;
	background-color: transparent;
}
#fairergebnis{
	float:left;
	position:relative;
	top:-85px;
	height:700px;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	font-size: 12px;
	color: #646464;
}	

h1, p {
	margin: 0px; padding: 0px;
}

textarea {
    margin:0px;
	width: 310px;
	padding: 2px;
	font: normal 12px Verdana, sans-serif;
	border: 1px solid #828790;
	height: 100px;
	color: #777;
}

input.button {
	margin: 0;
	font: bolder 12px Arial, Sans-serif;
	border: 1px solid #828790;
	padding: 1px;
	background: #FFF;
	color: #CC0000;
}

.error_msg {
	padding: 4px;
	background-color: #ffeeee;
	border: 1px dotted #cc0000;
	margin: 0px 5px 0px 5px;
	color: #cc0000;
}

.error { color: #cc0000; }

.fairformular {
     position:absolute; top:253px; left:290px;margin:0px;
 
}

fieldset { width: 375px; }

div.fairformular label,
div.fairformular .controlset span {
	width: 150px;
	display: block;
	float: left;
	text-align: left;
}

div.fairformular label { margin: 0px; }
div.fairformular .controlset span {	margin: 0px 0px 0px 5px; }
div.fairformular .controlset label {
	display: inline;
	float: none;
}

div.fairformular .controlset input { margin: 0px 0px 0px 0px; }
div.fairformular input,
div.fairformular select,
div.fairformular textarea {
	margin: 2px 2px 2px 0px;
}

#fairsenden{margin-left:225px; margin-top:23px;}
#Mitteilung {
    margin-left:-27px;   
    
}

#Anrede{
width:70px;
margin-left:-65px;
}
table.ergebnis td{height:28px;}

td.formulartext{
    width:25px;
    
}
hr{
    background-color: #009C85; /* Farbe fŸr Opera und Firefox */ 
    color: #009C85; /* Farbe fŸr Internet Explorer (IE) */
    border: 0; 
    height: 1px;
    width:609px;
}

#fairreglerlegende{
    position:relative;
    left:-295px;
    top:-107px;
}