/*
Logo (only for PRODUCTS Main)
************************************************************************************************
*/
.prod_logo{ 
height: 100px;
width: 200px;
border: 1px solid #e6e6e6;
text-align: center;
float: left;
margin: 0 5px 5px 0;
padding: 10px;
}


/*
Image + Link (intern / extern)
************************************************************************************************
*/
.prod_sub1{ 
padding: 5px;
border: 1px solid #e6e6e6;
margin: 5px 5px 5px 0;
vertical-align: top;
}

.prod_sub1:hover{ 
background-color: #cfdce4;
}


/* 
Logo and/or citation
************************************************************************************************
*/

.logo{ /*für Logo*/
border:0px solid green;
margin-bottom: 20px;
}

.citation{ /*für Zitat*/
padding: 20px 50px;
border: 0px solid red;
text-align: center;
font-size: 1.2em;
font-style:italic;
line-height:1.5em;
letter-spacing: 0.15em;
}

.citation_source{
border: 0px solid green;
text-align: center;
font-size: 0.7em;
font-weight: bold;
font-style:normal;
letter-spacing: 0.1px;
margin-top: -20px;
}

/*

Text (image optional)
************************************************************************************************
*/
.prod_sub2_img{ 
padding: 0px;
margin: 0 10px 10px 0px;
border:0px solid red;
}

.prod_sub2_img img{ 
border: 1px solid #e6e6e6;
}

.txt_small{
	font-size:0.8em;
	text-align: left;
}


.flLeft {
	float:left;
}

.flRight {
	float:right;
}

.flTop {
	float:inherit;
}


/*
Image (image lettering optional)
************************************************************************************************
*/
.images{
border: 1px solid #E6E6E6;
}

.prod_sub2_img1{ 
padding: 0px;
margin: 0 10px 10px 0;
float: left;
border: 0px solid green;
}

.txt_small_1{
font-size:0.8em;
text-align: left;
border: 0px solid red;
width: 157px;
}


/*
PDF-Download (with image)
************************************************************************************************
*/

.pdf_download{
border:0px solid green;
margin-right: 20px;
margin-top: 60px;
float: left;
width: 200px;
}


/*
PDF-Download (without image)
************************************************************************************************
*/
.pdf_download_ref{
	width:100%;
	border:0px solid #00FF00;
	margin-bottom: 10px;
	margin-top:10px;
	float: left;
}

.pdf_download_ref p{
	display: inline;
	line-height: 30px;
	padding-left: 40px;	
}

.pdf_download_img{
	border:0px solid red;
	margin-right:10px;
	margin-bottom:10px;
	display: inline;
	float: left;
}


/*
Stripline
************************************************************************************************
*/
.hr_div{
border-bottom: 1px dotted #22495E;
height:30px;
margin-right: 0;
margin-bottom: 50px;;
clear: both;
}

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



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

/* 
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: 410px;
	height: 150px;
	margin-left: 4px;
	border: 1px solid #336699;
}


/* Textfeld */
.formgen .formtext
{
	height: 17px;
    width: 280px;
	background-color: #DEE7EC;
	margin-left: 4px;
	border: 1px solid #336699;
}
/* 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;
}
/*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-color: #DEE7EC;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 30%;
	float: right;
	border: 1px solid #336699;
	
}

/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 545px;
padding: 20px;
border: 2px solid #DEE7EC;
}


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

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

/* Fehlermeldung nach Versand */

.forminfo {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #CC3333;
	margin: 5px;
	padding: 5px;
	width: 300px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #CC3333;
	padding-left: 2px;
}