/*
-----------------------------------------------
Pfadi Vaduz Screen Style
Author:   Robert Hilbe
Version:  2008-09-08
----------------------------------------------- */

/* Zentrale Formate */

body {
   margin: 0;
   padding: 0;
   color: #222;
   background: #123;
   font: small/1.4 verdana,arial,helvetica,sans-serif;
   text-align: center;
   }

a, a:link {
   color: #a00;
   text-decoration: none;
   }

a:visited {
   color: #800;
   }
   
a:hover {
   color: #c20000;
   text-decoration: underline;
   }

a:active, a.active, a:focus, a.focus {
   color: #06a;
   }

a img {
   border: none;
   }

hr {
   display: none;
   }


/* Layout-Elemente */

#container {
   margin: 20px auto;
   width: 700px;
   background: #c5c5c5;
   border: 5px solid #fff;
   text-align: left;
   position: relative;
   }

#header {
   height: 180px;
   background: url(../img/header/rotate.php) no-repeat;
   border-bottom: 3px solid #fff;
   }

#logo {
   position: absolute;
   top: 0;
   right: 0;
   }

#header h1 {
   margin: 0;
   padding: 10px;
   }

#header h1 a, #header h1 a:hover, #header h1 a:active, #header h1 a:focus {  
   color: #fff;
   font: 40px/1 'trebuchet ms',verdana,arial,helvetica,sans-serif;
   text-transform: lowercase;
   letter-spacing: 0.02em;
   text-decoration: none;
   }

#accessibility {
   position: absolute;
   top: 50px;
   left: -1000px;
   }

#accessibility a:focus {
   position: absolute;
   left: 1015px;
   width: 15em;
   display: block;
   color: #fff;
   font: 85%/1.5 verdana,arial,helvetica,sans-serif;
   text-decoration: none;
   border: 1px solid #fff;
   padding:  0 10px;
   z-index: 3;
   }

#accessibility a:hover {
   color: #222;
   background: #fff;
   text-decoration: none;
   }

#navigation {
   margin: 0;
   padding: 5px 5px 0 5px;
   list-style: none;
   overflow: hidden;
   height: 30px;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 24px;   
   float: left;
   background: #c5c5c5;
   }

#navigation li {
   margin: 0;
   padding: 0 5px 0 0;
   display: block;
   float: left;
   background: #c5c5c5 url(../img/navigation-tab-right.gif) no-repeat 100% 0;
   }

#navigation li a {
   padding: 0 5px 0 12px;
   display: block;
   font: bold 10px/24px verdana, arial, helvetica, sans-serif;
   text-decoration: none;
   color: #222;
   background: #c5c5c5 url(../img/navigation-tab-left.gif) no-repeat 0 0;
   }

* html #navigation li a {
   width: 1%;
   white-space: nowrap;
   }

#navigation li:hover, #navigation li.hover {
   background: #8E92A8 url(../img/navigation-tab-right.gif) no-repeat 100% -25px;
   }
 
#navigation li:hover a, #navigation li.hover a {
   color: #eee;
   background: url(../img/navigation-tab-left.gif) no-repeat 0 -25px;
   }

#navigation li a:hover span {
   text-decoration: underline;
   }

#content {
   margin: 0;
   padding: 10px 20px;
   color: #222;
   background: #fff url(../img/content-bg.gif) no-repeat 100% 0;
   width: 480px;
   float: left;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 450px;
   min-height: 400px;
   }

#content h1 {
   margin: 20px 0 10px 0;
   font:  bold 170%/1.3 'trebuchet ms',verdana,arial,helvetica,sans-serif;
   color: #002d6f;
   }

#content h2 {
   margin: 20px 0 5px 0;
   font:  bold 140%/1.3 'trebuchet ms',verdana,arial,helvetica,sans-serif;
   color: #002d6f;
   }

