/*##########*/
/* advlink_styles (TinyMCE)*/
/*##########*/

.kasten
{
padding:2px;
border:1px solid #012880;
}

/*##########*/
/* Kategorieliste */
/*##########*/

ul.subcategories
{
margin-left:0px;
padding-left:0;
}

ul.subcategories li
{
list-style-type:none;
padding-bottom:10px;
}

/*##########*/
/* Kategorieliste */
/*##########*/

div.kategorieliste ul
{
margin-left:0;
padding-left:0;
}

div.kategorieliste ul li
{
list-style-type:none;
}

div.kategorieliste ul li ul li
{
margin-top:5px;
padding-top:5px;
}

div.kategorieliste ul li ul li a
{
background-color:#DEDEDE;
padding:3px;
}

div.kategorieliste ul li ul li ul
{
margin-left:20px;
}

div.kategorieliste ul li ul li ul li a
{
background-color:#FFFFFF;
padding:0;
}

/*##########*/
/* Bild */
/*##########*/

/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #01247D;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #01247D;
}
.pnormal_b {
	clear: both;
	border: 1px solid #01247D;
}

/*##########*/
/* Externer Link */
/*##########*/

// entsprechend anpassen

// Falls Linkbezeichnung neue Zeile (Einleitungstext als eigener Absatz)
p.extlink_preface {
  margin: 0;
  padding: 0 0 0.5em 0;
}

// Falls Linkbezeichnung nicht in neue Zeile (Einleitungstext und Link zusammen als Absatz)
p.extlink_block {

}

// Auszeichnung für den Link (um hover etc. ergänzen)
a.extlink_link {
  text-decoration: underline;
}

/*##########*/
/* Kontaktformular */
/*##########*/

#kontakt label
{
font-size:0.7em;
}

#kontakt fieldset
{
width:557px;
border:1px solid #012880;
padding:10px;
margin-bottom:15px;
}

#kontakt input,
#kontakt textarea 
{
border:1px solid #0E3C6B;
}

#kontakt input:hover,
#kontakt input:focus,
#kontakt textarea:hover,
#kontakt textarea:focus
{
background-color:#F1F1F1;
}

/*##########*/
/* Kontaktformular 4.5*/
/*##########*/

#rexform legend
{
font-size:0.8em;
font-weight:bold;
}

#rexform label
{
font-size:0.7em;
}

#rexform fieldset
{
width:557px;
border:1px solid #012880;
padding:10px;
margin-bottom:15px;
}

#rexform .formblock{
    padding: 0px;
    margin: 0px;
}

#rexform .formblock table,
#rexform .formblock table td
{
border:0 !important;
}

#rexform .formblock input,
#rexform .formblock textarea,
#rexform .formblock select
{
border:1px solid #0E3C6B;
display:block;
width:400px;
}

#rexform .formblock .formtrenn
{
border-bottom:1px solid #012880;
width:400px;
}

#rexform input.formradio
{
width:20px;
border:0; /*IE6*/
}

#rexform label.formradio
{
font-size:10px; /*IE6*/
}


#rexform .formblock input.hidden_field {
    display: none;
}


#rexform .formblock input.field_checkbox {
    display: inline;
    width: auto;
}

#rexform input:hover,
#rexform input:focus,
#rexform textarea:hover,
#rexform textarea:focus
{
background-color:#F1F1F1;
}


#rexform .formhinweis {
    font-size: 0.7em;
    margin-bottom: 5px;    
    line-height: 18px;
}



.forminfo{
    font-size: 0.9em;
    font-weight: bold;
    color: red;
    margin-top: 30px;
    margin-bottom: 5px;
}