/* css-style for artists ['media']design | Kontakt-Formular */

p.kontakt_text {
	line-height: 140%;
	padding:2px 15px;
	font-weight: bold;
	margin:3px 0;
}

p.buttons {
	line-height: 140%;
	padding:2px 15px;
	font-weight: bold;
	margin:0 4.7em 0.3em 14.7em;
}

span.kontakt_text_rot {
	color:#F00;
	font-weight:bold;
	margin-left:0.3em;
	margin-right:0.3em;
}

.formbox {
	color: #014450;
	background-color: #FFF;
	border: 1px solid #014450;
	margin:0;
	padding:0;
}

input,
textarea {
	color : #014450;
	background : #FFF;
	margin:0;
	padding:0;
}

input:focus,
textarea:focus {
	color : #014450;
	background : #efebe4;
}

label.left {
    float : left;
    text-align : right;
/*
	die naechsten zwei sind beliebig anpassbar, um in das jeweilige
	Gestaltungsraster zu passen. Bei Aenderungen aber nicht vergessen,
	die margins bei input.right entsprechend anzupassen:
*/
    width : 14em;
    margin-right: 0.8em;
    line-height: 140%;
    vertical-align:middle;
    padding:0;
}

/*
	positioniert die Text- und Auswahlboxen rechts daneben:
*/

input[type="text"],
input[type="password"],
select {
    float : left;
    line-height: 140%;
}

/*
	dann werden alle checkboxen und radiobuttons, die mit der Klasse "right"
	versehen wurden, um den errechneten linken Abstand der input und
	select-Elemente (s.o.) nach rechts verschoben:
*/

input.right {

    width : auto;
    margin-left : 10.7em;
    margin-right : 0.8em;
    line-height: 140%;
    vertical-align:middle;
}

/*
	Extrawurst fuer Mozilla, keine Ahnung, warum das so ist.
	Feedback und Loesungsvorschlaege willkommen


input[type="checkbox"].right,
input[type="radio"].right,
input[type="submit"].right
input[type="reset"].right {
    margin-left : 9.3em;
}
*/

/*
	Nicht vergessen, die floats wieder aufzuheben, sonst floatet
	es munter weiter
*/

form br {
    clear : both;
}

/*
	fuer grafische UAs und DAUs der Hinweis, dass die Label anklickbar sind.
	Weil's so schoen ist, die Kontrollelemente gleich mit. Mit einer Ausnahme:
	fuer Textfelder macht der Pointer natuerlich keinen Sinn,
	dort sollte nach wie vor die Text-Einfuegemarke als Cursor erscheinen.
	Daher hier die Einschraenkung auf die input-Elemente des Typs checkbox,
	radiobutton, button und submit:
*/

label,
select,
input[type="checkbox"],
input[type="radio"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="password"] {
    cursor : pointer;
}
	
/*
	legt den vertikalen Abstand der einzelnen Elemente zueinander fest
*/

.blocksatz_meldung {
	list-style-type:disc;
	text-align:left;
	margin:0 20px;
	color:#014450;
	background-color: #FFF;
}

.form_klein {
	margin-left: 65px;
	list-style-type:disc;
	text-align:left;
	vertical-align: middle;
	color:#014450;
	background-color: #FFF;
	font:70% Verdana, Arial, sans-serif;
}

.form_klein2 {
	margin-left: 51px;
	list-style-type:disc;
	text-align:left;
	vertical-align: middle;
	color:#014450;
	background-color: #FFF;
	font:70% Verdana, Arial, sans-serif;
}

div.meldung {
	text-align:left;
	margin:0 0 10px 0;
	border: 1px solid #014450;
	background-color: #FFF;
	z-index:11;
}

div.popup {
	text-align:left;
	padding:5px 20px;
	margin:5px 0 0 0;
	border: 3px solid #F00;
	background-color: #FFF;
	z-index:10;
}