#content h3 {
   margin: 15px 0 7px 0;
   font:  bold 130%/1.3 'trebuchet ms',verdana,arial,helvetica,sans-serif;
   color: #002d6f;
   }

#content h1 a, #content h2 a, #content h3 a {
   color: #002d6f;
   }

#content ul {
   margin: 5px 0 20px 0;
   padding: 0;
   list-style: none;
   }

#content ul li {
   padding: 0 0 0 20px;
   background: url(../img/li.gif) no-repeat;
   }

#side {
   padding: 1px;
   float: right;
   width: 200px;
   font-size: 95%;
   line-height: 1.2em;
   }

#searchbox {
   width: 130px;
   }

#search {
   margin: 20px 0 0 15px;
   }

#search input.button {
   border: 1px solid #cfcfcf;
   }

.sidebox {
   margin: 20px 15px;
   border: 1px solid #eee;
   background: #ceced2;
   overflow: hidden;
   }

#side h1 {
   margin: 0;
   padding: 0 10px 0 5px;
   font: 130%/1.3em 'trebuchet ms',verdana,arial,helvetica,sans-serif;
   color: #666;
   background: #eee url(../img/sidebox-bg.jpg) no-repeat 100% 0;
   cursor: n-resize;
   }

#side h1:hover, #side h1:hover {
   background: #eee url(../img/sidebox-bg.jpg) no-repeat 100% -50px;
   }

#side ul {
   margin: 0;
   padding: 0;
   list-style: none;
   }

#side li {
   margin: 0;
   padding: 0;
   display: inline;
   }

#side li a {
   padding: 3px 0 3px 17px;
   background: url(../img/side-li.gif) no-repeat;
   display: block;
   }

#side li a:hover {
   background: #d3d3d8 url(../img/side-li.gif) no-repeat 1% 0;
   text-decoration: none;
   }

#documents li a {
   padding: 3px 0 3px 17px;
   background: url(../img/document.gif) no-repeat;
   display: block;
   }

#documents li a:hover {
   background: #d3d3d8 url(../img/document.gif) no-repeat;
   text-decoration: none;
   }

#footer {
   padding: 10px;
   margin: 0;
   text-align: center;
   clear: both;
   font-size: 75%;
   line-height: 2;
   color: #999;
   background: #333 url(../img/footer-bg.gif) repeat-x;
   border-top: 1px solid #fff;
   }

#footer a.smallfont {
   padding-left: 15px;
   background: url(../img/minus.gif) no-repeat 0 0;
   }

#footer a.smallfont:hover {
   background: url(../img/minus.gif) no-repeat 0 -40px;
   text-decoration: none;
   }

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

#footer a.bigfont {
   padding-left: 15px;
   background: url(../img/plus.gif) no-repeat 0 0;
   }

#footer a.bigfont:hover {
   background: url(../img/plus.gif) no-repeat 0 -40px;
   text-decoration: none;
   }

/* Links */

.document {
   padding-left: 20px;
   background: transparent url(../img/document.gif) no-repeat 0 50%;
   border: none !important;
   }

.email {
   padding-left: 20px;
   background: transparent url(../img/email.gif) no-repeat 0 50%;
   border: none !important;
   }

.document {
   padding-left: 20px;
   background: transparent url(../img/document.gif) no-repeat 0 50%;
   border: none !important;
   }

.pdf {
   padding-left: 20px;
   background: transparent url(../img/pdf.gif) no-repeat 0 50%;
   border: none !important;
   }

.audio {
   padding-left: 20px;
   background: transparent url(../img/audio.gif) no-repeat 0 50%;
   border: none !important;
   }

.video {
   padding-left: 20px;
   background: transparent url(../img/video.gif) no-repeat 0 50%;
   border: none !important;
   }

.extern {
   padding-left: 20px;
   background: transparent url(../img/extern.gif) no-repeat 0 50%;
   border: none !important;
   }

.home {
   padding-left: 20px;
   background: transparent url(../img/home.gif) no-repeat 0 50%;
   border: none !important;
   }

