/* - - - - - - - - - - - - Allgemeine Angaben zur Seite - - - - - - - - - - - - */
html,body {
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:90%; 
	font-weight:normal;
	color:#003366;
	background-image:url(/pix/hg.gif);
	background-repeat:repeat-y;
}

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

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

#spalterechts {  /* rechte navigationsspalte auf grund */
	/*background-color:#ebebff;
    height:100%;
	border:1px solid #000000;*/
    width:197px;
    position:absolute;
    top:140px;;
    left:792px;
    z-index:100;
    margin:0;
    padding:0;
}
 
#inhalt { /* spalte mitte fuer inhalt (s.u.) */
	position:absolute;
	padding:0;
	top:140px;
	left:220px;
	width:550px;
	z-index:90;
	/*border:1px solid #339933;*/
}

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

/* ----------- ende aufteilung der seitenbereiche in 3 spalten ----------- */

/* ----------- elemente in spalte_li ------------- */

#hauptnavi {
    margin:0;
	width:201px;
	padding:0;
}

.ueber_font {/*dunkler hintergrunf fuer navi-ueberschriften */
    background-color:#ff9900;
    /*border-left:10px solid #ff9900;*/
	border-bottom:1px solid #FFE6C1;
	border-top:1px solid #FFE6C1;
    margin:0;
    padding:2px 0 2px 5px;
}

.ueber_fontbox {/*dunkler hintergrunf fuer navi-ueberschriften */
     background-color:#FFF1CA;
   /*border-left:10px solid #ff9900;*/
	/**/border-bottom:1px solid #FFE6C1;
	border-top:1px solid #FFE6C1;
    margin:0;
    padding:2px 0 2px 5px;
}

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

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

#hauptnavi p{
    height:10px;
    display:block;
    margin:0;
    padding:0;    
    background-color:#FFFAEB;
    border-top:2px solid #ffffff; /*FFC975*/
}

.ul_font {
	background-color:#FFFAEB;
	border-top:1px solid #FFE6C1;
	border-bottom:1px solid #FFE6C1;
}

li.navi {
    list-style-type:none;
    margin:0;
    padding:3px 0 3px 0;
}/**/
li.navi2 {
    list-style-type:none;
    margin:0;
    padding:3px 0 3px 0;
	background-color:#ffffff;
}/**/

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

#spalte_li a {
    color:#003366;
    font-size:0.9em;
    font-weight:bold;
    /**/background-image:url(/pix/pfeil.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 15px;
    text-decoration:none;
}

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

#spalte_li a.activ  {
	color:#ff9900;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/pix/pfeil_a.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 15px;
    text-decoration:none;  
	background-color: #FFF5D8;
}

#banner195 {
	display:block;
	margin:0 0 0 3px;
	padding:0;
	/*display:none;*/
}

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

#banner195 a {
    color:#003366;
    font-size:0.9em;
    font-weight:bold;
	background-image:none;
	margin:0;
	padding:0;
}

#banner195 a:hover {
    color:#003366;
    font-size:0.9em;
    font-weight:bold;
	background-image:none;
	margin:0;
	padding:0;
}

#banner195 a:visited {
    color:#003366;
    font-size:0.9em;
    font-weight:bold;
	background-image:none;
	margin:0;
	padding:0;
}

/*-------- ende elemente spalte_li -------------*/

/* --------- elemente aus der login-hauptnavigation --*/

.ueber_fontlog {/*dunkler hintergrunf fuer navi-ueberschriften */
    background-color:#003366;
    /*border-left:10px solid #ff9900;*/
	border-bottom:1px solid #ACCAE8;
	border-top:1px solid #ACCAE8;
    margin:0;
    padding:2px 0 2px 5px;
}

.navi_fontlog { /*heller hintergrunf fuer navi-punkte */
    background-color:#DBE8F4;/*#FFF5D8; ffcc33*/
    margin:0;
    padding:5px 0 0 0;
}

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

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

#hauptnavi li.navilog a {
    color:#003366;
    font-size:0.9em;
    font-weight:bold;
    /**/background-image:url(/pix/keynav.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 15px;
    text-decoration:none;
}

