/* - - - - - - - - - - - - Aufteilung der Seite - - - - - - - - - - - - */
html,body {
    margin:0;
    padding:0;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:90%; /*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
    background-image:url(/img/hg.gif);
    background-repeat:repeat-y;
    height:100%;
    font-weight:normal;
    color:#000066;
    background-color:#ffffff;
}

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

#spalte_li {  /* linke navigationsspalte auf hell-lila grund */
    width:190px;
    position:absolute;
    top:140px;
    left:0;
    z-index:100;
    margin:0;
    padding:0;
    /*border:1px solid #339966;*/
}

#spalte_re { /* rechte navigationsspalte auf hell-lila grund */
    /*background-color:#ebebff;
    height:100%;*/
    width:185px;
    position:absolute;
    top:140px;
    left:810px;
    z-index:100;
    margin:0;
    padding:0;
}

#spalte_mi { /* spalte mitte fuer inhalt (s.u.) */
    position:absolute;
    padding:0;
    top:140px;
    left:200px;
    width:591px;
    z-index:90;
    /*border:1px solid #339933;*/
}


#header {
	position:absolute;
	top:0px;
	left:0px;
	width:995px;
	height:115px;
	z-index:101;
	color:#ffffff;
}
 

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

#logo {  /* position oben links */
	position: absolute;
	top:9px;
	left:5px;
	z-index:1000;
}

#claim {  /* ueberschrift weiss im header*/
	 position:absolute;
	 top:58px;
	 left:750px;
	 z-index:200;
	 width:180px;
}

#claim2 {  /* ueberschrift weiss im header*/
	 position:absolute;
	 top:20px;
	 left:200px;
	 z-index:200;
} 

#claim h1 {  /* ueberschrift weiss im header*/
    color:#ffffff;
    font-weight:bold;
    font-size:1.8em;
    margin:0;
    padding:0;
} 

#claim2 h1 {  /* ueberschrift weiss im header*/
    color:#ffffff;
    font-weight:bold;
    font-size:1.4em;
    margin:0;
    padding:0;
} 

#funct_navi { /* funktionsnavi im kopf auf hell-lila grund */
    position:absolute;
    top:89px;
    left:577px;
    z-index:200;
    background-color:#ebebff;
    padding:2px 0 2px 5px;
}

#funct_navi ul { /* auflistung der links */
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}

#funct_navi li {
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0 5px 0 0;
    border:0;
}


#funct_navi a {
    color:#000066;
    font-weight:bold;
    font-size:0.9em;
    background-image:url(/img/pfeil.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;
}

#funct_navi a:hover {
    color:#ff9900;
    font-weight:bold;
    font-size:0.9em;
    background-image:url(/img/pfeil_a.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;
}


#navibox { /* oranger querbalken im kopf mit navigationselementen */
	 position:absolute;
	 top:85px;
	 left:200px;
	 width:780px;
	 /*background-color:#FFCC33;
	 border: 1px solid #FF9900;*/
	 background-color:#333399;
	 border: 1px solid #000066;
	 height:20px;
}

/*#vstrich { 
	background-color:#000066;
	height:100%;
	width:2px;
	position:absolute;
	top:0;
	left:990px;
	z-index:100;
	margin:0;
	padding:0;
}*/

#balkenquer { /*blauer balken seitenkopf*/
	position:absolute;
	top:0;
	left:0;
	width:997px;
	height:16px;
	background-color:#000066;
}

#strichweiss {  /* weisse trennlinie im seitenkopf  */
	position:absolute;
	top:16px;
	left:0;
	width:997px;
	height:2px;
	background-color:#ffffff;
	margin:0;
	padding:0;
}

#navhg {  /* weisser hintergrundbereich in servicenavi */
	background-color:#ffffff;
	width:530px;
	margin: 0px 0 1px 40px;
	padding:0;
	height:20px;
	float:left;
	display:inline;
	border-left:1px solid #000066;
	border-right:1px solid #000066;
}

#funktionsikons { /* Bereich mit kleinen Ikons zum Bedien der Seite oben rechts  */
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 15px 0 0;
	border:0;
	float:right;
	height:18px;
}

#funktionsikons ul { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 5px 0 0;
	border:0;
}

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

#servicenavi {
	color:#000066;
	font-size:1.1em;
	font-weight:bold;
	padding: 2px 0 0 0;
} 

#servicenavi ul,ol { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:0 0 0 15px;
	color:#003366;
	padding:0;
}

#servicenavi li { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:0;
	padding:3px 10px 0 10px;
}

#servicenavi li.strich {
	list-style-type:none;
	border-left:2px solid #003366;
	margin:0;
	padding:0;
}

#servicenavi  li.ohne {
	list-style-type:none;
	margin:3px 3px 3px 0;
	padding:0;
} 

#servicenavi a { /* Linkeigenschaften in servicenavi */
	color:#000066;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
}

