/* site: WCF pair */

html, body {
  margin: 0; border: 0; padding: 0;
  font-family: arial, verdana, kalimati, helvetica, sans-serif; 
  margin: 0; 
  padding: 0;
  font-size: 100%;
  line-height: 1.3em;
}

html { background: #ffffff; }

body {
  font-size: 90%;
  margin-left: auto; 
  margin-right: auto; 
  color: #000000; 
  text-decoration: none;
  text-align: justify;
  padding: 0;
  border: 0;      /* This removes the border around the viewport in old versions of IE */
  width: 100%; 
  background:#ffffff;
  /*max-width: 980px;*/
  min-width: 600px;    /* Minimum width of layout - remove line if not required */
          /* The min-width property does not work in old versions of Internet Explorer */
}

div#header {
  clear:both;
  float:left;
  width:100%;
  border-bottom:0px solid #000066; 
  margin-top: 0;
  position:relative;
  min-width: 0; 
  background-color: #ffffff;
}

#header p, #header h1, #header h2 {
  padding:.4em 15px 0 15px;
  margin: 0;
  text-align: right;
  position:relative;
  min-width: 0;
}

#header ul {
  float:left;
  /*width:100%;*/
  list-style:none;
  margin:1px 0 0 0;
  padding:0;
  position:relative;
  min-width: 0;
  font-size: 85%;
  
}

#header ul li {
  display:inline;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  min-width: 0;
}

#header ul li a {
  display:block;
  float:left;
  margin:0 0 0 1px;
  padding:3px 6px;
  text-align:center;
  background: #3399ff;
  color:#ffffff;
  text-decoration:none;
  position:relative;
  min-width: 0;
  left:10px;
  line-height:1.3em;
}

#header ul li a:hover {
  background:#3366ff;
  color:#ffffff;
  position:relative;
  min-width: 0;
}

#header ul li a.active, #header ul li a.active:hover {
  color:#ffffff;
  background:#3366ff;
  font-weight:bold;
  position:relative;
  min-width: 0;
}

#header ul li a span {
  display:block;
  position:relative;
  min-width: 0;
}



div#breadcrumbs2 {
  float: left; 
  clear:both;
  position:relative;
  min-width: 0;
  background: #cccc99 url(/fileadmin/tmpl/main/images/header_bg.jpg);
        background-repeat: no-repeat;
        background-position: left top;
  margin: 0;
  width: 100%;
  padding-top: 0.2em; padding-bottom: 0.2em;
  text-align: left;
        color: #333300;
        font-size:80%;
        font-family: verdana, arial, kalimati, helvetica, "ms sans serif",sans-serif;
}

div#breadcrumbs2 a  {
  background-color: transparent;
  text-align: left; 
  border-bottom: 1px dotted #333300;
        color: #333300; 
  margin: 0;
        font-family: verdana, arial, kalimati, helvetica,"ms sans serif",sans-serif;
}

div#breadcrumbs2 a:hover {
  background-color: transparent;
  text-align: left; 
  border-bottom: 1px solid #333300;
        color: #333300; 
  margin: 0;
        font-family: verdana, arial, kalimati, helvetica,"ms sans serif",sans-serif;
}

div#breadcrumbs2 a:active {
  background-color: transparent;
  text-align:left; 
  border-bottom: 1px dotted #333300;
        color: #333300; 
  margin:0;
        font-family: verdana, arial, kalimati, helvetica,"ms sans serif",sans-serif;
}


  /* column container */
.colmask {
  position:relative;  /* This fixes the IE7 overflow hidden bug */
  min-width: 0;
  clear:both;
  float:left;
  width:100%;      /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
}


  /* common column settings */
  
.colright, .colmid, .colleft {
  float:left;
  width:100%;      /* width of page */
  position:relative;
  min-width: 0;
}

#col1, #col2, #col3 {
  min-height: 500px;
  float:left;
  position:relative;
  min-width: 0;
  padding:0;  /* no left and right padding on columns, we just make them narrower instead 
        only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}

/* 3 Column settings */
.threecol {
  background-color:#f5f8ff;    /* right column background colour */
}

.threecol .colmid {
  right:16%;      /* width of the right column */
  background-color:#ffffff; 
  border-right: 1px solid #cc99ff;    /* center column background colour */
  position:relative;
  min-width: 0;
}