#hauptnavi li.navilog a:hover {
    color:#ff9900;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/pix/keynav_a.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 15px;
    text-decoration:none;  
	background-color: #DBE8F4;
}

#hauptnavi li.navilog a.activ {
	color:#ff9900;
    font-size:0.9em;
    font-weight:bold;
    background-image:url(/pix/keynav_a.gif);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 0 0 15px;
    text-decoration:none;  
	background-color: #DBE8F4;
}

/* --------- ende elemente aus der login-hauptnavigation --*/


/* - - - - - - - - anfang alle elemente, die zu header gehoeren bzw. sich auf diese beziehen - - - - - - - - */
#stoerer {
	position:absolute;
	top:5px;
	left:410px;
	z-index:110;
}

#vstrich { /*oranger balken rechter rand, der sich bis zum Seitenende runter zieht*/
	background-color:#003366;
	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:990px;
	height:16px;
	background-color:#003366;
}

#strichweiss {  /* weisse trennlinie im seitenkopf  */
	position:absolute;
	top:16px;
	left:0;
	width:990px;
	height:2px;
	background-color:#ffffff;
	margin:0;
	padding:0;
}
 
#logo {  /* position oben links */
	position: absolute;
	top:8px;
	left:10px;
	z-index:1000;
}
 
#claim {  /* ueberschrift weiss rechts oben*/
	 position:absolute;
	 top:55px;
	 left:680px;
	 z-index:200;
	 width:300px;
} 

#navibox { /* oranger querbalken im kopf mit navigationselementen */
	 position:absolute;
	 top:83px;
	 left:10px;
	 width:965px;
	 /*background-color:#FFCC33;
	 border: 1px solid #FF9900;*/
	 background-color:#ff9900;
	 border: 1px solid #FFAC30;
	 height:20px;
}

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

#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:#003366;
	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 30px;
	color:#003366;
	padding:0;
}

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

#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:#003366;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
}

#servicenavi a:Hover {
	color:#FF9900;
	font-weight:bold;
	text-decoration:none;
	background-color:#FFF5D8;
	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;
}



/* - - - - - - - - anfang alle elemente, die zu inhalt gehoeren bzw. sich auf diesen beziehen - - - - - - - - */

#banner {
	display:block;
	margin:0 0 10px 30px;
	padding:0;
	/*display:none;*/
}


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

#suche_start {
display:block;
padding:0 0 0 50px;
margin:0;
}

/* ------------ ab hier fuer anzeige der nachrichten und einzelnachrichten ----*/
#news { 
    margin:10px 0 0 0;
}

#news a {
	/*display:block;
	margin:0;
	padding:0;*/
    color:#003366;
	font-weight:normal;
	background-color:transparent;
	text-decoration:underline;
}

#news a:hover {
	/*display:block;
	margin:0;
	padding:0;*/
    color:#ff9900;
	font-weight:normal;
	background-color:transparent;
	text-decoration:underline;
}

#news  a:Visited {
	/*display:block;
	margin:0;
	padding:0;*/
    color:#CC6600;
	font-weight:normal;
	background-color:transparent;
	text-decoration:underline;
 }

/* ------------ ende anzeige der nachrichten und einzelnachrichten ----*/

/* ------------ ab hier fuer anzeige der termine ----*/
#termine { 
    margin:10px 0 0 0;
}

#termine a {
	display:block;
	margin:0 0 5px 0;
	padding:0;/**/
    color:#003366;
	font-weight:normal;
	background-color:transparent;
	text-decoration:underline;
}

#termine a:hover {
	display:block;
	margin:0 0 5px 0;
	padding:0;/**/
    color:#ff9900;
	font-weight:normal;
	background-color:transparent;
	text-decoration:underline;
}

#termine a:Visited {
	display:block;
	margin:0 0 5px 0;
	padding:0;/**/
    color:#CC6600;
	font-weight:normal;
	background-color:transparent;
	text-decoration:underline;
 }
 
 #termine table,td {
 	padding:3px; 
 }

/* ------------ ende anzeige der nachrichten und einzelnachrichten ----*/

