/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 480px; text-align: left; vertical-align: top; padding: 0px; margin: 20px 0px 0px 0px; float: left; /*border: 1px solid #CDC969;*/ border: 1px solid #CDD4DD}
.text {text-align: left; padding: 16px 8px 10px 18px; margin: 0px;}
.text p {font-size: 90%; line-height: 1.4em; }
/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/

/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#rand {width: 220px; text-align: left; vertical-align: top; padding: 0px; margin: 20px 0px 0px 10px; float: right; background:  url(../../../fileadmin/_vasoft/gfx/rand_bottom_edge_NO.GIF) no-repeat bottom left #DDDDDD;}
.randtext {width: 215px; color: #0F0F10; text-align: left; padding: 0px 0px 10px 5px; margin: 10px 0px 20px 0px; background-color: #DDDDDD; }
.randtext p {font-size: 90%; color: #0F0F10; line-height: 1.4em;}
.randtext h1.csc-firstHeader {font-size: 100%; color: #010066; line-height: 1.4em;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/


/*########## TYPO3 Rendering CONTENT ###########*/
.bildtext {float: left; margin: 8px 10px 8px 0px; border: 1px solid #666666;}
.textbild {float: right; margin: 2px 0px 2px 10px; border: 1px solid #666666;}
.teaserimg {float: right; margin: 0px 0px 3px 5px; padding: 0; background-color: #FFFFFF; border: 1px solid #010066;}

.csi-image {padding: 1px; background-color: #FFFFFF; border: 4px solid #E6E6E6;}

.contenttable {margin: 5px 0px 10px 0px;}
.contenttable td {padding: 2px; }
.tr-even.tr-0 td {line-height: 14px; font-weight: bold; color: white; background-color: #DDDFE0;}
.tr-even {background-color: #EDEEE6;}
.tr-odd {background-color: #DDDFD1;}
.tr-even.tr-last td {font-size: 12px; font-weight: bold; text-align: right; color: white; background-color: #1F6493;}
.td-last {text-align: right;}

td {line-height: 12px; font-size: 11px; }
.tr-even.tr-0 td.td-0 {width: 120px; font-weight: bold; }
.td-0 {font-weight: bold; }
.tr-even.tr-0 td.td-1 {width: 100px;}
.tr-even.tr-0 td.td-2 {width: 100px;}
.tr-even.tr-0 td.td-3 {width: 100px;}

.td-3, .td-4, .td-5, .td-6 {text-align: center;}

/*########## TYPO3 Rendering CONTENT ###########*/


/*###### NEW FORM FOR TYPO3 4.0  ########*/
.csc-mailform {width: 600px;}
.csc-mailform-field {width: 600px; font-size: 12px; clear: both;}
.csc-mailform-field label {width: 180px; display: block; background-color: #FFFFFF; margin: 2px 1px 2px 1px; text-align: left; padding: 2px 5px 2px 0px; line-height: 1.3em; float: left;}
.csc-form-label-req {color: red; font-weight: bold;}

/* Ueberschrift im Formular */
.csc-mailform-label {width: 600px; height: 1.6em; line-height: 1.6em; font-size: 11px; font-weight: bold; background-color: #FAFAEA; margin: 2px 1px 2px 1px; clear: both;}
/* Ueberschrift im Formular */

.csc-mailform-check {background-color: #E8EBEC; border: 1px solid; margin-right: 200px;}
.input {font-size : 12px; width: 300px; margin: 1px 0 1px 0; border-style: solid; border: 1px solid #6E6E7F; background-color : #F0F0F0;}	
.textarea {font-size : 12px; width: 300px; margin: 1px 0 1px 0; height: 110px; border-style: solid; border: 1px solid #6E6E7F; background-color : #F0F0F0;}		
.option {font-size: 12px; width: 300px; margin: 1px 0 1px 0; padding: 0; border: 1px solid #6E6E7F; background-color : #F0F0F0; }
.sub {margin: 10px 20px 0 185px; font-size: 12px; font-weight: 700; color : #FFFFFF; width: 160px; height: 24px; border-style: solid; border: 1px groove #000000; background-color : #010066; cursor: hand; float: left;}
/*###### NEW FORM FOR TYPO3 4.0  ########*/

		
/*########## FORMULARE ###########*/
p.form {
font-family: arial, verdana, helvetica;
font-size: 12px;
margin: 1px 0px 1px 0px;
padding: 0px;}

form input, form option, form submit, form select, form textarea {
font-family: arial, verdana, helvetica;
font-size : 12px;
font-weight	: normal;   
border-style: solid;
border: 0px solid #787878;
background-color : #F0F0F0;
margin: 0px;
/*display: inline;*/}


/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: {$styles.content.imgtext.textMargin}px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: {$styles.content.imgtext.textMargin}px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
/* default styles for extension "tx_croncssstyledimgtext" */
/*
 * css-styled-imgtext
 */
/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */