/** 
 * inergie.ch
 * css style definitions for inergie.ch
 * 
 * @author		Markus Howald
 * @copyright	copyright(c) Klink GmbH
 * @date		2009-08-10
 * @media		screen
 * @project		inergie.ch
 * @site		www.inergie.ch
 * @tested		mac: safari 4.0.2, firefox 3.5.2, opera 9.64, camino 1.6.8
 * @tested		win: ie6, ie7, ie8
 *
 * @colordef	#333333; darkgrey
 * @colordef	#72B633; green
 * @fontdef		Verdana, Arial, Helvetica, sans-serif;
 */ 


/** 
 * @section global
 * 
 * @note global definitions
 */

* {
  border:0;
  margin:0;
  padding:0;
}

html, body {
  height:100%; /** @note mandatory 100% for scrollbars */
  width:100%; /** @note mandatory 100% for scrollbars */
} 


body {
  background:#FFF;
  color:#333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:1.4;
  overflow:hidden;
}

img {
  border:0;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

.tiny {
  font-size:0.6em;
}

.clear {
	clear:both;
}

sub, sup {
  font-size:0.7em;
  line-height:0;
}

.green {
 color:#72B633;
}


/**
 * @section hyperlinks
 * 
 * @note global hyperlinks definitions
 */ 

a:link, a:visited {
  color:#333;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}


/**
 * @section headers
 * 
 * @note global header definitions
 */ 

h1 {
  font-size:1em;
  margin-bottom:1em;
}

h2 {
  font-size:0.85em;
}


/**
 * @section list
 * 
 * @note global list definitions
 */ 

ul {
  list-style:square;
  margin-left:2em;
}


/**
 * @section table
 * 
 * @note global table definitions
 */ 

table td,
table th {
  text-align:left;
  vertical-align:top;
}


/**
 * @section dl,dt + dd
 * 
 * @note global data list definitions
 */ 

dl dt,
dl dd {
  font-size:0.85em;
}

dl dt {
  font-weight:bold;
}


/**
 * @section form
 * 
 * @note global form definitions
 */ 

legend {
  font-size:0.85em;
  font-weight:bold;
  margin-bottom:1em;
}

label {
  font-size:0.85em;
}

input,
textarea {
  background:#CCC;
  font-size:0.85em;
  margin-bottom:1em;
  padding:0.25em;
}

input:focus,
textarea:focus {
  background:#72B633;
  color:#FFF;
}

textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

input[type=submit], 
input[type=reset], 
input[type=button],
button {
  overflow:visible;
  padding:0.25em 1em;
  width:auto;
}

input[type=submit]:hover, 
input[type=reset]:hover, 
input[type=button]:hover,
button:hover {
  background:#72B633;
  color:#FFF;
}

* html input { /** @note «* html …» only affects ie6 */
  width:auto !important; 
}

.error {
	background: #ff3333; /* old browsers */
	color: #fff;
    height:auto;
	margin-left: -2px;
	padding: 3px 10px 5px 10px;
    text-align:left;
    z-index:10
}

.error p {
	font-size:0.75em;
	margin:0;
	padding:0
}

.error em {
	border: 10px solid;
	border-color: #ff3333 transparent transparent;
	border-bottom: 0 none;
	bottom: -5px;
	display: block;
	height: 0;
	left: 5px;
	position: absolute;
	width: 0;
}


/**
 * @section supersize
 * 
 * @note overflow:hidden has to be in body
 */ 

#supersize img, #supersize a:link {
  display:none;
  height:100%;
  width:100%;
}

#supersize .activeslide, #supersize .activeslide img {
  display:inline;
}


/** 
 * @section main
 * 
 * @note main area "over" supersize image
 */ 

#main {
  height:100%; /** @note mandatory 100% for scrollbars */
  left:0; /** @note mandatory 0 for scrollbars */
  overflow:auto; /** @note mandatory auto for scrollbars */
  position:absolute;
  top:0; /** @note mandatory 0 for scrollbars */
  width:100%; /** @note mandatory 100% for scrollbars */
}


/** 
 * @section head
 * 
 * @note head on top includes logo, meta-navigation
 */ 

#head {
  background:#FFF /*url('/fileadmin/image/logo/inergie_main.gif') no-repeat 3em 3.6em*/;
  height:9.35em;
  position:relative;
  width:100%;
}

#nav-meta-container {
  text-align:right;
  width:72em;
}

ul.nav-meta {
  font-size:0.75em;
  list-style:none;
  margin:0 1.5em 0 0;
  padding:0.25em 0 0 0;
}

ul.nav-meta li {
  display:inline;
}

ul.nav-meta li a {
  text-decoration:none;
}

ul.nav-meta li a:hover {
  text-decoration:underline;
}

#logo-main img {
  margin:2.6em 0 0 3em;
}


/** 
 * @section nav
 * 
 * @note inlcuding nav-main + nav-sub
 */ 

.nav-main-container {
  background:#72B633;
  bottom:0;
  left:40.5em;
  position:absolute;
  width:30em;
}


/** 
 * @section content
 * 
 * 
 */ 

.content-container {
  margin-left:3em;
  width:68.5em; /** @note width is needed to prevent jumping element if resizing browser-window */
}

.content-container-left,
.content-container-right {
  display:inline; /** @note prevents double-margin-bug in ie */
  float:left;
}

.content-container-left {
  min-height:1em; /** @note min-height neede in case of empty content */
  width:37.5em;
}

