/*
Site:			www.humanelektronik.de
Author:			Torsten Schrade
Created:		01.04.2006
Modified:		06.04.2006
Editor:			Torsten Schrade
Usage:			styles for images from css_styled_content - 0.3.1

property order:
################
- cf. main.css

table of contents
#################
*/

/*####################### IMAGES ############################*/

/* this box creates a local float environment for the imageblocks 
otherwise the hr.clearer would clear globally */

div.imageblock {
	position: relative;
	float: left;
	width: 350px;
}

.csc-textpic-caption {
	text-align: center;
	font-size: 0.9em;
	color: #7F7F7F
}

/* Text */
#content-03-wrap #content-03 div.csc-textpic-intext-left-nowrap p {
	padding-left: 10px;
}

#content-03-wrap #content-03 div.csc-textpic-intext-right-nowrap p {
	padding-right: 10px;
}

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

/* fix line-height in IE6*/
* html div.csc-textpic-imagewrap {
	margin-bottom: -1.7em;	
}

* html div.csc-textpic-intext-left dl.csc-textpic-image,
* html div.csc-textpic-intext-right dl.csc-textpic-image {
	margin-top: 1.5em;
}

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 */
hr.csc-textpic-clear {
	visibility: hidden;
	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: 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 */