/* Start of CMSMS style sheet 'basisCSS' */
/* BASE */
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 454 $
 * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
 */

@media all
{
 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding:0; }

  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }

 /**
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  body {
 
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:100.01%;


    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background:#fff;
    color:#000;
    text-align:left; /* LTR */
  }


  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }


  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border:0 solid; }

  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
  li {
    line-height:1.5em;
    margin-left:0.8em; /* LTR */
  }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } /* LTR */

  blockquote { margin:0 0 1em 0.8em; } /* LTR */

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

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

 
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }


  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox { overflow:hidden; }


  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (de) Skip-Links und versteckte Inhalte
  */


  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }


  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }

  /* skiplinks:technical setup */
  #skiplinks { 
    position:absolute;
    top:0px; 
    left:-32768px; 
    z-index:1000; 
    width:100%;
    margin:0; 
    padding:0; 
    list-style-type:none;   
  }
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
    left:32768px; 
    outline:0 none;
    position:absolute; 
    width:100%;
  }  
}

@media screen, projection
{

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }


  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align:right; }  /* LTR */


  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top:0px;
    right:0px; /* LTR */
  }

  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  #col1 { float:left; width:200px; }
  #col2 { float:right; width:200px; }
  #col3 { width:auto; margin:0 200px; }

  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { width:100%; overflow:hidden; }

  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width:100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }
}

@media print
{
 /**

  * (de) Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */

  .subcolumns > div,
  .floatbox { 
    overflow:visible; 
    display:table;
  } 

  /* (de) .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }

  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}



/*  CSS FÜR UserDefindedTag -> clickable_image */
.clickable_image_left, .clickable_image_right {
  margin-bottom: 10px;
  text-align: center;

/* I didn't like that the image was a bit higher than the text,
    so I moved it down 3px. */

  position: relative;
  top: 3px;
}

.clickable_image_left {
  float: left;
  margin-right: 10px;
}

.clickable_image_right {
  float: right;
  margin-left: 10px;
}

.clickable_image_title, .clickable_image_c2e {
  font-size: 11px;
}

.clickable_image_title {
  font-style: italic;
}


/* BASEMOD V1 */
@media screen, projection
{
  /** 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y:scroll; }

  /*------------------------------------------------------------------------------------------------------*/
  
  /**
   * (de) Gestaltung des YAML Basis-Layouts
   */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background-color:#e6e4d5; padding:10px 0; }

  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align:center; }
  .page_margins { text-align:left; margin:0 auto; }

  /* (de) Layout:Breite, Hintergrund, Rahmen */
  .page_margins { min-width:64em; max-width:83em; background:#fff; border:1px solid #b6c4cf; }
  .page { padding:2em 4em; }

  /* (de) Gestaltung der Hauptelemente des Layouts */

  #header {
    height: 7em;
    color:#fff;
    background: #fff url(uploads/psp_images/PSP_header.gif) no-repeat top left;
    padding:0;
  }

  #topnav { color:#aaa; background:transparent; }


  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left:0em; }

  /* GRAUBRAUNER BALKEN - GANZE BREITE */
  #main { 
  background:#fff;
  padding:0 0;
  border-top: 0.333em #e6e4d5 solid;
   }

  #footer {
    color:#4e688b;
    padding:0em 0em;
    border-top: 0.083em dotted lightgrey;
    line-height:1.5em;
	
  }



  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


 #col1 { 
   width:25%;
   background: #fff;
display: inline;
	}
	
  #col1_content { 
  margin:  0 3% 0 0em; 
  padding: 1.666em 0 0 0; 
  background: #fff
  }

  #col2 {
  width:22.5em;
  background: #fff;
display: inline;
   }
	
  #col2_content { 
  margin:  0 0em;
  padding: 1.333em 0 0 0; 
  border-top: 0.333em #fff solid;
  background: #fff;
  }

  #col3 { 
  margin:0 22.5em 2em 25%; 
  background: #fff;

  /**border-top: 4px #b6c4cf solid; */
  }

  #col3_content { 
  margin:  0 3em 0 0; 
  padding: 1.333em 0 0 0; 
  background: #fff; 
  border-top: 0.333em #b6c4cf solid;

  }
  
  #col1_content {  }
  #col2_content {  }
  
 



 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * (de) Gestaltung layoutabhängiger Elemente
  */

  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    line-height:65%;
    color:#000;
    text-indent: -999em;
  }

  #header span { color:#999; }

  #topnav a { color:#999; font-weight:normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color:transparent; }

  #footer a { color:#999; background:transparent; font-weight:bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color:#4D87C7; background-color:transparent; text-decoration:underline; }
  

/* H1 element ÜBERSCHRIFT1*/
  #col3_content h1 {
  	font-weight: bold;
	color: #4e688b;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-bottom: 1px dotted #6e6e70;
	padding-bottom: 1em;
	margin-bottom: 0.5em;
}

/* H2 element ÜBERSCHRIFT2*/
  #col3_content h2 {
  	font-weight: bold;
	color: #4e688b;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
margin: 3em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}

/* H3 element ÜBERSCHRIFT3*/
  #col3_content h3 {
  	font-weight: bold;
	color: #6e6e70;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
margin: 3em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}

/* H4 element ÜBERSCHRIFT4*/
  #col3_content h4 {
  	font-weight: bold;
	color: black;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
margin: 1.5em 0em 0em 0em;
padding: 0em 0em 0.4em 0em;
border-bottom: 1px #6e6e70 dotted;
background-color:transparent;
}

/* TEXTFORMATIERUNG IM P element*/
#col3_content p {
	
