/* ********************************************************

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

******************************************************** */



/* ******************************************************

-- Basis, Wrapper --

****************************************************** */



body {

   background: #435A99;

   color: #333333;

   text-align: center;

   font-family: Verdana, Arial, sans-serif;

   font-size: 0.75em;

   line-height: 1.3em;

}



#skip a, #skip a:hover, #skip ul, #skip li, #skip a:visited {

   position: absolute;

   left: -2000px;

   top: -2000px;

   overflow: hidden;

   display: inline;

}



#skip a:focus, #skip a:active {

   position: static;

}



#wrapper {

   width: 1002px;

   margin: auto;

}



strong {

   font-weight: bold;

   background: #D4DDF5;

}



em {

   font-weight: normal;

   font-style: normal;

}



label {

   cursor: pointer;

}



/* ******************************************************

-- Header --

****************************************************** */



#header {

   width: 1002px;

   height: 317px;

}



/* ******************************************************

-- Navigation --

****************************************************** */



#navigation, #subnavigation {

   background: #FFFFFF;

   margin: auto;

   clear: both;

   width: 988px;

}



#navigation {

   background: url(../images/navi-bg.gif) repeat-x #ffffff;

   height: 50px;

}



#subnavigation {

   background: #FFFFFF;

   border-bottom: 1px dotted #CCCCCC;

   border-top: 1px dotted #DDDDDD;

   height: 40px;

}



#navigation ul {

   text-align: left;

   margin: 0 0 0 49px;

   height: 50px;

}



#subnavigation ul {

   text-align: left;

   margin: 0 0 0 49px;

   height: 40px;

}



#navigation li, #navigation a {

   display: inline;

   color: #FF0000;

   line-height: 50px;

   vertical-align: middle;

}



#subnavigation li, #subnavigation a {

   display: inline;

   color: #FF0000;

   line-height: 40px;

   vertical-align: middle;

}



#navigation a, #subnavigation a {

   text-decoration: none;

   font-weight: bold;

   margin: 0;

}



#navigation a {

   border-left: 1px dotted #999999;

   border-bottom: 3px solid #6588e6;

   padding: 15px 13px 15px 10px;

}



#subnavigation a {

   border-left: 1px dotted #999999;

   padding: 10px 20px 10px 20px;

}



#navigation a.last {

   border-right: 1px dotted #999999;

}



#subnavigation a.last {

   border-right: 1px dotted #999999;

}



#navigation a:hover, #navigation a:focus, #navigation a:active, #navigation a.active {

   outline: 0;

   color: #000000;

   background: url(../images/navi-top-arrow.gif) top center no-repeat #ffffff;

   border-top: 3px solid #000000;

   border-bottom: 3px solid #FFFFFF;

}



#subnavigation a:hover, #subnavigation a:focus, #subnavigation a:active, #subnavigation a.active {

   outline: 0;

   color: #333333;

   background: url(../images/navi-left-arrow.gif) left center no-repeat #ffffff;

   border-bottom: 3px solid #cccccc;

}



/* ******************************************************

-- Content --

****************************************************** */



#contentwrapper {

   clear: both;

   width: 988px;

   background: #eeeeee;

   margin: auto;

}



#content {

   margin: 0 30px 0 30px;

   padding: 40px 20px 20px 20px;

   text-align: left;

}



h1, h2, h3, h4, h5, h6, #content p, #content ul, #content blockquote, #content table, #content th, #content td {

   margin: 0 0 1.3em 0;

   padding-left: 15px;

}



h1 {

   font-size: 1.8em;

   color: #111111;

   background: #D4DDF5;

   width: 830px;

   padding: 15px;

}



h2 {

   margin-top: 1.5em;

   font-size: 1.6em;

   line-height: 1.2em;

}



h3 {

   font-size: 1.4em;

   text-decoration: underline;

   line-height: 1.2em;

}



h4, h5, h6 {

   font-size: 1.2em;

   line-height: 1.2em;

}



#content table {

   width: 800px;

}



#content th {

   font-size: 1.4em;

   padding: 0 0 20px 40px;

}



#content blockquote {

   padding: 0 80px 0 30px;

   font-style: italic;

}



#content ul {

   list-style-type: disc;

   padding-left: 35px;

}



#content p {

   line-height: 1.5em;

}



p.big {

   padding: 25px 0 25px 0;

}



#content span {

   font-size: 1.4em;

   font-weight: bold;

   background: #D4DDF5;

   width: 100%;

   padding: 5px;

}



#content li {

   padding-bottom: 4px;

}



#content a:hover, #content a:focus, #content a:active, #footer a:hover, #footer a:focus, #footer a:active {

   text-decoration: none;

   outline: 1px dotted #000000;

}



#content img.left {

   float: left;

   padding: 0 15px 10px 0;

}



#content img.right {

   float: right;

   padding: 0 28px 10px 15px;

}



table#kontakt {

   width: 500px;

   border: 1px solid #D4DDF5;

}



table#impressum, table#a1, table#a2, table#a3, table#a4, table#a5, table#a6, table#a7, table#a8 {

   width: 860px;

}



table#kontakt tr, table#impressum tr, table#a1 tr, table#a2 tr, table#a3 tr, table#a4 tr, table#a5 tr, table#a6 tr, table#a7 tr, table#a8 tr {

   height: 30px;

   line-height: 30px;

   vertical-align: middle;

}



tr.line1, tr.line1 td {

   background-color: #D4DDF5;

}



tr.line2, tr.line2 td {

   background-color: #F4F4F4;

}



td.bold {

   font-weight: bold;

}



/* ******************************************************

-- Footer --

****************************************************** */



#footer {

   font-size: 0.9em;

   clear: both;

   width: 988px;

   height: 50px;

   margin: auto;

   line-height: 50px;

   background: #cccccc;

}



/* ******************************************************

-- Keys --

****************************************************** */



#keys {

   font-size: 0.9em;

   clear: both;

   width: 988px;

   margin: auto;

   background: #586ea9;

   text-align: left;

}



#keys h4 {

   clear: both;

   color: #BBBBBB;

   padding: 20px 0 0 50px;

}



#keys p {

   text-align: justify;

   color: #BBBBBB;

   padding: 0 50px 20px 50px;

}



div#web {

   height: 34px;

   line-height: 34px;

   color: #333333;

   vertical-align: middle;

   font-size: 0.9em;

   clear: both;

   width: 988px;

   margin: auto;

   background: #435A99;

   text-align: right;

}



div#web a {

   text-decoration: none;

   color: #333333;

}