* {
  margin:0;
  padding:0;
}

html {
  overflow:scroll;
}

html,
body {
  background:#ffffff;
  height:100%;
}

body {
  color:#224400;
  font-size:.84em;
  line-height:1.5em;
  text-align:center;
}

body, h2, h3, h4, h6, div, p, a, table, address{ 
  font-family:Verdana, sans-serif;
}

:focus {
  outline:0;
}

#container {
  position:relative;
  width:760px;
  margin:0 auto;
  text-align:left;
}

#nav { 
  border-bottom:1px solid #444444;
  padding:40px 0 0 0;
  font-size:90%;
  list-style:none;
  margin:0;
  height:29px;
  background-image:url('../images/kunstkahn.png');
  background-repeat:no-repeat;
  background-position: right bottom;
}

#nav li {
  float:left;
  display:inline-block;
  padding:0;
  margin:0;
  letter-spacing:0.08em;
}

#nav span,
#nav a {
  padding:0 10px; 
  margin:0 3px 0 0; 
  text-decoration:none; 
  font-weight:bold;
  display:inline-block;
  height:25px;
  line-height:25px;
}

#nav a:link, 
#nav a:visited,
#nav a:active  {
  color:#226600;
  background:none;
}

#nav a:hover{ 
  color:#ffffff; 
  background-color:#cccc66;
  background-color:#33cccc;
  background-color:#cc6633;
}

#nav span{ 
  color:#ffffff; 
  background-color:#666644;
}

#content {
  width:100%;
  padding:0 0 3em 0;
  margin:50px 0 0 0;
}

.contitem {
  padding:10px 0 60px 0;
}

#footer {
  margin:0;
  padding:15px 0 90px 5px;
  width:100%;
  border-top:1px solid #666;
  text-align:right;
}

p {
  margin:8px 0;
}

p.open {
  margin:0 0 30px 0;
}

p.picbox {
  margin:0 0 30px 0;
}

h2 {
  font-size:1.4em;
  padding-bottom:.5em;
}


h3 {
  font-size:1.3em;
  padding:0 0 5px 4px;
}

h4 {
  font-size:1.1em;
  padding:0;
  margin:0 0 40px 0;
}

h6 {
  font-size:10px;
  line-height:20px;
  padding:0;
  margin:0;
}

li{
  margin:5px 0 5px 20px;;
}


#about {
  padding:0px 230px 30px 5px;
  text-align:justify;
}

img {
  border:0;
  padding:0;
  margin:0;
}

img.flyer {
  border:1px solid #663;
}

.viewer {
  display:block;
  text-decoration:none;
  padding:5px 0 0 0;
  margin:0 0 5px 0;
}

.valid {
  text-decoration:none;
  padding:0 0 0 5px;
}


table {
  border-collapse:collapse;
  background-color:#ffffff;
  width:100%;
  text-align:left;
  line-height:1.4em;
  margin-bottom:200px;
}

th {
  padding:6px 0px 6px 5px;
  text-align:left;
  border:1px solid #777;
  background:#bbc4c4;
  color:#223344;
}

tr.list {
  background-color:#ffffff;
}

tr.list td {
  padding:.6em 8px;
  vertical-align:top;
  border:1px solid #777;
  
}

td.clip {
  text-align:center;
  vertical-align:middle;
}

th.ticon {width:32px;}
#col-0101 {width:150px;}
#col-0102 {width:auto;}

#col-0201 {width:60px;}
#col-0202 {width:auto;}
#col-0203 {width:60px;}
#col-0204 {width:120px;}


a {color:#06a;}
a:active {color:#808;}
a:visited {color:#800;}


.hl {
   color:#024;
   font-weight:bold;
}

.edicon {margin-right:15px;}


#contact {
  width:100%;
  padding:0 5px;
  font-weight:bold;
  color:#025;
}

#contact address {
  font-style:normal;
  line-height:1.9em;
}

#contact form div.label{
  padding:1.2em 0 0 0;
}


.space {
  visibility:hidden;
}

/*******************************************************
about me
*******************************************************/

#resheader {
  padding-bottom:25px;
}


#resume {
  width:480px;
}


#resume td {
  font-family:Verdana;
  text-align:left;
  vertical-align:top;
}


td.resempty {
  padding:30px 0 0 6px;
}


td.sectitle {
  width:230px;
  font-size:.9em;
  line-height:25px;
  font-weight:bold;
  padding:5px 0 3px 6px;
  color:#882200;
}


td.rescontent {
  border-top:1px solid #999999;
  padding:9px 0 9px 6px;
}





#gallery {
  width:120px;
  position:absolute;
  right:0;
}

img.topright {
  margin:.5em 0 1em 2em;
}

img.bottomleft {
  margin:.5em 2em .5em 0;
}

br.empty {}