/** 
 * 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; 
}


/**
 * @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 {
  list-style:none;
  margin:0 1.5em 0 0;
}

ul.nav-meta li {
  display:inline;
  font-size:0.75em;
}

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;
}

ul.nav-main {
  list-style:none;
  margin:0;
  padding:0;
}

ul.nav-main li {
  background:#FFF url('/fileadmin/image/nav/nav_bg_green.gif') no-repeat;
  border-right:1px solid #FFF;
  float:left;
  padding:0 1em;
  position:relative;
  width:auto;
}

ul.nav-main li:hover,
ul.nav-main li.sfhover,
ul.nav-main li.active {
  background:#FFF url('/fileadmin/image/nav/nav_bg_grey.gif') no-repeat;
}

ul.nav-main li ul {
  background:url('/fileadmin/image/nav/foot-rounded.png') no-repeat right bottom;
  display:none;
  left:0;
  list-style:none;
  margin:0 0 0 -1em;
  padding:2em 0;
  position:absolute;
  top:1em;
  z-index:20;
}

* html ul.nav-main li ul { /** @note «* html …» only affects ie6 */
  margin:0.5em 0 0 0;
}

*+html ul.nav-main li ul { /** @note «*+html …» only affects ie7 */
  left:0;
  margin:0;
  top:1.4em;
}

ul.nav-main li > ul { /** @note affects all but ie browsers */
  left:auto;
  top:auto;
}

ul.nav-main li:hover ul,
ul.nav-main li.sfhover ul {
  display:block;
}

ul.nav-main li a,
ul.nav-main li a:visited {
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
}

ul.nav-main li ul li {
  background:none;
  border-right:none;
  padding:0 1em 0.25em 1em;
  width:12em;
  white-space:nowrap;
}

ul.nav-main li ul li a,
ul.nav-main li ul li a:visited {
  color:#72B633;
  font-size:0.85em;
  font-weight:bold;
  text-decoration:none;
}

ul.nav-main li ul li:hover,
ul.nav-main li ul li.sfhover {
  background:none;
}

ul.nav-main li ul li a:hover,
ul.nav-main li ul li a.active {
  color:#333 !important; /** @note without !important ie6 doesn't show the color */
}

ul.nav-main ul ul {
	background:none;
	display:block;
	margin:0.25em 0 0 0;
	padding:0;
	z-index:30;
}

* html ul.nav-main ul ul { /** @note «* html …» only affects ie6 */
  padding-left:1em;
}

*+html ul.nav-main ul ul { /** @note «*+html …» only affects ie7 */
  padding-left:1em;
}


/** 
 * @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 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; }