#stamm {}/*fuer adress-seite der einzelnen handwerker */

#stamm h2 {/*fuer adress-seite der einzelnen handwerker */
	display:block;
	font-size:1.3em;
	color:#003366;
	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:#003366;
	font-weight:bold;
	line-height: 10px;
	padding: 5px 0 0 10px;
	margin:0;
}

#adresse {/*fuer adress-seite der einzelnen handwerker */
	margin:0;
	display:block;
	/*background-color:#FFF5D8;
	border:1px solid #FF9900;  */	
}

#adresse img {/*fuer adress-seite der einzelnen handwerker */
	border:1px solid #FFC975;
	margin: 10px 5px 0 5px;
	padding:0;
}

#adresse img.ohne {/*fuer adress-seite der einzelnen handwerker */
	border:0;
	margin:0;
	padding:0;
}

#adresse-logo img {/*fuer adress-seite der einzelnen handwerker */
	border:1px solid #FFC975;
	margin:0;
	padding:0;
}

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

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

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

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

#adresse-links li.strich {
	list-style-type:none;
	border-left:2px solid #ff9900;
	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:#003366;
	font-weight:normal;
	text-decoration:underline;
	font-size:0.9em;
	background-color:transparent;
}

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

#adresse-links a:visited {
	color:#003366;
	font-weight:normal;
	text-decoration:underline;
	font-size:0.9em;
	background-color:transparent;
}


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

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

#hwlogin {
background-color:#EFF7FF;
border: 1px solid #003366;
color:#003366;
padding: 10px 10px 5px 10px;
margin:0;
}


#schnellsuche {
background-color:#FFF5D8;
border: 1px solid #FF9900;
color:#003366;
padding: 10px 10px 5px 10px;
margin:0;
}

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

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

table {
	display:inline-table;
	/**/border-collapse:collapse;
	border:1px solid #003366;
	margin:10px 0 20px 0;
	padding:5px;
	width:550px;
	font-size:1em;
}


th {
	/*background-color: #FFF5D8;*/
	background-color: #003366;
	color:#ffffff;
	padding:2px;
	border:1px solid #003366;
	text-align:left;
	height:25px;
	vertical-align:middle;
} 

td {
	border:1px solid #003366;
	padding:2px 0 2px 2px;
	margin:0;
	color:#003366;
}

td.erg {
	border:1px solid #003366;
	padding:3px;
	margin:0;
	color:#003366;
}
table.tun {
	display:inline-table;
	/**/border-collapse:collapse;
	border:1px solid #003366;
	margin:10px 0 20px 0;
	font-size:1em;

}
td.blau {
border:1px solid #003366;
padding:2px 0 2px 2px;
margin:0;
color:#ffffff;
background-color:#003366;
font-weight:bold;
}

td.blau2 {
	border:0;/*1px solid #003366;*/
	padding:2px 0 2px 5px;
	margin:0;
	color:#003366;
	font-weight:bold;
	background-color:#DBE8F4;
}

td.blau3 {
	border:0;/*1px solid #003366;*/
	padding:2px 0 2px 10px;
	margin:0;
	color:#003366;
	font-weight:normal;
	background-color:#EFF7FF;
}

td.weiss {
	border:0;/*1px solid #003366;*/
	padding:2px 0 2px 10px;
	margin:0;
	color:#003366;
	background-color:transparent;
}


table.kontakt{
	width:530px;
	background-color:transparent;
	padding:5px;
	border:0;
	color:#003366;
	margin:0;
}

td.kontakt,th.kontakt { 
width:550px;
background-color:transparent;
padding:5px;
border:0;
color:#003366;
margin:0;
font-size:0.9em;
}

form th.kontakt {
width:150px;
}

form td.kontakt {
width:280px;
line-height:1.1em;
}

form td.kontakt2 {
width:550px;
line-height:1.1em;
border:0;
}

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

table.ohne{
	background-color:transparent;
	padding:0;
	border:0;
	color:#003366;
	margin:0;
	width:530px
}