.learn {
   padding-left: 20px;
   background: transparent url(../img/learn.gif) no-repeat 0 50%;
   border: none !important;
   }

.search {
   padding-left: 20px;
   background: transparent url(../img/search.gif) no-repeat 0 50%;
   border: none !important;
   }

.box {
   padding : 5px;
   color: #333;
   background : #cdd9df;
   border : 1px solid #bcc;
   border-width: 1px 0;
   }

.shadow {
   margin: auto;
   padding: 5px;
   color: #333;
   background-color: #eed;
   }

.literatur {
   margin: 10px 0;
   padding: 0 0 0 20px;
   text-indent: -20px;
   line-height: 1.4em;
   }

.alert {
   color: #e10000;
   }

.line {
   padding-bottom: 3px;
   border-bottom: 2px solid #cccccc;
   margin: 5px 10px 5px 0;
   height: 1px;
   }

.smaller {
   font-size: 80%;
   }

.tiny {
   font-size: 60%;
   }

.button {
   padding: 1px 2px;
   border: 2px solid #06a;
   border-color: #39c #048 #036 #06a;
   background: #f0f0f0;
   color: #369;
   }

.button:focus {
   border: 2px solid #06a;
   border-color: #048 #39c #06a #036;
   color: #136;
   }

.button:active, .button:hover, .button hover {
   background: #058;
   color: #fff;
   }

.button2 {
   padding: 2px 3px;
   background: #cdd9df;
   border: 2px solid #ddd;
   border-color: #dde #bcc #bcc #dde;
   }

.button2:hover {
   border-color: #bcc #dde #dde #bcc;
   text-decoration: none;
   }

.button2:active {
   background: #005588;
   color: #fff;
   }

.intro {
   padding: 7px 0 7px 40px;
   background: url(../img/intro-bg.gif) no-repeat;
   border: 1px solid #e5e5e8;
   border-width: 1px 0;
   }

.gaestebucheintrag {
   margin: 10px 0;
   padding: 3px;
   border: 1px solid #e1e1e8;
   border-color: #f1f1f8 #e1e1e8 #e1e1e8 #f1f1f8;
   }

.belegt {
   color: #fff;
   background: #f6b5b6 url(../img/belegt.gif) no-repeat 50% 50%;
   border-right: 1px solid #F6B5B6;
   border-bottom: 1px solid #F6B5B6;
   }

/* Wookie für Notizen */

#wookieinput {
   width: 420px !important;
   width: 380px;
   height: 300px;
   }

.breadcrumbs {
   padding: 2px 5px;
   color: #aaa;
   background: #f3f6f9;
   font-size: 90%;
   border-bottom: 1px solid #def;
   }
   
/* Google Hilite */

.hilite {
   padding: 0 2px;
   color: #fff;
   background-color: #a00;
   }

/* Hoi Du Miniaturen */

.hoidu {
   margin: 0 20px 30px 0;
   width: 150px;
   float: left;
   position: relative;
   }

.hoidu a img {
   border: 1px solid #ddd;
   }

.hoidu a:hover img {
   border: 1px solid #06a;
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   }

.hoidu span {
   position: absolute;
   top: 160px;
   left: 1px;
   width: 150px;
   text-align: center;
   color: #369;
   background: #cde;
   font: 120%/1.3em georgia,times,'times new roman',serif;
   border: solid #abc;
   border-width: 1px 0;
   filter: alpha(opacity=80);
   -moz-opacity: 0.8;
   }

/* Spezielle Klassen */

.hide {
   height: 0;
   width: 0;
   overflow: hidden;
   position: absolute;
   }

.floatleft {
   margin: 0 10px 5px 0;
   float: left;
   }

.floatright {
   margin: 0 0 5px 10px;
   float: right;
   }

.clearfloat {
   clear: both;
   }

.border {
   padding: 3px;
   border: 1px solid #ddd;
   }

