@charset "utf-8";
/**
* Stylesheets für stromvonuns.de
* 
* <i-D> internet & Design GmbH & Co. KG
* Erfurter Str. 35
* 99423 Weimar
* Deutschland
* Fon:     03643 7785 0
* Fax:     03643 7785 29
* E-Mail:  office@i-d.de
* Web:     http://www.i.d.de/
*
* @author Niels Bobogk <niels@i-d.de>
* @copy 2009 <i-D> internet & Design GmbH & Co. KG
*/

@import url(/css/navigation.css);
@import url(/css/e-cards.css);

/* 01. Reset
----------------------------------------------------------------------------- */
* {
   margin: 0;
   padding: 0;
   font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
}
html, 
body {
	height: 100%;
	width: auto;
}
body {
	/*font-size: 72.1%;*/
	font-size: 69%;
	line-height: 1.5em;
	color: #fff;
	background: #717171;
	min-width: 880px;
}
a {
	color: #303f60;
	outline: none;
}
a:link, 
a:visited {
   text-decoration: none;
}
a:hover, 
a:active,
a:focus {
	text-decoration: underline;
}
strong {
   font-weight: bold;
}
img {
   border: 0;
}
hr {
	border: none;
	color: #ccc;
	background: #ccc;
	height: 1px;
	width: 100%;
	margin: auto 0 1em 0;
}
h1 {
	font-size: 1em;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #930;
	clear: both;
}
h2 {
	font-size: 1.1em;
	margin: 1.2em 0 0 0;
	color: #333;
}
h3, 
h4, 
h5, 
h6 {
   font-size: 1em;
   margin: 0.6em 0 1em 0;
}
p, 
ul, 
ol, 
dl, 
form {
   line-height: 1.4em;
   margin: 0 0 1.8em 0;
}
ul ul, 
ol ol {
	margin-bottom: 0;
}
td, 
th {
   line-height: 1.4em;
}
form, 
form p, 
form ul, 
form ol, 
form dl, 
ul ul, 
ol ol, 
table, 
td, 
th {
	font-size: 1em;
}
blockquote {
	margin-left:30px;
}
object {
	outline: none;
}


/* 02. Layout
----------------------------------------------------------------------------- */
#wrap {
	width: 920px;
	background: url(/img/bg-wrap.jpg) repeat-y;
	margin: 0 auto;
}
#outer {
	padding: 0 10px;
	min-height: 820px;
	background: url(/img/bg-outer.jpg) no-repeat;
}

#outerCard	{
  padding: 0 10px;
	min-height: 820px;
 background: url(/img/bg-outerCard.jpg) no-repeat;
}
/* --1. Kopfzeile mit Servicelinks-- */
#header {
	min-height: 62px;
}

/* --2. Kopfzeile mit Glossar, Hamster und Subnavi-- */
#header2 {
	height: 335px;
	width: 900px;
	overflow: hidden;
	background: #6a6b6e url(/img/bg-header2-bottom.png) left bottom repeat-x;	
}
#header2 div.colLeft,
#header2 div.colRight {
	float: left;
	width: 250px;
	height: 330px;
	background: url(/img/shadow-header-top.png) 0 0 repeat-x;

}
#header2 div.colCenter {
	float: left;
	width: 400px;
	height: 330px;
	background: #ecedf1;
}
#header2 div.top {
	height: 245px;	
}
#header2 div.colCenter div.top {
	height: 285px;
}
#header2 div.colLeft div.top,
#header2 div.colRight div.top {
	margin: 20px;
	width: 210px;
	overflow: hidden;	

}
#header2 div.bottom {
	background: #a5a5a5;
	height: 46px;
	padding: 0 20px;
}
#header2 .colCenter div.bottom {
	padding: 0;
	background: url(/img/bg-header2-center-bottom.png) repeat-y;
}

/* --Content-Bereich-- */
#content {
	width: 650px;
	padding: 20px 0 0 250px;
	color: #333;

}
#content .colLeft {
	width: 210px;
	padding: 0 20px;
	float: left;
	margin: 0 0 0 -250px;
	
}
#content .colCenter{
	width: 360px;
	float: left;
	margin: 0 0 0 20px;
}

.colCenter ul,.colCenter ol{
  margin: 5px 0 5px 16px;
}

#content .colRight {
	width: 210px;
	padding: 0 20px;
	float: right;
}
#outer .footer {
	clear: both;
	height: 30px;
}
#footer {
	background: #717171 url(/img/bg-footer.png) 0 0 no-repeat;
	height: 30px;
	overflow: hidden;
	margin: 0 0 0px 0;
}




/* 04. Formulare
----------------------------------------------------------------------------- */
#header2 fieldset {
	border: none;
}
/* Selects allgemein */
select {
	border: none;
}

