/* Basic Stylesheet for www.fernreise.de */
/* author: www.ideenwerft.com */
/* originally created: 2007 */


* {padding:0px;margin:0px;}
img {border:0;}
html[xmlns^="http"] {overflow-y: scroll;}
.hidden { position: absolute;left: -10000px;}
html {height:100%;}
* html body {height:100%;}
body {
min-height:100%;
height:100%;
font-size: 68.75%; /* setzt Standardschriftgröße auf 11px */
font-family: Verdana, Arial, Sans-Serif;
color:#333333;
text-align:center;
}
#wrapper {
width: 978px;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
}
#rahmen {
width: 970px;
min-height:800px;
margin-left: auto;
margin-right: auto;
text-align:left;
background-position: top left;
background-repeat: no-repeat;
background-color:#FFFFFF;
}

/* *** HEADER ***********************/
#top {
float:left;
width:100%;
height:131px;
padding: 0px;
margin: 0px;
}
#pfad {
float:left;
width: 590px;
padding-left: 10px;
overflow:hidden;
margin-top:-1px;
}
#static {
float:right;
width:320px;
height: 15px;
padding-right:12px;
}
#logo {
clear:both;
float:left;
width:360px;
height:105px;
margin-left:10px;
}
a#index_link {
display:block;
width:360px;
height:105px;
}
#main {
margin:0;
margin-top:0px;
}
#middle {width:620px;float:right;}
#topNavi {
float:left;
margin-top: 30px;
height: 25px;
padd ing-left: 18px;
width: 620px;

}
#left {
float:left;
width:795px;
min-height:300px;
margin-top:0px;
}
DIV.leftBreit {width:945px !important;}
DIV.leftBreit #middle {width:770px;}
#subNavi {
float:left;
width:143px;
height: 300px;
margin-top:12px;
margin-bottom:20px;
margin-left: 9px;
min-height:400px;
display:inline; /* IE hack wg doppeltem margin-left bei float */
}
#content {
float:right;
width:620px;
margin-top:18px;
min-height:500px;
mar gin-left: 18px;
}
DIV.contentBreit {
width:770px !important;
}
DIV#cols2left, DIV#cols2right {
width:300px;
display:inline; /* IE Hack wg doppeltem margin */
}
DIV#cols2right {
float:right;
display:inline; /* IE Hack wg doppeltem margin */
}
DIV#cols2left {
float:left;
}
DIV#bottom {
clear:both;
width: 620px;
}
#right {
float:right;
width: 150px;
margin-top: 67px;
margin-right: 12px;
display:inline; /* IE Hack wg doppeltem margin */
}
#footer {
clear:both;
width:960px;
text-align: center;
margin: 0px auto;
padding-top: 30px;
padding-bottom:5px;
}

/* *** TEXTFORMATIERUNG *****************/
/* *** allgemein ************************/
a.external-link-new-window {
padding-left:12px;
background: url(img/linkExt.gif) left no-repeat;
}

a.download {
padding-left: 22px;
background: url(img/pdf.gif) no-repeat;
}

/* *** top - textformatierung *******************/
#pfad {
font-size:0.8em;
pad ding-top:8px;
color:#CCCCCC;
}
#pfad a, #pfad a:visited {
color: #CCCCCC;
text-decoration:none;
}
#pfad a:hover {
color: #333333;
text-decoration:underline;
}
#static {
font-size:0.9em;
font-weight: bold;
padding-top:8px;
color:#D6D6D6
}
#static ul {
float:right;
}
#static ul li {
display:inline;
list-style:none;
margin-left: 13px;
}
#static ul li a, #static ul li a:visited {
text-decoration: none;
color:#D6D6D6;
}
#static ul li a:hover {
text-decoration: underline;
color:#2E2EA3;
}

/* *** Top-Navi - textformatierung *******************/
#topNavi {
font-size:1em;
color:#FFFFFF;
}
#topNavi ul {
float:left;
margin-top:6px;
}
#topNavi ul li {
display:inline;
list-style:none;
margin-right: 13px;
}
#topNavi ul li a, #topNavi ul li a:visited {
fo nt-weight: bold;
text-decoration: none;
color:#FFFFFF;
padding:0 3px;
}
#topNavi ul li a:hover {
text-decoration: underline;
color:#FFFFFF;
}

