/*
E-Mail-Adresse mit Spamschutz
***********************************************************************************************
*/

#maincontent .email{
	border:0px solid red;
	width: 400px;
	margin-bottom: 20px;

}

#maincontent .email form{
	height: 20px;
	display: inherit;
}

#maincontent .email form input{
	border: 1px solid #777;
	width: 150px;
	font-size: 0.9em;
	background-color: #e6e6e6;
}

#maincontent .email form input:hover{
	border: 1px solid #999;
	width: 150px;
	font-size: 0.9em;
	background-color: #ffffff;
}


#maincontent .email form a{
	marging:0;
	padding:0;
}





/*
Inhalt rechte Spalte (Verlinkungen)
************************************************************************************************
*/

.text_img_container{
	 margin-left: 0px;
	 margin-right: 10px;
	 margin-bottom: 10px;
}

.text_img_container .img_wrap{
	border:0px solid red;
	text-align: center;
}


.txt_small{
	font-size:0.8em;
	text-align: left;
	border:0px solid red;
	margin:0 ;
	padding-left: 0;
	padding-right: 10px;
	padding-top: 3px;
}


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

#maincontent .galerie_img_wrapper{
border: 1px solid #fff;
width: 172px;
height: 230px;
background-color: #e6e6e6;
margin: 5px 5px 10px 0px;
padding:0;
float:left;
text-align: center;
}

#maincontent .galerie_img_wrapper:hover{
border: 1px solid #999;
width: 172px;
height: 230px;
background-color: #f3f3f3;
margin: 5px 5px 10px 0px;
padding:0;
float:left;
text-align: center;
}


#maincontent .lightbox_css img{
border: 0 solid red;
}

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

#maincontent .galerie_txt{
color: #000;
border:0 solid red;
font-size:0.8em;
margin-top: -3px;
}

/*
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;
}


/*
PDF-Download 
************************************************************************************************
*/

.pdf_download{
margin-right: 20px;
margin: 10px 0 10px 0;
border:1px solid #e7e7e7;;
padding: 10px;
width: 510px;
background-color:#f5f5f5;
/*min-height-Hack*/
min-height:55px;
height:auto !important;
height:55px;
/*min-height-Hack Ende*/
}

.pdf_download img{
border:0px solid red;
float: left;
margin: 0px 8px 0 0px;
}


.pdf_download .pdf_txt{
color:#666;
margin-bottom: 5px;
line-height: 1.5em;
}

.pdf_download .dateigroesse{
	margin-top: -25px;
	margin-right: 0px;
	background-color:#e6e6e6;
}



/*
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: 510px;
	border:0px solid red;
	margin-top: 0px;
}

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

.formgen .formblock
{
	margin-bottom: 5px;
	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: 350px;
	height: 150px;
	margin-left: 4px;
	border: 1px solid #666;
	background-color: #f6f6f6;	
}

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


/* Textfeld */
.formgen .formtext
{
	height: 17px;
    width: 280px;
	background-color: #f6f6f6;
	margin-left: 4px;
	border: 1px solid #666;
}

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


/* 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;
	color: #003366;
	margin-top: 20px;
}

/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	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: 120px;
	float: left;
	clear: left;
	height: 20px;
	padding: 0px;
}


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 25%;
	float: right;
	border: 1px solid #666;
	margin-right: 16px;
	background-color:#e0001a;
	color: #fff;
	font-weight:bold;
	
}

.formgen .formsubmit:hover
{
	background-color:#666;
	color: #fff;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 490px;
padding: 20px;
margin-bottom: 100px;
border: 1px solid #e6e6e6;
}


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

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

/* Fehlermeldung (Text) nach Versand */

.forminfo {
	color: #e0001a;
	font-weight: bold;
	border:2px solid red;
	margin: 5px 5px 30px 5px;
	padding: 5px;
	width: 260px;
}


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

 
/*
WYSIWYG - Text mit Bild/Bildergalerie (Frontend)
************************************************************************************************
*/ 
 
div.wysiwygimg { margin:0 0 0 0; overflow:auto;}

/* ----- 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;}*/
.wysiwygimg .wysiwygimgclear {display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative; border:0px solid red;}


/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
/*.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}*/
/*.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}*/

.wysiwygimg img.wysiwygimg {border:5px solid #f5f5f5; margin:15px 10px 2px 10px; padding:1px;} 
.wysiwygimg a.wysiwygimg img {border:5px solid #f5f5f5; vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg img:hover {border:5px solid #cecece; vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {margin:15px 10px 2px 10px; padding:1px; display:table; display:inline-block; line-height:0.0em;}

.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 0px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 0px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 0px #e4e4e4;}

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

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

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

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

/* 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; }