/* CSS fuer moritz-dachbau.de */

/* Wichtige Farben
Rot   =     #b01018
Blau  =     #2050c0
Grau  =     #99aabb
*/

html, body, div, p, h1, h2, h3, ul, li, span, a, table, td, form, img 
{
   margin: 0;
   padding: 0;
   font-family: Verdana, Arial, sans-serif;
}

h1
{
   font-size:        x-large;
   text-align:       center;
   padding-bottom:   20px;
}

h3
{
   font-size:        large;
   padding-top:      10px;
   padding-bottom:   10px;
}

h4
{
   font-size:        medium;
   padding-top:      5px;
   padding-bottom:   5px;
}

input
{
   background-color: #ccddee;
   margin-left:   20px;
   margin-right:  20px;
   margin-top:    3px;
   margin-bottom: 3px;
   vertical-align: middle; 
}

textarea
{
   background-color: #ccddee;
   margin-left:   20px;
   margin-top:    3px;
   margin-bottom: 3px;
   vertical-align: middle; 
}

input:focus
{
   background-color: #ccddee;
}

textarea:focus
{
   background-color: #ccddee;
}

/* Fettschrift */
strong
{
   font-weight: bold;
}

body 
{
   background-image: url(/Img/body_bg.gif);
   font-size:        101%;
   height:           100%;
   position:         relative;
}

a        
{
   xtext-decoration: none;
   color: black;
}
a:hover  
{
   color: #2050c0;
}


/* ### Kopfzeile - Header #####################################  */

table.headerZeile
{
   padding-top:         10px;
   left:                10px;
   width:               95%;
}

td.headerLogo
{
   width:               180px;
}

td.headerAdresse
{
   text-align:          center;
   font-size:           small;
   font-weight:         bold;

   border-bottom-style: solid;
   border-bottom-color: #b01018;
   border-bottom-width: 4px;
   padding-bottom:      10px;
}

td.headerRechts
{
   width:            200px;
   vertical-align:   middle;
}


td.headerMeisterfachbetrieb
{
   border-style:     solid;
   border-color:     #2050c0;
   border-width:     2px;
   background-color: #99aabb;
   padding:          7px;
   color:            white;
   text-align:       center;
   font-size:        x-small;
   font-weight:      bold;
}

/* ### Navigationsleiste ######################################  */
table.naviTop
{
   border-style: none;
}

img.navi
{
   border-style: none;
   vertical-align: middle;
}

table.navi
{
   width:         100%;
   border-style:  none;
   padding-top:   20px;
}

td.navi
{
   font-size:     small;
   font-weight:   bold;
}

td.naviRight
{
   text-align:    right;
}

td.naviLeft
{
   text-align:    left;
}

a.navi
{
   text-decoration: none;
}

/* ### Content ############# */
#content
{
   position:         absolute;
   top:              160px;
   left:             10px;
   right:            10px;
   min-width:        700px;
   width:            95%;
}

p.text
{
   text-align: justify;
   padding-top: 5px;
   padding-bottom: 5px;
}

ul.inhalt
{
   list-style-type: none;
   position: relative;
   right: -50px;
}

.fenster
{
   border: 0px;
}

p.imgUnterschrift
{
   padding-top:      5px;
   padding-bottom:   5px;
   text-align: center;
}

/* ### Kontakt ############# */
img#briefkasten
{
   float:            right;
   width:            140px;
   padding-top:      20px;
   padding-left:     40px;
   padding-right:    40px;
   padding-bottom:   40px;
}

p.kontakt
{
   padding-top: 10px;
   padding-bottom: 10px;
}

p.kontaktSubmit
{
   text-align: left;
   padding-left: 100px;
   padding-bottom: 30px;
}

/* ### Firma ########################################## */

table.firma
{
   width: 95%;
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 20px;
}

td.geschichte
{
   width:            50%;
   padding-top:      20px;
   padding-bottom:   20px;
   padding-left:     20px;
   padding-right:    20px;
   text-align:       center;
}

p.geschichte
{
   text-align: justify;
}

td.mitarbeiter
{
   padding-top:      20px;
   padding-bottom:   20px;
   padding-left:     20px;
   padding-right:    20px;
   text-align:       center;
}

/* ### Angebot ######################################## */
table.angebot
{
   width: 95%;
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 20px;
}
td.angebot
{
   width: 50%;
   vertical-align: top;
}

p.angebot
{
   padding-bottom: 10px;
}

ul.angebot1
{
   list-style-position: inside;
   padding-left: 20px;
}
li.angebot1
{
   font-weight: bold;
}