/* *** Sub-Navi - Listenformatierung *******************/

#subNavi ul {
margin-bottom:0px;
margin-left: 10px;
padding-top:0px;
list-style:none;
}
#subNavi ul li {
padding:3px 0 3px 7px;
margin-bottom:0px;
font-weight:bold;
color:#FFFFFF;
display:block;
background: url(img/sub1.gif) no-repeat;
}
#subNavi ul li.current {
padding:3px 0px 3px 7px;
}


/* +++ 2. Ebene +++++++++++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++++++++++++++ */
#subNavi ul li ul {
margin-left: -7px;
padding-top:4px;
padding-bottom:0;
list-style:none;
font-size:1em;
}
#subNavi ul li ul li {
background-image:none;
background-color: #E8E8FC;
padding: 3px 0 3px 5px;;
margin: 0;
border-top:1px solid #FFFFFF;
font-weight:normal;
}
#subNavi ul li ul li:hover {
background-image:none;
background-color: #F0D3B6;
}
#subNavi ul li ul li.current {
padding:3px 0 2px 2px;
margin-bottom:0px;
font-weight:bold;
display:block;
border-left: none;
background: url(../layout/pfeil-light.gif) 2px 5px no-repeat;
background-color: #CC6600;

}
#subNavi ul li ul li.current a, #subNavi ul li ul li.current a:visited {
color:#FFFFFF;
padding-left:5px;
}
/* +++ 3. Ebene +++++++++++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++++++++++++++ */
#subNavi ul li ul li ul {
margin-left: -2px;
padding-top:4px;
padding-bottom:0;
list-style:none;
fo nt-size:0.9em;
font-size:10px;
}
#subNavi ul li ul li ul li {
background-image:none;
background-color: #FBF4EC;
padding: 2px 0 2px 6px;
margin: 0;
font-weight:normal;
}
#subNavi ul li ul li ul li:hover {
background-image:none;
background-color: #F0D3B6;
}
#subNavi ul li ul li.current ul li a, #subNavi ul li ul li.current ul li a:visited {
color: #333333;
padding-left:0px;
}
#subNavi ul li ul li.current ul li.current {
color: #333333;
padding: 2px 0 2px 6px;
background-color: #F0D3B6;
border-bottom: none;
}
/* +++ 4. Ebene +++++++++++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++++++++++++++ */
#subNavi ul li ul li ul li ul li {
padding: 2px 0 2px 10px;
}
#subNavi ul li ul li.current ul li.current ul li.current {
padding: 2px 0 2px 10px;
}



/* +++ links 1. Ebene ++++++++++++++++++++++++++++++++++++++++ */
#subNavi ul li a, #subNavi ul li a:visited {
text-decoration:none;
color:#FFFFFF;
}
#subNavi ul li a:hover {
text-decoration:underline;
color:#FFFFFF;
}
/* +++ links 2. Ebene +++++++++++++++++++++++++++++++++++++++++ */
#subNavi ul li ul li a, #subNavi ul li ul li a:visited {
text-decoration:none;
color:#333333;
}
#subNavi ul li ul li a:hover {
text-decoration:underline;
color:#333333;
}

