/* ------------------------------------------------------------------------
	BASIC RESET & GLOBAL LAYOUT TECHNIQUES
------------------------------------------------------------------------- */

* 					{ margin: 0; padding: 0; border: 0; }
:focus 				{ outline: 0; }
ul					{ list-style-image: none; list-style-type: none; }
em					{ font-style: normal; }
            		
.clear 				{ clear: both; }
.clear_left			{ clear: left; }
.clear_right		{ clear: right; }
.nobreak 			{ white-space: nowrap; }
.align_center 		{ text-align: center; }
.align_right	 	{ text-align: right; }
.align_left		 	{ text-align: left; }
.float_left			{ float: left; }
.float_right		{ float: right; }


/* ------------------------------------------------------------------------
	FONTS, COLORS, TEXT-DECORATION, MARGINS ETC.
------------------------------------------------------------------------- */

p, input, li, td	{ font-size: 12px; color: #b4b9b7; line-height: 1.5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
p					{ text-align: justify; }
p					{ margin-bottom: 10px; }
h1, h2, h3, h4		{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2				{ color: #fff; line-height: 1em; background-color: #ec7218; font-size: 17px; font-weight: normal; text-transform: uppercase; display: inline; letter-spacing: 0.15em; }
h2					{ font-size: 11px; }
h3					{ color: #b4b9b7; font-size: 13px; font-weight: normal; text-transform: uppercase;}
h4					{ color: #ec7218; font-size: 12px; font-weight: normal; }
hr					{ height: 1px; border-bottom: 1px solid #bfbfbf; width: 100%; margin: 10px 0;}

a, a:link, a:active, a:visited, a:hover 					{ text-decoration: none; color: #ec7404; }
a:hover 													{ text-decoration: none; color: #bdcd00;}
a.arrow, a.arrow:link, a.arrow:active, a.arrow:visited		{ color: #676c6a; padding-left: 8px; background: transparent url(../images/icon_arrow_link.gif) center left no-repeat; line-height: 100%; }
a.arrow:hover												{ color: #bdcd00; }

em                  { color: #BDCD00; }

.frame				{ font-weight: bold; color: inherit; }
.sign				{ color: #ec7218; }
.sector				{ text-transform: uppercase; }

/* #TABLES                                                                                          */

table 											{ width: 100%; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; margin: 10px auto; }
caption											{ margin-top: 10px; caption-side:top; font-weight: bold; }
td 												{ border-left: 1px solid #cdcdcd; padding: .3em 1em; }
th 												{ border-bottom: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; padding: .3em 1em; }
th.column1              						{ background-color: #eee; border-bottom: 1px solid #fff; text-align: center; }
thead th										{ text-align: center; color: #004a7f; font-size: 13px; border-bottom-width: 2px; padding-top: 5px; padding-bottom: 5px;}
tfoot th 										{ text-align:center; font-size: 12px; color: #004a7f; padding-top: 12px; padding-bottom: 12px; }	
tfoot th                						{ border-top: 1px solid #cdcdcd; }
tfoot td                						{ border-bottom: 1px solid #cdcdcd; }

table.light										{ margin: 10px 0; }
table.light th.column1, table.light td			{ border-bottom: 1px solid #cdcdcd; }
                                            	
table.semantic									{ margin: 0 0 10px 0; width: auto; border: none; }
table.semantic th, table.semantic td			{ padding: 0; background: none; border: none; border: none; padding: 0; }


/* ------------------------------------------------------------------------
	CONTENT-SPECIFIC DEFINITIONS
------------------------------------------------------------------------- */

/*	CULUMN	*/
.column					{ float: left; width: 47%; }
.first					{ margin-right: 3%; }

/*	HEADER	*/
#logo					{ margin: 0 0 0 64px; } /* margin-top ex 39px */
#imprint				{ position: absolute; right: 46px; top: 15px; }


/*	SIDEBAR	*/
h3 em					{ color: #ec7218; }
#column-three img		{ margin: 20px 0 0 20px; }

/*	FOOTER */
#footer 						{ margin-left: 271px; }
#footer h3						{ font-size: 12px; margin-top: 15px; }

/*	PERFORMANCES	*/
ul.performances			{ list-style-type: disc; }
ul.performances li		{ margin-left: 25px; }

/*	REASONS			*/
ol.reasons			{ list-style-position: outside; list-style-type: decimal; margin-left: 20px; padding-left: 5px; }
ol.reasons li		{ color: #ec7218; font-size: 17px; margin-bottom: 5px; line-height: 18px; }
ol.reasons em		{ font-weight: bold; padding-bottom: 5px; color: #b4b9b7; font-size: 12px; }
ol.reasons ul		{ margin-top: 5px; }
ol.reasons ul li	{ list-style-type: disc; margin: 0 0 5px 20px; font-size: 12px; color: #b4b9b7; line-height: 1.5em; margin-bottom: 0; }
li.last				{ list-style-type: none; }

a.show_reason, a.show_reason:link, a.show_reason:active, a.show_reason:visited		{ font-weight: normal; }
a.show_reason:hover																	{ color: #bdcd00; }
a.single																			{ font-size: 12px; }

/*	NEWS & REFERENCES	*/
p.date				{ color: #bdcd00; font-size: 10px; margin-bottom: 3px; }


/* ------------------------------------------------------------------------
	BOX-MODEL
------------------------------------------------------------------------- */


#website							{ width: 1000px; margin: 0 auto; }
#header								{ height: 123px; } /* ex 162px */
#column-one							{ float: left; height: 20em; width: 266px; }
#column-two							{ margin: 0px 0px 0px 266px; }
#column-two-inner					{ float: left; width: 100%; }
#column-two-inner-inner				{ margin: 0px 206px 0px 0px; }
#column-three						{ float: left; width: 181px; margin: 0px 0px 0px -206px; padding: 100px 0 0 25px; }
.clear-both							{ clear: both; font-size: 0px; line-height: 0px; height: 0px; }
div.inner_content					{ width: 500px; margin-left: 5px; }

/*	FULL WIDTH (OVERRIDES ALREADY SET VALUES) */
#column-two-inner-inner				{ height: 370px; margin: 0px; }
#column-three						{ display: none;  }
div.inner_content					{ width: 700px; }

/*	DEAD CENTER		*/
html, body 					{ height: 100%; }
body 						{ text-align: center; min-height: 580px; min-width: 1000px; }
#container_vertical 		{ float: left; height: 50%; margin-top: -290px; width: 100%; }
#container_horizontal 		{ clear: both; height: 580px; width: 1000px; margin-right: auto; margin-left: auto; text-align: left; }

#header						{ position: relative; }
#body						{ background-color: #fff; }


/* ------------------------------------------------------------------------
	NAVIGATION
------------------------------------------------------------------------- */

#nav									{ white-space: nowrap; margin: 47px 0 0 36px; } /* margin-top ex 47px */
#nav li 								{ display: block; list-style-type: none; margin: 0 5px 6px 0; padding: 5px 10px; line-height: 1.1em; cursor: pointer; }
#nav li span.name						{ font-size: 20px; text-transform: uppercase; padding-left: 20px; }
#nav li.jFlowSelected span.name,
#nav li.hover span.name					{ background: transparent url(../images/icon_arrow_nav.gif) center left no-repeat; }
#nav li span.desc						{ font-size: 10px; line-height: 0.3em; color: #ec7218; padding-left: 20px; }
#nav li.jFlowSelected span.desc,
#nav li.hover span.desc					{ color: #bdcd00; }
#nav li a:link, #nav a:visited 			{ text-decoration: none;  }

