body {
   font-family: Verdana, sans-serif;
   font-size: small;
   background: #020C1A;
   
}

h1 {
   font-family: Georgia, serif;
   margin: 0;
   padding: 75px 0 0 300px;
   color: #0F77FF;
}

h3 {
    margin: 30px 0 0 20px;
    font-family: Georgia,serif;
    color: #0F77FF;
}

h2 {
   margin: 0;
   padding: 60px 0 10px 280px;
   font-family: Georgia,serif;
   color: #0F77FF;
}

/*---------LAYOUT---------------------*/

#wrap{
    background: #FBFBFB;
    width:780px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}

#header {
    border-bottom: 1px solid #000000;
    background: #FFE6CD;
   }

#header img {
    float: left;
    margin: 15px 15px 0 30px;
    border: none;
    
}

#header h1 {
    margin: 0;
    padding: 75px 25px 50px 200px;
     font-size: 300%;
 }

/*---------NAVIGATION---------------------*/


#navbar {
    float: left;
    width: 740px;
    margin: 0;
    padding: 10px 0 0 40px;
    list-style: none;
    background: #041E40;
       
}

#navbar ul {
     margin: 0 0 0 85px;
     list-style: none;
}

#navbar li{
    float: left;
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    font-family: Georgia, serif;
    font-size: 180%;
    text-align: center;
    
}

#navbar a {
    float: left;
    display: block;
    margin: 0;
    padding: 8px 8px 8px 8px;
    color: #000000;
    text-decoration: none;
    background: #E0E0E0 url(images/off_bg.gif) repeat-x top left;
}

#navbar a:hover, body#home #t-home a, body#vitapruf #t-vitapruf a, body#news #t-news a, body#feedback #t-feedback a, body#contact #t-contact a{
    color: #000000;
    padding-bottom: 8px;
    border-color: #000000;
    background: #C3DDFF;
}



/*---------CONTENT---------------------*/

#content {
    background: #E3EFFF url(images/bkground.gif) repeat-x top left;
    font-size: 110%;
}
p.return {
     margin: 0;
     padding: 10px 0 20px 340px;
}

p.return a:link {
     color: #0F77FF;
}

p.return a:visited {
     color: #0F77FF;
}

p.return a:hover {
     color: #999999;
}

/*---------FOOTER---------------------*/

#footer {
    position: relative;
    width: 760px;
    height: 70px;
    margin: 0;
    padding: 10px 0 0 20px;
    background: #041E40;
}


#footer p{
     float: left;
     width: 30%;
     padding: 0 0 40px 0;
     font-size: 90%;
     color: #FFFFFF;
}

#footer ul {
     margin: 5px 15px 0 0;
}

#footer li{
     float: right;
     list-style: none;
     margin: 0;
     padding: 0 10px 0px 0;
     font-size: 110%;
     color: #FFFFFF;
}

#footer a {
     display: inline;
     color: #FFFFFF;
}

p {
   margin: 0 20px 0 20px;
}

.first {
    padding: 70px 0 0 0;
}

/*---------INDIVIDUAL PAGES---------------------*/

/*---------NEWS--------------------*/

#newsuc {
     font-size: 200%;
     margin: 0 0 0 180px;
}

#ll {
    margin: 0 0 0 100px;
    
}

#news h2 {
     font-size: 200%;
     margin: 0 0 10px 18px; 
}

#news h3 {
     font-size: 150%;
     color: #00425E;
     margin: 0 0 0px 0px; 
}

#pictureWrapper {
    float: right;
    margin: 0 20px 0 10px;
}

#maincontent {
      margin: 0 50px 50px 50px;
}

#maincontent p {
      margin: 10px 0 40px 0;
}

#maincontent a {
    font-weight: bold;
    text-decoration: none;
    padding: 2px 4px;
    margin: 0 0 0 10px;
}

#maincontent a:link {
    color: #00425E;
    border-bottom: #00425E dashed 1px;
}

#maincontent a:hover, #maincontent a:active {
    color: #0F77FF;
    border-bottom: #0F77FF dashed 1px;
}

#maincontent a:visited {
     color: #999999;
     border-bottom: #999999 dashed 1px;
}

#maincontent .back a:visited {
    color: #00425E;
    border-bottom: #00425E dashed 1px;
}

#newsreturn {
     margin: 0;
     padding: 10px 0 20px 270px;
}