/* +++ 4. Ebene Tab-Navigation über content +++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++++++++++++++ */

    #content #tabNavi {
      float:left;
      text-align:center;
      width:100%;
      font-size:0.9em;
      line-height:normal;
      border-bottom:1px solid #6B78A9;
      margin-bottom: 15px;
      }
    #content #tabNavi ul {
          margin:0;
          padding:0px 5px 0 0px;
          list-style:none;
      }
    #content #tabNavi ul li {
      display:inline;
      margin:0;
      padding:0;
      }
    #content #tabNavi span {
      float:left;
      background:url(img/tableft.gif) no-repeat left top;
      margin:0 3px 0 0;
      padding:0 0 0 3px;
      text-decoration:none;
      }
    #content #tabNavi span a {
      float:left;
      display:block;
      background:url(img/tabright.gif) no-repeat right top;
      padding:5px 9px 4px 6px;
      color:#6B78A9;
      }
    #content #tabNavi span.current {
      background:url(img/tableft_cu.gif) no-repeat left top;
      }
    #content #tabNavi span.current a {
      background:url(img/tabright_cu.gif) no-repeat right top;
      color:#6B78A9;
      text-decoration: none;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #content #tabNavi span a {float:none;}
    /* End IE5-Mac hack */
    #content #tabNavi span a:hover {
      color:#6B78A9;
      }
    #content #tabNavi span:hover {
      background-position:0% -42px;
      }
    #content #tabNavi span a:hover  {
      background-position:100% -42px;
      }






/* *** Sub-Navi - textformatierung *******************/
#subNavi p {
margin-left: 10px;
}
#subNavi p.schroeders {
font-style:italic;
}

#subNavi DIV#banner {
margin-left: 15px;
}

/* oeffnungszeiten */
#right DIV.oeffnung h2{
margin:0 0 5px;
font-size:1em;
font-weight:bold;
color:#FFFFFF;
}
#right DIV.oeffnung {
margin-bottom: 10px;
padding-bottom:5px;
backgrou nd-color:#2E2EA3;
color:#FFFFFF;
padding:0 0 0px
}
#right DIV.oeffnung p {color:#333;padding:0 5px;}
/* *** content - textformatierung *******************/

.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red {color:#c00;}
.green {color:#009900;}
.grey {color:#555;}


#content p {
margin: 5px 5px 7px 0px;
}
#content h1 {
font-size:1.3em;
font-weight:bold;
color:#CC6600;
}
#content h1.csc-firstHeader {
border-bottom: 1px solid #EAEAEA;
margin:0px 10px 10px 1px;
}
#content h2 {
clear:left;
margin:0px 10px 2px 0px;
font-size:1.2em;
font-weight:bold;
color:#2E2EA3;
}
#content .csc-textpic-intext-left-nowrap  h2{clear:none;}
#content h3 {
margin:10px 10px 0px 0px;
font-size:1.1em;
font-weight:bold;
color:#2E2EA3;
}
span.x-small {
font-size: 0.7em;
}
span.small {
font-size: 0.8em;
}
span.medium {
font-size: 0.9em;
}
#content a, #content a:visited {
color: #CC6600;
text-decoration:underline;
font-weight: bold;
}
#content a:hover {
color: #FFFFFF;
text-decoration:underline;
background: #CC6600;
}
#content ul {
margin-top:0;
margin-left:25px;
margin-bottom:0;
padding-left: 5px;
list-style-type: square;
}
#content ul li {
padding-bottom:5px;
}

#content .csc-textpic ul {margin-left:0;padding-left:0;}

/* *** BOXES und RAHMEN *****************************************/
/* *** homeBoxes / rahmen 2 *******************/
#content DIV.homeContentBox {
float:left;
min-height: 100px;
width: 615px;
padding-top:0 !important;
border: 1px solid #999999;
margin: 0px 0 10px 3px;
display:inline; /* IE hack wg doppeltem margin-left bei float */
}
#content DIV.homeContentBox {
background-repeat: no-repeat;
}
div.csc-textpic {
border-bottom: 1px solid #fff;/* hack wg. IE Luft zwischen bg bild und rahmen bei homecontentbox */
}
#content DIV.homeContentBox h1, #content DIV.csc-frame h1 {
margin:0px 10px 9px 0px;
padding-top: 5px;
font-size:1.1em;
font-weight:bold;
color:#2E2EA3;
border-bottom:none;
}
#content DIV.homeContentBox h1, #content DIV.homeContentBox h2, #content DIV.homeContentBox p {width: 390px;float:right;margin-right:15px;}
#content DIV.homeContentBox h1, #content DIV.homeContentBox h2 {text-transform:uppercase;font-size:1.1em;}
/* *** content - rahmen *******************/
#content DIV.homeContentBox h1 a:link, #content DIV.homeContentBox h1 a:visited, #content DIV.csc-frame h1 a:link, #content DIV.csc-frame h1 a:visited {
text-decoration:none;
color:#2E2EA3;
}
#content DIV.homeContentBox h1 a:hover, #content DIV.csc-frame h1 a:hover {
text-decoration:underline;
color: #CC6600;
background-color: #FFFFFF;
}
#content DIV.csc-frame-frame1 {
float:left;
display:inline; /* IE hack wg doppeltem margin-left bei float */
margin: 5px 0px 10px 0px;
border:1px solid #CCCCCC;
padding: 0 10px 0 10px;
}
#cols2left DIV.csc-frame-frame1, #cols2right DIV.csc-frame-frame1 {
margin: 5px 0px 10px 0px;
padding: 0 10px 0 10px;
}

