/* CSS Document */

body,h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,a,img,form,input,select,table,tbody,thead,td,tr {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

a span {
	display: none;
}
/* individueller Teil */
/* container */
body {
	background-color: #FF6600;
}

div#container {
	position: relative;
	float: left;
	width: 900px;
	w\idth: 900px;
	\width: 900px;
}

div#content {
	clear: both;
	float: left;
	width: 900px; 
	w\idth: 900px;
	\width: 900px;
	padding: 20px 0px 0px 60px;
}

div#content.pages {
	clear: both;
	float: left;
	width: 676px;
	w\idth: 676px;
	\width: 676px;
	padding: 24px 0px 0px 84px;
}

#banner {
	position: absolute;
	right: 0px;
	top: 173px;
	width: 120px;
	height: 600px;
}

#bannerstartseite {
	width: 120px;
	height: 600px;
}


#banner a img {
	width: 120px;
	height: 600px;
	border: none;
}

/* end container */


/* logo */
div#logo {
	float: left;
	width: 188px;
	w\idth: 188px;
	\width: 188px;
	height: 120px; 
	padding: 8px 0px 0px 8px;
}

div#logo img{
	float: left;
	width: 188px;
	w\idth: 188px;
	\width: 188px;
	height: 120px;
	border: 0px;
}
/* end logo */


/* gratismail */
div#gratismail {
	float: left;
	width: 562px;
	w\idth: 562px;
	\width: 562px;
	height: 32px;
	padding: 8px 2px 0px 0px;
}

div#gratismail a {
	float: right;
	width: 250px;
	w\idth: 250px;
	\width: 250px;
	height: 32px;
	background-image: url(images/bc24_emaillink.gif);
	background-repeat: no-repeat;
}
/* end gratismail */


/* mainnavi */

div#mainnavi {
	position: absolute;
	top: 40px;
	left: 196px;
	float: left;
	width: 902px;
	w\idth: 902px;
	\width: 902px;
	height: 57px;
	margin: 30px 0px 0px 12px;
}

div#mainnavi ul li {
	float: left;
	list-style: none;
}

div#mainnavi a {
	float: left;
	height: 32px;
	background-repeat: no-repeat;
}

div#mainnavi a#kosten {
	width: 120px;
	w\idth: 120px;
	\width: 120px;
	background-image: url(images/was-kostet-das.gif);
}

div#mainnavi a#funktion {
	width: 120px;
	w\idth: 120px;
	\width: 120px;
	background-image: url(images/wie-geht-das.gif);
}

div#mainnavi a#billig {
	width: 180px;
	w\idth: 180px;
	\width: 180px;
	background-image: url(images/warum-sind-die-so-billig.gif);
}

div#mainnavi a#hilfe {
	width: 130px;
	w\idth: 130px;
	\width: 130px;
	background-image: url(images/wer-hilft-mir.gif);
}
div#mainnavi a#strombycall {
	width: 210px;
	w\idth: 2100px;
	\width: 210px;
	background: url(images/billigstrom.gif) no-repeat 30px -5px;
}
/* end mainnavi */


/* content index */
div#spaltelinks {
	float: left;
	width: 399px;
	w\idth: 399px;
	\width: 399px;
	padding: 0px 0px 0px 1px;
}

div#spalterechts {
	float: left;
	width: 298px;
	w\idth: 298px;
	\width: 298px;
	padding: 0px 2px 0px 0px;
	text-align: right;
}

div#spalteganzrechts {
	float: left;
	width: 165px;
	w\idth: 165px;
	\width: 165px;
	padding: 0px 2px 0px 20px;
	text-align: center;
}

div#spalterechts h1 a {
	float: left;
	width: 298px;
	w\idth: 298px;
	\width: 298px;
}

div#spalterechts h1 a#bannerstartseite {
	height:	168px;
	background-image: url(images/bc24_preis.gif);
	background-repeat: no-repeat;
	background-position: right;	
}

div#spaltelinks h2 a, div#spaltelinks h2{
	float: left;
	width: 399px;
	w\idth: 399px;
	\width: 399px;
}

div#spalterechts h2 a, div#spalterechts h2{
	float: left;
	width: 298px;
	w\idth: 298px;
	\width: 298px;
}

div#spaltelinks h2 a, div#spalterechts h2 a {
	background-repeat: no-repeat;
	height: 30px;
}

div#spaltelinks h2 a#internetbillig {
	background-image: url(images/bc24_sz_internetbillig.gif);
}

