/*==== This css stylesheet will use the CSS styling tip from
/*==== http://www.alistapart.com/articles/howtosizetextincss
/*==== that sets a baseline and makes the text the same
/*==== size across all browsers. Computations will be 
/*==== provided in comments. ====*/

/*============== The Global Changes =============*/
body{
  margin: 15px auto;
  font: normal normal 100%/1.125em Verdana, Helvetica, Arial, sans-serif; /*16px*1.125em = 18px line-height */
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
}
p{
  font-size: 0.75em; /* 16*0.75=12px */
  color: #000000;
}

/* removes dotted line around links */
a
{
  outline: none;
}

h2 {
    font-size: 14pt;
}
/*============== The sections of the site =======*/

#container {
    width: 700px;
    
}

#header {
    width: 244px;
    height: 98px;
    
    background-image: url(../images/koenig-orderheader.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    
    display: block;
}

#english_title {
    width: 500px;
    border-style: solid;
    border-width: 1px;

    text-align: center;    
}

#deutsch_title {
    width: 500px;
    border-style: solid;
    border-width: 1px;

    text-align: center;    

}

#bottombox {
    width: 600px;
    background-color: #DBE5A6;
}

.outlinedbox {
    border-style: solid;
    border-width: 1px;

}

/*============== Fonts  =================*/

.title {
    font-size: 14pt;
    font-weight: bold;
}

.smalltext {
    font-size: 8pt;
    font-weight: bold;
}