#content DIV.csc-frame-frame1 h1 {
margin:5px 10px 8px 0px;
font-size:1.1em;
font-weight:bold;
color:#CC6600;
border-bottom: none;
}
#content DIV.csc-frame-frame2 {
float:left;
min-height: 70px;
width: 620px;
border: 1px solid #CCCCCC;
margin: 5px 0 10px 0px;
padding-top: 0 !important;
display:inline; /* IE hack wg doppeltem margin-left bei float */
}
#content DIV.csc-frame-frame2 h1 {
font-size: 1.1em;
padding-top: 5px;
text-transform:uppercase;
}
#content DIV.csc-frame-frame2 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }

/* **** für Buttons im Element Rahmen2 ****** */
#content DIV.csc-frame-frame2 DIV.csc-textpic-text a.internal-link img {
margin-top: 5px;
}


/* *** content - sitemaps *******************/
/* hotellisten */
#content DL.csc-menu-4 {
margin-top: 10px;
margin-bottom: 15px;
width: 98%;
padding-top: 2px;
}
#content DL.csc-menu-4 dt {
backgr ound: #EAEAEA;
clear:both;
float:left;
padding: 3px 10px 0 0;
text-transform: uppercase;
}
#content DL.csc-menu-4 dt a {
text-decoration:none;
}
#content DL.csc-menu-4 dd {
font-size: 0.9em;
padding: 5px 0 5px 0px;
margin-bottom: 5px;
border-bottom: 4px solid #EAEAEA;
}



/* *** homeBoxes - textformatierung *******************/

/* *** 2spalten bottom *******************/
DIV#bottom table {
clear:both;
margin: 10px 4px;
}

/* *** right - textformatierung *******************/

#right p {
color: #333333;
}
#right h1, #right h2, #right h3  {
display:block;
margin:5px 0px 0px;
padding: 3px 0px 3px 5px;
font-size:1.1em;
font-weight:bold;
color:#FFFFFF;
background: url(img/box.gif) repeat-x;
}
#right h1 a:link, #right h1 a:visited, #right h2 a:link, #right h2 a:visited, #right h3 a:link, #right h3 a:visited {
color: #FFFFFF;
text-decoration:none;
}

#right h1 a:hover, #right h2 a:hover, #right h3 a:hover  {
color:#FFFFFF;
text-decoration:underline;
background: url(img/box.gif) repeat-x;
}
/* *** right - liste *******************/
#right ul {
padding:0px 0px 0px 0px;
list-style:none;
}
#right ul li {
border-bottom: 1px solid #F0D2B3;
}
#right ul li a:link, #right ul li a:visited {
font-size: 0.9em;
display:block;
background-color: #FBF4EC;
padding:2px 0 3px 7px;
color: #993300;
text-decoration:none;
}
#right ul li a:hover {
text-decoration:underline;
color: #2E2EA3;
background-color: #F0D2B3;
}

