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

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

body {
   font-family: Verdana, Arial;
   font-size: 11px;
   color: #333333;
   background-color: #606060;
   text-align: center;
}

#sprungmarken {
   width: 765px;
   height: 15px;
   margin: auto;
}

#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;
   color: #000000;
   font-weight: bold;
   background: #FFFFFF;
   line-height: 15px;
   padding: 3px;
}

a {
   color: #a85252;
   text-decoration: underline;
}

a:hover, a:focus, a:active {
   color: #B40000;
   text-decoration: none;
}

a:focus, a:active {
   outline: 1px dotted #999999;
}

#wrapper {
   width: 765px;
   text-align: left;
   margin: 0 auto 200px auto;
}

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

#top {
   width: 100%;
   text-align: right;
   padding: 5px 0 5px 0;
}

#top a {
   margin: 0 15px 0 15px;
   text-decoration: underline;
   color: #FFFFFF;
}

#top a:hover, #top a:focus, #top a:active {
   text-decoration: none;
}

#top a:focus, #top:active {
   outline: 1px dotted #FFFFFF;
}

#top li {
   display: inline;
}

#header {
   width: 765px;
   height: 163px;
   background: url(../images/header.png) no-repeat;
   font-weight: bold;
   font-size: 1.6em;
   line-height: 1.4em;
   color: #FFFFFF;
}

span#shadow {
   text-shadow: 2px 2px 2px #333333;
   filter: dropshadow(color=#333333, offx=2, offy=2);
}

span#line {
   color: #F5F5F5;
   font-size: 0.8em;
   font-weight: normal;
   font-style: italic;
}

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

#main {
   width: 765px;
   background: #FFFFFF;
}

#content {
   padding: 1.6em 2em 1.2em 1.4em;
   float: right;
   width: 470px;
}

h1, h2, h3, h4, h5, h6, p, ul {
   margin: 0 0 1.3em 0;
}

h1, h2, h3 {
   color: #b40000;
}

h1 {
   font-size: 1.7em;
   line-height: 1.3em;
   font-weight: bold;
}

h2 {
   font-size: 1.5em;
   line-height: 1.2em;
   font-weight: normal;
}

h2:target {
   font-weight: bold;
   font-style: italic;
}

h3 {
   font-size: 1.1em;
   line-height: 1.2em;
   font-weight: normal;
}

#content p, #content blockquote {
   line-height: 1.3em;
   font-size: 1.1em;
}

#content ul {
   line-height: 1.5em;
   font-size: 1.1em;
   list-style-type: circle;
   padding-left: 25px;
}

p.download {
   background: url(../images/download.gif) left no-repeat;
   padding-left: 37px;
}

p.top, p.top a {
   color: #999999;
}

p.top a:hover, p.top a:focus, p.top a:active {
   color: #555555;
   text-decoration: none;
}

span.size {
   font-size: 0.9em;
   font-style: italic;
   color: #999999;
}

label {
   cursor: pointer;
   float: left;
   text-align: left;
   width: 25%;
   margin-right: 3%;
}

label#copy {
   float: right;
   width: 69%;
}

input.stil, textarea.stil {
   width: 300px;
   padding: 0;
   border: 1px solid #CCCCCC;
   background: #F9F9F9;
   outline: 0;
   margin-bottom: 10px;
}

input#kopie {
   margin-left: 100px;
}

input.empty, textarea.empty {
   width: 300px;
   padding: 0;
   border: 1px solid #CCCCCC;
   background: #ffeab7;
   outline: 0;
   margin-bottom: 10px;
}

input#absend {
   width: 125px;
}

input.empty:hover, input.empty:active, input.empty:focus, textarea.empty:hover, textarea.empty:active, textarea.empty:focus {
   background: #ffeab7;
   border: 1px solid #000000;
}

input.stil:hover, input.stil:active, input.stil:focus, select:hover, select:active, select:focus, textarea:hover, textarea:active, textarea:focus {
   background-color: #EEEEEE;
   border: 1px solid #000000;
}

p#send {
   clear: both;
   margin-left: 47%;
}

p.sent {
   background: #EEEEEE;
   border: 1px solid #999999;
   padding: 10px;
}

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

#sidebar {
   float: left;
   position: relative;
   top: -60px;
   width: 230px;
}

ul#navi a {
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: url(../images/navi-button-inactive.gif) no-repeat #FFFFFF;
   width: 184px;
   height: 27px;
   font-weight: bold;
   line-height: 27px;
   margin: 0 23px 2px 23px;
   padding: 0 0 0 20px;
}

ul#navi a:hover, ul#navi a:focus, ul#navi a:active, ul#navi a#aktiv {
   background: url(../images/navi-button.gif) no-repeat;
   outline: 0;
}

#kontakt {
   width: 204px;
   margin: 40px 23px 0 23px;
}

#kontakt h3 {
   height: 33px;
   line-height: 33px;
   background: url(../images/kontakt-header.gif) no-repeat;
   font-size: 1.2em;
   margin: 0;
   padding: 0 0 0 34px;
   color: #333333;
}

#kontaktdaten {
   width: 202px;
   border-top: 1px solid #a6a6a6;
   border-left: 1px solid #a6a6a6;
   border-right: 1px solid #a6a6a6;
   background: #eeeeee;
}

#kontaktdaten p {
   width: 100%;
   text-align: center;
   margin: 10px 0 0 0;
}

#kontaktdaten ul {
   margin: 20px 0 0 0;
   padding: 0 0 0 34px;
}

#kontaktdaten li {
   font-size: 1.1em;
   line-height: 1.2em;
   padding-bottom: 15px;
}

#kontaktbottom {
   width: 204px;
   height: 5px;
   background: url(../images/kontakt-bottom.gif) bottom no-repeat;
}

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

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

#border {
   clear: both;
   width: 100%;
   height: 15px;
   background: url(../images/bottom-border.png);
}

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

#footer {
   clear: both;
   width: 765px;
   height: 20px;
   color: #FFFFFF;
}

#footer p {
   line-height: 20px;
   vertical-align: middle;
}

#footer a {
   color: #FFFFFF;
}

#footer a:hover, #footer a:focus, #footer a:active {
   text-decoration: none;
}

#footer a:focus, #footer a:active {
   outline: 1px dotted #FFFFFF;
}

#web {
   float: right;
}