@charset "utf-8";
/* CSS Document */
/*
 * Formatierungen die sich aus dem DDD Design Styleguide für PROFI AG IBM WebSphere 6.1.5 ergeben
 *
 *@Hinweis Die allgemeinen Formatierung der Formularelemente gilt für 3 spaltige Layouts (mittlere Spaltenbreite 458 Pixel. 
 *
 *@author Daniel Kussin
 *@version 1.0
 *@date 2009/12/11
 */

/* Tabelle */
#portlet table.layoutColumn th form table tr th, 
#portlet table.layoutColumn td form table tr td {
	padding:0;
}
#portlet table.layoutColumn td form table tr td.spacer {
	width:18px;
}

/* Textfeld (Zustand: inaktiv) */
#portlet table.layoutColumn td form table tr.row1 td {
	padding-top:8px;
	padding-bottom:5px;
}
label.lradio {
	float:left;
	margin-right:30px;
	padding:0;
	width:auto;
}
label.required {
	padding-right:8px;
	background-image:url(../images/required.png);
	background-position:right top;
	background-repeat:no-repeat;
}
.notice {
	padding-bottom:1px !important;
	padding-right:2px !important;
	font-size:9px;
	text-align:right;
	vertical-align:bottom;
}
input.text,
input.file,
input.radio,
input.checkbox,
textarea,
select,
button, 
input.button,
button {
	font-size:11px;
	border-style:solid;
	border-width:1px;
}
input.text,
select,
textarea {
	padding:2px;
	height:16px;
}
input.text {
	width:216px;
}
.select {
	width:458px;
	height:22px;
}
.multiple {
	height:100px!important;
}
.checkbox,
.radio {
	margin-right:5px;
}
.checkbox {
	position:relative;
	bottom:-1px;
}
.textarea {
	width: 454px;
	/*height:196px;*/
	height:100px;
}

/* Button */
input.button,
button {
	padding:5px 10px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:none!important;
	background-image:url(../images/bgbutton.gif);
	background-position:left center;
	background-repeat:repeat-x;
}

/* Kontaktformular */
#form_proficontact {
}

/* Login */
#form_profilogin input.text {
	width:199px;
}

/* Event-Anmeldung (Portlet) */
/* Work-Around: Anrede */ 
#portlet table.layoutColumn td form table#event_subscription table#event-subscriber-title,
#portlet table.layoutColumn td form table#event_subscription table#event-subscriber-title table {
	margin:0;		
}
#portlet table.layoutColumn td form table#event_subscription table#event-subscriber-title td,
#portlet table.layoutColumn td form table#event_subscription table#event-subscriber-title table td {
	padding:0;		
}
#portlet table.layoutColumn td form table#event_subscription table#event-subscriber-title td.col1 {
	padding-right:30px;		
}
#portlet table.layoutColumn td form table#event_subscription table#event-subscriber-title td.col2 table label {
	margin-right:10px;		
}
#portlet table.layoutColumn td form table#event_subscription table#event-subscriber-title td.col2 table label input[type=radio] {
	margin-right:5px;		
}

.checkbox label,
.radio label {
	margin-right:5px;
}
.checkbox label input[type=checkbox],
.radio label input[type=radio] {
	margin-right:5px;
}
