/*
-----------------------------------------------
lasola.li Screen Style
Author:   Robert Hilbe
Version:  24 September 2005
----------------------------------------------- */

body {
   margin: 0;
   padding: 0;
   height: 100%;
   width: 100%;
   font: small/1.5em 'lucida grande','lucida sans unicode',helvetica, arial, verdana, sans-serif;
   text-align: center;
   color: #000;
   background: #fff;
   }

p {
   margin: 0 0 0.5em 0;
   letter-spacing: 0.02em;
   }

hr {
   display: none;
   }

dl {
   margin: 0;
   }

dd {
   margin: 0 0 1em;
   } 

/* =Headings
----------------------------------------------- */

h1 {
   margin: 1.5em 0 1em 0;
   color: #852129;
   font: 170% 'century gothic',helvetica,arial,sans-serif;
   }

h2 {
   margin: 1.3em 0 0.8em;
   clear: both;
   font: bold 145%/1.3em geneva,helvetica,arial,sans-serif;
   color: #852129;
   }

h3 {
   margin: 1.3em 0 0.8em;
   clear: both;
   font: bold 125%/1.3em geneva,helvetica,arial,sans-serif;
   color: #852129;
   }

h4 {
   margin: 1.3em 0 0.4em 0;
   clear: both;
   font: bold 105%/1.3em geneva,helvetica,arial,sans-serif;
   color: #852129;
   }

/* =Links
----------------------------------------------- */
   
a {
   text-decoration: none;
   color: #959226;
   font-weight: bold;
   border-bottom: dotted 1px #ccc;
   }

a:hover {
   color: #368;
   border-bottom: 1px solid #fff;
   }

a img {
   padding: 3px;
   border: none;
   }

a.next:after, .next a:after {
   color: #89AC10;
   content: "\2192";
   white-space: nowrap;
   padding-left: 2px;
   }

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

a.previous:hover, .previous a:hover {
   color: #fff;
   }

a.more:after, .more a:after {
   color: #89AC10;
   content:" \00BB";
   font-weight: bold;
   white-space: nowrap;
   padding-right: 2px;
   }

/* =Container
----------------------------------------------- */

#container {
   margin: 5px 0;
   text-align: left;
   position: relative;
   }

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

#header {
   margin: 0 0 0 40px;
   height: 90px;
   background: url(/img/header-bg.jpg) no-repeat 60px 20px;
   position: relative;
   }

#logo {
   float: left;
   border: none;
   }

#logo img {
   margin: 0 7px 0 0;
   display: inline;
   }

#header h1 {
   margin: 0 0 0 60px;
   height: 50px;
   width: 380px;
   text-indent: -1000em;
   }

#header h1 a {
   display: block;
   height: 50px;
   width: 380px;
   color: #fff;
   border: none;
   }

#header p {
   color: #bbb;
   }

/* =Accessibility
----------------------------------------------- */

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

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

#navigation {
   margin: 0;
   padding: 4px 0 0 60px;
   height: 180px;
   font: 110%/1.7em geneva,'century gothic',helvetica,arial,sans-serif;
   text-transform: lowercase;
   letter-spacing: 0.03em;
   color: #000;
   background: url(/img/navigation-bg.jpg)  repeat-x 20% 0;
   list-style: none;
   }

#navigation li {
   margin: 0;
   padding: 0;
   float: left;
   }

#navigation li a {
   padding: 0 2.8em 0 12px;
   display: block;
   text-decoration: none;
   color: #fede94;
   border: none;
   }

#navigation li a:hover {
   color: #fff !important;
   }

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

#navigation li ul {
   display: none; 
   }

#navigation li:hover ul, #navigation li.hover ul {
   margin: 0;
   padding: 0;
   position: absolute;
   display: block;
   overflow: hidden;
   width: 13em;
   text-indent: 2px;
   background: #293139;
   }

#navigation li li a {
   padding: 0 0 0 1.5em;
   width: 11.5em;
   color: #fff;
   }

#navigation li li a:hover {
   color: #fff;
   background: #435252;
   }

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

#content {
   width: 60%;
   padding: 0 3em 2em;
   font-size: 98%;
   float: left;
   }