div#spaltelinks h2 a#interneteinfach {
	background-image: url(images/bc24_sz_interneteinfach.gif);
}

div#spalterechts h2 a#tarif {
	background-image: url(images/bc24_sz_tarifuebersicht.gif);
	background-position: right;
}

div#spaltelinks h2, div#spalterechts h2 {
	font-size: 13pt;
	color: #FFFFFF;
}

div#spaltelinks h3, div#spalterechts h3 {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #FFFFFF;
}

div#spaltelinks p.gross, div#spalterechts p.gross {
	margin: 0px 0px 16px 0px;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

div#spaltelinks p.grossbold, div#spalterechts p.grossbold {
	margin: 0px 0px 16px 0px;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

div#spaltelinks p.gross span, div#spalterechts p.gross span{
	font-size: 10px;
	font-weight: normal;
}

div#spaltelinks p.klein, div#spalterechts p.klein {
	margin: 0px 0px 8px 0px;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

div#spaltelinks p img, div#spalterechts p img {
	float: right;
	margin: 0px 0px 2px 3px;
}

div#spaltelinks a.link, div#spalterechts a.link {
	font-size: 11px;
}

div#spalterechts p a, div#spaltelinks p a {
	font-weight: normal;
}

div#spalterechts p a strong, div#spaltelinks p a strong {
	font-weight: bold;
}

form select {
	width: 263px;
	font-size: 10px;
	margin: 21px 0px 0px 0px;
}

form input {
	width: 59px;
	font-size: 10px;
}
/* end content index */


/* content pages */
div#content.pages div#spaltelinks {
	float: left;
	width: 310px;
	w\idth: 310px;
	\width: 310px;
	padding: 0px;
}

div#content.pages div#spalterechts {
	float: right;
	width: 310px;
	w\idth: 310px;
	\width: 310px;
	padding: 0px;
	text-align: left;
}

div#content.pages img {
	margin: 0px 0px 8px 0px;
}

div#content.pages div#spaltelinks h3,div#content.pages div#spalterechts h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

div#content.pages div#spaltelinks p img, div#content.pages div#spalterechts p img{
	float: left;
	margin: 0px 3px 0px 0px;
}

div#content.pages div#spalterechts p.klein a, div#content.pages div#spaltelinks p.klein a {
	color: #000000;
	font-weight: normal;
}
/* end content pages */


/* tables */
table {
	float: left;
	width: 308px;
	w\idth: 308px;
	\width: 308px;
	margin: 0px 0px 20px 0px;
	border: 1px solid;
	border-color: #B9B9B9 #505050 #505050 #B9B9B9;
	border-collapse: collapse;
}

table.abstand {
	margin: 10px 0px 20px 0px;
}

td {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid;
	border-color: #B9B9B9 #505050 #505050 #B9B9B9;
}

td.right {
	text-align: center;
	font-weight: normal;
}

td.black {
	text-align: center;
}

td.white {
	text-align: center;
	color: #FFFFFF;	
}

td.tableheader {
	width: 296px;
	w\idth: 296px;
	\width: 296px;
	font-size: 13px;
	color: #FFFFFF;
}

td.tablefooter {
	width: 296px;
	w\idth: 296px;
	\width: 296px;
	font-size: 13px;
	text-align: center;
	color: #000000;
}


td.tableheader strong {
	font-weight: bold;
	color: #0000FF;
	font-size: 13pt;
}

tr.preisprominute td {
	font-size: 13px
}

tr td a img {
	border: 0px;
	margin: 0px;
}

tr td span{
	font-size: 7pt;
	font-weight: normal;
}

tr td small {
	font-size: 10px;
}

tr.textweiss td {
	color: #FFFFFF;
}

tr.textweiss td.right {
	font-size: 12px;
	font-weight: bold;
}

tr.textweiss td a {
	width: 100px;
	text-align: center;
	font-size: 10px;
}
/* end tables */


/* footer */
div#footer {
	float: left;
	width: 700px;
	w\idth: 700px;
	\width: 700px;
	margin: 25px 0px 25px 0px;
	text-align: center;
}

div#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
/* end footer */


/* subnavi */
div#subnavi {
	clear: both;
	float: left;
	width: 250px;
	w\idth: 250px;
	\width: 250px;
	margin: 10px 0px 10px 1px;
}

div#subnavi ul li {
	float: left;
	height: 14px;
	list-style: none;
}

div#subnavi a {
	width: auto;
	height: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

div#subnavi a.abstand {
	padding: 0px 0px 0px 13px;
	background-image: url(images/abstand.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
/* end subnavi */