/****************************************************************************
Nutzen Sie diese CSS Vorlage für individuelle Änderungen
*****************************************************************************/

/* Allgemeines für Body und nicht näher zugewiesene Ausgaben */
* {
	padding:0;
	margin:0;
	font-family: Verdana, Futura, Helvetica, sans-serif, Arial;
	font-size: 11px;
    font-weight:normal;
	color:#000000;
}

body {
    margin:1px 0 10px 0;
	background:url(bilder/bg.png) repeat-x;
}

/* Der alles umschließende Außenbereich */
/* ##########################################################*/
table.main_border {
    border-width:0px;
    background-color: #ffffff;
	margin:0px auto;
}


/* Navigation über dem Logo + Bannerfeld */
/* ####################################################### */





/* Box mit dem Logo und Banner */
/* ####################################################### */
table.logo_box {
   border-width:0px;
   background-color: #ffffff;
}

td.logo_box {
   border-width:0px;
   padding: 3px;       
}




/* Navigation unter dem Logo + Bannerfeld */
/* ####################################################### */
table.footer_navi {
   border-width:0px;
}

td.footer_navi {
   border:1px solid #000000;
   padding: 3px;
   /* background-color: #97B7ED; */
	background:url(http://www.energieatlas.com/bilder/new_menu_title_bg.png) repeat-x;
   color: #666666; 
}





/* Box mit dem Suchfeld */
/* ####################################################### */
table.such_box {
   border-width:0px;
   padding: 2px;
   background-color: #ffffff;
}

td.such_box {
   border-width:0px;
   padding: 8px;
   background-color: #ffffff;        
}

a.such_box {
   text-decoration: underline;
   color: #666666;
}




/* Das Design der Inhaltsfelder aller Ausgaben
( Kategorien, Webtipps, Anzeigen, Suchergebnisse etc. */
/* ##########################################################*/

table.main {
   border:0px solid #2c5168;
   background-color: #ffffff;
}

/* Überschriften für allgemeine große Ausgabefelder
wie Kategorieübersicht und Inhalte: */

td.main_headline {
   border:1px solid #2c5168;
   padding: 3px;
   /* background-color: #97B7ED; */
	background:url(http://www.energieatlas.com/bilder/new_menu_title_bg.png) repeat-x;
   color:#ffffff;
   font-weight: bold;
}


/* Überschrift der Eintragsmenge im Verzeichnis */
td.main_headline_verz {
   border:0px solid #dddddd;
   padding: 3px;
   background-color: #ffffff;
   color:#ffffff;
   font-weight: bold;
}

/* Überschriften für die kleinen Felder Webtipps und Anzeigen */
td.main_headline_small {
   border:1px solid #2c5168;
   padding: 3px;
   /* background-color: #97B7ED; */
	background:url(http://www.energieatlas.com/bilder/new_menu_title_bg.png) repeat-x;
   color:#ffffff;
   font-weight: bold;
}

/* Inhaltsbereich für allgemeine große Ausgabefelder
wie Kategorieübersicht und Inhalte: */

td.main_inhalt {
   border:1px  solid #2c5168;
   padding: 20px;
   background-color: #ffffff;   
}       


/* Inhaltsbereich für die kleinen Felder Webtipps und Anzeigen */
td.main_inhalt_small {
   border:1px solid #2c5168;
   padding: 5px;
   background-color: #ffffff;   
}

/* Links in Fettschrift */
a.main_fett:link,
a.main_fett:visited {
   text-decoration: none;
   font-weight: bold;
   outline:none;
}

a.main_fett:hover,
a.main_fett:active,
a.main_fett:focus {
   text-decoration: none;
   color: #06577a;
   font-weight: bold;
   outline:none;
}

/* Normale Links */
a.main:link,
a.main:visited {
   text-decoration: none;  
   outline:none;
}

a.main:hover,
a.main:active,
a.main:focus {
   text-decoration: none;
   outline:none;
   color: #06577a;      
}

/* Normale Links 2*/
a:link,
a:visited {
   text-decoration: none;
   outline:none;
}

a:hover,
a:active,
a:focus {
   text-decoration: none;
   outline:none;
   color: #06577a;       
}

/* Werbefeld Unter den Hauptinhalten */
/* ####################################################### */
table.werbe_box {
   border:1px solid #2c5168;
   padding: 2px;
   background-color: #ffffff;
}

td.werbe_box {
   border-width:0px;
   padding: 3px;
   background-color: #ffffff;
     
}

a.werbe_box:link,
a.werbe_box:visited {
   text-decoration: underline;
   color: #666666;  
   outline:none;
}

a.werbe_box:hover,
a.werbe_box:active,
a.werbe_box:focus {
   text-decoration: none;
   color: #06577a;
   outline:none;
}



/* Copyright unter der Seite */
/* ####################################################### */
table.copyright {
   border-width:0px;
   padding: 1px;
}

td.copyright {
   border-bottom:1px solid #2c5168;
   padding: 5px;
   color: #444444;
   font-size: 7pt;
   font-weight: none;
}

a.copyright {
   color: #808080;
   font-size: 7pt;
   text-decoration: none;
}




/* Die Kleine URL Anzeige unter Such- und Verzeichniseinträgen */
.kleine_url {
   color: #008040;
   font-size: 10px;     
}


/* Kleine Kategorie Anzeige bei Verzeichniseinträgen */
.kleine_kat {
   color: #666666;
   font-size: 10px;  
}

a.kleine_kat:link, 
a.kleine_kat:visited {
   text-decoration: none;
   color: #666666;
   font-size: 10px; 
   outline:none;
}

a.kleine_kat:hover,
a.kleine_kat:active,
a.kleine_kat:focus {
   text-decoration: none;
   color: #06577a;
   font-size: 10px;
   outline:none;
}


/* Kleine Resultrank Anzeige bei Verzeichniseinträgen */
.result {
   color: #666666;
   font-size: 10px;    
}


/* Hervorhebung der aktuellen Seitenzahl in
Suchergebnis- und Verzeichnisnavigation */

.seite_jetzt{
   color: red;
   font-weight: bold;
   text-decoration: none;
}

/* Kleine Pfeile vor den Unterkategorien
auf der Startseiten Übersicht */
.pfeile{
}



/* Sonstige Designs wie Buttons, Eingabefelder etc. */
/* ##################################################*/

.submit_such{
	border: 1px solid#666666;
	font-size: 9pt;
	background:#efefef url(../bilder/lupe.png) 1px 1px no-repeat;
	font-family: Arial;
	cursor: pointer;
}

.submit{
	border: 1px solid #666666;
	font-size: 9pt;
	background-color: #efefef;
	font-family: Arial;
	cursor: pointer;
}

.textfeld{
	border: 1px solid #666666;
	background-color: #f4f4f4;
	font-family:Arial;
	cursor: text;
}

.select{
	background-color: #f4f4f4;
	font-family:Arial;
	cursor: pointer;
	width: 394px;
}


h1 {
   color: #666666;
   font-size: 18px;
}

h2 {
   color: #666666;
   font-size: 16px;
}

h3 {
   color: #666666;
   font-size: 14px; 
}

h4 {
   color: #666666;
   font-size: 12px;     
}


/* Neuer Style */
/* ####################################################### */

#wrap {
	margin:0px auto;

}

#header {
	width:900px;
	height:128px;
	float:left;
	background:url(bilder/header_bg.png) repeat-x;
}

#menu {
	height:30px;
	line-height:30px;
	text-align:center;
	position:relative;
	top:89px;
	border-top:1px solid #444444;
	border-left:1px solid #444444;
	border-right:1px solid #444444;
	overflow:hidden;
	margin-right:13px;
}

