/*/////////////////////////////////////////////////////////////////////////////

CSS - Definition - DEMO 1.01

Formular Generator für Redaxo 4.x

Ab: Version 4.5 Community Editon

Stand: 22.01.2008

Erstellt von: Thomas Skerbis , www.klxm.de

Dieses CSS dient als Beispiel

Bitte nicht 1:1 übernehmen, ist ja auch nicht wirklich hübsch ;-)

Funktioniert nicht mit Formular-Generator < v.4.43

*/



/* Formular Definition */



/* Div das das Formular umschließt */

.formgen {

		font-size: 1em;

		margin: auto;

		width: 70%;

}



label, select, input {

		cursor: pointer;

}



.formgen form {

		line-height: 120%;

		width: auto;

		margin: auto;

		

}

/*



Wie sehen die einzelnen Blöcke aus?



Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann



*/



.formgen .formblock {

		margin-bottom: 15px;

		background: #FFFFCC;

		padding: 3px 2px 3px 5px;

}

/*



Verhalten von br-Tags



*/



.formgen br {

		clear: both;

}

/*



--------- FORMULAR-OBJEKTE ------------



*/

/* Mehrzeiliges Eingabefeld */



.formgen .formtextfield {

		width: 95%;

		height: 250px;

		margin: auto;

}

/* Textfeld */



.formgen .formtext {

		height: 18px;

		width: 200px;

		background: #ffffff;

		margin-left: 4px;

}

/* Trennelement , Abstand */



.formgen .formtrenn {

		display: block;

		height: 5px;

}

/* Hinweistext */



.formgen .formhinweis {

		font-weight: bold;

		color: #003366;

		font-size: 1.2em;

}

/* Überschrift */



.formgen .formheadline {

		font-weight: bold;

		color: #003366;

}

/* Passwortfeld */



.formgen .formpassword {

		width: 200px;

		background: #CCCCCC;

		margin-left: 4px;

}

/*Captcha-Bild*/



.formgen .formcaptcha {

		border: 1px solid #990000;

}

/* Label */



.formgen label {

		font-family: Arial, Helvetica, sans-serif;

		width: 120px;

		clear: left;

		float: left;

		height: 20px;

		padding: 0px;

}

/* Aussehen der Select-Ausgabe */



.formgen .formselect {

		width: 200px;

		background: #ffffff;

		margin-left: 4px;

}

/* Sende-Button */



.formgen .formsubmit {

		width: 100%;

}

/* Definition des Fieldsets, das das ganze Formular umschließt */



.formgen fieldset {

		width: 345px;

		padding: 10px 10px;

		border: 0px solid #5D81A3;

}

/* Fieldsetbeschriftung */



.formgen legend {

		font-weight: bold;
                font-size: 1.5em;
		

		

}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */



.formgen .forminfo {

		color: #FFFFFF;

		background: #990000;

		border: 1px dashed #000000;

		margin: 5px;

		padding: 5px;

}

/* Markierung der Labels bei Fehler */



.formgen .formerror {

		color: #FFFFFF;

		background: #990000;

}

/*//////////////////////////////////////////////////////////////////////////////*



/* Ende der Formulardefinition */



/* Start Sitemap Layout */



#sitemap ul {

              margin-left: 30px;

              font-weight: bold;

}



#sitemap ul a.level2{

              font-weight: normal;

}



#sitemap ul.sitemaplevel1 .main {

              margin: 10px 0px;

}



/* End Sitemap Layout */

/* Start Newsletter */

form p {
    width: 260px;
    text-align:right;
    font-size: 10px;
}

form p label {
    float:left;
}

/* End Newsletter */

/* E-cards*/

  .ecardthumb {
    width: 95px;
    height: 95px;
    padding: 3px;
    margin: 1px;
    text-align: center;
    vertical-align: middle;
    float: left;
  }
  .clear {
    clear: both;
  }

/* End E-cards*/

/* Kommentare */
/* comment_rank - Kommentar Addon von franz007 */ 
/* Die Klasse des divs der alles umschließt */
.comment-rank{
	
}
/* Die einzelnen Kommentare */
.comment-rank .comment-rank-comment{
	border-left: 3px dotted #000000;
	padding-left: 5px;
	margin-bottom: 12px;
}
/* Ein admin-comment zu einem Kommentar */
.comment-rank .comment-rank-comment .admincomment{
	border-left: 3px dotted #000000;
	padding-left: 5px;
}

/* Das formular */
.comment-rank form{
	border: 1px dashed #000000;
	margin-bottom: 20px;
	padding: 5px;
}

/* Die beschriftungen im Formular */
.comment-rank form label{
	display: block;
	margin-bottom: 5px;
}