#newsreturn a:link {
     color: #0F77FF;
     border-bottom: none;
}

#newsreturn a:visited {
     color: #0F77FF;
}

#newsreturn a:hover {
     color: #999999;
}

/*---------INDEX---------------------*/

#vita {
    width: 760px;
    padding: 10px 0;
}

#vita dl {
    overflow: auto;
    width: 720px;
    margin: 10px 20px;
    padding: 0;
}

#vita dt { 
    float: left;
    margin: 0;
    padding: 0;
}

#vita dt.img img {
float: left;
margin: 0 15px 0 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #FFFFFE;
}

#vita dd {
    margin: 0;
    padding: 0;
}
 
/*---reverse float----*/

#vita .alt dt {
    float: right;
    margin: 0 0 0 10px;
}

#vita .alt dd.img img {
    float: right;
    margin: 0 0 8px 0;
}

/*---fine tuning----*/

#vita img.logo {
    float: right;
    margin: 10px 10px 10px 10px;
}

#vita img.bsi {
    float: right;
    margin: 10px 150px 10px 10px;
}

#vita dd.logo {
    float: right;
}

#vita dd.para {
    margin: 30px 0 0 0;
}

#vita dd.pararight {
    margin: 10px 0 0 0;
}

/*---------VITAPRUF---------------------*/

#vitap {
    width: 760px;
    padding: 10px 0;
}

#vitap dl {
    float: left;
    
    margin: 10px 20px;
    padding: 0;
    display: inline; /*fixes IE/Win double margin bug*/
}

#vitap dt {
    float: left;
    width: 400px;
    margin: 0;
    padding: 0;
    font-size: 100%
}

#vitap dd {
    margin: 0 0px 0 0;
    padding: 0;
}

#vitap dt.img img {
    float: left;
    margin: 0 35px 0 70px;
    padding: 4px;
    border: 1px solid #D9E0E6;
    border-bottom-color: #C8CDD2;
    border-right-color: #C8CDD2;
    background: #FFFFFE;
}

#vitap img.dive {
    float: left;
    margin: 10px 10px 10px 0;
    padding: 4px;
    border: 1px solid #D9E0E6;
    border-bottom-color: #C8CDD2;
    border-right-color: #C8CDD2;
    background: #FFFFFE;
}

/*reverse float*/

#vitap .alt dt {
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
}

#vitap .alt dt.img img {
    float: right;
    margin: 0 40px 0 0;
   }

/*---fine tuning----*/

#vitap dd.para {
    margin: 30px 0 0 30px;
    letter-spacing: .5px;
}

#vitap dd.pararight {
    margin: 0px 30px 0 0;
}

#vitap dd.paraleft {
    margin: 0 0 0 0;
}

#vitap .play {
    float: right;
    margin: 0;
    padding: 4px;
    border: 1px solid #D9E0E6;
    border-bottom-color: #C8CDD2;
    border-right-color: #C8CDD2;
    background: #FFFFFE;
}

/*---------MAILUS---------------------*/



#mailus li {
    display: inline;
    list-style: none;
    font-size: 110%;
}

#names {
    margin: 30px 0 10px 215px;
    padding: 0 0 30px 0;
}

address {
     margin: 50px 0 0 50px;
     font-style: normal;
     font-weight: bold;
     font-size: 120%;
     color: #0F77FF;
}

#names ul li a:link {
     color: #0F77FF;
}

#names ul li a:visited {
     color: #0F77FF;
}

#names ul li a:hover {
     color: #999999;
}

ul.sal {
     margin: 30px 0 0 60px;
}

li.sim {
     margin: 9px;
}

li.al {
     margin: 23px;
}

li.aar {
     margin: 26px;
}

li.chr {
     margin: 26px;
}

li.ste {
     margin: 12px;
}



/*---------FEEDBACK---------------------*/

#feedback h2 {
       font-size: 210%;
}

#myform {
    float: right;
    margin: 20px 200px 20px 0;
}

.vitaform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

#name, #emailaddress, #telephone, #fax, #comments {
         border: 1px solid #041E40;
         background: #E0E0E0;
}

.vitaform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.vitaform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.vitaform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#feedback .warning {
    font-weight: bold;
    color: #CD0000;
}

#feedback .thanks {
    color: #0F77FF;
}

#submit {
    margin-left: 75px;
}