/* *** print link ********************** */
div.printLink {
clear:both;
padding-right: 10px;
font-size:0.9em;
}
div.printLink SPAN {
float:right;
}
div.printLink a:link, div.printLink a:visited {color:#666;text-decoration:none;}
div.printLink a:hover, div.printLink a:focus {color:#003366;text-decoration:none;}
div.printLink a.pdf:link, div.printLink a.pdf:visited {padding-left:18px;background:url("img/pdf.gif") 0 0 no-repeat;}
div.printLink a.print:link, div.printLink a.print:visited {padding-left:18px;padding-right:15px;background:url("img/print.gif") 0 0 no-repeat;}


/* *** footer - textformatierung *******************/
#footer {
color:#999999;
}
#footer ul {
text-align:center;
}
#footer ul li {
display:inline;
list-style:none;
padding: 0 2px;
margin: 0 5px;
}
#footer ul li a {
font-weight:bold;
}
#footer a {
text-decoration:none;
color:#999999;
}
#footer a:hover {
text-decoration:underline;
color:#5D247C;
}
#footer hr {
background-color:#CCE6E2; /* Mozilla 1.4 */
color:#CCE6E2; /* IE 6 */
border: #CCE6E2; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:100%;
margin:5px auto;
}

/* *************** nach oben link ************/
P.csc-linkToTop {
text-align:right;
}

/* *************** suche ************/
/* *************** suche box ************/

#right DIV.suche {
margin-top: 5px;
padding-bottom: 5px;
}
#right DIV.suche h2 {
display:block;
margin:0px 0px 5px;
padding: 3px 0px 3px 5px;
font-size:1.1em;
font-weight:bold;
color:#FFFFFF;
background: url(../layout/suche.gif) repeat-x;
}
#right DIV.suche a {
color: #666666;
}
#right DIV.suche input {
margin-right: 5px;
}
/* *************** suche ergebnisseite ************/

DIV#content table.csc-searchResultInfo td.csc-searchResultRange {
padding: 0 7px;
}
DIV#content table.csc-searchResultInfo td.csc-searchResultRange p {
margin: 0;
}
DIV#content table.csc-searchResultInfo {
width: 620px;
font-weight: bold;
font-size: 1em;
border-bottom: 1px solid #CCCCCC;
}
DIV#content table.csc-searchform {
width: 620px;
font-weight: bold;
font-size: 1em;
bor der: 1px solid #CCCCCC;
}
DIV#content table.csc-searchResultInfo td, DIV#content table.csc-searchform td {
padding: 5px 7px;
}
DIV#content p.csc-searchResult {
padding-left: 7px;
}
DIV#content h2.searchForm {
margin:0;
padding:0;
font-size: 1em;
}
DIV#content table.csc-searchform td.csc-form-labelcell {
width: 80px;
}

/* *** tabellen *********************/
#content table {clear:left;font-size: 1em;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */



/* *** formulare *********************/
form input:focus, form textarea:focus {
background-color : #DDE6EE;
}

/* ** ANFRAGE  **/
form.anfrage table.daten td {
padding: 5px 10px;
border: 1px solid #CCCCCC;
}
form.anfrage table.daten td span {
display:block;
clear:both;
padding-bottom: 1px;
color: #999999;
}
form.anfrage table.daten td span h2 {
margin:0px 10px 10px 0px !important;
}
/* ** BUCHUNG  **/
#buchung {
width:610px;
}
#buchung form {
margin-top:0px;
font-size:12px;
}
#buchung form fieldset {
clear:both;
margin-bottom:10px;
padding:10px;
}
#buchung form p {
clear:both;
text-align:left;
padding:0 0 10px 5px;
}
#buchung form p label {
float:left;
width:70px;
}
#buchung form p input, #buchung form p textarea, #buchung form p select {
margin-left:0px;
font-size:10px;
}
#buchung legend {
font-weight:bold;
font-size:13px;
color: #2E2EA3;
padding-left: 5px;
}

/* GALERIE **** */
div.galerie {
border:1px solid #CC6600;
background-color:#FBF4EC;
padding-left: 10px;
padding-bottom: 5px;
margin-top: 15px;
}
#content div.galerie h1 {
font-size:1.1em;
font-weight:bold;
color:#CC6600;
}
#content div.galerie h1.csc-firstHeader {
bord er-bottom: 0px solid #EAEAEA;
border: none;
margin:5px 10px 10px 0px;
}
div.galerie span.galerieFooter {
color: #666666;
font-size:0.9em;}