#menu a:link,
#menu a:visited {
   text-decoration: none;
   color:#000000;
   font-weight: bold;
   background:url(bilder/menu_bg.png);
   outline:none;
   padding:9px 6px;
}


#menu a:hover,
#menu a:active,
#menu a:focus{
   text-decoration: none;
   color: #06577a;
   outline:none;
   background:none;
   padding:9px 6px;
}

/*---SUCHBOX---*/

.suchbox_bg {
	background:#d8e3eb;
	border:1px solid #000000;
}

.buchst {
	color:#06577a;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

.norm_b {
	color:#333333;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

.norm {
	color:#333333;
	font-family:Verdana, Geneva, sans-serif;
}



/*--- IE Hacks --- IE < 8 
html* #menu {
	width:885px;
	margin-left:0;
}

html* #menu a:link,
html* #menu a:visited {
	padding:9px 5px 9px 7px;
}

html* #menu a:hover,
html* #menu a:active,
html* #menu a:focus {
	padding:9px 5px 9px 7px;
}

--- IE Hacks IE --- < 8 */

/*--- IE Hacks IE --- >= 8 

#menu {
	margin-left: 0\9
}

#menu a:link,
#menu a:visited {
	padding: 9px 5px 9px 6px\9
}

#menu a:hover,
#menu a:active,
#menu a:focus {
	padding: 9px 5px 9px 6px\9
}


--- IE Hacks IE --- >= 8 */

#search_ad {
	width:100%;
	float:left;
	margin:20px 0;
}

#search {
	width:400px;
	text-align:center;
	float:left;
	line-height:60px;
}

