/* 

	Standard CSS Style fuer www.ews.ch

	

	Author: syseca informatik ag, as,dh

	Last updated: 04.08.2008



*/



/*---------------------------------------------------------------------------

 	Allgemeine Formatierungen

---------------------------------------------------------------------------*/



@import url(general.css);

@import url(content.css);

@import url(extensions.css);



 

/*-------------------------------------------------------

 	Formatierungen, die im RTE augewaehlt werden koennen.

--------------------------------------------------------*/



@import url(rte.css);





/*---------------------------------------------------------------------------

 	Layout

 ---------------------------------------------------------------------------*/



/* Umfasst alles */

 

#wrapAll {

}


/* Printhader ausblenden */

#printHeader {
	display:none;
}

/* Alles ausser den Footer */



#box {

	width:950px;

	margin: 0px;

	padding:0px;

	text-align:left;

}







/*-------------------------------------

 	Oberer Bereich

--------------------------------------*/



#leftHeader {

	background:url(../statpics/header_left.jpg) bottom no-repeat;

	height:188px;

	padding:30px 0px 0px 20px;

}



/* Logo und Suche */



#header {

	height:119px;

	width:610px;

	background:#FFFFFF;

	overflow:hidden;

}



#logo {

	width:300px;

	overflow:visible;

	float:left;

}



#suche {

	margin:75px 75px auto auto;
	font-size: 11px;
	float:right;

}




/* Bild unterhalb von Logo */



#teaser {

	height:88px;

	border-top:11px solid #000000;

}



#rightHeader {

	background:url(../statpics/header_right.jpg) bottom no-repeat;

	height:206px;

	padding:12px 20px 0px 20px;

	font-size:11px;

}



/*-------------------------------------

 	Linker Bereich

--------------------------------------*/



#links {

	width:170px;

	padding:0px;

	float:left;

}



#navigation {

	padding:20px 0px 0px 0px;

}



/*-------------------------------------

 	Mittlerer Bereich

--------------------------------------*/



/* Inhaltsberich mit breadcrumbs, icons und content */



#inhalt {

	width:610px;

	padding:0px;

	float:left;

	overflow: auto;

}



/* Der eigentliche Inhaltsberich */



#content {

	padding:10px 15px 0px 15px;

	float:left;

	width:580px;

	overflow:hidden;

}



/* Brotkrümel-Navigation */



#breadcrumbs, #printEmail {

	font-size:11px;

	color:#acacac;

}



#breadcrumbs {

	float:left;

	width:480px;

	padding:7px 0px 0px 15px;

}



/* Drucken und Emailweiterleitung */



#printEmail {

	float:right;

	text-align:right;

	padding:7px 15px 0px 0px;

	width:auto;

}



/* Links bei breadcrumbs und drucken/email */



#breadcrumbs a, #printEmail a {

	text-decoration:underline;

	color:#acacac;

}



#breadcrumbs a:hover, #printEmail a:hover {

	text-decoration:underline;

}



/* linke Tabellenspalte beim Inhalt */



.contentLeft {

	width:236px;

	padding:30px 14px 0px 0px;

	text-align:right;

	vertical-align:bottom;

}



/* rechte Tabellenspalte beim Inhalt */



.contentRight {

	width:316px;

	padding:30px 0px 0px 14px;

}



/*-------------------------------------

 	Rechter Bereich

--------------------------------------*/



#rechts {

	width:170px;

	padding:0px;

	float:left;

	color:#FFFFFF;

}


#fontsize {
	height:34px;
	overflow:hidden
}


/* Texte im rechten Bereich */



#rightText {

	padding:20px 0px 0px 20px;

}



div#orderNLlink {

  border-bottom:1px solid #d6d6d6;

  padding-bottom:2px;

  margin-bottom:1em;

}



div.quicklist {

  border-bottom:1px solid #d6d6d6;

  padding-bottom:2px;

}



div.quicklist .spaceAfterCE {

  display:none;

  border-bottom-style: double;

}



/* Newsticker */



#tickerspace {

  border-bottom:1px solid #d6d6d6;

  margin-bottom:1em;

}



#tickerspace a, #tickerspace a:visited, #tickerspace .dmnt_par {

	color:#2e5a69;

	font-weight:bold;

}



/* Adressangabe */

#contact {

	padding:13px 0 2px 0;;

	margin-top:3em;

	font-size:11px;

	border-bottom:1px solid #d6d6d6;

	background:url(../statpics/striche_gr.gif) repeat-x;

}



.specNaviV1 li {

	list-style:none;

	list-style-image:none;

	background:url(../statpics/button_left.jpg) no-repeat;

}



.specNaviV1 li a, .specNaviV2 li a {

	display:block;

	padding:2px 0px 0px 7px;

	margin-bottom:8px;

	height:22px;

	font-weight:bold;

	color:#FFFFFF;

	text-decoration:none;

}



