body,table { 
   font-size: 10pt; 
   line-height: 12pt; 
}

body { 
   background-color: #d0d0d0;
   text-align: center;
   margin: 0px 0px 0px 0px;
   font-family: Arial,serif;
   color: black; 
}

#phoama { 
   position: absolute;
   width:    951px;
   height:   581px; 
   top:      50%;
   left:     50%;
   margin-left: -475px;
   margin-top:  -290px;
   background-repeat: no-repeat;
   background-color:  #ffffff;
   color:  black;
}



#box_body, #box_header { 
   position: absolute;
   margin: 0 auto;
   left:   200px;
   width:  730px;
}


#box_body {
   top:     115px; 
   height:  460px;
   text-align: center;
   overflow: auto;
   border: solid 0px red;
}

#box_construct {
   position: absolute;
   top:    70px;
   left:   450px; 
   width:  300px; 
   height:  40px;
   text-align: center;
   font-size: 17px;
}

#box_header {
   margin:    1px;
   left:   195px;
   top:      20px; 
   height:   90px;
}


#box_facts { 
   position: absolute;
   top: 50px;
   left: 170px;
   z-index: -1;
   color: white;
   font-size: 9px;
   background-color: transparent;
}
#box_facts ul { 
   line-height: 1em;
}

p,h1,h2,h3,h4,h5,h6 { 
   margin: 0px 0px 0px 0px; 
}


.title { 
   font-size: 11pt; 
   color: black;
   text-transform: uppercase;
}
h1 { 
   font-size:   13pt; 
   line-height: 22pt;
   font-weight: normal;
   text-decoration: underline;
   font-style: italic;
}
h1.error { 
   font-size:   20pt; 
   line-height: 22pt;
   font-weight: normal;
   text-decoration: none;
   font-style: normal;
   font-weight: bold;
   text-align: center;
}
h2 { 
   font-size:   13pt; 
   font-weight: bold;
}
h3 { 
   font-weight: bold;
   font-size:   10pt; 
}
h3.agb {
   padding-top: 1em;
}



/* ------------------------------------------------------------- */
/* Impressum                                                     */
/* ------------------------------------------------------------- */

p.impress1 { 
   text-align: justify;
   font-size: 12px;
}
p.impress2 { 
   text-align: justify;
   font-size: 10px;
}
p.stand,p.stand2 { 
   text-align: justify;
   font-size: 10px;
   width: 95%;
   font-style: italic;
   text-align: right;
}
p.stand { 
   margin-top: 2em;
}
p.agb, p.recht { 
   text-align: justify;
   padding-right: 10px;
   font-size: 12px;
}

table.mayerhofer { 
   width: 99%;
   background-color: #e0e0e0;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   padding: 5px;
}

a.impress {
  color: black;
  text-decoration: none;
  font-size: 12px;
}


/* ------------------------------------------------------------- */
/* Page-Content (Title + Content)                                */
/* ------------------------------------------------------------- */

#box_title, #box_text, #box_contact, #box_footer, #box_footer_index { 
   position:   absolute;
   background-color: white;   
   vertical-align: middle;
   border: 1px solid black;
}


#box_title, #box_text, #box_footer, #box_footer_index { 
   right: 1px;
}

#box_title, #box_footer, #box_footer_index {
   top:      25px;
   height:   20px;
   width:   650px;
   text-align: center;
   padding-top: 1px;
}
#box_footer, #box_footer_index {
   top:        410px; 
   height:     40px;
   text-align: center;
   border:     solid 0px red;
   font-size: 8pt; 
   background-color: transparent;
}
#box_footer_index {
   left: 154px;
   width: 573px;
}



p.header { 
  text-align: right;
}

#box_text { 
   top:         55px;
   height:     350px;
   width:      650px;
   text-align: left;
   padding:    0px;
}
#box_texti,#box_texti_nav { 
   position: absolute;
   left: 10px;
   width: 630px;
   padding: 0px;
   overflow: auto;
}
#box_texti, #box_textiv { 
   top: 10px;
   height: 330px;
}
#box_textiv { 
   display: table;
   vertical-align: middle;
   text-align: center;
   height: 100%;
   width: 100%;
}
div.vcenter, p.vcenter{ 
   display: table-cell;
   vertical-align: middle;
}
#box_texti_nav { 
   top: 35px;
   height: 265px;
}




#box_contact { 
   left: 230px;
   top:  70px;
}
#box_vcard { 
   position: absolute;
   border: solid 0px red;
   bottom: 10px;
   width: 100%;
   text-align: center;
}

p.box_title { 
   font-size: 15pt; 
   color: black;
   margin-top: 7px;
   height: 80%;
   text-transform: uppercase;
}
ul.foto { 
   text-align: left;
   left: 10px;
   list-style-type: disc;
   margin-top: 2px;
   margin-bottom: 2px;
   /* list-style-image:url('images/dot_orange.gif'); */
}
ul { 
   text-align: left;
   left: 10px;
   line-height: 17px;
   /* list-style-image:url('images/dot_orange.gif'); */
}
ul.marketing { 
   text-align: left;
   line-height: 1.2em;
   margin-top: 4px;
   margin-bottom: 6px;
}


.blocks { 
   text-align: justify;
   padding: 0px;
}




/* ------------------------------------------------------------- */
/* Links                                                         */
/* ------------------------------------------------------------- */

A {
  font-size : 13px;
  text-decoration: none;
  color: #0000a0;
}
A:Visited {
  font-size : 13px;
}
A:Active {
  font-size : 13px;
}
A:Hover {
  color: #8080ff;
  text-decoration: underline;
}