.threecol .colleft {
  right:66%;      /* width of the middle column */
  background:#f3f6ff; 
  border-right: 1px solid #cc99ff;  /* left column background colour */
  position:relative;
  min-width: 0;
}

.threecol #col1 {
  width:64%;  /* width of center column content (column width minus padding on either side) */
  left:101%;  /* 100% plus left padding of center column */
  position:relative;
  min-width: 0;
  margin-top: 0.5em;
}

.threecol #col2 {
  width:16%; /* Width of left column content (column width minus padding on either side) */
  left:19%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
  position:relative;
  min-width: 0;
}

.threecol #col3 {
  width:14%; /* Width of right column content (column width minus padding on either side) */
  left:87%; /* Please make note of the brackets here:
    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
  position:relative;
  min-width: 0;
}

/* Footer styles */

div#lastupdate { 
  border-top: 1px solid #cccc99;
        margin: 0;
  background: #fcfff6; 
  width: 100%; 
  position:relative;
  min-width: 0;
  text-align: center;padding: 0.2em 0 0.2em 0;
  

  font-size: 90%; 
}

div#footer {
        padding: 0.4em 21% 0 18%;
        margin: 0;
        background: #fcfff6;
  position:relative;
  min-width: 0;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover { 
  color: #999999; 
  text-decoration: none;
}

.footerlink, .footerlink a:link, .footerlink a:visited, .footerlink a:active { 
  color: #333300;
        text-decoration: none;
        padding-top: 0.4em; 
}

div#headertitle { 
  margin: 0.5em; 
  padding: 0.5em; 
  float: right; 
  position:relative;
  min-width: 0;
}

div#headertitle span { 
  font-size: 180%; 
  font-weight: bold;
  color: #3366ff;  
  font-family: verdana, arial, kalimati, sans-serif;
  position:relative;
  min-width: 0;
  text-align: right;
}

div#logo { 
  float: right; 
  padding: 0.7em 1em 0 0; 
  position:relative;
  min-width: 0;
} 

div#menucontainer {
  padding-left: 0;
  font-size: 87%;
  position: relative;
  min-width: 0;
}

div#menucontainer ul { 
  list-style: none; 
  list-style-image: none; 
  font-family: verdana, arial, kalimati, sans-serif;
  color: #999966; 
  padding: 0; 
  margin: 0; 
        width: 100%; 
  font-weight: normal;
}

div#menucontainer li, div#menucontainer li a, div#menucontainer ul li a:link, div#menucontainer ul li a:visited { 
  list-style: none; 
  list-style-image: none;
  margin: 0; 
  padding: 0.1em 0 0.2em 0;  
  background-color: #fcfff6; 
  text-align: right;
  list-style: none; 
  color: #999966;
  text-decoration: none; 
  display: block; 
}

div#menucontainer ul li a:hover {
  margin: 0; 
  padding: 0.1em 0 0.2em 0; 
  background-color: #999966; 
  text-align: right;
  list-style: none; color: #fcfff6; 
  text-decoration: none; 
  display: block; 
}

div#menucontainer ul li a:active {
  margin: 0; 
  padding: 0.1em 0 0.2em 0;
  background-color: #fcfff6; 
  text-align: right;
  list-style: none; color: #999966;
}



p, blockquote, ol, ul, li, address, div, td, th, dd, dt, dl, pre, h1, h2, h3, h4, h5, h6 { 
  color: #000000; 
  text-decoration: none;
  background: transparent;
}

a:link, a:visited, a:hover, a:active  { 
  text-decoration: none;
  background: transparent;
}

p {
  line-height: 1.3em; 
  margin-top: 0.5em; 
  margin-bottom: 0.5em; 
}


p, .notice2, .disclaimer, .footerlink, .references, .footnote, dd, .searchresult { 
  text-align: justify; 
}

.rightalign {
  text-align: right;
}

.centeralign, .centerheading, #footer, .center, .notice, .caption1, .lastupdated, .outer {
  text-align: center; 
} 


h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, address, 
.leftalign, .author, .menu, .link, .retreatprog, .booklist, .bl, .booktitle { 
  text-align: left; 
}


ul { 
  padding: 0.3em 0 0.3em 0.6em; 
  margin: 0 0 0.2em 0.8em;
  list-style-image: url(/fileadmin/images/bullet.png);
}

li {
  line-height: 1.3em; 
  padding: 0.2em 0 0.2em 0; 
}

li a { 
  font-weight: bold; 
}

.plainlist { 
  list-style-type: none;
}

.address { 
  margin: 0; 
  padding-left: 1em; 
  font-style: italic;
}


img { 
  border: 0;
}



h1, h2, h3, h4, h5, h6, h1>a, h2>a, h3>a, 
h1>a:link, h1>a:visited, h1>a:hover, h1>a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2>a:active,
h3>a:link, h3>a:visited, h3>a:hover, h3>a:active,
legend {
  font-family: verdana, arial, kalimati, helvetica,"ms sans serif",sans-serif;
  color: #3366ff;
 }

#col1 h1, #col1 h2, #col2 h2, #col2 h3, #col3 h2, #col3 h3, #col2 h2, #col2 h3  {
  /*background-color: #f6f6e9;
  background: url(/fileadmin/tmpl/main/images/header_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  border: 0px solid #999966;
  border-left: 2px solid #3366ff; */
  padding: 0.3em 0.3em 0.3em 0;
  margin: 0.6em 0 0.4em 0;
  color: #3366ff;
  font-family: verdana, arial, kalimati, helvetica,"ms sans serif",sans-serif;
}

#col1 h1 {
  border-left: 0px solid #3366ff;
}





table, td, th { 
  margin: 0; 
  padding: 0; 
  border-style: none; 
  border-width: 0;
}


img.center, div.center { 
  margin-left: auto; 
  margin-right: auto; 
}


blockquote { 
  margin-left: 1.5em;
}



.boldd, .intro, .author, .caption1, .em, .announce, .booktitle, .bt, .dana, .titlewords { 
  font-weight: bold; 
}




address, blockquote, .verse { 
  padding-left: 0.6em; 
}


.illustration { 
  margin: 1em 0 0.5em 1.5em; 
  font-weight: normal;
  float: right;
  background-color: #ffffff;
  position: relative;
  min-width: 0;
}


div.spacer { 
  clear: both; 
  font-size: 0; 
  margin: 0; 
  padding: 0; 
  line-height: 0px; 
}


.skiplink, .skiplink a, .skiplink a:link, .skiplink a:visited, .skiplink a:hover, .skiplink a:active { 
  font-size: 0; 
  color: #ffffff; 
  text-decoration: none; 
}

#start, #startlink { 
   font-size: 0; 
   color: #ffffff; 
   margin:0; 
   padding: 0; 
   line-height: 0px;
}







.noprint, div.noprint, div#map, a.noprint, div.noprint>div,
div.noprint>div>div, div.noprint>a>img, div.noprint div, div.noprint div div,
div.noprint a img, #map   {
  background: transparent; 
}


 
 

/* default styles for extension "tx_croncssstyledimgtext" */
/*
 * css-styled-imgtext
 */
/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)

*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */



}



DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; position:relative;
  min-width: 0;}

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding:
0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding:
0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left;   position:relative;
  min-width: 0;}
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none;   position:relative;
  min-width: 0;}
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none;   position:relative;
  min-width: 0;}
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /*
FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both;   position:relative;
  min-width: 0;}

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both;   position:relative;
  min-width: 0;}

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove
IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right;   position:relative;
  min-width: 0;}
DIV.csi-right DIV.csi-text { clear: right;   position:relative;
  min-width: 0;}

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left;   position:relative;
  min-width: 0;}
DIV.csi-left DIV.csi-text { clear: left;   position:relative;
  min-width: 0;}

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left;   position:relative;
  min-width: 0;}

/* Right (in text) */

DIV.csi-intext-right DIV.csi-imagewrap { float: right;   position:relative;
  min-width: 0;}


/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both;   position:relative;
  min-width: 0;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both;   position:relative;
  min-width: 0;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */


/* 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;   position:relative;
  min-width: 0;}

  /* 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;   position:relative;
  min-width: 0;}

  /* 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;   position:relative;
  min-width: 0;}
  DIV.csc-textpic-right DIV.csc-textpic-text { clear: right;   position:relative;
  min-width: 0;}

  /* Left (above or below) */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left;   position:relative;
  min-width: 0;}
  DIV.csc-textpic-left DIV.csc-textpic-text { clear: left;   position:relative;
  min-width: 0;}

  /* Left (in text) */
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left;   position:relative;
  min-width: 0;}

  /* Right (in text) */
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right;   position:relative;
  min-width: 0;}

  /* Right (in text, no wrap around) */
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both;   position:relative;
  min-width: 0;}
  /* 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; }



a, a:link, a:visited, a:hover, a:active {
  font-family: arial,verdana, kalimati, helvetica,"ms sans serif",sans-serif;
  color: #9966cc;
  background-color: transparent;
}

#content a:link, #content a:link:visited, .disclaimer a:visited, #content a:visited {
  color:  #6699ff;
  text-decoration: none;
  border-bottom: 1px dotted #6699ff;
}

#content a:link:hover, .disclaimer a:link:hover, #content a:active:hover, #content a:visited:hover {
  border-bottom: 1px solid #6699ff;
  color: #ffffff;
  text-decoration: none;
  background-color: #6699ff;
}


.separator { display: none; }


.l1n, .l2n, .l3n, .l4n {
  border-bottom: 1px solid #eeeeee;
  width: 100%; 
  display: block;
font-size: 85%;
}

#leftmenu li, #leftmenu2 li, #leftmenu3 li {
 list-style: none; list-style-type: none; list-style-image: none; padding: 0; margin: 0;
width: 100%;
}


#leftmenu ul, #leftmenu ul li,#leftmenu2 ul, #leftmenu2 ul li,#leftmenu3 ul, #leftmenu3 ul li {
padding: 0; margin: 0; 
}

#leftmenu ul li a, #leftmenu2 ul li a, #leftmenu3 ul li a {
  display:block;
  margin:0 0 0 1px;
  padding:3px 3px;
  text-align:center;
  background: #3399ff;
  color:#ffffff;
  text-decoration:none;
  min-width: 0;
}

#leftmenu ul li a:hover, #leftmenu2 ul li a:hover, #leftmenu3 ul li a:hover {
  background:#3366ff;
  color:#ffffff;
  position:relative;
  min-width: 0;
}

#leftmenu ul li a.active, #leftmenu ul li a.active:hover, #leftmenu2 ul li a.active, #leftmenu2 ul li a.active:hover, #leftmenu3 ul li a.active, #leftmenu3 ul li a.active:hover {
  color:#ffffff;
  background:#3366ff;
  font-weight:bold;
  position:relative;
  min-width: 0;
}

div.menuillustration { 
  margin: 0;
  padding: 0; 
}


img.menu-illustration {
  width: 100%;
}





/* default styles for extension "tx_felogin_pi1" */
.tx-felogin-pi1 label {
    display: block;
  }

.tx-felogin-pi1 form fieldset legend, .tx-felogin-pi1 h3 {
  color: #999966;
}

/*
ul#nav { float: left }

ul#nav li { display: inline; }
*/

/*
#testmenu li {
float: left;
}



#testmenu ul ul {
  display:none;
}
#testmenu ul li:hover ul {
  display:block;
}

#testmenu ul> li:hover ul >li{
  display:block;
}
*/

div#col3 div#news div.highlight a,
div#col3 div#news div.highlight a:link,

 div#col3 div#news div.highlight a:visited,

  div#col3 div#news div.highlight a:hover,

 div#col3 div#news div.highlight a:active {
  border: 0px solid #666633;
font-weight: bold;
color: #666633;
font-size: 120%;
}


div#col3 div#news div.highlight h2 {
border: 0px double #666633;
border-left: 5px solid #666633;
background: none;
background-color: #666633;
font-size: 120%;
color: #ffffff;


}





/*                */








#countdown {
 float: left;
 margin: 0.2em 0.2em;
 font-style:italic; 
 position: relative;
 min-width: 0;
 
}


#today {
 margin: 0.2em 0.2em;
 font-style:italic;
 float:right; 
 position: relative;
 min-width: 0;
 
}

#clearer {
 clear:both;
 width:100%;
 height:0.01%;
 font-size:0;
 position: relative;
 min-width: 0;

}

  

#copyright {
 text-align: center;
 font-size: 0.8em;
 margin: 2em auto 1em auto;
 color: #cc99ff;
}

#copyright a {
 text-align: center;
 margin: 2em auto 1em auto;
 color: #cc99ff;
}

/* RTE Classes */