abbr, acronym, .help {
   border-bottom: dotted 1px #ccc;
   cursor: help;
   }
   
table {
   margin: 0 10px 10px 10px;
   empty-cells: show;
   border-collapse: collapse;
   border-top: 1px solid #cfcfcf;
   border-left: 1px solid #e5e5e5;
   color: #222;
   }

caption {
   font: bold 130%/2em georgia,'times new roman',times,serif;
   letter-spacing: 0.02em;
   color: #999;
   }

th, td {
   padding: 5px 8px;
   background: #fff;
   font: 90%/1.3 verdana,arial,helvetica,sans-serif;
   border-bottom: 1px solid #cfcfcf;
   border-right: 1px solid #e5e5e5;
   overflow: hidden;
   }

tr:hover, tr.hover {
   background: #f6f5f9;
   }

th {
   background: #f3f3ff;
   font-weight: bold;
   }

form fieldset {
   padding: 10px 15px;
   border: 1px solid #e1e7e9;
   -moz-border-radius: 10px;
   color: #222;
   }

form legend {
   padding: 0 3px;
   font: bold 130%/2 georgia,serif;
   letter-spacing: 0.02em;
   color: #999;
   }

form label {
   font-weight: bold;
   color: #999;
   }

form label:hover {
   color: #ccc;
   }

form dt {
   margin: 4px 0;
   width: 170px;
   height: 1em;
   float: left;
   clear: both;
   }

form dd {
   margin: 0;
   }

form input, form textarea {
   margin: 5px 0;
   padding: 2px;
   color: #666;
   background: #fff;
   font: 100% verdana,arial,helvetica,sans-serif;
   border: 1px solid #cfcfcf;
   }

form input:focus, form input.hover, form textarea:focus, form textarea.hover, form textarea.hover {
   border: 1px solid #999;
   }

#checkbox {
   padding: 0;
   border: none;
   }

.important {
   clear: both;
   margin: 30px 10px;
   border: 1px solid #e1e7e9;
   border-width: 1px 0;
   }

.important p {
   margin: 0 5px 5px 10px;
   font-size: 110%;
   }

.important h1, .important h2, .important h3 {
   display: inline;
   position: relative;
   top: -0.7em;
   background-color: #fff;
   padding: 0 5px !important;
   margin: 0 0 0 1em !important;
   }
 
.message {
   clear: both;
   margin: 20px 0;
   padding: 0 5px;
   background: #fdd;
   border: 1px solid #fcc;
   border-width: 1px 0;
   }
 
#sublinks {
   width: 300px;
   margin: 0;
   padding: 0;
   list-style: none;
   }

#sublinks li {
   margin: 0 !important;
   padding: 0 !important;
   background: none !important;
   border-bottom: 1px solid #ddd;
   position: relative;
   }

#sublinks li a {
   padding: 10px 20px;
   display: block;
   }

#sublinks li a:hover {
   color: #fff;
   background: #123 url(../img/extern.gif) no-repeat 95% 50%;
   text-decoration: none;
   }

#sublinks li a span {
   font-size: 85%;
   color: #06a;
   }

.date {
   margin: 0 10px 5px 0;
   padding: 5px 0 0 0;
   width: 35px;
   float: left;
   display: block;
   color: #88a;
   font-size: 85%;
   line-height: 1;
   text-align: center;
   text-transform: uppercase;
   background: #f8f8f8 url(../img/date-bg2.gif) no-repeat;
   } 

.date span {
   padding: 0 0 5px 0;
   display: block;
   font-weight: bold;
   font-size: 150%;
   text-indent: -3px;
   letter-spacing: -2px;
   color: #99b;
   background: url(../img/date-bg1.gif) no-repeat 0 100%;
   }   

a.more:after {
   color: #002d6f;
   content: "\2192";
   white-space: nowrap;
   padding-left: 2px;
   }

a.previous:before {
   color: #002d6f;
   content: "\2190";
   padding-left: 0;
   padding-right: 2px;
   }

