@charset "utf-8";

/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg { }

/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg { overflow:hidden; }

.wysiwygimg .wysiwygimgclear
{
	clear:both;
	display:block;
	font-size:1px;
	line-height:0px;
	margin:0;
	padding:0;
	position:relative;
}

/* Text */
.wysiwygimg .wysiwygimgtext { }

/* Bild und Link */
.wysiwygimg img.wysiwygimg
{
	border:0;
	margin:1px;
}

.wysiwygimg img.wysiwygimg
{
	border:solid 5px #f5f5f5;
	padding:1px;
}

.wysiwygimg a.wysiwygimg img
{
	border:0;
	padding:0px;
	vertical-align:top;
	margin:1px;
}

.wysiwygimg a.wysiwygimg,
.wysiwygimg a.wysiwygimg:link
{
	border:solid 5px #f6f6f6;
	display:table;
	display:inline-block;
	line-height:0.0em;
}

.wysiwygimg a.wysiwygimg:visited { }

.wysiwygimg a.wysiwygimg:hover { border:solid 5px #e4e4e4; }

.wysiwygimg a.wysiwygimg:focus { border:solid 5px #e4e4e4; }

.wysiwygimg a.wysiwygimg:active { border:solid 5px #e4e4e4; }

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle
{
	color:#666;
	font-size:0.8em;
	font-style:italic;
	margin:2px 0px;
}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap { }

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft
{
	float:left;
	margin:0 1.0em 0 0;
}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright
{
	float: right;
	margin:0 0 0 1.0em;
}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft
{
	float:left;
	margin-bottom:0.5em;
}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright
{
	float:right;
	margin-bottom:0.5em;
}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter
{
	margin-bottom:0.5em;
	text-align:center;
}

.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg { margin:0 auto; }

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft
{
	float:left;
	margin-top:0.5em;
}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright
{
	float:right;
	margin-top:0.5em;
}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter
{
	margin-top:0.5em;
	text-align:center;
}

.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg { margin:0 auto; }

.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg { margin:0 auto; }

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table
{
	border-spacing: 0px;
	font-size:1.0em;
}

.wysiwygimg td
{
	vertical-align:top;
	font-size:1.0em;
}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol { padding-right:1.0em; }

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol { padding-left:1.0em; }

/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1
do form!  
Stand: 2.08.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 { }

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] { }

.formgen form { }

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
}

/*
Verhalten von br-Tags
*/
.formgen br { clear : both; }

/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	height: 200px;
	background-color: #FFFFFF;
}

/* Textfeld */
.formgen .formtext
{
	width: 300px;
	background-color: #FFFFFF;
	margin-left: 4px;
	border: 1px solid #666666;
}

/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;
}

/* Hinweistext */
.formgen .formhinweis
{
	color: #000000;
	font-style: italic;
}

/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}

/* Passwortfeld */
.formgen .formpassword
{
	width: 250px;
	background-color: #99CC00;
}

/*Captcha-Bild*/
.formgen .formcaptcha { border: 1px solid #990000; }

/* Label */
.formgen label
{
	width: 250px;
	clear: left;
	float: left;
	height: 20px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 300px;
	background-color: #FFFFFF;
	margin-left: 4px;
}

/* Sende-Button */
.formgen .formsubmit
{
	width: 300px;
	background-color: #FFFFFF;
}

/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset
{
	width: 345px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 3px solid #006633;
	background-color: #FFFFCC;
}

/* Fieldsetbeschriftung */
.formgen legend
{
	font-weight: bold;
	color: #993300;
	width: 140px;
	margin: 0px;
}

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

/* Fehlermeldung nach Versand */

.formgen .forminfo
{
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}

/* Markierung der Labels bei Fehler */
.formgen .formerror
{
	color: #FFFFFF;
	background-color: #990000;
}

.forminfo
{
	color: #000000;
	background-color: #FFFF66;
	margin: 2px;
	padding: 4px;
	border: 2px solid #FF0000;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */;
}

/* Fieldsetbeschriftung */
.formgen legend
{
	font-weight: bold;
	color: #993300;
	width: 140px;
	margin: 0px;
}
.downloads {
	border: 1px solid #990000;
	padding: 10px;
}

.downloads img { }