/*
 *  Style-Index:
 * 
 *  $1  - General Elements
 *  $2  - Images
 */
 
/* $1 - General Elements //////////////////////////////////////////////////// */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}

/* remember to define focus styles! */
body
{
  line-height:100%;
  color:#000000;
  background:#ffffff;
}

input, textarea, select
{
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:100%;
  vertical-align:middle;
}

input
{
  overflow:visible;
}

a,
a:visited
{
  cursor:pointer;
  text-decoration:none;
  color:#000000;
}

a:hover
{
  color:#999999;
}

a:focus
{
  outline:0;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
  border-collapse:separate;
  border-spacing:0;
}

caption, th, td
{
  text-align:left;
  font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after
{
  content:"";
}

blockquote, q
{
  quotes:"" "";
}

/* basic style helpers */
.clearfix:after
{
  content:".";
  display:block;
  clear:both;
  font-size:0;
  visibility:hidden;
  line-height:0;
  height:0;
}
 
.clearfix
{
  display:inline-block;
}
 
html[xmlns] .clearfix
{
  display:block;
}
 
* html .clearfix
{
  height:1%;
}

/* $2 - Images ////////////////////////////////////////////////////////////// */

div.csc-textpic-right .csc-textpic-text,
div.csc-textpic-left .csc-textpic-text
{
  padding:0px 0px 10px 0px;
}

/* 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,
div.csc-textpic-border div.csc-textpic-single-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;
}

/* FE-Editing Icons */
div.csc-textpic div.csc-textpic-imagewrap dl-textpic-image dd img
{
  border:none;
}

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-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-left:0px;
}
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image figcaption,
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image figcaption
{
  margin-right:10px;
}

/* Pictures on right, add margin on left */
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-right:0px;
}
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image figcaption,
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image figcaption
{
  margin-left:10px;
}

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

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img
{
  margin:0;
  vertical-align:bottom;
}

/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image
{
  margin-bottom:10px;
}

div.csc-textpic-equalheight div.csc-textpic-imagerow
{
  margin-bottom:10px;
  display:block;
}

div.csc-textpic div.csc-textpic-imagerow
{
  clear:both;
}

div.csc-textpic div.csc-textpic-single-image img
{
  margin-bottom:10px;
}

/* IE7 hack for margin between image rows */  
*+html div.csc-textpic div.csc-textpic-imagerow .csc-textpic-image
{
  margin-bottom:0;
}

*+html div.csc-textpic div.csc-textpic-imagerow
{
  margin-bottom:10px;
}

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

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap
{
  margin-bottom:10px;
}

/* 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
{
  text-align:right;
}

div.csc-textpic-right div.csc-textpic-text
{
  clear:right;
}

/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap
{
  text-align: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,
* html .csc-textpic-intext-left ol,
* html .csc-textpic-intext-left ul
{
  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;
}

.csc-textpic-imagewrap a
{
  background-image:none;
  padding-left:0px;
}