.content-container-right {
  min-height:1em; /** @note min-height neede in case of empty content */
  width:30em !important; /** @note !important makes a strange gap in ie6+7 a little bit smaller :-) */
}

.content-text {
  background:url('/fileadmin/image/transparent/10x10.png') repeat;
  padding:3em 2em 1em 2em;
}

* html .content-text { /** @note «* html …» only affects ie6 */
   background:#E5E5E5;
}

.content-foot {
  background:url('/fileadmin/image/transparent/content_foot.png') no-repeat;
  height:1em;
  margin-bottom:2em;
}

* html .content-foot { /** @note «* html …» only affects ie6 */
  background:url('/fileadmin/image/transparent/content_foot_ie6.png') no-repeat;
  height:20px;
  margin-bottom:2em;
}


.content-foot-left {
  background-position:bottom right !important; /** @note without !important ie6 ignores this line of code */
}

.content-foot-right {
  background-position:bottom left;
}

.content-text p,
.content-text ul {
  font-size:0.85em;
  margin-bottom:1em;
}

.content-text ul ul {
  font-size:1em;
}

.content-text table.header-left th {
  padding-right:1em;
}

.backlink {
	border-bottom:1px dotted #000;
	margin-bottom:1em;
	text-align:right;
}


/** 
 * @section filelinks
 * 
 * 
 */
 
.filelinks-container {
  font-size:0.85em;
  height:1%; /** without «height» ie6 + 7 don't make margin-bottom */
  margin-bottom:1em;
}

.filelinks-item { clear:both; }
 
.filelinks-icon {
  float:left;
  width:2em;
}
 
.filelinks-link {
 float:left;
}


/** 
 * @section felogin
 * 
 * 
 */
 
.tx-felogin-pi1 input {
  width:15em;
}

.tx-felogin-pi1 input[type=submit], 
.tx-felogin-pi1 input[type=reset], 
.tx-felogin-pi1 input[type=button],
.tx-felogin-pi1 button {
  overflow:visible;
  padding:0.25em 1em;
  width:auto;
}


/** 
 * @section FCE login buttons
 * 
 * 
 */

.eshare_but {
	float:right;
    background:url('/fileadmin/image/buttons/eshare_but.gif') no-repeat 0 0;
    margin:5px 0 0 0;
}

.eshare_but p {	margin:0; }

.eshare_but a {
  background:url('/fileadmin/image/buttons/arrow-white.png') no-repeat scroll 0 2px transparent;
  color:#fff;
  font-size:15px;
  font-weight:bold;
  line-height:28px;
  margin:0 5px;
  padding:0 0 0 20px;
  text-decoration:none;
}


/** 
 * @section neo_fileshare
 * 
 * 
 */

.tx-neofileshare-pi2-listrow {
  margin-bottom:2em;
}

.tx-neofileshare-pi2-listrow p {
  margin-bottom:0;
}

.browseBoxWrap {
  border-top:1px dotted #000;
  margin-top:1em;
  padding-top:1.5em;
  font-size:0.85em;
}

.tx-neofileshare-pi2-searchbox {
  border-top:1px dotted #000;
  margin-top:1em;
  padding-top:1.5em;
}

.tx-neofileshare-pi2-searchbox table tr td {
  padding:0;
}

input.tx-neofileshare-pi2-searchbox-button {
  margin-left:1em;
}

.tx-neofileshare-pi2-status {
  font-size:0.85em;
  margin-bottom:2em;
}

.tx-neofileshare-pi1_formField label {
  margin-right:2em;
}


/** 
 * @section tt_news
 * 
 * 
 */


.news-list-date {
  font-weight:normal;
}

.news-single-imgcaption {
  font-style:italic;
}


/**
 * @section antwortkarte online
 * 
 * @note powermail overrides
 */ 


form#antwortkarte .powermail_pagebrowser { display:none; }

form#antwortkarte p.note {
	font-style:italic;
	font-size:0.75em;
}

form#antwortkarte .space_below { margin-bottom:2em; }
form#antwortkarte p.antwortkarte_space { margin-bottom:0; }


form#antwortkarte label,
form#antwortkarte .tx_powermail_pi1_fieldwrap_html_radio_title { font-weight:bold; }
form#antwortkarte .tx_powermail_pi1_fieldwrap_html_radio label { font-weight:normal; }

form#antwortkarte .tx_powermail_pi1_fieldwrap_html_text label {
  float:left;
  width:10em;
}

form#antwortkarte input[type=radio],
form#antwortkarte input.powermail_radio {
	background:transparent;
	vertical-align:baseline;
}

* html form#antwortkarte input.powermail_radio { vertical-align:bottom; }
*+html form#antwortkarte input.powermail_radio { vertical-align:bottom; }

form#antwortkarte .tx_powermail_pi1_fieldwrap_html,
form#antwortkarte .powermail_radio_inner { clear:both; }


form#antwortkarte .tx_powermail_pi1_fieldwrap_html_15 label {
	display:inline;
	margin-right:1em;
	width:auto;
}

form#antwortkarte input.tx_powermail_pi1_submitmultiple_forward,
form#antwortkarte .powermail_submit,
.tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_mandatory_submit { margin-top:2em; }

.powermail_all_table { font-size:0.85em; }

.powermail_all_table td {
	border:1px solid #CCC;
	padding:0.5em;
	vertical-align:bottom;
	width:50%;
}

.tx-powermail-pi1_mandatory { color:#FF3333; }
.tx-powermail-pi1_mandatory ul li { padding:0.5em 0 0 0; }