html {margin: 0px; padding: 0px;}

body {background: #FFFFFF url(../img/bg_silver.jpg) repeat-x center top; margin: 0px; padding: 0px;}

table, td, tr {font-family: arial, verdana; color: #333333; font-size: 11px;
border: 0px; vertical-align: top; border-collapse: collapse; border-spacing: 0px;}

h1 {font-weight: bold; font-size: 14px; color: #000000; margin: 0px 0px 10px 0px;}
h2 {font-weight: bold; font-size: 14px; color: #000000; margin: 0px 0px 0px 20px; text-align: left;}

img {border: 0px;}

.overall {width: 743px; margin: 10px 0px 5px 0px;}

/* =============================== HEADER SECTION =============================== */
.header {background: url(../img/header.gif) left top no-repeat; height: 101px; padding: 0px; text-align: right; vertical-align: bottom;}
ul {margin: 0px; margin: 0;}
#navlist li {display: inline; list-style-type: none; padding-right: 10px; margin: 0px; margin: 0;}
/* english/deutsch option at the very top of the site */
#lang-choices {font-weight: bold; margin: 0px 10px 0px 0px;}
a.nav:link {text-decoration: none; color: #000000;}
a.nav:visited {text-decoration: none; color: #333333;}
a.nav:hover {text-decoration: underline; color: #666666;}
a.nav:active {text-decoration: none;}

.m-index {background: #DDE5FC url(../img/wallpaper1.jpg) left top no-repeat; height: 457px; padding: 20px 375px 20px 20px;}
.m-about {background: #EEEEEE url(../img/wallpaper2.jpg) left top no-repeat; height: 457px; padding: 20px 175px 20px 20px;}
.m-info {background: #EBF0D9 url(../img/wallpaper3.jpg) left top no-repeat; height: 457px; padding: 20px 250px 20px 20px;}
.m-contact {background: #F7F7F7 url(../img/wallpaper4.jpg) left top no-repeat; height: 457px; padding: 20px 175px 20px 20px;}
.m-school {background: #FFFFFF url(../img/wallpaper5.jpg) left top no-repeat; height: 457px; padding: 20px;}
.m-upgrade {background: #FAFBFD url(../img/wallpaper6.jpg) left top no-repeat; height: 457px; padding: 20px;}
.m-port {background: #FDFDFD url(../img/wallpaper7.jpg) left top no-repeat; height: 457px; padding: 20px;}
.m-port-blank {background: #FDFDFD url(../img/wallpaper8.jpg) left top no-repeat; height: 457px; padding: 20px 0px 0px 0px; text-align: center;}

/* =============================== ABOUT ME PAGE =============================== */
.cv-col {padding: 0px 5px 0px 0px; width: 75px;}
.iframe-cv {border: 0px; margin: 0px; padding: 0px; width: 380px; height: 380px;}

/* =============================== SCHOOL PAGE =============================== */
#navlist2 {margin-left: 0; padding-left: 0; list-style: none;}
#navlist2 li {list-style-type: none; padding: 5px 0px 5px 0px; margin: 0;}
#navlist3 {margin-left: 0; padding-left: 0; /*list-style: none;*/}
#navlist3 li {padding-left: 30px; background: url(../img/bullet1.gif) no-repeat 10 5;}
#scroll {overflow: auto; width: 335px; height: 360px; padding: 0px 7px 0px 7px;}

.field {width: 225px; border: 1px solid #666666; padding: 2px; font-family: arial, verdana; color: #333333; font-size: 11px;}
textarea {width: 225px; border: 1px solid #666666; height: 275px; padding: 2px; font-family: arial, verdana; color: #333333; font-size: 11px;}

.footer {background: url(../img/footer.gif) left top no-repeat; height: 34px; padding: 5px 10px 0px 0px; text-align: right;}

a:link {text-decoration: underline; color: #333333;}
a:visited {text-decoration: underline; color: #000000;}
a:hover {text-decoration: none; color: #999999;}
a:active {text-decoration: none;}