/* - - - - - - - - - - - - Aufteilung der Seite - - - - - - - - - - - - */
body,html {
 margin:0;
 padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10pt; /*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
 background-image:none;
 font-weight:normal;
 color:#000000;
	line-height:12pt;
}

/* - - - - - - - - - - - - Aufteilung der Seite - - - - - - - - - - - - */

/* ----------- ab hier aufteilung der seitenbereiche in 3 spalten ----------- */

#spalte_li {  /* linke navigationsspalte auf hell-lila grund */
    display:none;
}

#spalte_re { /* rechte navigationsspalte auf hell-lila grund */
    display:none;
}

#spalte_mi { /* spalte mitte fuer inhalt (s.u.) */
    width:190mm;
}


#header {
	/*width:190mm;*/
	display:none;
}
 

/* ----------- ende aufteilung der seitenbereiche in 3 spalten ----------- */
/* ----------- bereiche im header ------------- */

#logo {  /* position oben links */
	/*position: absolute;
	top:0;
	left:0;
	width:180mm;
	display:block;*/
	display:none;
}


/* ----------- ende bereiche im header ------------- */

/* ----------- bereiche in spalte_mi ------------- */

#container {
    margin:0 0 5px 10px;
    padding:0;
    display:block;
}

.c_box {
    display:inline;
    float:left;
    width:190px;
    margin:0 3px 0 0;
    padding:0;
}

.box_b {/* box mit blauen hintergrund fuer buchstabenleiste */
    background-color:#333399;
    margin:0;
    padding:0 10px 0 5px;
}

.box_evu {
	background-color:#ebebff;
    margin:0;
    padding:0 10px 0 5px;
}

.box_b li{
    padding:0 4px 0 4px;
}

#inhalt { 
    clear:both;
    font-size:10pt;
    padding:10px;
    z-index:101;
    line-height:12pt;
}

#fuss {
    display:block;
    margin:15px 0 0 0;
    padding:10px;
    height:15px;
    width:190mm;
    z-index:100;
    font-size:8pt;
    font-weight:normal;
}

#ueber {
    padding: 0 0 0 10px;
    border-left:7px solid #000066;
    height:30px;
    margin-bottom:20px;
}

#nachrichten {
    clear:both;
    margin:10px 0 0 0;
	width:500px;
}

#nachrichten ul {
    display:block;
    margin:5px 0 0 0;
    padding:0;
}

#nachrichten li {
    list-style-image:url(/img/pfeil_news.gif);
    margin:0 0 0 15px;
    padding:0;
}

#nachrichten a {
	display:block;
	margin:0;
	padding:0;
    text-decoration:underline;
    font-weight:normal;
    font-size:1em;
}

#nachrichten a:hover {
	display:block;
	margin:0;
	padding:0;
    text-decoration:underline;
    font-size:1em;    
}

table.kontakt{
    /*width:500px;*/
    background-color:transparent;
    padding:5px;
    border:0;
    color:#000066;
    margin:0;
    font-size:1em;
}

td.kontakt,th.kontakt { /* tabelle fuer kontaktseite mit kontaktformular */
    /*width:500px;*/
    background-color:transparent;
    padding:5px;
    border:0;
    color:#000066;
    margin:0;
    font-size:1em;
}

td.kontakt input.submit {
    margin:0;
    padding:2px;
} 

.separat { /*box mit trennlinie oben, um besondere infos etwas vom inhalt zu trennen */
    border-top:1px dashed #ccccff;
    margin:20px 5px 10px 5px;
    padding:10px 3px 3px 3px;
}

table {
    display:inline-table;
    border-collapse:collapse;
    border:0;
    margin:20px 10px 20px 10px;
    padding:5px;
    font-size:1em;
    line-height:1.1em;
}

table.ergebnisse {
    border:1px solid #333399;
    margin:0 10px 20px 0;
    padding:2px;
    width:770px;
    font-size:1.1em;
}