table.rahmen{ /*tabelle mit hellem rahmen */
	background-color:transparent;
	padding:0;
	color:#003366;
	margin:0;
	border-collapse:collapse;
	border:1px solid #FFC975;
	margin:5px 10px 20px 0;
	padding:5px;
	width:520px;
}

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

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



.container {
	background-color:#FFF5D8;
	border: 1px solid #FF9900;
	padding:0;
	color:#003366;
	font-size:1em;
	margin:0 0 10px 0;
	display:block;
	width:550px;
 } 
 
 .container-or {
	background-color:#FFF5D8;
	border: 0;
	padding:10px;
	color:#003366;
	font-size:1em;
	margin:0 0 10px 0;
	display:block;
 }    
 
 .container-adresse {
	background-color:#FFF5D8/*#FFFAEB*/;
	border: 1px solid #FF9900;
	/*border-top: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	border-right: 1px solid #FF9900;
	border-bottom:0;*/
	padding:10px;
	color:#003366;
	font-size:1em;
	margin:0;
	display:block;
	width:510px;
 }  
 
li.ohne {
	list-style-type:none;
	margin:3px 3px 3px 0;
	padding:0;
} 

/*ol, ul {
	display:block;
	list-style-position: outside;
	list-style-type:disc;
}

li {
	display: block;
	list-style-position: outside;
	list-style-type:disc;
}*/

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

ul.reihe { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

li.reihe { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:5px;
	padding:3px 2px 5px 2px;
	background-image:url(/pix/link.gif);
    background-repeat:no-repeat;
    background-position: center left; 
    padding:0 0 0 15px;
}

li.reiheout { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:5px;
	padding:3px 2px 5px 2px;
	background-image:url(/pix/linkout.gif);
    background-repeat:no-repeat;
    background-position: center left; 
    padding:0 0 0 22px;
}

li.reihe-ohne { /* aufzaehlungsliste im bereich funktionsikons */
	display:inline;
	list-style-type:none;
	margin:5px 0 0 0;
	padding:3px 2px 5px 0;
}

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

/* ------ das gehoert alles zusammen, um bild links und text rechts zu haben */
.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 */


/* - - - - - - - anfang alle elemente, die zu spalterechts gehoeren bzw. sich auf diesen beziehen - - - - - - */

#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:#003366;
	font-size:0.9em;
	padding:5px;
	margin:0;
	font-size:1em;
 } 
 
 #spalterechts a.link {
 background-color:transparent;
 margin:0;
 display:block;
 }
 
#spalterechts h5 {
    display:inline;
    font-size:1.0em;
    color:#003366;
    font-weight:bold;
    margin:0;
    padding:2px 2px 2px 0;
}
 


/* - - - - - - - anfang alle elemente, die zu fuss gehoeren bzw. sich auf diesen beziehen - - - - - - */

#fuss {
 height:15px;
 width:600px;
 z-index:100;
}

 .foot {
 color:#003366;
 font-size:8pt;
 }
 
 /* - - - - - - - - - -  Schriftklassen  - - - - - - - - - - */
 

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

h1.ueber {
    font-size:1.4em;
    color:#003366;
    font-weight:bold;
    text-decoration:none;
    display:block;
}
   
h1 { /* uebrschrift 1. Ordnung, dient dem claim energiehandwerker.de rechts oben im seitenkopf!!! diese uebershrift-klasse wird nur hier benutzt! */
    display:inline;
    font-size:1.8em;
    color:#ffffff;
    font-weight:bold 
    }

h2 { /* ueberschrift 2. ordnung fuer alle haupt-headlines */
    display:block;
    font-size:1.3em;
    /*color:#003366;*/
	color:#003366;
    font-weight:bold;
    line-height:20px;
}

h2.line { /* ueberschrift 2. ordnung fuer alle haupt-headlines */
    display:inline;
    font-size:1.3em;
    color:#003366;
	/*color:#ff9900;*/
    font-weight:bold;
    line-height:20px;
	margin:10px 0 0 0;
	padding:0;
}

h3 {
    display:block;
    font-size:1.2em;
    color:#FF9900;
    font-weight:bold;
    padding:0;
    margin:5px 0 0 0;    
    }
	
