/* ***** INHALT *****
Projekt: Isarfrost GmbH
Projekt-Beginn: 09.2012
Umsetzung: protonus
Abschnitte des css:
  1) Allgemeine Bodydeklarierung
  2) Schriftendeklarierung
  3) Linksdeklarierung (hover)
  4) Allgemeines Design
*/

/* ++ Abschnitt 1: Bodydeklarierung ++ */

body 
{
 	font-family:Arial;
 	background-color:#001e6e;
 	background-image:url('../pictures/design/hintergrundverlauf.png');
  background-repeat:repeat-x;
}

/* ++ Abschnitt 2: Schriftendeklarierung ++ */

h1          {font-size:14px;color:#001e6e}                                  /* Dunkelblaue Uberschrift, Abstand links 10px */
h2          {font-size:14px;color:#001e6e;letter-spacing:1px;margin:5px;}
p           {font-size:12px;color:#000000;margin-top:0px;line-height:1.5;}  /* normaler schwarzer Text */
.vierzehnpx {font-size:14px;color:#000000;margin-top:0px;line-height:1.5;}
.p          {font-size:12px;color:#000000;margin-top:0px;line-height:1.5;}  /* fuer Tabelle in Kontakt, benoetigt Klasse */
.weiss      {font-size:12px;color:#FFFFFF;margin-top:0px;line-height:1.5;}  /* normaler weisser Text */
.bold       {font-size:12px;color:#000000;margin-top:0px;line-height:1.5;font-weight:bold;}
.menustrich {font-size:16px;color:#FFFFFF;}                                 /* Senkrechte weisse Striche im Hauptmenu */
.aktuell    {font-size:14px;color:#DD0000;}                                 /* aktuell aktiver Menupunkt beim Hauptmenu */

/* ++ Abschnitt 3: Linksdeklarierung (hover) ++ */

/* Allgemeine Links */
a:link, a:visited, a:active, a:hover
{ 
  text-decoration:underline;
  font-weight:normal;
  color:#000000;
  font-size:12px;
}
a:active, a:hover
{ 
  color:#0000BB;
}

/* Die Hyperlinks im Haupt Menü */
a.menu:link, a.menu:visited
{ 
  color:#FFFFFF;
  text-decoration:none;
  font-size:14px;
}
a.menu:active, a.menu:hover
{ 
  color:#DD0000;
}

/* Link zum Impressum */

a.impressumlink:link , a.impressumlink:visited , a.impressumlink:active {
   color:#FFFFFF;
   text-decoration:none;
}

a.impressumlink:hover {
   color:#FFFFFF;
   font-weight:bold;
}

/* normaler Link im Text */

a.standardlink:link , a.standardlink:visited , a.standard:active {
   color:#000088;
   text-decoration:none;
}

a.standardlink:hover {
   color:#000088;
   font-weight:bold;
}

/* ++ Abschnitt 4: Allgemeines Design ++ */

/* Der komplette mittlere Kasten, enthaelt als Hintergrund die linke & rechte Zierleiste */
#master {
margin: 0px auto; /* auto zentriert den container mittig */
width: 870px;
background-color:#;
background-image:url('../pictures/design/seitenraenderhintergrund.png');
}
    
    /* Menue */
    #menu {
    margin: 0px auto;
    height:25px;
    width:850px;
    background-color:#001e6e;
    background-image:url('../pictures/design/menuhintergrund.png');
    text-align:center;
    }
    
    /* Hauptteil */
    #main {
    margin: 0px auto;
    min-height:400px;       /* Mindesthöhe in modernen Browser */
    height:auto !important; /* auto-height mit !important-Regel für moderne Browser */
    height:400px;           /* Mindesthöhe in IE */
    width:850px;
    background-color:#F1F7FE;
    }

/* unterer Rand, nach Master-Container */
#randunten {
margin: 0px auto;
height:10px;
width:870px;
/* background-color:#; */
background-image:url('../pictures/design/randunten.png');
}

#impressumlink {
margin: 0px auto;
height:40px;
width:870px;
text-align:right;
/* background-color:#; */
}

/* floating-stoppender div-container, verhindert ausbrechen aus parental-container, ist nicht sichtbar */
.clear { clear:both; }

/* ++ 5. Abschnitt: Startseite ++ */

#startseitelinks {
float: left;
margin-top:30px;
margin-left:40px;
height:300px;
width:300px;
/* background-color:#33FF33; */
}

#startseiterechts {
float: right;
margin-top:40px;
margin-right:40px;
height:300px;
width:300px;
text-align:justify;
/* background-color:#9933CC; */
}

#startseiterechts img  /* gilt nur fuer das Bild im Container */{
display:block;
margin:auto;
}

#uberunsfirmenprofil {
float:left;
margin-top:30px;
margin-left:30px;
width:350px;
text-align:justify;
}

#uberunsfirmenprofil img  /* gilt nur fuer das Bild im Container (=LKW) */{
display:block;
margin:auto;
}

#uberunsintergast {
float:right;
margin-top:50px;
margin-right:30px;
width:350px;
text-align:justify;
}

#uberunsintergast img  /* gilt nur fuer das Bild im Container (=Intergast-Logo) */{
display:block;
margin:auto;
}

#produktetext {
float:left;
margin-top:30px;
margin-left:30px;
width:450px;
text-align:justify;
}

#produktebilder {
float:right;
margin-top:50px;
margin-right:30px;
width:300px;
}

#lieferanten {
float:left;
margin-top:40px;
margin-left:30px;
width:600px;
text-align:justify;
}

#lieferantenlogos {
float:left;
margin-top:20px;
margin-left:50px; /* main hat 850px, margin left ist so gross, dass dieser Container dadurch zentriert wird */
width:750px;
/* background-color:#33FF66; */
}

#servicegebiet {
float:left;
margin-top:20px;
margin-left:20px;
width:810px;
}

#servicegebiet img  /* gilt nur fuer das Bild im Container (=Karte mit Servicegebiet) */{
display:block;
margin:auto;
}

#kontakttext {
float:left;
margin-top:60px;
margin-left:30px;
width:450px;
text-align:justify;
}

#kontaktbilder {
float:right;
margin-top:40px;
margin-right:25px;
width:300px;
text-align:justify;
}

#impressum {
float:left;
margin-top:40px;
margin-left:30px;
width:500px;
text-align:justify;
}