margin: 0em;
padding: 0.25em 0em 0.25em 0em;
	line-height: 1.666em;
	color: #6e6e70;
}

.abschnittstrenner {
margin:0;
padding:0;
border-bottom: 1px dotted #6e6e70;
background-color:transparent;
}

.abschnittstrenner strong  {
color:#6e6e70;
}


.abschnittstrenner:hover {
margin:0;
padding:0;
border:0;
background-color:#f9f8f4;
border-bottom: 1px solid #6e6e70;
}

.trennlinie {
margin: 0 0 0.3em 0;
padding: 0 0 0.3em 0;
border-bottom: 1px dotted #6e6e70;
background-color:transparent;
}


#col3_content a, #sidebar a  {
display:inline-block; 
background-image:url(uploads/psp_images/externerlink.gif); 
padding-left:0.8em; 
background-repeat:no-repeat; 
background-position:center left;
 border:0px; 
}

#col3_content .contentdiv a, #col3_content .clickable_image_left a {
background-image: none; 
padding:0; 
}

#sidebar {
margin:0;
padding:0;
line-height: 1.666em;
}

.logos {
position: absolute;
top: 130px;
margin-top:7em;
padding:0;
}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  }
}


/* CONTENT */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 */

@media all
{
 /**
  * Fonts
  *
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrössen
  *
  * @section content-global-settings
  */

  /* (de) Alle Schriftgrössen auf Standardgrösse (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

 /**
  * (de) Schriftgrösse von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (de) Basis-Layout erhält Standardschriftgrösse von 12 Pixeln */
  body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:75.00%;
    color:#444;
  }

  /*--- Headings |Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#222;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */

  /* ---  Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0.8em; line-height:1.5em; }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }

  /* --- | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height:1.5em; margin:0 0 1em 0; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

  strong,b { font-weight:bold;}
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }

  sub, sup { font-size:91.6667%; line-height:0; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#4e688b; background:transparent; text-decoration:none; }
  a:visited  { color:#4e688b; }

  /* (de) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus { text-decoration:underline; color:#000; background: #fff; outline: 0px #f93 solid; }
  a:hover,
  a:active { color:#4e688b; text-decoration:underline; outline: 0 none; }
a.linkextern  { display:inline-block; background-image:url(uploads/psp_images/externerlink.gif); padding-left:0.6em; background-repeat:no-repeat; background-position:center left; border:0px; }

  /* --- Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #888 solid; border-bottom:2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding:0.5em; }
  thead th { color:#000; border-bottom:2px #800 solid; }
  tbody th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { border-bottom:1px solid #fff; text-align:left; }
  tbody td { border-bottom:1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#f0e8e8; }
  tbody tr:hover td { background:#fff8f8; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Sonstiges
  *
  * @section content-misc
  */

 /**
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.p-s-p.de"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url(uploads/psp_images/externerlink.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  } */
  
}



/* NAV VLIST */
/* nav li RESET */
#nav li {
padding: 0;
margin: 0;
line-height: 1.5em;
}

/* H1-6 RESET */
#nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0;
font-size:100%;
}

/* bottom-margin AKTIVIERTER NAVIGATIONSPUNKT */
.vlist ul {
margin-bottom: 0.5em;
}

.vlist ul ul ul {
margin-bottom: 0em;
}


ul li .menuactive.menuparent {
font-weight:bold;
color: #4e688b;
}


ul li ul li .menuactive.menuparent {
font-weight:bold;
color: #4e688b;
}

ul li ul li ul li {
font-weight:normal;
}


.currentpage h3 span{
color: #4e688b;
font-weight: bold;
}


#nav {
margin-left: 0;
padding-left: 0;
text-transform: Uppercase;
list-style: none;
}

#nav ul {
list-style: none;
}

#nav li li{
padding-left: 1em;
background-image: url(uploads/psp_images/bullet.gif);
background-repeat: no-repeat;
background-position: 0.5em 0.4em;
}

/* FOOTER NAVIGATION */

/* H1-6 RESET */
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0;
font-size:100%;
display: inline;
}

#footer ul, #footer li {
list-style: none;
padding: 0;
margin: 0em;
display: inline;
}

#footer li {
display: inline;
}

#footernav a {
font-weight:normal;
color:#4e688b;
}

#footer li:before { content: "| "; }
#footer li:first-child:before { content: ""; }

#copyrights {
display: inline;
float: left;
padding: 0;
margin: 0 0.4em 0 0;
color: #6e6e70;
}


/* TopNav Language NAVIGATION */
#topnav ul, #topnav li {
list-style: none;
padding: 0;
margin: 0em;
}

#topnav li {
display: inline;

}

#topnav a {
font-weight:normal;
color:#4e688b;
}

#topnav li:before { content: "| "; }
#topnav li:first-child:before { content: ""; }

#topnav {

padding:0;
margin: 5em 0 0 0;

}

#suchfeld {
display: inline;
float: right;
color:white;
}

#cntnt01moduleform_1 {
padding:0px;
border:0px solid #ddd; }

#cntnt01searchinput {
padding: 2px;
border: 0px;
background:#e6e4d5;
color: black;
}


.search-button {

margin-left:2px;
background-color:#fff; 
color:#000; 
border:1px solid #ddd;
}



/* STEPCAROUSEL */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 270px; /*Height should enough to fit largest content's height*/
margin:0;
padding:0;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin:0;
padding:0;
}

.stepcarousel .contentdiv{ 
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 270px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding:0;
}

#slider1-paginate {
margin:0;
padding:0;
}
/* End of 'basisCSS' */