/*  main.css */

/*  Normalerweise werden hier keine Änderungen vorgenommen. */
/*  Neben den generellen Attributzuweisungen werden hier auch die */
/*  css-styled-content und die css der extensions eingebunden. */
/*  Änderungen aber bitte nur in der content.css vornehmen. */

/*  ###############################################################  */
/*  Generelle Attributzuweisungen für nicht klassifizierte Elemente */

/*  vordefinierte Abstände aller Elemente werden auf null gesetzt */
  * {margin:0 0 0 0; padding:0 0 0 0;}
/*  für die Auswahlboxen muss das wieder zurückgenommen werden  */
  option { padding:0 0 0 0.4em;}

/*  Das HTML-Element nimmt 100% Raum ein */
  html { height:100%; width: 100%;}
  * html body { height: 100%;}
  body * {background-color: transparent;}
/*  Dokumentweite Einstellungen */
  body { 
  position: relative; /*  horizontal zentrierte Ausrichtung */
  margin: 0 auto 0 auto;
  min-height: 100.1%; /*  vertikalen Scrollbalken erzwingen */
  width: 100%;
  text-align: left;
  font-size: 80%;
  line-height: 100%;
  font-family: Verdana, Helvetica, sans-serif;
  }

  #maincontainer {text-align: left;  margin: 0 auto 0 auto;}
  #maincontainer * {text-align: left;}
  #maincontent {}

/*  Bilder generell ohne Rahmen */
  img { border: 0; }

/*  Listen  */	
  ul, ol, dl { margin: 0 0 0 0;}
	li { margin: 0 0 0 0; }
	dt { font-weight: bold; }
	dd { margin: 0 0 0 0; }
	
	.subfluid { padding: 0 1px 0 1px; margin: 0 -1px 0 -1px; overflow: hidden; }
	.subfluidcenter  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subfluidleft { padding: 0 1em 0 0; overflow: hidden; }
	.subfluidright { padding: 0 0 0 1em; overflow: hidden; }
	.left25, .left33, .left38, .left50, .left62, .left66, .left75 { float: left; overflow: hidden; }
	.right25, .right33, .right38, .right50, .right62, .right66, .right75 {float: right; overflow: hidden;}
	.left25, .right25 { width: 24.99%; }
	.left33, .right33 { width: 33.33%; }
	.left38, .right38 { width: 38.19%; } 	
	.left50, .right50 { width: 49.99%; }
	.left62, .right62 { width: 61.80%; } 	
	.left66, .right66 { width: 66.66%; }
	.left75, .right75 { width: 74.99%; }

/*  Formulare */
	option { padding: 0 0 0 0.4em; }
	fieldset { border: 0; }
	select, input, textarea { font-size: 100%; }

/*  Tabellen  */

/*  Absatzformate */
	blockquote, cite { margin: 0 0 0 10px; width: auto;}
	strong, b { font-weight: bold;}
  	em, i { font-style: italic;}
  	pre, code { font-family: "Courier New", Courier, monospace;}

/* ############################################################################################ */
/* 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.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-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; margin-top: 3px;
	}

	/* 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; margin-top: 3px;
	}

	/* 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;  margin-top: 3px;
	}
	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: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !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 */
	
	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }