body {       
  background-color: #fbfaf6;
  background-image: url(solartechnik.jpg);
  background-repeat: repeat-x;
  color: #524d35;              
  font-family: Verdana, Arial, Sans; 
  font-size: 83%;              /* Schriftgr&ouml;&szlig;e: 83% */
  margin: auto;                /* Au&szlig;enabstand: automatisch */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: left;            /* Horizontale Ausrichtung: linksb&uuml;ndig */
  width: 100%;                  /* Breite: 95% der Fensterbreite */
}

/* page-container including header-, main- and footer-container */
/* Seiten-Container mit Kopf-, Inhalts- und Fu&szlig;bereich */
#page {
  background: #ffffff;         /* Hintergrund: weiss */
    color: #524d35;              /* Textfarbe: schwarz */
  margin: auto;                /* Au&szlig;enabstand: automatisch */
  padding: 0;                  /* Innenabstand: keiner */
  width: 654px;            /* Mindestbreite: 590px */

}

/* clearing floatings */
/* Flie&szlig;umgebungen zur&uuml;cksetzen */
.fixfloat {
  float: none;                 /* Textumfluss: keiner */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  width: 1px;                  /* Breite: 1px */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  font-size: 0px;              /* Schriftgr&ouml;&szlig;e: 0px */
  line-height: 0px;            /* Zeilenh&ouml;he: 0px */
  height: 0px;                 /* H&ouml;he: 0px */
}

/* link general */
/* Verweis allgemein */
a:link {
  color: #000099;              /* Textfarbe: blau */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: none;       /* Textdekoration: keine */
}

/* visited link */
/* Bereits besuchter Verweis */
a:visited {
  color: #6060bf;              /* Textfarbe: violett */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: none;       /* Textdekoration: keine */
}

/* link on mouse-over */
/* Verweis bei Mouse-over */
a:hover {
 /*  background: #ffffff;   */          /* Hintergrund: weiss */
  color: #ff9900;              /* Textfarbe: rot */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* active or focused link */
/* Aktiver Verweis oder Verweis mit Fokus */
 
a:active,
a:focus {
  color: #ff9900;              /* Textfarbe: weiss */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}



/* paragraph */
/* Absatz */
p {
  float: none;                 /* Textumfluss: keiner */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
}


/* heading level 1 */
/* &Uuml;berschrift Ebene 1 */
h1 {
  font-family: Verdana, Arial, Sans; 
  color: #c9ac25;              
  font-size: 1.8em;            
  font-style:normal;
  margin: 0 0 30px 0;           
  padding: 2px;               
}

/* heading level 2 */
/* &Uuml;berschrift Ebene 2 */
h2 {
	border-bottom: 1px dotted #aa9f6c;   /* Rahmen unten: 1px, durchgezogen, schwarz */
	color: #524d35;
	font-size: 0.8em;            /* Schriftgr&ouml;&szlig;e: 1.2em */
	font-weight: normal;
	margin: 0;                   /* Au&szlig;enabstand: keiner */
	padding: 2px;                /* Innenabstand: 2px */
}

/* inner-container */
/* Allgemeiner Container */
.container {
  background: #f0eeeb;         /* Hintergrund: grau */
  color: #000000;         /* Textfarbe: schwarz */
  margin: .5%;                 /* Au&szlig;enabstand: 0,5% */
  padding: 0;                  /* Innenabstand: keiner */
}

/* cpoyright notice */
/* Urheber-Hinweis */
.small {
  font-size: .75em;             /* Schriftgr&ouml;&szlig;e: 80% des Elternelementes */
  line-height: 1.6em;
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: center;          /* Horizontale Ausrichtung: zentriert */
}

.breadcrumb {
  font-size: .8em;             /* Schriftgr&ouml;&szlig;e: 80% des Elternelementes */
  margin: 0px;                   /* Au&szlig;enabstand: keiner */
  padding: 30px 0px 30px 0px;                  /* Innenabstand: keiner */
  text-align: left;          /* Horizontale Ausrichtung: zentriert */
}

.thumbnail{
	padding: 0px 3px 0px 3px;
	/* background-color: #eee;
	margin-right: 10px;*/
	margin-top: 10px;
	text-align: center;          /* Horizontale Ausrichtung: zentriert */
	  float: left;       
	}	

/* MAIN -------------------------------------------------------- */

/* Main-Container */
#main {
  background: #ffffff;      /* Hintergrund: weiss */
  border-bottom: 1px solid #eae8d6;   /* Rahmen oben: 1px, durchgezogen, blau */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
  height: 100%;             /* H&ouml;he: 100% */
  margin: 0;                /* Au&szlig;enabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */

  
}



/* Center Main-Container */
#main_content {
	background: #ffffff;      /* Hintergrund: weiss */
	color: #000000;           /* Textfarbe: schwarz */
	float: none;              /* Textumfluss: alles nachfolgende rechts vom Element */
	height: 95%;              /* Au&szlig;enabstand: 0,5% */
	padding: 0;               /* Innenabstand: keiner */
	width: 640px;               /* Breite: 74% */
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 15px;
}