h3.line {
    display:inline;
    font-size:1.2em;
    color:#ff9900;
    font-weight:bold;
    padding:0;
    margin:5px 0 10px 0;    
    }
    
h4 {
    display:inline;
    font-size:1.1em;
    color:#003366;
    font-weight:bold;
    margin:0;
    padding:2px 2px 2px 0;
    float:left;
}

h4.block {
    display:block;
    font-size:1.1em;
    color:#003366;
    font-weight:bold;
    margin:0;
    padding:0;
}

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

h5.box {
    display:block;
    font-size:1.0em;
    color:#003366;
    font-weight:bold;
    margin:0;
    padding:2px 2px 5px 0;
}

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


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

a:Hover {
	color:#003366;
	font-weight:normal;
	text-decoration:none;
	/*background-color: #FFF5D8;*/
}

a:Visited {
	color:#CC6600;
	font-weight:normal;
	text-decoration:none;
}

.klein {
	font-size:0.8em;
}

.klein-hw {
	font-size:0.8em;
	padding:0;
	display:block;
	margin:10px 0 0 0;
}

.alert {/* wird im kontaktformular benutzt, wenn felder nicht richtig ausgefuellt sind !!! */
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#cc0033;
}

.link { /* Linkeigenschaften fuer querverlinkung */
	color:#ff9900;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	background-image:url(/pix/link.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:13px;
	font-size:0.9em;
	}

.link:Hover { /* Linkeigenschaften fuer querverlinkung */
	color:#003366;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	background-image:url(/pix/link.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:13px;
	font-size:0.9em;
	background-color:transparent;
}

.link:Visited { /* Linkeigenschaften fuer querverlinkung */
	color:#CC6600;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	background-image:url(/pix/link.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:13px;
	font-size:0.9em;
	background-color:transparent;
}

.linkblau { /* Linkeigenschaften fuer querverlinkung */
	color:#003366;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	background-image:url(/pix/link.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:13px;
	font-size:0.9em;
	}

.linkblau:Hover { /* Linkeigenschaften fuer querverlinkung */
	color:#ff9900;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	background-image:url(/pix/link.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:13px;
	font-size:0.9em;
	background-color:transparent;
}