/* --Glossar-- */
#frmGlossar,
#frmURLSelect {
	padding: 2px 0 0 0;
}
/* Selects, wenn kein JS aktiv */
#glossarLetter {
	width: 30px;
	margin: 0 5px 0 0;
}
#glossarTerm {
	width: 130px;
	margin: 0 5px 0 0;
}

form small {
	color: #000;
	display: block;
	margin: 0 0 3px 0;
}
/* Senden-Button, wenn kein JS aktiv */
.bottom button {
	border: 1px outset #333;
	width: 30px;
	padding: 0 3px;
	background: #6A6B6E;
	color: #fff;
}
/* Sprungmenue Stadtwerke */
#urlSelectStadtwerke {
	width: 170px;
	margin: 0 5px 0 0;
} 
	
/* 05. Content
----------------------------------------------------------------------------- */
img.bildLinks {
	float: left;
	margin: 0 10px 5px 0;
}

/* 06. Klassen allgemein
----------------------------------------------------------------------------- */


/* 07. Sonstiges
----------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.noDisplay {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
}
.floatLeft {
	float: left;
}

/* js-Module
----------------------------------------------------------------------------- */
/* scrollboxen oben */
#header2 .jsScroll {
	height: 220px;
	overflow: auto;
	position: relative;
}
/* Controls Hamster */
#slideshowHamster_Controls {
	float: left;
	width: 172px;
	height: 50px;
	margin: 0 1px;
}
/* Hamstercam */
#hamsterCamContainer {
	position: absolute;
	left: 0;
	/* top: -2px; */
	width: 400px;
	height: 288px;
	/* background: #000; */
	z-index: 2000;
	overflow: hidden;
}
#hamsterCamContainerNoJs {
	background:#000000 none repeat scroll 0 0;
	height:288px;
	overflow: hidden;
	position: relative;
	/* top:-2px; */
	width:400px;
}
#hamsterCamContainerNoJs img {
	/*  margin: 0 8px; */
}

#hamsterCamContainer button.close {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 2002;
	border: 1px outset #666;
	background: #9d9d9d;
	color: #000;
	padding: 0 5px 1px 5px;
	cursor: pointer;
}
#hamsterCamContainer img {
	/* margin: 0 8px 0 8px;	*/
}
#linkHamstercam {
	float: right;
	margin: 0 1px 0 0;
	width: 225px;
}

/* Glossarbox oben rechts
----------------------------------------------------------------------------- */
#header2 .glossar h1 {
	margin: 0 0 5px 0;
	color: #e3903e;
}
#header2 .glossar h2 {
	margin: 0;
	color: #fff;
}

/* bookflip
----------------------------------------------------------------------------- */
#Book {
	position: relative;
}



/****************************************************************/
table tr td {
	padding: 3px 5px 3px 0;
}

th {
	background: #efefef;
	padding: 5px 5px 5px 0;
}


/************************************/

#topLink{
  margin-top: 20px;
  border-top: 1px solid #fff;
  width: 400px;
}

#topLink a{
  float: right;
  color: #a5a5a5;
  font-size: 1em;
}

#topLink a:hover{
  color: #ac2a00;
}

#topLink a img{
  margin: 0 0 0px 5px;
}


/***************************************************************/
/* LEXIKON */

.lexikonOuter{
  width: 100%;
  margin-bottom: 20px;
  clear: both;
}

.lexikonLeft{
  width: 48%; 
  float: left;
  margin-right: 14px;
}

.lexikonRight{
  width: 48%;
  float: left;
}


.imgLeft{
 margin-right: 10px;
 float: left;
}

.imgRight{
  margin-left: 10px;
  float: right;
}


#slideshowHamster .item img{
  height: 285px;
  width: 400px !important;
}


#frmGlossar small a{
  color: #993300 !important;
}

/***********************************************************/
/* interner Bereich
/***********************************************************/

.outerIntern{
	background: none !important;
}

.colCenterIntern{
	width: 600px !important;
}

.outerIntern #header{
	border-bottom: 1px solid #717171;
}
.outerIntern #topLink{
	margin-left: 20px;
width: 600px !important;
}

/***********************************************************/
/* Weihnachtskalender 2011
/***********************************************************/

.wKalColCenter {
	margin-left: 0px !important;
}

.wKalVideo {
	margin-left:20px;
}

.wKalTage {
	margin-left:20px;
	margin-top:16px;
}

.wKalTag {
	margin-bottom:4px;
}

.wKalTageSpalte {
	float:left; 
	margin-right:86px;
}

.wKalColCenter h1 {
	margin-left:20px;
}

.wKalColCenter h1 img {
	margin-right:10px;
	vertical-align:middle;
}