/* Reset */

a {

  text-decoration: none;

}

a:visited{}

a:active{}



html, body, .TotalSize {

  height: 100%;

  width: 100%;

}

.AbsoluteCenter {

  vertical-align: middle;

}



body {

  font-family: verdana,tahoma,arial;

  font-size: 10px;

  background-color: #f1e3c1;

  margin: 0px 0px 0px 0px;

  padding: 0px;

}

.clear {

  clear: both;

  height: 1px;

}

.fake-link{

  cursor: pointer;

}

h1, h2, h3, h4, h5, h6, ul, li, a, img, p {

  margin: 0px;

  padding: 0px;

}

ul {

  list-style-type: none;

}



/* Custom Classes */



.padding { padding: 16px;}

.white {

    background-color: #FFFFFF;

    width: 260px;

    height: 10px;

    float: left;

}

.dark {

    background-color: #d3bc8c;

}

h1, h2, h3 {

    font-size: 10px;

    color: #834d4e;

}

h1.top-down {

    margin-top: 1em;

    margin-bottom: 1em;

}

.image-header {

    margin-top: 14px;

    margin-bottom: 14px;

}

.float-left {

    float: left;

}

.mainSite-gallery-top  { margin-top: 3px;  }

.mainSite-gallery-left { margin-left: 3px; }



a, .fake-link { color: #834d4e; }

p, li { color: #6f6f6f; }



/* IMPRESSUM */

#left .impressum p, #right .impressum p { text-align: justify; }



/* PHILOSOPHIE */

.philosophie p { margin-bottom: 15px; }



/* PROJEKTE */

.projekte ul { margin-top: 0px; }

.projekte li { margin-top: 3px;  }

#left .kontakt, #right .kontakt { text-align: center; }



/* KONTAKT */

#middle .kontakt { text-align: left; }

#middle .kontakt label { display: block; margin: 5px 0px; }

#middle .kontakt .normal { width: 240px; }

#middle .kontakt .button {margin-top: 20px; }

#middle .kontakt .error { margin-left: 5px; color: #e5561f; }

#middle .kontakt .success { text-align: center; color: #6dc12b;}



/* FAHRZEUGANGEBOT */

div.angebot { margin-bottom: 7px; height: 83px; }

div.angebot-left-header { border-bottom: 1px solid #834d4d; padding-bottom: 5px; width: 200px; }

div.angebot-left-beschreibung { padding: 5px 0px; border-bottom: 1px solid #834d4d; width: 200px; }

div.angebot-left-preis { width: 190px; color: #834d4e; font-weight: bold; margin-top: 4px; }

div.angebot-left-bild { float: right; }



div.angebot-right-header { margin-left:142px; border-bottom: 1px solid #834d4d; padding-bottom: 5px; width: 200px; }

div.angebot-right-beschreibung { margin-left:142px; padding: 5px 0px; border-bottom: 1px solid #834d4d; width: 200px; }

div.angebot-right-preis { margin-left:142px; width: 200px; color: #834d4e; font-weight: bold; margin-top: 4px; }

div.angebot-right-bild { float: left; }

div.fahrzeuge img.image-header { margin-top: 95px; }



/* POPUPS */

#top-image { margin-top: 20px; text-align: center; }

#thumbnail-container {margin-top: 30px; margin-left: 20px; }

#thumbnail-container li {float: left; margin-left: 20px; }

#thumbnail-container.fahrzeuge { padding-left: 35px; }

#angebot-info {float: left; margin-left: 30px;}



#popup .angebot-header { border-bottom: 0px; }

/* Colours */



/* Allgemeine Positionierung */



#top {

    height: 144px;

    background-image: url(images/basic/logo-geigers-garage.gif);

    background-repeat: no-repeat;

    background-position: 252px 0px;

    margin-bottom: 10px;

}

#Site {

    width: 995px;

    height: 580px;

    margin: auto auto;

}

#middle {

    float: left;

    width: 280px;

}

#content {

    height: 404px;

    background-color: #FFFFFF;

    clear: both;

    text-align: center;

}

#leftContent, #rightContent {

    height: 347px;

    margin-bottom: 20px;

}

#upper-left-corner, #lower-left-corner, #upper-right-corner, #lower-right-corner {

    height: 10px;

    width: 10px;

}



#upper-left-corner  { background-image: url(images/basic/content-corner-upper-left.gif);  }

#upper-right-corner { background-image: url(images/basic/content-corner-upper-right.gif); }

#lower-left-corner  { background-image: url(images/basic/content-corner-lower-left.gif);  }

#lower-right-corner { background-image: url(images/basic/content-corner-lower-right.gif); }



#upper-left-corner,  #lower-left-corner  { float: left;  }

#upper-right-corner, #lower-right-corner { float: right; }



#middle, #right { margin-left: 17px; }

#left, #right {

    float: left;

    width: 338px;

    height: 100px;

}





/* Top Menu */

#TopMenuLeft, #TopMenuRight {

    width: 269px;

    margin-top: 33px;

}

#TopMenuLeft  { float: left;  }

#TopMenuRight { float: right; }





#TopMenuLeft div, #TopMenuRight div { height: 23px;}

#TopMenuLeft div  { float: right; text-align: right; }

#TopMenuRight div { float: left; text-align: left;   }





#TopMenuLeft img, #TopMenuRight img {

    border: 0px;

    margin-top: 7px;

}

#TopMenuLeft img  { margin-right: 26px; }

#TopMenuRight img { margin-left: 26px;  }



.MenuFirst, .MenuSecond, .MenuThird, .MenuFourth {

    border-top: 1px solid #834d4e;

}

.MenuFourth {

    border-bottom: 1px solid #834d4e;

}

.MenuFirst  { width: 257px; }

.MenuSecond { width: 263px; }

.MenuThird  { width: 266px; }

.MenuFourth { width: 269px; }