.linkblau:Visited { /* Linkeigenschaften fuer querverlinkung */
	color:#CC6600;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	background-image:url(/pix/link.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:13px;
	font-size:0.9em;
	background-color:transparent;
}
 

 .linkout {
	color:#FF9900;
	font-weight:bold;
	background-image:url(/pix/linkout.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:23px;
	background-color:transparent;
 }
 
  .linkout:Hover {
	color:#003366;
	font-weight:bold;
	background-color:transparent;
	background-image:url(/pix/linkout.gif);
	background-repeat:no-repeat;
	background-position: center left;
 }
 
  .linkout:Visited {
	color:#CC6600;
	background-color:transparent;
	font-weight:bold;
	background-image:url(/pix/linkout.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:23px;
 }
 
 .linkoutblau {
	color:#003366;
	font-weight:bold;
	background-image:url(/pix/linkout.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:23px;
	background-color:transparent;
 }
 
  .linkoutblau:Hover {
	color:#ff9900;
	font-weight:bold;
	background-color:transparent;
	background-image:url(/pix/linkout.gif);
	background-repeat:no-repeat;
	background-position: center left;
 }
 
  .linkoutblau:Visited {
	color:#CC6600;
	background-color:transparent;
	font-weight:bold;
	background-image:url(/pix/linkout.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:23px;
 }
 
  .subline {
 color:#336699;
 font-weight:normal;
 font-size:0.8em;
 }
 
 .subline:Hover {
	color:#3399cc;
	font-weight:normal;
	font-size:0.8em;
 }

.underline {
	font-weight:normal;
	text-decoration:underline;
}

.underline:Hover {
	font-weight:normal;
	text-decoration:underline;
}

.orange {
	color:#ff9900;
}

.f_orange {
	color:#ff9900;
	font-weight:bold;	
}

.f_orange:hover {
	color:#ff9900;
	font-weight:bold;	
}

.f_orange:visited {
	color:#ff9900;
	font-weight:bold;	
}

.f_yellow {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#ffcc33;
}

.f_yellow:Hover {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#cc6600;
}


a.f_yellow:Hover {
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
	color:#ffcc33;
}

a.f_yellow:Visited {
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
	color:#cc6600;
}

.blau {
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}

a.blau:Hover {
	color:#ff9900;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
}

a.blau:Visited {
	color:#006699;
	font-weight:bold;
	text-decoration:none;
}

.blaufein {
	color:#003366;
	font-weight:normal;
	text-decoration:none;
}

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

a.blaufein:Visited {
	color:#006699;
	font-weight:normal;
	text-decoration:none;
}


 /* - - - - - - - - - - - - weitere Elemente mit Klassen - - - - - - - - - - - - */
 
.abstand {
	display:block;
	margin:0 0 30px 0;
	padding:0;
} 

.strich {
	display:block;
	margin:10px 0 5px 0;
	padding:0;
	border-top:1px solid #FFE6C1;
} 

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

.invisible {
	display:none;
}
 
/*input.invisible {
	visibility:hidden;
	display:none;
	border:0;
	margin:0;
	padding:0;
 }*/

 /* - - - - - - - - - - - - formulare - - - - - - - - - - - - */

     
form {       /* normaler Fliesstext*/
	margin:0;
	padding:0;   
	display:inline;   
	/*line-height:120%;   */          
	border:0;
     }
     
textarea,select,input, input.file {      /* Formularfeld*/
	font-size : 10pt;
	color : #000000;
	border: 1px solid #003366;
	margin-bottom:5px;
	display:inline;
	line-height:14px;
	padding:0;
}

input.submit {
    /* Formularfeld*/
	font-size : 1em;
	color:#ffffff;
	font-weight : bold;
	/*background-color: #003366;
	border: 1px solid #3399cc;*/
	background-color:#003366;
	border:1px solid #A2BAD4;
	display:inline;
	padding:1px;
	vertical-align:middle;
}
        
input.ohne {
	border:0;
	padding:0;
	margin:0;
	vertical-align:middle;
}  

input.suche {
	font-size : 10pt;
	color : #000000;
	border: 1px solid #003366;
	/*margin-bottom:5px;*/
	margin:0;
	display:inline;
	line-height:14px;
}
        
legend {
	color:#ff9900;
	font-weight:bold;
	font-size:1.1em;
	border:0;
	margin:0;
	padding:0 5px 0 5px;
}

fieldset {
	margin:20px 0 0 0;
	border:1px solid #ff9900;
	/*background-color:#FFFCF3;*/
	padding:5px;
}

label {
	color: #003366;
	font-weight:bold;
	vertical-align:top;
}

/* - - - - - - - - - -  img-formatierungen  - - - - - - - - - - */

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

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

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

img.instrich-adresse {
	display:block;
	margin:10px 0 10px 0;
	padding:0;
	width:500px;
	height:1px; 
	border:0;    
}

img.r_unten {
	border-bottom:1px solid #A2BAD4;
}

img.ikon {
	border:0;
	display:inline;
	margin: 0 10px 0 0;
	padding:0;
}

img.box {
	border:0;
	width:160px;
	height:1px;
	background-color:transparent;
	margin:0 0 5px 0;
	padding:0;
}

img.box2 {
	display:block;
	border:0;
	background-color:transparent;
	margin:10px 0 10px 0;
	padding:0;
}
  
img.fokus {
	border:1px solid #FFE6C1;
	margin:0 0 10px 0;
	display:block;
}

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

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

 /* - - - - - - - - - -  ende img-formate  - - - - - - - - - - */
 /* - - - - - - - - - -  sonderformatierung fuer seite druck.php  - - - - - - - - - - */
 
#druck {
	color:#000000;
	font-weight:normal;
	font-size:10pt;
 }

#druck table {
	display:inline-table;
	width: 600px;
	margin:5px;
	padding:3px;
	border:0;
	color:#000000;
}

#druck td, th {
	border:0;
	padding:2px;
	width:300px;
}