.boldd { font-weight: bold; }
.italicc { font-style: italic; }
.underlined {text-decoration: underline; }
.bolditalic { font-weight: bold; font-style: italic; }
.boldunderlineitalic { font-weight: bold; font-style: italic; text-decoration: underline; }
.boldunderline { text-decoration: underline; font-weight: bold;  }

.bodytext { text-align: justify; }
.justify {text-align: justify; }
.leftalign { text-align: left; }
.rightalign { text-align: right; }
.centeralign, .centred { text-align: center; margin-left: auto; margin-right: auto; }

/* Miscellaneous User Classes */

.datatable { text-align: left; margin: 0.25em; padding: 0.25em; }
.datatable th, .datatable td{ text-align: left; margin: 0.25em; padding: 0.25em;border: 1px solid black; }

/* accessibility headers do not need to be displayed to visitors using css */
.ah {display: none; }


#menuillustration img { width: 100%; }


p, h1, h2, h3, h4, h5, h6, td, th, body, address { 
 font-family:  arial, helvetica, sans-serif;
 font-size:1em;
 letter-spacing:1px;
 color:#330066; 
 background-color: transparent;
}


hr.hrspacer { color:#cc99ff; border: #cc99ff; background: #cc99ff;}




#content {
 background-color: #fff;
 margin-top: 0.4em;
}
#content h1, #content h2, #content h3, #title, #content b {
 margin:0 0 0.7em 0;
 color:#000000;
}

#content h1 { padding-top: 0.5em; }


#content a:link, #content a:visited, #extracontent a:link, #extracontent a:visited, #sitemap a:link, #sitemap a:visited {
 color:#9966cc; 
}

#title, #content h1, #content h2, #content h3, #content h4 { color: #3366ff; }

#content a:hover, #extracontent a:hover, a#sitemap a:hover  {
 background-color: #6699ff;
 color:#ffffff;
 text-decoration:none;
}
#content a:active, #content a:active, #sitemap a:active { 
 background-color:#0066cc; color: #ffffff; 
}



#lastupdate {
 background-image:url();
 background-repeat:repeat-y;
 text-align:left;
 color:#fff;
 letter-spacing:2px;
}


.submit1 {background-color: #0066cc; font-weight: bold;  color: white;}
.submit2 {background-color: #99ccff; font-weight: normal;  color: #000099;}


.inset { background-color: #ffffff; 
border: 1px solid #cc99ff; padding: 0.4em; margin: 0.2em; position: relative; min-width: 0; text-align: left;}
.inset p { text-align: left; font-size: 90%;}


.inset a, .inset a:link, .inset a:visited, .inset a:hover {
text-decoration: underline;
}

.inset2 { 
 background-color: #ffffff; 
 border: 1px solid #cc99ff; 

 margin: 0.2em 0 0.4em 0.6em;
 position: relative;
 min-width: 0;
 text-align: left;
  width: 25%;
   float: right;
    padding: 0.4em;
}
.inset2 p { text-align: left; font-size: 90%;}


.highlight {  color: #3366ff; }


.imgtext-table { position: relative; }


/*           */















#content a:link, #content a:visited, #extracontent a:link, #extracontent a:visited, #sitemap a:link, #sitemap a:visited,
#leftcontent div.inset a:link, #leftcontent div.inset a:visited  {
 color:#9966cc; 
}

#title, #content h1, #content h2 { color: #3366ff; }

#leftcontent div.inset a:hover, #content a:hover, #extracontent a:hover, a#sitemap a:hover  {
 background-color: #6699ff;
 color:#ffffff;
 text-decoration:none;
}

#leftcontent div.inset a:active, #content a:active, #content a:active, #sitemap a:active { 
 background-color:#0066cc; color: #ffffff; 
}



#lastupdate {
 background-repeat:repeat-y;
 text-align:left;
 color:#fff;
 letter-spacing:2px;
}



div#breadcrumbs2, div#lastupdate {
 background: none;
 background-color:#cc99ff;

 border-bottom: 2px solid #9966cc;
 border-top: 2px solid #ddccff;
}


hr.hrspacer { color:#cc99ff; border: #cc99ff; background: #cc99ff;}



#today { 
 color:#fff;
 letter-spacing:4px;
}
#countdown {
 color:#fff;
}





p, td, th, body, li { font-size: 95%; }
h1 { font-size: 160%; }
h2 { font-size: 135%; }
h3 { font-size: 120%; }
h4 { font-size: 90%; }
h5 { font-size: 85%; }
h6 { font-size: 80%; } 