/* *** NEWSLETTER ***/

DIV#newsletterForm p {
clear:both;
text-align:left;
padding:0 0 5px 0px;
}
DIV#newsletterForm p label {
float:left;
width: 90px;
}
DIV#newsletterForm p input, DIV#newsletterForm p textarea, DIV#newsletterForm p select {
margin-right:5px;
font-size:10px;
}
DIV#newsletterForm p textarea {font-size:1.2em;}
span.error {
color:red;
font-weight:bold;
}


/* ***** IDEENWERFT ********/
#iw {
clear:both;
height:21px;
padding-top: 0px;
padding-right:5px;
}
#iw a.iw_link {
float:right;
height: 20px;
width: 17px;
margin-left: 5px;
overflow: hidden;
background: url(../layout/anker.gif) top left no-repeat;
display: block;
}
#iw a.iw_link:hover {
background-position: bottom left;
}

/* additional RTE Styles for www.fernreise.de */

/* bild links */
img.left {
    float: left;
    margin: 0 10px 10px 0;
}
/* bild rechts */
img.right {
    float: right;
    margin: 0 0 10px 10px;
    border-top: 5px solid #EAEAEA;
    border-right: 5px solid #CCCCCC;
    border-bottom: 5px solid #CCCCCC;
    border-left: 5px solid #EAEAEA;
}
/* default styles for extension "tx_thmailformplus_pi1" */
  .tx-thmailformplus-pi1 H2 { margin-top: 0px; margin-bottom: 0px; }

/* default styles for extension "tx_skpdfviewer_pi1" */

	.tx-skpdfviewer-pi1 .pdf {background:#eee;border:2px solid #aaa;}

	.tx-skpdfviewer-pi1 .pdf-header {float:left;width:59%;text-align:left;padding:2px 6px;}

	.tx-skpdfviewer-pi1 .pdf-browser {float:right;width:36%;text-align:right;}

	.tx-skpdfviewer-pi1 .pdf-browser form {margin:0 !important;padding:0 !important;}

	.tx-skpdfviewer-pi1 .pdf-browser form input {margin:0;font-size:84%;}

	.tx-skpdfviewer-pi1 .pdf-browser form input.page {width:24px;text-align:center;}

	.tx-skpdfviewer-pi1 img {margin:0;padding:0;}

	.tx-skpdfviewer-pi1 span.title {font-size:110%;font-weight:bold;padding-right:12px;}

	.tx-skpdfviewer-pi1 span.pagelabel {font-size:85%;font-weight:bold;font-style:italic;}

	.tx-skpdfviewer-pi1 span.page {font-size:85%;font-weight:bold;font-style:italic;}

	.tx-skpdfviewer-pi1 span.pageslabel {font-size:85%;font-weight:bold;font-style:italic;}

	.tx-skpdfviewer-pi1 span.pages {font-size:85%;font-weight:bold;font-style:italic;}


/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  

div.rgaccord1-nest {margin-bottom:5px;}
/* Toggle default */
#right h3.rgaccord1-toggle {
  font-weight:normal;
  font-size:1em;
  color:#fff;
  line-height: 17px;
  background: #d77a00 url(img/plus.gif) 5px center no-repeat;
  padding:2px 0 2px 20px;
  cursor:pointer;
}

/* Toggle act item */
#right h3.act {color:#fff;background:#d77a00 url(img/minus.gif) 5px center no-repeat;}

/* the content */
div.rgaccord1-content {}

/* remove margin of a CE */
div.rgaccord1-content .ce {margin-bottom:0;}

/* remove the header inside the CE, twice is not nice */
#right div.rgaccord1-content h1, #right div.rgaccord1-content h2,#right  div.rgaccord1-content h3 {display:none;}

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

	/* 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; }
	#right DIV.csc-textpic-left DIV.csc-textpic-imagewrap {width:150px;overflow:hidden;}
	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%; }