a.text { 
  font-size: 9pt;
  color: black;
  text-decoration: underline;
}
a.text:Hover {
  color: #0000ff;
}


/* ------------------------------------------------------------- */
/* Footer + Impressum                                            */
/* ------------------------------------------------------------- */

#footer_impress { 
   position: absolute;
   right: 1px;
   bottom: 1px;
}

table.footer { 
   padding: 0px;
   border: 0pt;
   border-spacing: 0px;
   margin: 0px;
   font-size: 8pt; 
}


.motto { 
  font-size: 12pt;
  font-style: italic;
  font-weight : bold;
}

a.impress_footer, a.nav_int {
  color: black;
  text-decoration: none;
  font-size: 11px;
}
a.nav_int, span.nav_int{
  color: #808080;
  text-decoration: none;
  font-size: 11px;
}




/* ------------------------------------------------------------- */
/* Start (index.html)                                            */
/* ------------------------------------------------------------- */
#start_logo {
   position: absolute;
   top: 109px;
   right: 0px;
   /* left: 154px; */
   /* left: 165px; */
}


/* ------------------------------------------------------------- */
/* Photography                                                   */
/* ------------------------------------------------------------- */
#box_foto_motto { 
   position: absolute;
   top: 5px;
   width: 99%;
   text-align: center;
   font-weight: normal;
}
p.foto_motto { 
   text-align: left;
}

#box_foto_text { 
   position: absolute;
   top: 80px;
   width: 325px;
   left: 10px;
}
#box_image { 
   left:       340px;
   top:        125px;
   width:      280px;
   height:     200px;
   position:   absolute;
   text-align: left;
   background: transparent;
}



/* ------------------------------------------------------------- */
/* Kontakt                                                       */
/* ------------------------------------------------------------- */

table.kontakt { 
   background-color: #ffffff;
   padding: 1px;
   height: 250px;
   width: 300px;
   /* background-image: url(images/Stein_1.gif); */
}

td.kontakt1 { 
  font-size : 13px;
  font-weight : bold;
  vertical-align: top;
}
td.kontakt2 { 
  font-size : 13px;
  text-align: center;
}


table.kontaktform { 
   background-color: #ffffff;
   border-spacing: 5pt;
   padding: 1px;
}

table.kontaktform td { 
  font-size : 13px;
  font-weight : bold;
  vertical-align: top;
}




/* ------------------------------------------------------------- */
/* Maketing                                                      */
/* ------------------------------------------------------------- */
table.marketing { 
   padding: 5px;
   width: 610px;
   border-spacing: 5pt;
   /* border: 0px solid black; */
}
table.marketing td.col1 { 
   width: 170px;
   vertical-align: top;
   background-color: #e0e0e0;
   padding: 5px;
   font-weight: bold;
}
table.marketing tr.colspace { 
   height: 20px;
}


/* ------------------------------------------------------------- */
/* Referenz                                                      */
/* ------------------------------------------------------------- */
table.referenz { 
   padding: 5px;
   border-spacing: 10pt;
   height: 98%;
   width: 100%;
}

table.referenz td { 
   padding: 0;
   margin: 10px 0 20px 0;
}

a.ref { 
   font-size : 10px;
}


/* ------------------------------------------------------------- */
/* Ueber mich                                                    */
/* ------------------------------------------------------------- */
table.about { 
   padding: 5px;
   height: 98%;
   width: 95%;
   border-collapse: separate;
   margin-left: auto;
   margin-right: auto;
}

p#content {
  vertical-align: center;
  text-align: center;
}

table.about ul { 
   list-style-type: none;
   margin: 0;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   margin-left: 0px;
   border: 0;
   padding-left: 20px;
}



/* ------------------------------------------------------------- */
/* Internet                                                      */
/* ------------------------------------------------------------- */ 

#box_internet_txt { 
   position: absolute;
   top:   10px;
   width: 100%;
}

/* Auf Wunsch erhalten Sie hochwertige Fotos */
#box_internet_txt_1 { 
   position: absolute;
   left:   0px;
   top:   40px;
   width: 100%;
   text-align: center;
}
#box_internet_img_1 { 
   position: absolute;
   width: 100%;
   top: 65px;
}
#box_internet_img_1a { 
   position: absolute;
   left:   50px;
   top:     40px;
   z-index: 3;
}
#box_internet_img_1b { 
   position: absolute;
   left:     205px;
   top:       20px;
   z-index: 2;
}
#box_internet_img_1c { 
   position: absolute;
   left: 360px;
   top:    0px;
   z-index: 1;
}


/* Bilder Ihrer Firma */
#box_internet_txt_2 { 
   position: absolute;
   left: 0px;
   top: 170px;
   width: 100%;
   text-align: center;
}
#box_internet_img_2 { 
   position: absolute;
   left: 0px;
   top: 190px;
   width: 100%;
   text-align: center;
}


/* Praesentationen Ihrer Produkte */
#box_internet_txt_3 { 
   position: absolute;
   left: 00px;
   top: 330px;
   width: 100%;
   text-align: center;
}
#box_internet_img_3 { 
   position: absolute;
   left: 0px;
   top: 350px;
   width: 100%;
   text-align: center;
}



#box_internet_txt_4 { 
   position: absolute;
   left: 00px;
   top: 510px;
   width: 100%;
   text-align: center;
}


#box_w3c { 
   position: absolute;
   left: 15px;
   bottom: 15px;
   width: 100px;
}
img.w3c_img { 
   border:0;
   width: 44px;
   height: 16px;
}


/* -EOF- */