#servicenavi a:Hover {
	color:#FF9900;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
}

#servicenavi a.activ {
	font-size:0.9em;
	color:#FF9900;
	font-weight:bold;
	text-decoration:none;
	/*background-color:#FFF5D8;*/
}

#servicenavi .inactiv {
	font-size:0.9em;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
}

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

/* ----------- bereiche in spalte_li ------------- */

#hauptnavi {
    /*margin-left:10px;*/
    margin:0;
}

.ueber_font {/*dunkler hintergrunf fuer navi-ueberschriften */
    background-color:#333399;
    border-left:10px solid #000066;
    margin:0 0 1px 0;
    padding:3px;
}

#hauptnavi h2 { /* ueberschriften bei navigruppen */    
    display:inline;
    color:#ffffff;
    font-size:1.1em;
    font-weight:bold;
    /*background-image:url(/img/square.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 12px;*/
    text-decoration:none; 
}

#hauptnavi h3 { /* ueberschriften bei navigruppen */    
    display:block;
    /**/color:#000066;
    font-size:1.0em;
    font-weight:bold;
    /*background-image:url(/img/square2.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:3px 0 0 12px;*/
	padding:2px 0 2px 0;
    text-decoration:none; 
	margin:0;
	/*border-top:1px solid #D6D6FF;*/
}

.navi_font { /*heller hintergrunf fuer navi-punkte */
    background-color:#D9D9FF;
    margin:0 0 1px 0;
    padding:0;
}

.sub_font {/*dunkler hintergrunf fuer navi-ueberschriften */
    background-color:#ccccff;
    border:1px solid #CCCCFF;
    margin:5px 0 0 0;
    padding:0 0 0 10px;
}

/*.unternavi {
	background-color:#D9D9FF;
	border:0;
}*/

ul.navi {
    display:block;
    margin:0 0 0 10px;
    padding:0;
    list-style-type:none;

}

ul.ohne {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
}

ul.ohne li {
    margin:5px 0 15px 0;
    padding:0;
}

#spalte_re ul.ohne {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
}

#spalte_re ul.ohne li {
    margin:5px 0 0 0;
    padding:0;
}

ul.ohne li.ohne2 {
    margin:5px 0 5px 0;
    padding:0;
    list-style-type:none;
}

ul.ohne-pool {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
}

ul.ohne-pool li { /* text, der in li steht auf hell-lila-font, wie unter links/rechtsanwaelte.php */
    margin:5px 0 15px 0;
    padding:0;
    background-color:#F5F2FF;
}

ul.reihe {
    margin:10px 0 0 0;
    padding:0;
    display:block;
}

li.reihe {
    display:inline;
    margin:0;
    padding:3px 5px 0 0;    
}

li.navi {
    list-style-type:none;
    margin:0;
    padding:3px 2px 3px 2px;
}

a.navipt, #spalte_re a.navipt {
    color:#333399;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/img/pfeil.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;
}

a.navipt:hover, #spalte_re a.navipt:hover {
    color:#ffffff;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/img/pfeil_a.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;  
}

a.navipt:visited, #spalte_re a.navipt:visited {
    color:#6666CC;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/img/pfeil.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;  
}

a.navipt_activ {
    color:#000066;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/img/pfeil.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:underline;
}

a.navipt_activ:hover {
    color:#ffffff;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/img/pfeil_a.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;  
}

a.navipt_activ:visited {
    color:#6666CC;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/img/pfeil.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:13px;
    text-decoration:none;  
}

#hauptnavi p{
    height:10px;
    display:block;
    margin:0;
    padding:0;    
    background-color:#ebebff;
    border-top:1px solid #ffffff;
}

#hauptnavi h5 {
    display:inline;
    font-size:1.0em;
    color:#000066;
    font-weight:bold;
    margin:0;
    padding:2px 2px 2px 0;
}

#hauptnavi .ueber_fontbox {/* fuer leitfaden-rotation in linker spalte */
     background-color:#d9d9ff;
	 /*border-bottom:1px solid #ccccff;*/
	 border-bottom:0;
	 border-top:1px solid #ccccff;
     margin:0;
     padding:2px 0 2px 5px;
}

#hauptnavi .text { 
	color:#000066;
	font-size:0.9em;
	padding:5px;
	margin:0;
	font-size:1em;
 }
 
#hauptnavi .box {
	/*width:180px;
	border-top: 1px dashed #FFE69C;*/
	border-bottom: 1px solid #ffffff;/**/
	background-color:#E4E4FF;
	padding:0;
	margin:0;
	display:block;
}

#rechner-bild {
	position:absolute;
	margin:0;
	padding:0;
	z-index:2000;
	top:70px;
	left:130px;
}

/* ----------- ende bereiche in spalte_li ------------- */