#banner {
	width:500px;
	float:left;
	text-align:center;
}

#main {
	width:100%;
	float:left;
}

#left {
	width:190px;
	float:left;
}

#small_title {
	width:177px;
	padding-right:13px;
	float:left;
	background:url(bilder/small_box_top.png) no-repeat;
	height:25px;
	font-weight: bold;
	text-align:center;
	line-height:25px;
}

#small_content {
	width:160px;
	padding:10px 20px 10px 10px;
	float:left;
	background:url(bilder/small_box_bg.png) repeat-y;
}

#small_bottom {
	width:190px;
	float:left;
	background:url(bilder/small_box_bottom.png) no-repeat;
	height:13px;
}

#content {
	width:500px;
	margin:0 9px 0 10px;
	float:left;
}

#content_title {
	width:487px;
	padding-right:13px;
	float:left;
	background:url(bilder/content_box_top.png) no-repeat;
	height:25px;
	font-weight: bold;
	text-align:center;
	line-height:25px;
}

#content_content {
	width:470px;
	padding:10px 20px 10px 10px;
	float:left;
	background:url(bilder/content_box_bg.png) repeat-y;
}

#content_bottom {
	width:500px;
	float:left;
	background:url(bilder/content_box_bottom.png) no-repeat;
	height:13px;
}

#content_large {
	width:710px;
	float:left;
}

#werbung_top {
	width:657px;
	min-height:80px;
	float:left;
	padding:20px;
	margin:0 0 20px -10px;
}

#content_large_title {
	width:702px;
	padding-right:13px;
	float:left;
	background:url(bilder/content_large_box_top.png) no-repeat;
	height:25px;
	font-weight: bold;
	text-align:center;
	line-height:25px;
}

#content_large_content {
	width:675px;
	padding:10px 30px 10px 10px;
	float:left;
	background:url(bilder/content_large_box_bg.png) repeat-y;
}

#content_large_bottom {
	width:710px;
	float:left;
	background:url(bilder/content_large_box_bottom.png) no-repeat;
	height:13px;
}

#right {
	width:190px;
	float:left;
}

#werbung_footer {
	width:900px;
	min-height:10px;
	float:left;
	margin-top:15px;
}

#werbung_footer_top {
	width:900px;
	height:9px;
	float:left;
	margin-top:15px;
	background:url(bilder/werbung_footer_top.png) no-repeat;	
}

#werbung_footer_content {
	width:900px;
	min-height:80px;
	float:left;
	background:url(bilder/werbung_footer_bg.png) repeat-y;
}

#werbung_footer_bottom {
	width:900px;
	height:14px;
	float:left;
	background:url(bilder/werbung_footer_bottom.png) no-repeat;
}

#footer {
	width:100%;
	float:left;
	margin:30px 0;
	text-align:center;
}

#content_large_content ul {
	margin:20px;
}

#content_large_content li {
	margin:5px 0 5px 20px;
}