/* ********************************************************
-- Stylesheet (CSS) by Jürgen Zahrl - www.webdeZZZign.at --
******************************************************** */

/* ******************************************************
-- Basis --
****************************************************** */

body {
   background-color: #FFFFFF;
   color: #565656;
   font-family: Verdana, Arial, sans-serif;
   font-size: 1em;
   line-height: 1em;
}

.skip {
  position:absolute;
  left:-2000px;
  top:-2000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

a.ext {
   background:url(../images/external.gif) center right no-repeat;
   padding-right: 18px;
}

ul {
   text-align: left;
}

ol.top {
   font-size: 0.8em;
   margin-left: 5em;
   padding: 0 12px 0 9px;
   letter-spacing: 0.01em;
   list-style-type: upper-roman;
}

ol.top ol {
   list-style-type: lower-latin;
   margin-top: 1em;
}

strong {
   background: #dae6f0;
   color: #333333;
   font-weight: bold;
}

em {
   font-weight: bold;
   font-style: normal;
}

#zzz {
   clear:both;
   width: 100%;
   height: 46px;
   margin: auto;
   background:url(../images/zzz.gif) no-repeat #FFFFFF;
   background-position: center;
}

cite {
   font-style: normal;
}

/* ******************************************************
-- Header --
****************************************************** */

div#header {
   margin-top: 0;
   width: 100%;
   background:url(../images/header-background.gif) repeat-x #f5f5f5;
}

div#headercontent {
   margin: auto;
   width: 800px;
   background:url(../images/header-3-symbole.png) no-repeat;
   background-position: bottom right;
}

img#logo {
   position: relative;
   top: -18px;
   padding: 12px 10px 10px 10px;
}

img#ielogo {
   display: none;
}

h1 {
   position: relative;
   top: 110px;
   width: 420px;
   padding: 5px 0 1px 9px;
   font-weight: normal;
   font-style: italic;
   font-size: 0.8em;
   color: #565656;
   border-left: 4px solid #4682B4;
   border-bottom: 1px solid #4682B4;
   font-variant: small-caps;
}

/* ******************************************************
-- Navigation --
****************************************************** */

div#shadowtop {
   width: 100%;
   height: 24px;
   background:url(../images/shadowtop.gif) repeat-x;
   border-bottom: 1px solid #4682B4;
}

div#menu {
   background-color: #F0F0F0;
   color: #f5f5f5;
   width: 100%;
   margin: auto;
   border-top: 1px solid #f5f5f5;
   border-bottom: 1px solid #f5f5f5;
}

div#shadowbottom {
   width: 100%;
   height: 14px;
   background:url(../images/shadowbottom.gif) repeat-x;
   border-top: 1px solid #4682B4;
}

div#menucontent {
   margin: auto;
   width: 800px;
}

#navi {
   list-style:none;
}

ul#navi {
   min-height: 1.6em;
}

ul#navi a {
   color: #4682B4;
   font-weight: bold;
   text-decoration: none;
   padding: 0.4em 1em 0.4em 1em;
   border-left: 1px solid #4682B4;
}

a.last {
   color: #f5f5f5;
   text-decoration: none;
   padding: 0.4em 1em 0.4em 1em;
   border-right: 1px solid #4682B4;
}

ul#navi a:hover, ul#navi a:focus, a.last:hover, #navi .current {
   background-color: #4682B4;
   color: #f5f5f5;
}

ul#navi a:focus {
   outline: 1px dotted #4682B4;
}


div#menu li {
   font-size: 0.8em;
   display: inline;
   line-height: 2em;
   text-align: center;
}

/* ******************************************************
-- Wrapper --
****************************************************** */

div#wrapper {
   margin: auto;
   overflow: hidden;
   width: 800px;
   border-left: 1px dashed #E0E0E0;
   border-right: 1px dashed #E0E0E0;
}

/* ******************************************************
-- Breadcrumbs --
****************************************************** */

div#breadcrumbs {
   width: 95%;
   line-height: 1.2em;
   font-size: 0.7em;
   margin: 0.3em 0 0 1.4em;
}

#breadcrumbs span {
   background:url(../images/breadcrumb-arrow.gif) no-repeat;
   padding: 0 5px 0 14px;
}

#breadcrumbs a {
   color: #4682B4;
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
   text-decoration: none;
   outline: 1px dotted #4682B4;
}

/* ******************************************************
-- Content --
****************************************************** */

div#content {
   width: 73%;
   float: right;
   margin-top: 25px;
}

div#info {
   padding: 8px 8px 8px 10px;
   font-size:0.8em;
   color: #000000;
   background-color: #EEE8AA;
   outline: 4px double #EEE8AA;
}

div#info a {
   background-color: #EEE8AA;
}

div#info ul {
   font-size: 1.05em;
   margin: 1em 0 0 2em;
}

ul.arrow2 li {
   background:url(../images/li-arrow2.gif) no-repeat;
}

h2 {
   font-weight: bold;
   font-size: 0.9em;
   padding: 8px 8px 8px 36px;
   color: #4682B4;
   outline: 4px double #F0F0F0;
   background:url(../images/h2h3.gif) no-repeat #F0F0F0;
}

h2, h3, h4, h5, p, div#info {
   text-align: left;
   margin: 0 25px 25px 25px;
}

h3 {
   font-size: 0.8em;
   padding: 8px 8px 8px 36px;
   color: #4682B4;
   outline: 4px double #F0F0F0;
   background:url(../images/h2h3.gif) no-repeat #F0F0F0;
}

h3.like4, h4, h5, h6 {
   padding: 0 12px 0 15px;
   margin-left: 31px;
   font-size: 0.8em;
   font-weight: bold;
   background:url(../images/h4h5h6.gif) no-repeat;
}