/* Templates */

#aktuell #nav1, #stufen #nav2, #pfadi #nav2, #pioniere #nav2, #abteilungsrat #nav3, #termine #nav4, #lokalitaeten #nav5, #fotos #nav6, #gaestebuch #nav7, #links #nav8, #intern #nav9 {
   background: #fff url(../img/navigation-tab-right.gif) no-repeat 100% -25px;
   }

#aktuell #nav1 a, #aktuell #nav1:hover a, #aktuell #nav1.hover a, #stufen #nav2 a, #stufen #nav2:hover a, #stufen #nav2.hover a, #pfadi #nav2 a, #pfadi #nav2:hover a, #pfadi #nav2.hover a, #pioniere #nav2 a, #pioniere #nav2:hover a, #pioniere #nav2.hover a, #abteilungsrat #nav3 a, #abteilungsrat #nav3:hover a, #abteilungsrat #nav3.hover a, #termine #nav4 a, #termine #nav4:hover a, #termine #nav4.hover a, #lokalitaeten #nav5 a, #lokalitaeten #nav5:hover a, #lokalitaeten #nav5.hover a, #fotos #nav6 a, #fotos #nav6:hover a, #fotos #nav6.hover a, #gaestebuch #nav7 a, #gaestebuch #nav7:hover a, #gaestebuch #nav7.hover a, #links #nav8 a, #links #nav8:hover a, #links #nav8.hover a, #intern #nav9 a, #intern #nav9:hover a, #intern #nav9.hover a {
   color: #345;
   background: #fff url(../img/navigation-tab-left.gif) no-repeat 0 -25px;
   cursor: default;
   }

body#aktuell #header {
   background: url(../img/header/rotate.php) no-repeat;
   }

body#stufen #header {
   background: url(../img/header/header-bg24.jpg) no-repeat;
   }

body#pfadi #header {
   background: url(../img/header/header-bg18.jpg) no-repeat;
   }

body#pioniere #header {
   background: url(../img/header/header-bg11.jpg) no-repeat;
   }
   
body#abteilungsrat #header {
   background: url(../img/header/header-bg17.jpg) no-repeat;
   }

body#termine #header {
   background: url(../img/header/header-bg28.jpg) no-repeat;
   }

body#lokalitaeten #header {
   background: url(../img/header/header-bg20.jpg) no-repeat;
   }

body#fotos #header {
   background: url(../img/header/header-bg33.jpg) no-repeat;
   }

body#fotos table, body#fotos th, body#fotos tr {
   margin: 0;
   padding: 0;
   border: 0;
   }

body#fotos td {
   margin: 0;
   padding: 0 5px 10px 0;
   border: 0;
   }

body#fotos #picasa {
   margin: 10px 0;
   }
   
body#gaestebuch #header {
   background: url(../img/header/header-bg31.jpg) no-repeat;
   }

body#gaestebuch #content {
   float: right;
   background: #fff url(../img/content-bg02.gif) no-repeat 0 0;
   }

body#gaestebuch #side {
   float: left;
   }

body#links #header {
   background: url(../img/header/header-bg27.jpg) no-repeat;
   }

body#links #content {
   float: right;
   background: #fff url(../img/content-bg02.gif) no-repeat 0 0;
   }

body#links #side {
   float: left;
   }

body#intern #header {
   background: url(../img/header/header-bg23.jpg) no-repeat;
   }

body#intern #content {
   background: #fff url(../img/content-bg02.gif) no-repeat 0 0;
   float: right;
   }

body#intern #side {
   float: left;
   }

body.hideside #side {
   display: none;
   }
   
body.hideside #content {
   background: #fff;
   width: 690px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 660px;   
   }

/* Debugg 

div {
   border: 1px solid red;
   }

p {
   border: 1px solid green;
   }
   
ul, li, a {
   border: 1px solid blue;
   }
*/