table.ergebnisse2 { /* fuer top 10 aus Servicebarometer */
    border:1px solid #333399;
    margin:0 10px 20px 0;
    padding:2px;
    width:560px;
    font-size:1.1em;
    line-height:120%;
}

th {
    background-color: #ebebff;
    color:#000066;
    padding:2px;
    border:1px solid #ccccff;
    text-align:left;
    font-size:1em;    
} 

/**/table.ergebnisse2 td {
    background-color: #ffffff;
    color:##000066;
    padding:4px;
    border:1px solid #ccccff;
    text-align:left;
    font-size:1em;    
} 

table.ergebnisse th {
    background-color: #333399;
    color:#ffffff;
    padding:2px;
    border:1px solid #333399;
    text-align:left;
    font-size:1em;    
} 


table.ergebnisse2 td.erg2 {
    background-color: #ffffff;
    color:#000066;
    padding:5px;
    border:1px solid #333399;
    text-align:left;
    font-size:1em;    
    width:400px
}

table.ergebnisse td {
    border:1px solid #333399;
} 

td.head_erg {
    background-color: #ffffff;
    color:#000066;
    border:0;
}

th.zertifikat {
    background-color: #333399;
    color:#ffffff;
    padding:2px;
    border:1px solid #333399;
    text-align:left;
    font-size:1em;    
}

td {
    border:1px solid #ccccff;
    padding:4px;
    font-size:0.9em;
}

td.glow {
    border:1px solid #ccccff;
    padding:4px;
    background-color: #FFEFD7;
    font-size:0.9em;
}

td.glow2 { /* fuer bundesweite anbieter */
    border:1px solid #ccccff;
    padding:4px;
    background-color: #FFC671;
    font-size:0.9em;
}

td.font,th.font { /* td mit hellorangem font im hg zum hervorheben */
	background-color:#EBEBFF;
	padding:5px;
	border-right:5px solid #ffffff;
	border-left:0;
	border-bottom:1px solid #CCCCFF;
	border-top:1px solid #CCCCFF;
	color:#000066;
	margin:0;
	font-size:1em;
	width:260px;
}

table.ergebnisse3 { /* fuer top 10 aus Servicebarometer */
    border:1px solid #CCCCFF;
    margin:0;
    padding:2px;
    width:510px;
    line-height:120%;
	font-size:1.1em; 
	background-color: #ffffff;
}

table.ergebnisse3 th {
    background-color: #CCCCFF;
    color:#000066;
    padding:3px;
    border:1px solid #CCCCFF;
    text-align:left;
    font-size:1em;    
}

table.ergebnisse3 td {
    color:#000066;
    padding:2px;
    border:1px solid #CCCCFF;
    text-align:left;
    font-size:1em;    
}

table.ohne{
    display:inline-table;
    background-color:transparent;
    padding:5px;
    border:0;
    color:#000066;
    margin:0;
}

td.ohne,th.ohne { /* tabelle fuer kontaktseite mit kontaktformular */
    background-color:transparent;
    padding:5px;
    border:0;
    color:#000066;
    margin:0;
}

#schnellsuche {
    background-color:#ebebff;
    border: 1px solid #ccccff;
    color:#000066;
    padding: 5px 10px 5px 20px;
    margin:0;
}

#schnellsuche a.link {
    font-size:0.9em;
    color:#333399;
    display:inline;
}

#schnellsuche a.link:Hover {
    color:#ff9900;
}

#partner-news table tr td {
    border:0;
    line-height:150%;   
}

#partner-news a {
    text-decoration:underline;
    color:#333399;
}

#partner-news a:hover {
    text-decoration:none;
    color:#ff9900;
}

#partner-news{
    color:#333399;
}

#partner-news h3 {
    display:inline;
    font-size:1.2em;
    color:#000066;
    font-weight:bold;
    margin:0 0 5px 0;
}

#banner {
	display:none;
}

.kabstand {
	display:block;
	margin:0 0 15px 0;
	padding:0;
}

