/*
Copyright: Darren Hester 2006, http://www.designsbydarren.com
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by-nc/2.5/
*/

body {
    text-align: center;
    background: #F4FDE5 url('img/bg.jpg') top center no-repeat fixed;
    margin-top:10px;
    margin-bottom:10px;
}

A:link {
    color: #FF6600;
    text-decoration: none;
}
A:visited {
    color: #FF6600;
    text-decoration: none;
}
A:active {
    color: #003f1f;
    text-decoration: none;
}
A:hover {
    color: #003f1f;
    text-decoration: underline;
}

IMG {
    border: none;
}

#page_wrapper {
    margin-left: auto; 
    margin-right: auto;
    width: 760px;
    text-align: left;
    background: #FFFFFF url('img/content_bg.jpg') top right repeat-y;
    border: 1px solid #018843;
}

#page_header {
    height: 120px;
    background: #9ACD34 url('img/header.jpg') top right no-repeat;
    clear: both;
}

#page_header A, #page_header IMG {
    float: left; 
}

#languages {
    float: right;
    margin-top: 58px;
    margin-right: 15px;
}
#languages IMG {
    padding: 2px;
}

#menu_bar {
  height:40px;
  background: #FFFFFF url('img/drop_shadow.gif') top left repeat-x;
  clear: both;
}

#menu_bar ul {
  margin-top: 0px;
  padding-left: 0px;
  margin-left: 0px;
  background: #FF6600 url('img/menu_bg.gif') top left repeat-x;
  color: White;
  float: left;
  width: 100%;
  font-family: verdana, arial, sans-serif;
  font-size:13px;
  font-weight: bold;
}

#menu_bar ul li { display: inline; }

#menu_bar ul li a
{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  background: #FF6600 url('img/menu_bg.gif') top left repeat-x;
  color: #EFEFEF;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
}
#menu_bar ul li.last a
{
  border-right: none;
}

#menu_bar ul li a:hover
{
  background: #FF6600 url('img/menu_hover_bg.gif') top left repeat-x;
  color: #FFFFFF;
}

#content_wrapper {
  margin-top:10px;
  margin-bottom:0px;
  margin-left:15px;
  margin-right:15px;
  clear:both;
}

#right_side {
  margin-top:5px;
  float: right;
  width:160px;
  border:0px dashed #cccccc;
}

#right_side_menu {
  margin-top:5px;
  margin-bottom:15px;
  float: right;
  width:160px;
}

#right_side_menu UL {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-family: verdana, arial, sans-serif;
  font-size:12px;
  font-weight: normal;
}

#right_side_menu UL LI {
  margin-left: 4px;
  margin-bottom: 4px;
}
#right_side_menu h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  margin-left: 4px;
  color: #666666;
  font-weight: bold;
}

#right_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color: #FF6600;
  padding:4px;
  padding-bottom: 13px;
}

#right_side p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #666666;
  line-height: 16px;
  padding-left:4px;
}
#right_side HR {
    border: none;
    border-top: solid 1px #CCCCCC;
    margin-left: 4px;
    width: 160px;
}
#left_side {
  float: left;
  width: 540px;
  background-color: #FFFFFF;
  border: 0px dashed #cccccc;
}

#left_side h1 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  color: #FF6600;
  background-color:#FFFFFF;
  padding: 4px;
  clear: both;
}

#left_side h2, #left_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  padding: 4px;
  padding-top: 0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color: #FF6600;
  background-color:#FFFFFF;
}

#left_side P {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  padding-left:4px;
}

#left_side LI {
  margin-top:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #666666;
  padding-left:4px;
}

.contenttable {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 35px;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  color: #666666;
  padding-left:4px;
  width: 100%;
}
.contenttable, .contenttable TR, .contenttable TR TD {
    padding: 0px;
}
.contenttable TR TD {
    padding: 2px;
}
.contenttable TBODY TR.tr-odd {
    background-color: #EBEBEB;
}
.contenttable TBODY TR.tr-even {
    background-color: #B8B8B8;
}
.contenttable TBODY TR TD.td-0 {
    font-weight: bold;
}


#left_side .contenttable P {
    margin: 0px;
}

#left_side .contenttable P H2 {
    margin: 0px;
}

SPAN.Apple-style-span {
    margin: 0px;
}

SPAN.accesskey {
    text-decoration: none;
}

TABLE.SpecialOffer {
    border: solid #FF6600 1px;
}
TABLE.SpecialOffer TBODY TR.tr-even {
    background-color: #ffb27f;
    text-align: center;
    color: #333333;
}
TABLE.SpecialOffer TBODY TR TD {
    padding: 5px;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

#feature_box {
  float:left;
  width:250px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}

#feature_box h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #779E28;
}

#feature_box p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}

#page_footer {
  height: auto;
  overflow: auto;
  background-color: #99CC33;
  clear: both;
  padding-top: 15px;
  padding-bottom: 15px;
}

#page_footer p {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  margin-top: 0px;
  margin-left: 20px;
  color: #003F1F;
}

#page_footer H1, #page_footer H2,
#page_footer H3, #page_footer H4,
#page_footer H5, #page_footer H6{
  margin-top: 5px;
  margin-bottom: 3px;
  margin-left: 20px;
  padding: 0px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #003F1F;
}

#page_footer A {
  color: #FFFFFF;
}

#page_footer IMG {
  margin: 0px;
  padding: 0px;
}

#page_footer #infos, #page_footer #logos, #page_footer #copy {
    float: left;
    width: 240px;
    padding: 4px;
    margin-right: 7px;
}

#page_footer #copy {
    margin-right: 0px;
}

#spacer {
  height:20px;
  clear:both;
}

.arrow_list { 
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
} 

.arrow_list li { 
  padding-left: 10px;
  background-image: url(img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height:18px;
}




/* default styles for extension "tx_cssstyledcontent" */

.csc-textpic-clear {
    margin-bottom: 30px;
}

/* 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; }

.csc-textpic-caption {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  color: #999999;
}


    /* 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: 20px; }
	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; }
	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; }

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

TABLE H2 {
	margin-bottom: 0px !important;
}