/*-----------------*/
/* Kay-Schaper.com */
/*   17.09.2004    */
/*-----------------*/

/*##############*/
/*BASIC ELEMENTS*/
/*##############*/
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  background: #000000;
  font: 12px verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
p { }
h1 { }
h2 { }
h3 { }
h4 { }
.accesskey { text-decoration: underline; }
:link, :visited { text-decoration: underline; }
:link:focus, :visited:focus { color: #111111; }
:link { color: #000000; }
:visited { color: #111111; }
:link:hover, :visited:hover {
  color: red;
  text-decoration: underline overline;
}
:link:active, :visited:active {
  color:#333333;
  color: green;
}
.int_link, .ext_link, .mail_link {
  background-repeat:no-repeat;
  background-position:right;
  padding-right:12px;
}
.int_link { background-image:url(http://www.kay-schaper.com/css/images/int_link.gif);}
.ext_link { background-image:url(http://www.kay-schaper.com/css/images/ext_link.gif);}
.mail_link { background-image:url(http://www.kay-schaper.com/css/images/mail_link.gif);}
.code {
  overflow: hidden;
  position: relative;
  background-color: #ffffe0;
  color: #888888;
  font: normal 13px courier new, courier, monospace;
  padding: 10px;
}
img {
  border: none;
  text-decoration: none;
}
.shell {
  overflow: hidden;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  font: normal 13px courier new, courier, monospace;
  font-weight: bold;
  padding: 10px;
}
hr {
  height: 1px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #aaaaaa;
  color: #aaaaaa;
}
p,td,th {
  font: 12px verdana, Arial, Helvetica, sans-serif;
}
ul { list-style-type:square; }
.blink {
  text-decoration: blink;
}
/*##############*/
/*LAYOUT BEREICH*/
/*##############*/
#pageContainer {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align:center;
}
#pageHeader {
  background: #000000;
}
#pageContent {
  position: absolute;
  top: 149px;
  left: 0;
  background: #ffffff;
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 400px;
  padding: 20px 0;
}
#pageFooter {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
  padding: 0;
  margin: 0;
  width: 100%;
}
/*##############*/
/*HEADER BEREICH*/
/*##############*/
#pageHeader {}
#logo {
  text-align: center;
  position:absolute;
  z-index: 3;
  top:0;
  left:0;
  width:100%;
}
#logo h1 {
  background: url(http://www.kay-schaper.com/css/images/Logo.jpg) no-repeat top left;
  position:absolute;
  z-index: 3;
  top:0;
  left:50%;
  margin: 0 0 0 -299px; 
  width: 598px;
  height: 140px;
}
#logo h1 span {
  display: none;
  color: #ffffff;
  position: absolute;
  top: 40px;
  left: 0px;
  z-index: -10;
  font: italic normal 36pt Impact, Century Gothic, Gothic, Times, georgia, serif;
  letter-spacing: 5px;
}
#logo h2 {
  margin-top: 58px;
  margin-bottom: 40px;
  width: 200px;
  height: 18px;
  float: right;
}
#logo h2 { display:none; }
#headerBackground {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 149px;
  width: 100%;
  margin: 0;
  background-image: url(http://www.kay-schaper.com/css/images/bg_header.jpg);
}
#crumbNavigation {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  max-width: 500px;
  padding: 2px;
  font: 12px verdana, Arial, Helvetica, sans-serif;
  color: #999999;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #aaaaaa;
  opacity: 0.9;
  /* proprietary code */
  filter: alpha(opacity=90); -moz-opacity: 0.9; -moz-border-radius: 5px 0;
}
#crumbNavigation h3 { display:none; }
#crumbNavigation p { display: inline; }
#crumbNavigation a:link     { color:#999999; }
#crumbNavigation a:visited  { color:#999999; }
#crumbNavigation a:hover    {
  color: #ffffff;
  text-decoration: underline;
}
#crumbNavigation a:active   { color:#FFFFFF; }
.int_link_image {
  display:inline;
  float: left;
  height: 12px;
  width: 12px;
  background: #ffffff;
  background-image: url(http://www.kay-schaper.com/css/images/int_link.gif);
  background-repeat: no-repeat;
  background-position: center;
  font: 7px verdana, Arial, Helvetica, sans-serif;
  min-height: 12px;
  min-width: 12px;
  border-style: solid;
  border-width: 1px;
  margin: 1px 5px 0 0;
}
#styleSelector {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  max-width: 500px;
  padding: 2px;
  font: 12px verdana, Arial, Helvetica, sans-serif;
  color: #999999;
  border-style: solid;
  border-width: 0 0 2px 2px;
  border-color: #aaaaaa;
  opacity: 0.9;
  /* proprietary code */
  filter: alpha(opacity=90); -moz-opacity: 0.9; -moz-border-radius: 0 5px;
}
#styleSelector h3 { display: none; }
#styleSelector p { display: inline; }
#styleSelector ul {
  margin: 0;
  padding: 0;
}
#styleSelector li {
  float: left;
  margin: 0 2px -1px 2px;
  padding-bottom:2px;
  list-style-type: none;
}
#styleSelector a:link     { color: #999999; }
#styleSelector a:visited  { color: #999999; }
#styleSelector a:hover    {
  color: #ffffff;
  text-decoration:underline;
}
#styleSelector a:active   { color: #ffffff; }
/*###############*/
/*CONTENT BEREICH*/
/*###############*/
#content {
  position: relative;
  z-index: 0;
  /* left: 0; */
  width:100%
  height: 100%;
  min-height: 400px;
  margin: 5px 5% 5px 5%;
  background-repeat: no-repeat;
  background-position: left;
  background: #ffffff;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0 1px 0 1px;
  padding: 5px 5% 5px 5%;
  text-align: left;
}
#preamble { }
#preamble h3 {
  position: relative;
  left: -8%;
  display: block;
  width: 200px;
  background: #eeeeee;
  font: bold 16pt courier new, courier, monospace;
  color: #333333;
  letter-spacing: 1px;
  margin: 20px 0 20px 0;
  padding: 5px 10% 5px 10%;
  opacity: 0.5;
  /* proprietary code */
  filter: alpha(opacity=50); -moz-opacity: 0.5; -moz-border-radius: 0 40px;
}
#preamble .pcontent {
  padding: 0 0 0 20px;
  border-style: solid;
  border-color: #eeeeee;
  border-width: 0 0 0 10px;
}
#text {
  margin: 20px 0 0 0;
  margin-top: 20px;
}
/*##############*/
/*FOOTER BEREICH*/
/*##############*/
#footerBackground {
  position: absolute;
  z-index: 1;
  left: 0px;
  width: 100%;
  height: 80px;
  background-image: url(http://www.kay-schaper.com/css/images/bg_footer.jpg);
}
#footerBackground span {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 35%;
  text-align: center;
  color: #666666;
}
#footerBackground span:hover {
  color: #ffffff;
}
/*#################*/
/*MENUE BEREICH*/
/*################*/
#menubar1, #menubar2 {
  position: absolute;
  left: 0;
  text-align: center;
  margin: 0;
  width: 100%;
}
#menubar1 {
  z-index: 4;
  top: 130px;
}
#menubar2 {
  top: -15px;
  z-index: 4;
}
#menubar1 h3, #menubar2 h3 { display: none; }
#menubar1 ul, #menubar2 ul {
  margin: 0 5% 0 5%;
}
#menubar1 li, #menubar2 li {
  list-style-type: none;
  margin: 0 1%;
  width: 13.5%;
  float: left;
}
a.menuhead {
  text-decoration: none;
  width: 90%;
  background: #ffffff;
  display: block;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bolder;
  color: #000000;
  padding: 5px 5%;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 2px;
  overflow: hidden;
  opacity: 0.9;
  /* proprietary code */
  filter: alpha(opacity=90); -moz-opacity: 0.9; -moz-border-radius: 5px;
}
a.menuhead:hover {
  text-decoration: none;
  color: red;
  border-color: red;
  opacity: 0.99;
  /* proprietary code */
  filter: alpha(opacity=99); -moz-opacity: 0.99; -moz-border-radius: 5px;
}
a.menuhead:active, :visited:active {
  color: green;
  border-color: green;
}
#menubar1 .submenu, #menubar2 .submenu {
  position: relative;
  left: 0;
  width: 100%;
}
#menubar1 .submenu ul, #menubar2 .submenu ul {
  visibility:hidden;
  overflow:hidden;
  position:absolute;
  background-color: #ffffff;
  display: block;
  border-style: solid;
  border-color: #595959;
  border-width: 2px 2px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  padding: 5px 5px 5px 5px;
  /* proprietary code */
  filter: alpha(opacity=90); -moz-opacity: 0.9; -moz-border-radius:5px;
}
#menubar1 .submenu ul {
  top: 5px;
  left: -7%;
  width: 99%;
  min-width: 100px;
}
#menubar2 .submenu ul {
  bottom: 35px;
  left: -250%;
  width: 580%;
  min-width: 130px;
}
#menubar1 .submenu ul li, #menubar2 .submenu ul li  {
  width: 100%;
  clear: both;
  display: inline;
  font: 1px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