h2, h3, h4, h5, h6 { font-weight: normal; }

.mdl2n, .mdl2a, .mdl2s, .mdl2as a {  font-size:0.9em; }
.mdl3n, .mdl3a, .mdl3s, .mdl3as a {  font-size:0.75em; }

#title { font-size: 180%; }

#css-smaller { display: none; }
#path { font-size: 0.7em; }

#details2 { font-size: 0.7em; }

.smalltext { font-size: 80%; }

.info { font-size: 80%; margin-left: 2em; margin-right: 2em;}


.btn1, .btn2, .btn3, .clink, .cssbtn { width: 168px; font-size: 80%; }

.m1-l1-n, #menutable, #menu1, .access-key,
#css-smaller, #css-larger, .m2-l1-n { width: 100%; }




#content {
position: relative;
min-width: 0;
}


.tx-newloginbox-pi1-submit {
color: #ffffff;
background-color: #6699ff;

}


div.center, div.center>p, div.center>p.bodytext { margin-left: auto; margin-right: auto; text-align: center;}


.mandatory { color: #cc0000; }

table.ordertable {width: 100%; }

table.ordertable th, .ordertable td {text-align: left; background-color: #f3f6ff;}

.ordertable th { padding: 0.6em 2em 0.6em 1em; width: 40%; }
.ordertable .col-one { width: 40%; }
.ordertable .col-two { width: 30%; }
.ordertable .col-three { width: 30%; }

.cc-submit { color: #ffffff; background-color: #6699ff; float: right; }

div.tx-qofcnochexapc-pi1 div { background-color: #f3f6ff; padding: 0.6em; }

div.tx-qofcnochexapc-pi1 th .hint { font-weight: normal; }


.downloadtable {width: 100%; border: 1px solid #dddddd; margin: 0.1em 0; }

.downloadtable td, .downloadtable th { padding: 0.3em; text-align: center; border: 1px solid #eeeeee;}


.boxout {
 border: 1px solid #cc99ff;
 padding: 0.3em;
 margin: 0 0 0.3em 0.3em;
 float: right;
 position: relative;
}


.ordertable td.terms { text-align: center; }







@media print {



p, blockquote, ol, ul, li, address, div, td, th, dd, dt, dl, pre, h1, h2, h3, h4, h5, h6, body,
a, a:link, a:visited, a:hover, a:active, .ilh { 
  font-family: "Times New Roman", times, georgia, serif;  
  background-color: #ffffff; 
  color: #000000; 
}
 
.bt { 
  font-weight: normal; 
  font-style: italic; 
}

.maintable, #top, #bottom, #content, #footer, #lastupdate { 
  width: 100%; 
} 
  
#footerlinkunits, .illustration, .submenu, .bottom, #bottom, .path, #breadcrumbs2, 
#search, .brlink, #amazon, .toplink, .backlink, .skiplink, #menucontainer, #news {  
  display: none; 
}

#lastupdate { 
   margin: 0.5em;
}
 

div#homelink, div#leftmenu, div#breadcrumbs, div#news, div#logo, div#header ul {
 display: none; 
 width: 0; 
 padding: 0; 
 margin: 0;
}

div#content, div#main, div#footer, div#lastupdate { 
  width: 90%; 
  border: 0; 
  padding: 0;
  margin: 0; 
}

#col1 h1, #col1 h2, #col2 h2, #col3 h3, #col3 h2  { 
  border-left: 0; 
  padding-left: 0;
}


  /* 3 Column settings */
.threecol {
  background:#ffffff;  /* right column background colour */
}

.threecol .colmid {
  right:5%;  /* width of the right column */
  background:#ffffff;  /* center column background colour */
  border: 0;
}

.threecol .colleft {
  right:92%;  /* width of the middle column */
  background:#ffffff; border: 0;  /* left column background colour */
}

.threecol #col1 {
  width:88%;  /* width of center column content (column width minus padding on either side) */
  left:102%;  /* 100% plus left padding of center column */
}

.threecol #col2 {
  width:2%;  /* Width of left column content (column width minus padding on either side) */
  left:9%;  /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol #col3 {
  width:1%;  /* Width of right column content (column width minus padding on either side) */
  left:88%;  /* Please make note of the brackets here:
  (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}




}