img.r-banner { /*mit grauem rand fuer banner */
	border:1px solid #C0C0C0;
}   

img.wortmarke {
	border:0;
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

img.instrich {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	width:520px;
	height:1px; 
	border:0;    
}

.bildanzeige {
	display:block;
	margin:0;
	padding:10px 0 5px 0;
}

#stamm h2 {/*fuer adress-seite der einzelnen handwerker */
	display:block;
	font-size:1.4em;
	color:#000066;
	font-weight:bold;
	line-height:20px;
	padding: 5px 0 10px 0;
	margin:0;
}

#stamm h5 { /*fuer adress-seite der einzelnen handwerker */
	display:block;
	font-size:1.1em;
	color:#333399;
	font-weight:bold;
	line-height: 10px;
	padding: 5px 0 0 10px;
	margin:0;
}

 .container-adresse {
	background-color:#F4F4FF;
	border: 1px solid #CCCCFF;
	padding:10px;
	color:#000066;
	margin:5px 0 5px 0;
	display:block;
 } 
 
 #adresse-logo img {/*fuer adress-seite der einzelnen handwerker */
	border:1px solid #CCCCFF;
	margin:0;
	padding:0;
}

#adresse-logo {/*fuer adress-seite der einzelnen handwerker */
	border:0;
	margin:0;
	padding:0;
	position:absolute;
	top:140px;
	left:30px;
	z-index:2000;
}

#adresse-links { /*fuer service-links unter handwerkereintrag*/
	color:#000066;
	font-size:1.1em;
	font-weight:bold;
	padding:2px 0 0 0;
	margin:0;
	background-color:#ffffff;
	/*border:1px solid #FF9900;*/
	border:1px dashed #CCCCFF;
	height:25px;
} 

#adresse-links ul,ol { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:0 0 0 10px;
	color:#000066;
	padding:0;
}

#adresse-links li { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:0;
	padding:1px 5px 0 5px;
}

#adresse-links a { /* Linkeigenschaften in servicenavi */
	color:#000066;
	font-weight:normal;
	text-decoration:underline;
	background-color:transparent;
}

#adresse-links a:Hover {
	color:#FF9900;
	font-weight:normal;
	text-decoration:underline;
	background-color:transparent;
}

#adresse-links a:visited {
	color:#000066;
	font-weight:normal;
	text-decoration:underline;
	background-color:transparent;
}


table.adresse {/*fuer adress-seite der einzelnen handwerker */
	color:#000066;
	margin:0;
	padding:0;
	border:0;
	font-size:1em;
	width:510px;
}

td.adresse,th.adresse {
	color:#000066;
	margin:0;
	border:0;
	padding:0;
	font-size:1em;
	background-color:transparent;
	/*background-color:#ffffff;*/
	vertical-align:top;
}

#menue {
color:#000066;
border:1px solid #D9D9FF;
background-color:#ebebff;
display:block;
margin:0;
padding:0;
}

#menue img {
vertical-align:middle;
padding:0;
}

#menue ul {
margin:0;
padding:5px 5px 5px 0;
}

#menue li.line {
 display:inline;
 list-style-type:none;
 margin:0;
 padding:0 10px 0 10px;
 }
 
 .liste {
	padding:0;
	margin:0 0 10px 0;
	display:block;
	height:100px;
	/*border:1px solid #000; */
}

.foto_links {
	width:170px;
	height:65px;
	float:left;
	margin:0 20px 0 0;
}

.text_rechts {
	margin:0;
	padding:0;
}


/* ----------- ende bereiche in spalte_mi ------------- */


/* ----------- formularelemente ------------- */

form {     
    margin:5px 0 0 0;
    padding:0;   
    display:inline;
    font-size:1em; 
     }
	 
form.profil {     
    margin:15px 0 0 0;
    padding:0;   
    display:block;
    font-size:1em; 
     }	 

form.suche { /* fuer kleines suchformular u.a. auf startseite */    
    margin:0;
    padding:0;   
    display:inline; 
    font-size:0.9em; 
    line-height:11pt;
     }
     