#menubar1 .submenu ul li span, #menubar2 .submenu ul li span {
  font-size: 12px;
  font-style:italic;
}
#menubar1 a.mail_menu_link, #menubar1 a.ext_menu_link, #menubar1 a.int_menu_link {
  width: 92%;
  display: block;
  text-align: left;
  margin: 1px 3px 1px 0;
}
#menubar2 a.mail_menu_link, #menubar2 a.ext_menu_link, #menubar2 a.int_menu_link {
  width: 99%;
    width: 97%;
  white-space: nowrap;
  display: block;
  text-align: left;
  margin: 1px 3px 1px 0;
    margin: 1px 12px 1px 0;

}
.submenu a {
  margin: auto;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: underline;;
}
.submenu a:hover {
  background-color: #CCCCCC;
  color: #FFFFFF;
}
a.ext_menu_link:hover, a.int_menu_link:hover ,a.mail_menu_link:hover {
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 12px;
  text-decoration: none;
}
a.ext_menu_link:hover { background-image: url(http://www.kay-schaper.com/css/images/ext_link.gif); }
a.int_menu_link:hover { background-image: url(http://www.kay-schaper.com/css/images/int_link.gif); }
a.mail_menu_link:hover { background-image: url(http://www.kay-schaper.com/css/images/mail_link.gif); }