/* - - - - - - - - - - - - Aufteilung der Seite - - - - - - - - - - - - */
body,html {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt; 
	font-weight:normal;
	color:#000000;
	overflow:auto;
	width:190mm;
}

#inhalt {/*rahmen fuer komplette seite, enthaelt alle elemente */
	width:190mm;
}

#spalte_li {
	display:none;
}

#header { /* seitenkopf an fester position */
	display:none;
}

#stoerer {
	display:none;
}
#spalterechts {  
	display:none;
}
 
#inhalt { /* spalte mitte fuer inhalt (s.u.) */
	/*padding:0;
	width:550px;
	z-index:90;*/
	position:absolute;	
	top:70px;
	left:0px;	
	width:180mm;
}

#logo {
	position: absolute;
	top:0;
	left:0;
	width:180mm;
	display:block;
}

#logo img {
display:inline;
margin: 0 15mm 0 0;
}
/* ----------- ende aufteilung der seitenbereiche in 3 spalten ----------- */





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

#banner {
	display:none;
}


#banner .anzeige {
	display:none;
}

#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:#ff9900;
	font-weight:bold;
	line-height:20px;
	padding: 5px 0 0 10px;
	margin:0 0 10mm 0;
}

#stamm h5 { /*fuer adress-seite der einzelnen handwerker */
	display:block;
	font-size: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:0;  
}

#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:10px 0 0 0;
	padding:0;
}

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

#adresse-links { /*fuer service-links unter handwerkereintrag*/
	color:#003366;
	font-size:1.1em;
	font-weight:bold;
	padding: 5px 5px 0 5px;
	margin:15px 0 0 0;
	border:0;
	/*background-color:#FFFAEB;*/
} 

#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:none;
	font-size:0.9em;
	background-color:transparent;
}

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

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


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

td.adresse,th.adresse {
	color:#003366;
	margin:0;
	border:0;
	padding:2px;
	background-color:#FFF5D8;
	text-align:top;
}


#schnellsuche {
background-color:#FFF5D8;
border: 1px solid #FF9900;
color:#003366;
padding: 10px 10px 5px 20px;
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;
}

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;
	border: 1px solid #FF9900;
	padding:10px;
	color:#003366;
	font-size:1em;
	margin:0 0 10px 0;
	display:block;
	width:530px;
 }  
 
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.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 dashed #FFE69C;
	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:#000000;
	font-weight:normal;
	text-decoration:underline;
}

a:Hover {
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}

a:Visited {
	color:#808080;
	font-weight:normal;
	text-decoration:underline;
}

.klein {
	font-size:0.8em;
}

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


 /* - - - - - - - - - - - - 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 {
	visibility:hidden;
	display:none;
	border:0;
 }
 
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%;             
     }
     
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.instrich {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	width:520px;
	height:1px; 
	border:0;    
}

img.instrich-adresse {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	width:520px;
	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;
}

 /* - - - - - - - - - -  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;
}