textarea,select,input {     
    /*font-size : 0.9em;*/
    color : #000000;
    border: 1px solid #000066;
    /*margin-bottom:5px;*/
    display:inline;
    font-family:Arial, Verdana, Helvetica, sans-serif;
}

input.calc {
    color : #000000;
    font-weight:bold;
    border: 1px solid #000066;
}

input.calc2 {
    color : #000000;
    font-weight:normal;
    border: 1px solid #000066;
}

input.ohne {
    border:0;
    padding:0;
    margin:2px 0 0 0;
} 

.calc,.calc:hover {
	color:#000000;
	font-size:1em;
	font-weight:bold;
}

.calc2:hover, .calc2:hover {
	color:#000000;
	font-size:1em;
	font-weight:normal;
}


input.suche { /* eingabefeld u.a. auf startseite fuer suchbegriff */
    display:inline;
    width:100px;
    height:12pt;
    font-size:9pt;
    line-height:9pt;
    border: 1px solid #ff9900;
}

input.suche_submit {
    font-size: 9pt;
    color:#ffffff;
    font-weight : bold;
    background-color: #ff9900;
    border: 1px solid #ff9900;
    display:inline;
    padding:1px 0 1px 0;
}

input.submit {
    font-size: 9pt;
    color:#ffffff;
    font-weight : bold;
    background-color: #333399;
    border: 1px solid #000066;
    display:inline;
    padding:1px 0 1px 0;
}

form.profil input.submit {
    font-size: 9pt;
    color:#ffffff;
    font-weight : bold;
    background-color: #333399;
    border: 1px solid #000066;
    display:inline;
}

legend {
    font-weight:bold;
    font-size:1em;
    border:0;
    margin:0 0 5px 0;
    padding:0;
}

fieldset {
    margin:5px 5px 10px 0;
    border:1px solid #ccccff;
    padding:3px;
    height:50px;
}

label {
    font-weight:bold;
}
        
/* ----------- ende formularelemente ------------- */    

/* ----------- allgemeine vorgaben ------------- */

img {
    border:0;
}

img.ikon {
    border:0;
    margin:5px 0 5px 0;
}

img.logo { /*fuer iwr-logo bei impressum */
    float:right;    
}

img.teaser { /*fuer iwr-logo bei impressum */
    float:left;    
    margin:0 10px 0 0; 
}

img.rand {
	border:1px solid #ccccff;
}

/* ----------- ende allgemeine vorgaben ------------- */    

/* ----------- klassen ------------- */

/* ----------- ueberschriften ------------- */

h1 {
    font-size:16pt;
    font-weight:bold;
    text-decoration:none;
    display:block;
	line-height:18pt;
}

h2 {
    font-size:14pt;
    font-weight:bold;
    text-decoration:none;
    display:block;
	line-height:16pt;
	margin:10mm 0 0 0;
}

h2.line {
    display:inline;
}

h3 {
    display:inline;
    font-size:12pt;
    font-weight:bold;
    margin:0 0 5px 0;
	line-height:14pt;
}

h4 {
    display:inline;
    font-size:11pt;
    font-weight:bold;
    margin:0 0 10px 0;
	line-height:13pt;
}

h5 {
    display:block;
    font-size:10pt;
    font-weight:bold;
    margin:0;
	line-height:12pt;
}

/* ----------- ende ueberschriften ------------- */

/* ----------- weitere schriftklassen ------------- */
.anzeige { /* fuer deklaration von bannerwerbung 'Anzeige' */
    display:block;
    margin:0;
    padding:0;
    font-size:0.8em;
}

.alert {
    font-size:1em;
    color:cc0000;
    font-weight:bold;
}

.small {
    font-size:8pt;
}

