/*  Reset Styles  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html                  {  height:101%; }

header                {  width:80%; z-index:9; top:0; left:10%; position:absolute;                    }

header h1>a           {  width:326px; height:80px; background: url(../img/lermer-schreiner.png) no-repeat; 
                         text-indent:-9999px; display:block; position:absolute; margin:220px auto; }
                       
header h1>a:hover     {  background:url(../img/lermer-schreiner_hover.png) no-repeat; }

footer                {  width:100%; border-top:1px solid #aaa; color:#888; margin:50px auto; }

nav                   {  width:100%; height:190px;
                         margin:0px auto; text-align:center; }                              
ul.menu               {  list-style-type:none; display: inline-block; width:100%; margin:45px auto;}
ul.menu li            {  display:block; float:left; text-transform:uppercase; }

ul.menu li a:link, a:active, a:visited 
                      {  text-transform: small-caps; font-size:1.5em; }

a                     {  text-decoration:none; color:#888; }
a:hover               {  color:#0099FF; }                      

#patch                {  width:412px; height:500px; top:0; right:0; position:absolute; z-index:-10;
                         background: transparent url(../img/background.png) top right no-repeat;                           }

#home   { margin-top:320px;
          width:399px;
          margin-left: 0px; }
#content { margin: 5.5em 0; }

                         
#wrapper              {  width:80%; margin:0 auto; z-index:1; }                         

#disclaimer           {  margin:4em 0; font-size:75%; }

.highlight            {  margin:0; background:#000; font-size:165%; font-weight:normal; text-align:center; color: #ccc; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.contact h2 {
    margin-bottom: 10px;
    padding-top: 20px;
}

.contact strong {
    padding: 5px 0;
    font-size: 24px;
    margin-bottom: 20px;
}

.contact p {
    line-height: 1.6;
    font-size: 18px;
}

/*  Main Styles  */
body {
 font-family: Arial, sans;
 font-size: 20px;
 background:#ccc url(../img/horizontal_background.jpg) top left repeat-x;
}


h1, h2, h3, h4 {
 font-family: Arial, sans;
 text-transform:uppercase;
 font-weight:bold;
 text-align: left;
 line-height:1em;
}

h1 {
 font-size: 3.5em;
}

h2 {
 font-size: 2.0em;
}

h3 {
 margin-top:2em;
}


p {
 font-size:75%;
 margin-top: 10px;
}

section {
  
}


article {
  
  }

article p { text-align:justify; }
  
.col2     { width:48%; min-width:320px; }

.spacer { display:block; min-height:100px; }

article p strong { color: #111; font-weight:bold; }

form { clear:both; }

figure { text-align:center; }
.clear                  {  clear:both;                                                                              }
.left                   {  float:left;                                                                              }
.right                  {  float:right; }

.frm_header             {  font-weight:light; text-transform:uppercase; font-size:75%; margin-top:15px; }
.frm_spmscr             {  display:none; visibility:hidden; }
.pflichtfeld            {  margin-left:3px; color:#e00; }
 input[type="text"],
 input[type="email"],
 input[type="phone"]     {  padding:0.5em 0.5em; width:100%; min-width:320px; background:#dcdcdc; border:1px solid #ddd; color:#333; }
 input[type="submit"]    {  text-transform:uppercase; padding:0.5em 0.5em; background:#dcdcdc; border:1px solid #ddd; color:#333; 
                            padding:0.5em; text-align:center; color:#11111; cursor:pointer; font-size:100%;
                            }
 input[type="submit"]:hover
                              {  color:#111111; background:#0099FF; border:1px solid #0099FF; }
 textarea[name="frm_nachricht"]  
                              {  padding:0.5em 0.5em; width:95%; min-width:320px; height:215px; background:#dcdcdc; color:#333; border:1px solid #ddd;}


/* ************************************************************************************************************************************
   Fuer Handys
   ************************************************************************************************************************************ */
   
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
/* Styles */

.left, .right         {  clear:both; margin:0 auto; }

}

@media only screen 
and (min-width: 480px) 
and (max-width: 599px) {

.left, .right         {  clear:both; margin:0 auto; }

}

/* ************************************************************************************************************************************
   Fuer Tablets
   ************************************************************************************************************************************ */

@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 800px) {


}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 800px) 
and (orientation : landscape) {
/* Styles */

                                     
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 600px)
and (max-device-width : 800px) 
and (orientation : portrait)  {
/* Styles */

.left, .right         {  clear:both; margin:0 auto; }

}