/* ######################################################################################################
** # SAD Partnerprogram Stylesheets #####################################################################
** ######################################################################################################
** 
**  Datei       : form.css
**  Funktion    : Formatierung der Formulare und deren Elemente
**
*/

@media all
{

form { margin: 0; padding: 0; overflow: hidden; }

/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
select, input, textarea { font-size: 99% }

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

input, textarea {
    width: auto;
	padding: 2px;
	color: #333;
	font-size: inherit;
}

input.button {
	background: #D480B4 url(gfx/form/input.button.gif) bottom left repeat-x;
	padding: 3px;
	color: #fff;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #740345;
	font-weight: bold;
}

input.btn_goon {
	background: #55a23e url(gfx/form/input.button.goon.gif) bottom left repeat-x;
	padding: 3px;
	color: #fff;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #2a6d15;
	font-weight: bold;
	margin: 0 !important;
}

#content input.button { margin-top: 1em; }

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

.small_login input { margin-left: 5px; margin-bottom: 5px; }
.small_login label {
	float: left;
	width: 55px;
}

label {
	display: block;
	padding-top: 4px;	
}



/* Formulare im Contentbereich */ 
#content input { width: 40% }


#content .radio { padding-left: 15%; }
#content .radio input { width: auto; vertical-align: middle; margin: 1px 0 0; }
#content .radio img { vertical-align: middle; }
#content .radio label { float: none; margin: 0; padding: 0; width: auto; display: inline; }

#content input.button, #content input.btn_goon { width: 200px; }

#content input, #content select {
	margin-bottom: 10px;
}

#content label {
	float: left;
	width: 180px; 
	text-align: right;
	padding-right: 20px;
}

#content fieldset small.info { 
	display: block;
	padding: 0 0 0 200px;
	margin: -7px 0 12px;
	color: #777;
	line-height: 1;
}


#content #user label {
	float: left;
	width: 250px; 
	text-align: right;
	padding-right: 20px;
}

/* Fieldset Formatierung */ 

fieldset 			{ margin: 0 auto; padding: 0 }
fieldset legend 	{ display: none; }
fieldset h2 		{ 
	font-size: 1.5em;
	padding: 6px .35em;
	margin-top: 1em;
	border-top: 1px solid #920255;
	border-bottom: 1px solid #920255;
	background-color: #FEF5FA;
}
fieldset h2 small 	{ font-size: .75em; font-weight: normal }

fieldset h3 		{ 
	font-size: 1.3em;
	padding: 6px .35em;
	margin-top: 1em;
	border-top: 1px solid #920255;
	border-bottom: 1px solid #920255;
	background-color: #FEF5FA;
	font-weight: bold;
}
fieldset h3 small 	{ font-size: .75em; font-weight: normal }


fieldset p.desc		{ margin: 25px 0; padding: 0 }

/* Small Search */

#small_search 		{ background: url(gfx/small_search/bg_left.gif) left no-repeat; }
#small_search form 	{ background: url(gfx/small_search/bg_right.gif) right no-repeat; padding: 0 1em; margin: 0; }
#small_search form input { margin: .4em 0 !important; }
#small_search form div	{ margin-top: 1em; margin-right: .5em; font-weight: bold; }





}