.querverw_int { /* fuer interne querverweise auf andere stromtarife-seiten, immer target=_self dazu setzen */
    font-weight:bold;
    background-image:url(/img/pfeil.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;  
}

.querverw_int:hover {
    font-weight:bold;
    background-image:url(/img/pfeil_a.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;  
}

.querverw_int:visited { /* fuer interne querverweise auf andere stromtarife-seiten, immer target=_self dazu setzen */
    font-weight:bold;
    background-image:url(/img/pfeil.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;  
}

.out {  /* fuer externe links auf andere seiten, immer target=_blank dazu setzen */
    font-weight:bold;
    background-image:url(/img/pfeil_out.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 19px;
    text-decoration:none;  
}

.out:hover {
    font-weight:bold;
    background-image:url(/img/pfeil_outa.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 19px;
    text-decoration:none;  
}

.out:visited {
    font-weight:bold;
    background-image:url(/img/pfeil_out.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 19px;
    text-decoration:none;  
}

.contact { /* fuer email-links mit mailto, als bild erscheint ein @-zeichen */
    font-weight:normal;
    background-image:url(/img/contact.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding-left:17px;
    text-decoration:none;  
}

.contact:hover {
    font-weight:normal;
    background-image:url(/img/contact.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding-left:17px;
    text-decoration:none;  
}

.subnavi { /* fuer weitere unterpunkte, die ueber das navigationsmenue nicht abgefangen werden, z.b. anker etc., mit einfachem pfeil */
    font-weight:normal;
    text-decoration:none;
    background-image:url(/img/pfeil_news.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding-left:10px;
}

.subnavi:hover {
    font-weight:normal;
    text-decoration:none;
    background-image:url(/img/pfeil_news.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding-left:10px;
}

.subnavi:visited { 
    font-weight:normal;
    text-decoration:none;
    background-image:url(/img/pfeil_news.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding-left:10px;
}

.subnavifett { /* fuer weitere unterpunkte s.o., variante in fett */
    font-weight:bold;
    text-decoration:none;
    background-image:url(/img/pfeil_news.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding-left:10px;
}

.subnavifett:hover {
    font-weight:bold;
    text-decoration:none;
    background-image:url(/img/pfeil_news.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding-left:10px;
}

.weiss {
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
}

.weiss:hover {
    font-weight:bold;
    text-decoration:none;
    color:#ff9900;
}

.weiss:visited {
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
}

.weiss_a {
    font-weight:bold;
    text-decoration:underline;
    color:#ffffff;
}

.weiss_a:hover {
    font-weight:bold;
    text-decoration:underline;
    color:#ffffff;
}

.weiss_a:visited {
    font-weight:bold;
    text-decoration:underline;
    color:#ffffff;
}

/* ----------- ende weitere schriftklassen ------------- */
/* ----------- links ------------- */

a {
    text-decoration:underline;
    color:#000000;
    /*font-size:0.9em;*/
    font-weight:normal;
}

a:hover {
    text-decoration:underline;
    color:#000000;
    /*font-size:0.9em;*/
    font-weight:normal;
}

a:visited {
    text-decoration:underline;
    color:#000000;
    /*font-size:0.9em;*/
    font-weight:normal;
}


a.normal {
    text-decoration:none;
    font-weight:normal;
}

a.normal:hover {
    text-decoration:none;
    font-weight:normal;
}

a.normal:visited {
    text-decoration:none;
    font-weight:normal;
}

a.strong {
    text-decoration:none;
    font-weight:bold;
}

a.strong:hover {
    text-decoration:none;
    font-weight:bold;
}

a.strong:visited {
    text-decoration:none;
    font-weight:bold;
}

a.strong_a {
    text-decoration:none;
    font-weight:bold;
	border-bottom:1px solid #000066;
}

a.strong_a:hover {
    text-decoration:none;
    font-weight:bold;
	border-bottom:1px solid #000066;
}

a.strong_a:visited {
    text-decoration:none;
    font-weight:bold;
	border-bottom:1px solid #000066;
}
/* ----------- ende links ------------- */

/* ----------- ende klassen ------------- */