<!-- main style sheet
/* passed validation 090428 */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#eee; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden;
  }
#header1 {
  position:absolute;
  top:0; 
  left:0; 
  width:33%; 
  height:60px; 
  overflow:hidden; 
  background:#c0c0c0;
  color:#000000;
  text-align: center;
  vertical-align: middle;
  }
#header2 {
  position:absolute; 
  top:0; 
  left:33%; 
  width:35%; 
  height:60px; 
  overflow:hidden; 
  background: #b0c4de;
  color: #00008b;
  text-align: center;
  vertical-align: middle;
  }
#header3 {
  position:absolute; 
  top:0; 
  left:67%; 
  width:33%; 
  height:60px; 
  overflow:hidden; 
  background:#dda0dd;
  color: #b22222;
  text-align: center;
  vertical-align: middle;
  }
#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:50px; 
  overflow:auto; 
  text-align:center; 
  background:#000000;
  color:#FFFF00;
  padding:5px 0 0 0;
  font-size: small;
  font-family: arial, sans-serif;
  }
#contents {
  position:fixed; 
  top:60px;
  left:140px;
  bottom:50px; 
  right:0; 
  overflow:auto; 
  background:#fff;
  padding:20px;
  }
#toc {
   position:fixed;
   top:60px;
   left:0;
   bottom:50px;
   width:120px;
   background:#dda0dd;
   height:100%;
   padding:10px;
   font-family: arial, sans-serif;
   }
#model {
	background: #dda0dd;
	color: #b22222; 
	padding: 5px;
	font-family: sans-serif;
	text-align: center;
	}
#foto {
	color: #00008b; 
	background: #b0c4de;
	padding: 5px;
	font-family: sans-serif;
	text-align: center;
	}
#props {
	color: #000000; 
	background-color: #c0c0c0;
	padding: 5px;
	font-family: sans-serif;
	}
#main {
    color: #000000;
	background: #f0f8ff;
	font-family: arial, sans-serif;
	text-align: left;
	margin: 20px 150px 0 150px;
	font-size: big;
	}

/* common headlines */
h1 {
	text-align:center;
    vertical-align:middle;
	font-family: sans-serif
	}
h2 {
	text-align:center;
    vertical-align:middle;
	font-family: sans-serif
	}
h3 {
	text-align:left;
    vertical-align:middle;
	font-family: sans-serif
	}
h4 {
	text-align:center;
    vertical-align:middle;
	font-family: sans-serif
	}
h5 {
	text-align:center;
    vertical-align:middle;
	font-family: sans-serif
	}

/* for internet explorer */
* html body {
  padding:120px 0 50px 0; 
  }

* html #contents {
  height:100%; 
  width:100%; 
  }

/* Link class colors */
.model { background: #dda0dd; color: #b22222;  font-family: sans-serif; 	}
hr.model { color: #b22222; height: 1px; width: 80%; text-align: center; }
td.model { width: 266px; text-align: center; vertical-align: center; }
td.model2 { width: 133px; font-weight: bold; text-align: right; }
td.model3 { width: 133px; text-align: left; padding-left: 4px; }
a.model:link { color: #b22222; text-decoration: none; font-weight: bold; }
a.model:active { color: #dda0dd; text-decoration: none; }
a.model:visited { color: #b22222; text-decoration: none; }
a.model:hover { color: #b22222; text-decoration: underline; }
a.model2:link { color: #b22222; text-decoration: underline; }
a.model2:active { color: #dda0dd; text-decoration: underline; }
a.model2:visited { color: #b22222; text-decoration: underline; }
a.model2:hover { color: #b22222; text-decoration: none; }

a.foto:link { color: #00008b; text-decoration: none; }
a.foto:active { color: #b0c4de; text-decoration: none; }
a.foto:visited { color: #00008b; text-decoration: none; }
a.foto:hover { color: #00008b; text-decoration: underline; }
a.foto2:link { color: #FF0080; text-decoration: none; font-size: x-large; }
a.foto2:active { color: #FF0080; text-decoration: none; font-size: x-large; }
a.foto2:visited { color: #FF0080; text-decoration: none; font-size: x-large; }
a.foto2:hover { color: #FF0080; text-decoration: underline; font-size: x-large; }

td.props { padding: 5px; text-align: center; vertical-align: center; }
img.props { width: 100px; height: 100px; border: 0px; }
p.props { margin-left: 150px; margin-right: 150px; text-align: center; color: #ff0000; }
p.props2 { text-align: center; }
h4.props { color: #ff0000; }
a.props:link { color: #000000; text-decoration: none; }
a.props:active { color: #c0c0c0; text-decoration: none; }
a.props:visited { color: #000000; text-decoration: none; }
a.props:hover { color: #000000; text-decoration: underline; }

a.footer:link { color: #FFFF00; text-decoration: none; }
a.footer:active { color: #000000; text-decoration: none; }
a.footer:visited { color: #FFFF00; text-decoration: none; }
a.footer:hover { color: #FFFF00; text-decoration: underline; }

a.main:link { color: #FFFF00; text-decoration: none; }
a.main:active { color: #000000; text-decoration: none; }
a.main:visited { color: #FFFF00; text-decoration: none; }
a.main:hover { color: #FFFF00; text-decoration: underline; }
a.main2:link { color: #FF0000; text-decoration: none; }
a.main2:active { color: #000000; text-decoration: none; }
a.main2:visited { color: #FF0000; text-decoration: none; }
a.main2:hover { color: #FF0000; text-decoration: underline; }

img.port { text-align: bottom; border: 0; width: 100px; height: 149px; }
img.port2 {  width: 67px; height: 90px; border: 0px; }
img.port3 {  width: 90px; height: 67px; border: 0px; }
td.port { text-align: center; vertical-align: middle; }
td.port2 { vertical-align: middle; text-align: center; width: 100px; height: 100px }
td.port3 { width: 39px; height: 39px; }
td.port4 { background-image: url(http://www.stylefoto.com/stylefoto.com/images/horiz.jpg); }
td.port5 { background-image: url(http://www.stylefoto.com/stylefoto.com/images/vert.jpg); }
td.port6 { text-align: center; vertical-align: middle; width: 500px; height: 500px; }
td.port7 { background-color: #800000;text-align: center; vertical-align: middle; width: 400px; height: 400px; }

.bigred { font-size: x-large; color: #ff0080; text-decoration: underline; }

--->