p {
   font-size: 0.8em;
   padding: 0 12px 0 9px;
   letter-spacing: 0.01em;
}

pre {
   padding: 0 12px 0 12px;
   background-color: #fffcdf;
   border-left: 6px solid #d5cc71;
   margin: 0 20px 1em 34px;
}

pre.valid {
   color: #FFFFFF;
   font-weight: bold;
   background-color: #55b05a;
   border-left: 6px solid #55b05a;
}

pre.invalid {
   color: #FFFFFF;
   background-color: #d23d24;
   border-left: 6px solid #d23d24;
}

#content a {
   color: #4682B4;
   background-color: #F0F0F0;
}

#content a:visited {
   color: #565656;
}

#content a:hover, #content a:focus {
   text-decoration: none;
   outline: 1px dotted #4682B4;
}

#content ul {
   margin: 1em 0 1em 4em;
   font-size: 0.8em;
}

#content li {
   padding: 0 0 10px 26px;
}

ul.check1 li {
   background:url(../images/li-check1.gif) no-repeat;
}

ul.check2 li {
   background:url(../images/li-check2.gif) no-repeat;
}

ul.arrow1 li {
   background:url(../images/li-arrow1.gif) no-repeat;
}

blockquote {
   min-height: 25px;
   font-size: 0.8em;
   padding: 0 50px 0 76px;
   font-style: italic;
   background:url(../images/quote-open.gif) no-repeat;
   margin: 2em 0 2em 0;
}

blockquote p {
   min-height: 25px;
   font-size: 1em;
   margin: 0;
   padding: 0.5em 3.7em 0 0.4em;
   background:url(../images/quote-close.gif) bottom right no-repeat;
   border-left: 1px dotted #a2c0d9;
}

p.info {
   border-top: 3px solid #629de3;
   border-bottom: 3px solid #629de3;
   color: #0055bb;
   padding: 10px 10px 10px 46px;
   background:url(../images/info.png) 10px center no-repeat #c6daf0;
}

/* ******************************************************
-- Sidebar --
****************************************************** */

div#sidebar {
   width: 25%;
   min-height: 800px;
   margin-top: 23px;
}

#sidebar ul {
   width: 175px;
   font-size: 0.8em;
   margin: 0 1em 40px 1em;
}

#sidebar li {
   background-color: #EEEEEE;
   margin: 1px 3px 0px 3px;
   padding-left: 12px;
   border-left: 3px solid #4682B4;
   border-top: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
}

#sidebar li:hover, #sidebar .cur {
   color: #FFFFFF;
   background:url(../images/sidebar-arrow-hover.gif) no-repeat #4682B4;
   padding-left: 12px;
   border-top: 1px solid #4682B4;
   border-bottom: 1px solid #4682B4;
   border-right: 1px solid #4682B4;
   border-left: 3px solid #4682B4;
}

#sidebar li:focus, #sidebar li:focus a, #sidebar a:focus {
   color: #000000;
}

#sidebar li:hover a {
   color: #FFFFFF;
}

#sidebar a {
   width: 100%;
   display: block;
   padding: 5px;
   text-decoration: none;
   color: #565656;
}

#sidebar a:hover, #sidebar .current {
   color: #FFFFFF;
}

#sidebar p {
   margin: 3em 0 0 0;
   padding: 0;
   text-align: center;
}

#sidebar img {
   margin: 15px 0 0 0;
   padding: 0;
}

div#kontakt {
   width: 170px;
   font-size:0.8em;
   margin: 25px auto auto auto;
   color: #000000;
   background-color: #EEE8AA;
   outline: 4px double #EEE8AA;
}

#kontakt p {
   margin: 0;
   line-height: 1.4em;
   font-size: 0.9em;
   padding: 10px;
   text-align: left;
}

#kontakt a {
   margin: 0;
   padding: 0;
   color: #000000;
   text-decoration: underline;
}

#kontakt a:hover, #kontakt a:focus {
   text-decoration: none;
   color: #000000;
   outline: 1px dotted #000000;
}

div#zahrl {
   width: 140px;
   height: 210px;
   background:url(../images/juergen-zahrl.jpg) no-repeat;
   margin: 50px auto 0 auto;
}

img#portrait {
   margin: 0;
}

a#noout:hover, a#noout:hover {
   outline: 0;
}

/* ******************************************************
-- Bottom --
****************************************************** */

div#bottom {
   clear: both;
   width: 100%;
   height: 100px;
}

/* ******************************************************
-- Footer --
****************************************************** */

div#footer
{
   width: 100%;
   position:fixed;
   color: #565656;
   bottom:0px;
   left:0px;
   right:0px;
   text-align:center;
   padding:10px;
   margin-left: -10px;
   margin-bottom: -10px;
}

div#footershadow {
   width: 100%;
   height: 14px;
   background:url(../images/footershadow.gif);
   border-bottom: 1px dotted #4682B4;
}

div#footercontent {
   background-color: #F0F0F0;
   border-top:1px solid #f5f5f5;
   height: 30px;
   text-align:center;
   vertical-align:middle;
}

div#footercontent div {
   padding: 8px;
   font-size: 0.6em;
   text-align:center;
   vertical-align:middle;
}

#footer a {
   color: #4682B4;
}

#footer a:hover, #footer a:focus {
   text-decoration: none;
   outline: 1px dotted #4682B4;
}

/* ******************************************************
-- Glossar --
****************************************************** */

#content ul.sitemap li {
   font-size: 2em;
}

#content ul.sitemap ul, #content ul.sitemap li {
   font-size: 1em;
}

#content ul.sub {
   margin-left: 8px;
}