ul.angebot2
{
   list-style-position: inside;
   padding-left: 20px;
}
li.angebot1
{
   font-weight: normal;
}

img.angebot
{
   float:         right;
   margin:        10px;
   border-style:  solid;
   border-width:  4px;
   border-color:  #2050c0;
}

table.dach
{
   width:            100%;
   padding-top:      10px;
   padding-bottom:   40px;
}
td.dach
{
   width: 50%;
   text-align: center;
   font-weight: bold;
   font-size: medium;
}

td.ruskin
{
   width: 70%
}
p.ruskin
{
   font-size:     medium;
   font-weight:   normal;
   text-align:    center;
   padding:       10px;
}
td.ruskinRechts
{
   width: 30%;
}

/* ### Beurteilung ################ */

table.beurteilung
{
   width:            95%;
   padding-left:     10px;
   padding-top:      40px;
   padding-bottom:   40px;
}

td.beurteilung
{
   padding-top:      10px;
   padding-bottom:   10px;
   padding-left:     10px;
   padding-right:    10px;

   border-style: solid;
   border-width: 1px;
   border-color: black;
   background-color: orange;
}

td.beurteilungNowrap
{
   white-space: nowrap;
}

input.beurteilung
{
   background-color: orange;
}
textarea.beurteilung
{
   background-color: white;
}
input.beurteilungSubmit
{
   background-color: white;
}

p.beurteilung
{
   padding-bottom: 20px;
}

/* ### Baustoffe ###################################### */

p.rechteSeite
{
   float:            right;
   padding-right:    120px;
   padding-left:     20px;
   padding-top:      20px;
   padding-bottom:   20px;
   text-align:       center;
}


table.baustoffe
{
   width:            100%;
   padding-top:      20px;
   padding-bottom:   20px;
}
td.baustoffe
{
   width:            25%;
   text-align:       right;
   padding-top:      10px;
   padding-bottom:   10px;
   padding-left:     10px;
   padding-right:    10px;
}

td.fassade
{
   width: 50%;
   text-align: center;
}

td.dachformen
{
   width: 33%;
   text-align: center;
}

/* ### Referenzen #################################### */
table.referenzen
{
   width: 100%;
   border-style: none;
}
td.referenzen
{
   width: 50%;
   border-style: none;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
   vertical-align: bottom;
}
h1.referenzen
{
   margin-bottom: 80px;
}
p.referenzen
{
   text-align: justify;
   padding-top: 10px;
   padding-bottom: 10px;
}
img.referenzen
{
   xmargin: 10px;
}


/* ### Links ########################################## */
table.links
{
   width:            95%;
   padding-left:     10px;
}
td.links
{
   width:            50%;
   vertical-align:   top;
   padding-left:     20px;
   padding-right:    20px;
   
   font-size:        small;
   font-weight:      bold;
}
td.linksRechts
{
   text-align:       right;
}

li.links
{
   list-style-type:  none;
   padding-bottom:   10px;
   padding-top:      10px;
}

img.links
{
   border-width:     4px;
   border-color:     #2050c0;
   margin: 	         10px;
   vertical-align:   middle;
}

img:hover.links
{
   border-color:     #b01018;
}

a.links
{
   font-size:        small;
   font-weight:      bold;
   text-decoration:  none;

}

a:hover.links
{
   color:            #000000;
}

/* ### index.html ################################################## */

li.index
{
   list-style-type:  none;
   padding-bottom:   15px;
   padding-top:      15px;
}

/* ### Moritz huepft (Mitte) ##################################### */

a#mitte
{
   position:		      absolute;
   display:		         block;
   top:                 40%;
   left:                45%;
   width: 		         120px;
   height: 		         150px;
   background-image: 	url(/Img/moan-leer-120.gif);
   background-repeat:   no-repeat;
   background-position: 0px 0px;
   border-style:        none;
}

a:hover#mitte
{
   background-image: 	url(/Img/moan-huepf-120.gif);
}


/* ### Fusszeile - Footer #####################################  */

table.footer
{
   width:            95%;
   background-color: #99aabb;
   border-style:     solid;
   border-width:     2px;
   border-color:     #2050c0;
   padding: 0px;
}

td.footerLogo
{
   padding: 0px;
   width:120px;
   background-color: white;
}

img.footerLogo
{
   border-style:     none;
   border-width:     0px;
}

img.footerHuepf
{
   float:            right;
   padding-right:    30px;
   width:            50;
}

p.footerText
{
   padding-top:      10px;
   padding-bottom:   10px;
   vertical-align:   middle;
   text-align:       center;
   font-size:        small;
   font-weight:      bold;
   color:            white;
}