#content p, #content table, #content ol, #content ul, #content dl {
   margin-left: 2em;
   }

#lead {
   padding-top: 2em;
   }

#content img {
   padding: 3px;
   border: 1px solid #fff;
   }

/* =Side
----------------------------------------------- */

#side {
   width: 17em;
   float: left;
   font-size: 90%;
   }

#side h2 {
   margin: 1.7em 0 0.2em;
   color: #e58a43;
   font: bold 130%/1.5em geneva,arial;
   letter-spacing: 0.03em;
   }

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

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

#side li a {
   padding: 0 1em;
   width: 10em;
   line-height: 2em;
   display: block;
   border-bottom: 1px solid #eee;
   }

#side li a:hover {
   background: #eee;
   border-bottom: 1px solid #eee;
   }

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

#footer {
   margin: 0 0 30px 0;
   padding: 1em 2em 1em 50px;
   color: #bbb;
   background: url(/img/footer-bg.png);
   font-size: 85%;
   line-height: 1.4em;
   clear: both;
   border-top: 1px solid #e0e0e0;
   }

#footer, #footer a {
   color: #bbb;
   }

#footer:hover, #footer:hover a, #footer.hover, #footer.hover a {
   color: #666;
   }

#footer a {
   font-weight: normal;
   }

#footer a:hover {
   background: #eaeaea;
   }

/* =Forms
----------------------------------------------- */

fieldset {
   margin: 2em 0;
   padding: 1em;
   background: #eaeaf5;
   font-size: 105%;
   border: double #fff;
   border-width: 3px 0;
   }

legend {
   padding: 0 0.2em;
   color: #345;
   text-transform: uppercase;
   letter-spacing: 0.02em;
   font-size: 110%;
   line-height: 2em;
   }

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

form label:hover {
   color: #abc;
   }

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

/*r.lins, 14.9.05
  vorher war es:
  form dd {
   margin: 0;
   }
*/
form dd {
   margin: 4px 0;
   }

form dd input {
   width: 17em;
   }

form input, form textarea {
   margin: 5px 0;
   padding: 2px;
   background: #fff;
   font: 100% 'lucida grande','lucida sans unicode',helvetica,arial,veranda,sans-serif;
   border: 1px solid #cfcfcf;
   }

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

textarea {
   width: 80%;
   max-width: 80%;
   }

.button, .button:hover {
   margin: 3px;
   padding: 3px;
   clear: both;
   font: 95% helvetica,arial,sans-serif;
   color: #fff;
   background: #a8a8a8;
   border: 2px solid;
   border-color: #b8b8b8 #9a9a9a #8a8a8a #b8b8b8;
   }

.button:focus {
   border-color: #9a9a9a #8a8a8a #b8b8b8 #b8b8b8;
   }

.radio {
   width: auto;
   }

/* =Classes
----------------------------------------------- */

.clear {
   clear: both;
   }

.guestbookentry {
   margin: 10px 0;
   padding: 0 !important;
   border: 1px solid #e1e1e8;
   border-color: #f1f1f8 #e1e1e8 #e1e1e8 #f1f1f8;
   }

.guestbookentry dt {
   margin: 0 0 0.5em;
   padding: 0 1em;
   color: #fff;
   background: #abc;
   }

.guestbookentry dt a {
   color: #fff;
   }

.guestbookentry dd {
   padding: 0 1em;
   }

.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;
   }

.message {
   padding: 4px;
   background: #fee;
   border: solid #fbb;
   border-width: 1px 0;
   }

.smaller {
   font-size: 95% !important;
   }

.tiny {
   font-size: 80% !important;
   }

.bigger {
   font-size: 120% !important;
   }

.persons {
   padding: 0 0 0 20px;
   color: #05407c;
   background: url(/img/persons.gif) no-repeat 0 50%;
   }

.top {
   padding: 0 25px 0 0;
   height: 20px;
   display: block;
   font-size: 80%;
   text-align: right;
   color: #fff;
   background: url(/img/top.gif) no-repeat 100% 50%;
   border: none;
   }

.top:hover {
   color: #aaa;
   border: none;
   }

abbr, acronym, .help {
   border-bottom: dotted 1px #ccc;
   cursor: help;
   }

