/*
02 - Leistungsspektrum Bilder einbinden (interne Verlinkung)
************************************************************************************************
*/

.leistung{ 
padding: 0px;
margin: 2px;
border: 2px solid #79b530;
vertical-align: top;
float: left;
height: 113px;
width: 204px;
}

.leistung:hover{ 
border: 2px solid #1f511e;
}

/*
03 - Mitarbeiter Bilder einbinden
************************************************************************************************
*/

.bild_mitarbeiter_box{
	width: auto;
	height: auto;
	padding: 3px;
	margin: 16px 16px 2px 16px;
	border: 1px solid #CCC;
	background-color: #FFF;
	vertical-align: top;
	float: left;
}

.bild_mitarbeiter_box p{
	font-size: 0.7em;
	font-style: italic;
	color: #006600;
	text-align: right;
}

/*
Lightbox - Bildergalerie Modul
************************************************************************************************
*/

.galerie_img_wrapper{
border: 0px solid #fff;
width: 155px;
height: 180px;
background-image: url(lightbox_bg_hover.gif);
background-repeat: no-repeat;
margin: 5px 5px 10px 0px;
padding-top: 12px;
float:left;
text-align: center;
}

.galerie_img_wrapper:hover{
border: 0px solid #999;
width: 155px;
height: 180px;
background-image: url(lightbox_bg.gif);
background-repeat: no-repeat;
margin: 5px 5px 10px 0px;
padding-top: 12px;
float:left;
text-align: center;
}

.galerie_img_wrapper img{
border: 2px solid #fff;
}

.lightbox_css img{
border: 0px solid red;
}

.lightbox_css img:hover{
border:0 solid gray;
}

.galerie_txt{
color: #000;
border: 0px solid red;
font-size:0.6em;
margin: 5px;
line-height: 1.5em;
width: 142px;
height: 60px;
overflow: auto;
}

/*
Lightbox Klasse
************************************************************************************************
*/
/*
.lightbox_css img{
border:2px solid #E5E6E6;
margin:0;
padding:5px;
}

.lightbox_css img:hover{
border:2px solid #0D222D;
margin:0;
padding:5px;
}


.galerie_img_wrapper{
border:0px solid blue;
width: 230px;
height: 240px;
margin: 0 8px 0 0px;
float:left;
}

.galerie_txt{
color: #000;
border:0px solid red;
font-size:0.8em;
}
*/


/*
Modul - Links zu fremden Seiten einbinden
***************************************************************************************************
*/

/* Falls Linkbezeichnung neue Zeile (Einleitungstext als eigener Absatz)*/
#content #content_main p.extlink_preface {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e7e7e7;
}


/* Auszeichnung für den Link (um hover etc. ergänzen)*/
#content #content_main a.extlink_link{
  text-decoration: underline;
  margin: 0;
  padding: 0;  
}

/* Falls Linkbezeichnung nicht in neue Zeile (Einleitungstext und Link zusammen als Absatz)*/
#content #content_main p.extlink_block {
	border: 0px solid yellow;
}


/*
Modul - Artikel auf der Startseite auflisten (nur für Startseiten)
***************************************************************************************************
*/

.outlink1{
clear: both;
text-align: center;
}

.outlink2{
float: right;
}

.outlink3{
float: left;
}

.outlink_br{
clear: both;
font-size: 1px;
line-height: 0px;
}

/*
Modul - Aktuelles (News & Event Modul inkl. Bild & Link v1.0)
***************************************************************************************************
*/

/* Kalenderblatt */
#cal {
	padding-top: 10px;
	color: #fff;
	text-align:	center;
	background-color: #79b531;
	background-image: url(calbg.gif);
	background-repeat: no-repeat;
	float: left;
	width: 54px;
	height: 63px;
	margin-right: 10px;
}