/* ----------- 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:0.9em;
    padding:10px;
    z-index:101;
    line-height:18px;
	/*margin:0 20px 0 10px;
	border:1px solid #669933;*/
}

#fuss {
    display:block;
    margin:15px 0 0 0;
    padding:10px;
    height:15px;
    width:576px;
    z-index:100;
    font-size:0.8em;
    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;
}

/*form th.kontakt {
    width:100px;
}

form td.kontakt {
    width:200px;
    line-height:1.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:block;
	margin:0 0 10px 20px;
	padding:0;
	/*border:1px solid #EBEBEB;*/
	width:510px;
	/*display:none;*/
}

#banner .anzeige {
	font-size:0.8em;
	display:block;
	margin:0;
	padding:0;
}

.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 li.strich {
	list-style-type:none;
	border-left:2px solid #000066;
	margin:0;
	padding:0;
}

#adresse-links  li.ohne {
	list-style-type:none;
	margin:3px 3px 3px 0;
	padding:0;
} */

#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 ------------- */

/* ----------- bereiche in spalte_re ------------- */

#businessnavi {
    margin:0;
    padding:0;
}

#businessnavi h2 { /* ueberschriften bei navigruppen */    
    display:inline;
    color:#ffffff;
    font-size:1.1em;
    font-weight:bold;
    background-image:url(/img/square.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 12px;
    text-decoration:none; 
}

#businessnavi p{
    height:10px;
    display:block;
    margin:0;
    padding:0;    
    background-color:#ebebff;
    border-top:1px solid #ffffff;
    border-left:1px solid #ccccff;
}

.box_re {
	border-bottom: 1px solid #ffffff;/*
	background-color:#dcdcff;*/
	background-color:#e4e4ff;
	padding:0;
	margin:0 0 0 1px;
	display:block;
}

#spalterechts li.ohne {
	list-style-type:none;
	margin:3px 3px 3px 0;
	padding:0;
	list-style-position:outside;
}
 
.box {
	/*width:180px;
	border-top: 1px dashed #FFE69C;*/
	border-bottom: 1px solid #ffffff;/**/
	background-color:#FFF5D8;
	padding:0;
	margin:0;
	display:block;
}
 
 .text { 
	color:#000066;
	font-size:0.9em;
	padding:5px;
	margin:0;
	font-size:1em;
 } 
 
 #spalte_re a.link {
 background-color:transparent;
 margin:0;
 display:block;
 }
 
#spalte_re h5 {
    display:inline;
    font-size:1.0em;
    color:#000066;
    font-weight:bold;
    margin:0;
    padding:2px 2px 2px 0;
}
 
.ueber_fontbox {/*dunkler hintergrunf fuer navi-ueberschriften 
	background-color:#d2d2ff;
	border-bottom:1px solid #d2d2ff;
	border-top:1px solid #d2d2ff;
	margin:0;
	padding:2px 0 2px 5px;*/
	background-color:#d9d9ff;
	border-bottom:1px solid #ccccff;
	border-top:1px solid #ccccff;
	margin:0;
	padding:2px 0 2px 5px;
} 

img.box-re{
	vertical-align:middle;
	display:inline;
}

#spalte_re ul.normal {
	display:block;
	list-style-position: outside;
	list-style-type:disc;
	margin:0;
	padding:0;
}

#spalte_re li.pfeil { /* aufzaehlungsliste im bereich funktionsikons */
	display:block;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:30;
	background-image:url(/img/pfeil_news-re.gif);
    background-repeat:no-repeat;
    background-position: top left; 
    padding:0 0 0 12px;
}

#spalte_re a {
    text-decoration:none;
    color:#333399;
    font-weight:normal;
}

#spalte_re a:hover {
    text-decoration:none;
    color:#ff9900;
    font-weight:normal;
}

#spalte_re a:visited {
    text-decoration:none;
    color:#333399;
    font-weight:normal;
}


/* ----------- ende bereiche in spalte_re ------------- */

/* ----------- 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:1.5em;
    color:#ff9900;
    font-weight:bold;
    text-decoration:none;
    display:block;
}

h2 {
    font-size:1.3em;
    color:#000066;
    font-weight:bold;
    text-decoration:none;
    display:block;
}

h2.line {
    display:inline;
}

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

h4 {
    display:inline;
    font-size:1.1em;
    color:#333399;
    font-weight:bold;
    margin:0 0 10px 0;
}

h5 {
    display:block;
    font-size:1.0em;
    color:#000066;
    font-weight:bold;
    margin:0;
}

/* ----------- 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 */
    color:#000066;
    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 {
    color:#ff9900;
    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 */
    color:#333399;
    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 */
    color:#000066;
    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 {
    color:#ff9900;
    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:none;
    color:#ff9900;
}

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

.weiss_a:visited {
    font-weight:bold;
    text-decoration:none;
    color:#ff9900;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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