.accent {
   padding: 2px;
   background: #dfedff !important;
   }

.important {
   padding: 5px 0 10px 40px;
   background: urL(/img/important.gif) no-repeat 0 20%;
   }

.atelier, .team, .jobdescription {
   margin: 0.7em 0;
   padding: 0 0 0.2em 0.7em;
   background: #eee url(/img/atelier.gif) no-repeat 0 100%;
   border: 1px solid #fff;
   }

.atelier h3, .team h3, .jobdescription h3 {
   margin: 0;
   padding: 0.5em 0 0.3em 0;
   font-size: 110%;
   background: url(/img/atelier-h3.gif) no-repeat 100% 0;
   }

.atelier p, .team p, .jobdescription p  {
   margin: 0;
   padding-right: 0.5em;
   }

.atelier a.top, .jobdescription a.top {
   color: #eee;
   }

.atelier a.top:hover, .jobdescription a.top:hover {
   color: #aaa;
   }

.team img {
   margin: 0 0.8em 0.2em 0.2em;
   float: right;
   border: none !important;
   }
     
.newsentry {
   margin: 2em 0;
   padding: 0;
   }

.newsentry h3 {
   margin: 0 0 0.5em 0;
   clear: none;
   }

.newsentry p {
   margin: 0 !important;
   padding: 0;
   }

p.date {
   margin: 0 1em 1em 0 !important;
   padding: 0.1em 0.5em !important;
   width: 3em;
   float: left;
   display: block;
   clear: both;
   font-size: 120%;
   background: #eee url(/img/date.gif) no-repeat 100% 100%;
   text-align: center;
   text-transform: uppercase;
   } 

.date span {
   padding: 0 0 5px 0;
   display: block;
   color: #973;
   font-weight: bold;
   font: bold 100%/1em geneva,arial,helvetica,sans-serif;
   letter-spacing: -0.02em;
   color: #973;
   }   

/* =Tables
----------------------------------------------- */

table {
   margin: 1em 0 2em 2em;
   empty-cells: show;
   border-collapse: collapse;
   border-top: 1px solid #cfcfcf;
   border-left: 1px solid #e5e5e5;
   border-right: 1px solid #e5e5e5;
   color: #222;
   font-size: 90%;
   }

caption {
   margin: 0.5em 0 0 0;
   color: #345;
   letter-spacing: 0.02em;
   font-size: 110%;
   }

th, td {
   padding: 2px 6px;
   background: #fff;
   border-bottom: 1px solid #cfcfcf;
   overflow: hidden;
   }

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

th {
   background: #f3f3ff;
   font-weight: bold;
   letter-spacing: 0.02em;
   }

/* =Search
----------------------------------------------- */

#search {
   position: absolute;
   top: 18px;
   right: 10px;
   }

#searchbox {
   width: 170px;
   font-size: 100%;
   }

#search .button {
   margin: 0;
   color: #888;
   font-size: 150%;
   line-height: 0.5em;
   background: #fff;
   border: none;
   }

/* for Google Search Highlight */

.hilite {
   padding: 2px;
   background: #fee;
   }

/* =Templating
----------------------------------------------- */

#programmuebersicht #navigation, #ateliers #navigation, #peaceprojekt #navigation  {
   background: url(/img/navigation-bg-programm.jpg)  repeat-x 20% 0;
   }

#programmuebersicht #navigation li a, #ateliers #navigation li a, #peaceprojekt #navigation li a {
   color: #d4d1c8;
   }

#programmuebersicht #navigation li a:hover, #ateliers #navigation li a:hover  {
   color: #fff;
   }

#id h2, #id h3, #id h4 {
   color: #06a;
   }

#programmuebersicht #side h2, #ateliers #side h2, #peaceprojekt #side h2 {
   color: #4170a7;
   }

#fotos table, #fotos td, #fotos_anlass table, #fotos_anlass td, #fotos_einzeln table, #fotos_einzeln td{
   border: none;
   }
#faq table, #faq td{
   	margin: 0 0 0 4em;
}
#faq p{
   	margin: 0 0 0 4em;
   
}
#faq p.by{
   color: #bbb;
   font-size: 85%;
}