/* Kalenderblatt Tag & Monat */
.calday {font-size: 24px; text-shadow: #000 -1px -1px 0px;}
.calmonth {font-size: 12px; text-shadow: #000 -1px -1px 0px;}
.calyear {font-size: 12px; text-shadow: #000 -1px -1px 0px; clear: both;}

/* Bildausrichtung */
.left {float: left; margin-right: 15px; margin-bottom: 15px; }
.right {float: right; margin-left: 15px; margin-bottom: 15px;}
.bild {float: right; margin-left: 10px; margin-bottom: 10px; border: 1px solid #e7e7e7; padding: 2px;}

/* Links */
.pdf {border: 0pt none; vertical-align: middle;}
.link {border: 0pt none; vertical-align: middle;}

/* horizontale Linie*/
hr{
	background-color: #79b531; /* Farbe für Opera und Firefox */
	color: #79b531; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px;
	margin-bottom: 50px;
}

.ueberschrift{
	font-weight: normal;
	font-size: 1.2em;
}

.news_trennlinie{
clear:right;
border-bottom:1px solid #efefef;
margin-top:20px;
margin-bottom:40px;
}


/*
 Modul - Events (RexKalender)
*********************************************************************************************
*/

/* Kalender Rahmen*/
.rexkal{
	border: 0px solid red;
}

.rexkal h3{
	font-size: 1.4em;
	background-color:#e5ffc6;
	width: auto;
	padding: 5px;
}

.rexkal table{
	border: 0px solid #e6e6e6;
	padding: 5px;
	width: 100%;
	font-size: 0.9em;
	margin-bottom: 10px;	
}

.rexkal table td{
	border: 1px solid #e6e6e6;
	padding: 5px;
}


/*Für RexKalender Startseite*/
/****************************/

/* Veranstaltungs-Monat */
.rexkal-month{
	border: 0px solid blue;
	font-size: 1.3em;
}

/* Datum Formatierung */
.rexkal-dateStartFormatted{
	color: green;
	font-weight: bold;
	width: 190px;
	vertical-align: top;
}

 .day{
}
	
.to{
	
}

/*Veranstaltungs-Name */
.rexkal-eventName{
	width: 150px;
	vertical-align: top;
}
	/*Link*/
	.rexkal-eventName a{
	}

/* Kategorie Name */
.rexkal-categoryName{
	width: 120px;
	vertical-align: top;
}

/*Veranstaltungs-Ort*/
.rexkal-venueName{
	width: 120px;
	vertical-align: top;
}

/*Für RexKalender Detailseite*/
/*****************************/

/*Details*/
.rexkal-details{
}

/*Datum*/
.rexkal-date{
	background-color: #f7f7f7;
	padding: 4px 4px 4px 30px;
}

.rexkal-date p{
	display: inline;
}

/*Label (für Datum etc.)*/
.label{
	font-weight: bold;
	margin-bottom: 20px;
	margin-right: 10px;
}

/*Ort*/
.rexkal-ort{
	background-color: #f7f7f7;
	padding: 4px 4px 4px 30px;	
}

.rexkal-ort p{
	margin-bottom: 50px;
	display: inline;	
}

/*Inhalt-Beschreibung*/
.rexkal-longdesc{
margin-top: 20px;
}

/*Inhalt-Bild*/
.rexkal-picture{
float: right;
margin: 5px 0 10px 10px;
padding: 2px;
border: 1px solid #e6e6e6;
}

/* Link für zurück */
.rexkal-backlink{
margin-top: 40px
}

.rexkal-backlink a{
}

/*für weiter und zurück*/
ul.rexkal-pager{
	list-style: none;
}

li.rexkal-next li{

}


/*
E-Mail-Adresse mit Spam-Schutz
************************************************************************************************
*/

.email{
	border:0px solid red;
	height: 30px;
	width: 300px;
	display: block;
	margin-top: -12px;
	margin-left: 0px;
	margin-bottom: 20px;
}

.email form{
	border: 0px solid green;
	height: 30px;
	display: inherit;
}

.email form input{
	border: 1px solid #e6e6e6;
	width: 120px;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #79b531;
	color: #FFF;
	
}

.email form input:hover{
	background-color: #124f11;
}


.email form a{
	border: 0px solid blue;
	marging:0;
	padding: 0;
}




/*
Contact form
***********************************************************************************************
*/

/*
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
==================================

Erstellt von: Thomas Skerbis , www.klxm.de
------------------------------------------

Modifiziert von: Israfil Sen , www.xup.eu
-----------------------------------------
/*


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}


.formgen form
{
line-height : 120%;
width: auto;
height: auto;
border: 0px solid red;
}

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

.formgen .formblock{
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}

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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 402px;
	height: 120px;
	margin-left: 4px;
	border: 1px solid #79b531;
	background-color: #FFF;	
}

.formgen .formtextfield:hover
{
	background-color: #e7ffcb;	
}


/* Textfeld */
.formgen .formtext
{
	height: 17px;
    width: 250px;
	background-color: #FFF;
	margin-left: 4px;
	border: 1px solid #79b531;
	padding: 1px;
}

.formgen .formtext:hover
{
	background-color: #e7ffcb;	
}


/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	margin-top: 20px;
}

/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCC;
	margin-left: 4px;
}

/* Checkbox */
.formgen .formcheck{
/*************************** hier weitermachen */
}

/* Checkbox Label */
.formgen .formcheck_label{
/*************************** hier weitermachen */
}


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

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


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 40%;
	float: right;
	border: 1px solid #666;
	margin-right: 5px;
	background-color:#79b531;
	color: #FFF;
	font-weight:bold;
	
}

.formgen .formsubmit:hover
{
	background-color:#124f11;
	color: #FFF;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 500px;
padding: 15px;
margin-left: 55px;
border: 1px solid #666;
}

/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
padding: 20px;
color: #0a2e09;
}

/* Danke bei Versand */
#form-module-thanks{
	font-weight: bold;
	text-align:  center;	
}


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

/* Fehlermeldung (Text) nach Versand */

.forminfo {
	color: #e0001a;
	font-weight: bold;
	border: 1px solid red;
	margin: 5px 5px 5px 55px;
	padding: 5px;
	width: 400px;
	background-color:#FFF;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #e0001a;
	padding-left: 0px;
	font-weight: bold;
}




/*
WYSIWYG - Text mit Bild/Bildergalerie (für Frontend)
************************************************************************************************
*/ 
 
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {display:block; margin-bottom: 20px}

/* Text */
.wysiwygimg .wysiwygimgtext {
}


/* Bild und Link */
.wysiwygimg img.wysiwygimg {border: none; margin:1px}
.wysiwygimg img.wysiwygimg { border:solid 1px #CCC; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0px none;padding:0px;vertical-align:top; margin:1px}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 1px #e6e6e6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 1px #e6e6e6;}
.wysiwygimg a.wysiwygimg:focus {border:solid 1px #e6e6e6;}
.wysiwygimg a.wysiwygimg:active {border:solid 1px #e6e6e6;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px; width:246px; border:0px solid red; padding:3px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {border: 0px solid #eee;}

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

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin: 0.8em 0 0.5em 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;}