/* 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%;
}

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; 
}

#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.5em 0 0.5em 0.6em; 
	margin: 0 0 0.5em 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;
}

.retreatdetail { 
	border: 3px double #cccc99; 
	background: #fcfff6;
	padding:  0 0.7em 0.7em 0.7em; 
	margin-bottom: 0.7em; 
} 

div.tx-wcfretreatprogramme-pi1 > div.retreatdetail > div.feebox {
	position: relative;
	min-width: 0;
	margin: 0 0 0.8em 0.8em;
	float: right;
}


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 { 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: 140%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }
h4 { font-size: 90%; }
h5 { font-size: 85%; }
h6 { font-size: 80%; } 

.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;}

table.ordertable th { padding: 0.6em 2em 0.6em 1em; width: 40%; }

.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 #cccccc; }

.downloadtable td, .downloadtable th { padding: 0.3em; text-align: center; border: 1px solid #cccccc;}

@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) */
}




}