.specNaviV2 li {

	list-style:none;

	list-style-image:none;

	background:url(../statpics/button_right.jpg) no-repeat;

}



.specNaviV2-wrap {

	margin-top:1em;

}





/*---------------------------------------------------------------------------

 	Unterer Bereich

 ---------------------------------------------------------------------------*/



#footer {

	position:relative;

	margin-top:2em;

	font-size:10px;

	float:left;

	height:40px;

	width:950px;

}



/* Copyright */



#leftFooter {

	width:150px;

	float:left;

	color:#FFFFFF;

	padding-left: 20px;

}



/* EWS - Ihr Energiedienstleister... */



#mainFooter {

	font-size: 11px;

	padding-left: 20px;

	float:left;

}



/*---------------------------------------------------------------------------

 	Navigation

 ---------------------------------------------------------------------------*/



/* Navigation oben rechts */

#shortcuts {
	padding-left:2px;
}

#shortcuts .topNavi a, #rechts .topNavi strong {

	font-weight:normal;

}



#shortcuts .topNaviPfeil {

	padding-left: 12px;

	background:url(../statpics/pfeil.gif) no-repeat;

	background-position:0px 5px;

}



#shortcuts .topNaviPfeil a, #shortcuts .topNaviPfeil strong {

	font-weight:normal;

}



#shortcutNavi ul {

	list-style:none;

	list-style-image:none;

}



#shortcutNavi li {

	line-height:18px;

	list-style:none;

	list-style-image:none;

}



/* 

*  Hauptnavigation

*/



#mainNavi ul {

	margin:0px;

	padding:0px;

} 



#mainNavi li {

	list-style-type:none;

	background:url(../statpics/nav_bottom.gif) bottom right no-repeat;

}



#mainNavi a, #mainNavi strong {

	display:block;

	color:#ffffff;

	font-weight:bold;

	padding:3px 0px 4px 20px;

	text-decoration:none;

	display:block;

	height:auto;

}



#mainNavi a:hover {

	color:#eea8a7;

	text-decoration:none;

}



/* Aktiver Navigationspunkt */



#mainNavi .mainNaviActive a, #mainNavi .mainNaviActive strong {

	color:#eea8a7;

}



#mainNavi .mainNaviActive a:hover {

	text-decoration:none;

	background-color:#617f8a;

}





/* 

*  Subnavi - Level 1 

*/



/* Hauptmenupunkt */

#mainNavi .openSubMenu a, #mainNavi .openSubMenu strong {

	padding-bottom:0;

}



#mainNavi .openSubMenuActive a {

	padding-bottom:0;

	color:#2d5969;

}



#mainNavi .openSubMenuActive a:hover {

	color:#eea8a7;

	background-color:transparent;

}



#mainNavi #subNaviL1 li {

	background:none;

}	



#mainNavi #subNaviL1 li a, #subNaviL1 li strong {

	padding:1px 0px 0px 28px;

	color:#ffffff;

	font-weight:normal;

}



#mainNavi #subNaviL1 li a:hover {

	color:#2d5969;

	background-color:transparent;

}



#mainNavi #subNaviL1 .subMenuL1Active a, #mainNavi #subNaviL1 .subMenuL1Active strong {

	color:#2d5969;

	font-weight:bold;

}



#mainNavi #subNaviL1 li.lastOpenSubNavi {

	padding-bottom:7px;

}





/* 

*  Subnavi - Level 2

*/



#mainNavi #subNaviL1 #subNaviL2 li a, #mainNavi #subNaviL1 #subNaviL2 li strong {

	padding:2px 0px 1px 38px;

	color:#ffffff;

	font-weight:normal;

}



#mainNavi #subNaviL1 #subNaviL2 li a:hover {

	/*background:url(../statpics/navi_l3_pic.gif) 25px no-repeat;*/

}



#mainNavi #subNaviL1 #subNaviL2 li.subMenuL2Active strong, #mainNavi #subNaviL1 #subNaviL2 li.subMenuL2Active a {

	background:url(../statpics/navi_l3_pic.gif) 25px no-repeat;

}



#mainNavi #subNaviL1 #subNaviL2 li a:hover {

	color:#2d5969;

}







/*---------------------------------------------------------------------------

 	Spaltenansicht im content

---------------------------------------------------------------------------*/



.contentColumn-left {

	float:left;	

	/*width:38%;*/

	width:auto;

	clear:left;

}



.contentColumn-right {

	float:right;

	/*width:56%;*/

	width:335px;

	clear:right;

}



.csc-frame-clear {

	height:0px;

	clear:both;

}

.contentColumn-left div.csc-textpic-intext-left div.csc-textpic-imagewrap, .contentColumn-left div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {

	margin-right:0 !important;

}



/*

.contentColumn-picwithtext .csc-textpic-imagewrap dl {

	width:250px;

}

*/