/* generic */

body {
font-size: 62.5%;
padding: 0;
margin: 0;
}

div, form, table, h1, h2, h3, h4, h5, h6, input, textarea, button, select, p {
font-size: 100%;
margin: 0;
}

li {
margin-bottom: 0.7em;
}

li ul {
margin-top: 0.7em;
}

li ul li {
list-style-type: square;
}

li ul.noliststyle li {
list-style-type: none;
}

.clear {
clear: both;
}

div.clear {
overflow: hidden;
height: 0.1px;
font-size: 0.1px;
line-height: 0.1px;
}

hr {
background: transparent;
color: #fff;
border-width: 0;
border-top: 1px solid #ccc;
}

.center {
text-align: center;
}

.right {
text-align: right !important;
}

.bold {
font-weight: bold;
}


.floatleft {
float: left;
}

.floatright {
float: right;
}

div.floatleft, div.floatright {
display: inline;
}

.navigation .floatleft {
padding-right: 4px;
}

.navigation .floatright {
padding-left: 4px;
}

/* page */

#body {
clear: both;
}

.page {
width: 980px;
text-align: left;
margin: auto;
}

/* navigation */

.nav ul, .nav li {
margin: 0;
padding: 0;
list-style-type: none;
}

#topnav form, #morecontent {
float: right;
}


#topnav ul, #topnav li, #pagenav ul, #pagenav li {
display: inline;
}

#topnav li a, #pagenav li a, #sidebar, #content {
float: left;
}

#topnav .page {
position: relative;
}

#sidepagenav {
padding-bottom: 10px;
}

#sidepagenav li {
padding-bottom: 5px;
}

#pagenav li {
position: relative;
display: block;
float: left;
}

#pagenav li ul {
position: absolute;
top: 2.1em;
left: 0;
padding-left: 0;
display: none;
z-index: 2;
font-weight: normal;
}

#pagenav li:hover ul {
display: inline;
}

#pagenav li ul li {
position: static;
display: block;
white-space: nowrap;
float: none;
}

#pagenav li ul li a {
display: block;
float: none;
}

/*header*/

#headerimg {
clear: both;
}

#headerimg a {
display: block;
text-decoration: none;
}

.hidden, #headerimg div, #headerimg h1, #headerimg a span {
display: none;
}

#searchform {
position: absolute;
right: 0;
top: -10px;
}

/*content*/


/* footer */
#footer {
clear: both;
}


/* ------------- */

/* generic */

body {
color: #000;
background: #CFE0BA;
text-align: center;
height: 101%;
}

div {
font-family: Georgia, Verdana, sans-serif;
}

input, textarea, button, select {
font-family: Verdana, sans-serif;
}

a {
color: #d00;
}

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

a:visited {
text-decoration: underline;
}

a img {
border-width: 0;
}

.icon24 {
vertical-align: middle;
margin-bottom: 3px;
border-width: 0;
}

/* page */

#body {
color: #000;
background: #B9CD94;
}

#body .page {
background: #CFE0BA url(bgrepeat4.gif) repeat-y 0 0;
padding: 20px 0;
}


/* navigation */

#languageLink {
position: relative;
right: 0;
top: 2px;
text-decoration: none;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 110%;
font-weight: bold;
color: #c00 !important;
}

#sidebar {
font-size: 110%;
text-transform: uppercase;
}

#pagenav {
font-size: 110%;
text-transform: uppercase;
padding-top: 35px;

}

#pagenav ul, #topnav ul  {
display: block;
padding-left: 231px;
}

#pagenav li ul {
-moz-box-shadow: 8px 8px 8px #666;
-webkit-box-shadow: 8px 8px 8px #666;
box-shadow: 8px 8px 8px #666;
}

#pagenav li ul a:link, #pagenav li ul a:visited {
background: #fff;
}

#topnav {
font-size: 110%;
}

#topnav a, #searchsubmit {
text-transform: uppercase;
}

.page-item-19 {
font-weight: bold;
}

#topnav {
background: #8DA06B;
}

#pagenav {
background: #8DA06B;
}

#topnav a, #pagenav a {
padding: 8px 15px;
}

#languageLink div {
position: absolute;
right: 0;
top: 5px;
text-align: right;
}

#topnav a {
background: #8DA06B;
}

#pagenav a {
background: #CFE0BA;
}

#topnav a, #topnav form {
padding-top: 30px;
color: #8DA06B;
}

#topnav a:hover, #pagenav a:hover,
#topnav a:active, #pagenav a:active,
#topnav a:focus, #pagenav a:focus {
background: #FFB934;
color: #000;
}

#searchsubmit {
background: #c00;
color: #fff;
border: 1px solid #600;
}

#s {
background: #FFE4B5;
color: #c00;
border: 1px solid #c00;
height: 22px;
width: 250px;
}

#sidebar {
width: 190px;
padding-left: 10px;
padding-right: 40px;
padding-top: 0px;
line-height: 170%;
}

html>body #sidebar {
width: 200px;
}

#sidebar ul ul {
margin-bottom: 10px;
color: #B9CD94;
}

#sidebar ul ul img {
vertical-align: middle;
}

#sidebar a {
text-decoration: none;
color: #fff !important;
}

#sidebar a:hover, #sidebar a:focus, #sidebar a:active  {
border-bottom: 1px solid #B9CD94;
color: #CFE0BA !important;
}

#sidebar .cat-item, #sidebar .page_item {
background: #446622;
border-left: 1px solid #B9CD94;
border-right: 1px solid #B9CD94;
padding: 2px 5px;
margin-bottom: 1px;
}

.categories h2 {
text-align: center;
font-size: 120%;
margin-bottom: 0.7em;
color: #446622;
}



/*header*/
#header {
background: #FFB934; /*#B80000;*/
color: #fff;
}

#logo {
width: 220px;
height: 220px;
position: absolute;
top: 7px;
background: transparent url(logo1-3.gif) no-repeat 5px 0 ;
}

#headerimg a {
background: #8DA06B url(kopfbanner.gif) no-repeat 0 0;
color: #fff;
width: 980px;
height: 120px;
}

#languageLink div {
text-decoration: none;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 130%;
font-weight: bold;
color: #a00 !important;
}

#languageLink a {
text-decoration: none;
}
#languageLink a:link, #languageLink a:hover {
color: #a00;
}
#languageLink a:visited {
color: #c00;
}

/*content*/


#content {
width: 480px;
padding: 0 10px;
}

html>body #content {
width: 500px;
}

#content h2, h3.headline {
font-weight: normal;
font-size: 230%;

}

a.headline {
text-decoration: none;
}

#content a:hover, #content a:active, #content a:focus {
text-decoration: underline;
color: #e00;
}

#content table, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content blockquote, #content ul, #content ol, #content dl {
padding-bottom: 12px;
}

#content .post {
margin-bottom: 30px;
}

#content .post div.entry {
font-size: 150%;
line-height: 160%;
}

#content .post h2 a {
text-decoration: none;
}

#content .date, #content .postmetadata, #content .navigation {
font-size: 110%;
}

#content div .navigation {
text-transform: uppercase;
padding-bottom: 10px;
}

/*content details*/

#content table {
border-collapse: collapse;
border: 1px solid #777;
font-size: 92%;
}

#content td, #content th {
text-align: left;
border: 1px solid #777;
vertical-align: top;
padding: 2px;
}

#morecontent table, #morecontent h1, #morecontent h2, #morecontent h3, #morecontent h4, #morecontent h5, #morecontent h6, #morecontent p, #morecontent blockquote, #morecontent ul, #morecontent ol, #morecontent dl {
padding-bottom: 8px;
}

table.cost td, table.cost th {
border: 1px solid #aaa;
}

table.cost th {
text-align: left;
vertical-align: bottom;
}

table.cost td {
vertical-align: top;
}

table.cost {
width: 100%;
border-collapse: collapse;
border: 1px solid #aaa;
font-size: 80% !important;
font-family: arial, sans-serif;
}

.costTotal td {
background-color: #ddd;
border-bottom: 1px solid #000 !important;
}

p.narrowcolumn {
font-size: 120%;
}

/* block */

#morecontent {
width: 210px;
font-size: 110%;
}

/* footer */

#footer {
font-size: 120%;
padding: 20px 0;
color: #B9CD94;
background: #583;
border-top: 2px solid #462;
}


#footer a, #sidebar a {
color: #B9CD94;
}

#footer a:visited, #sidebar a:visited,
#footer a:hover, #sidebar a:hover,
#footer a:focus, #sidebar a:focus
{
color: #FFE4B5;
}

/*comments*/

.commentlist, .commentlist li {
list-style-type: none;
margin: 0;
padding: 0;
}

.commentlist, #commentform {
font-size: 120%;
font-family: Arial, sans-serif;
}

#comments, #respond {
font-size: 170%;
}

#commentform textarea {
width: 420px;
}

/*wordpress related*/

.wp-caption-text {
padding-top: 5px;
font-size: 60% !important;
text-align: center;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignright {
float: right;
margin-left: 10px;
margin-bottom: 5px;
}


.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}

/*form*/

p.form, p.checkbox {
clear: both;
padding-top: 5px;
padding-bottom: 5px;
}

p.form label {
float: left;
width: 170px;
}

p.checkbox {
padding-left: 170px;
}


.input, .textarea {
width: 300px;
border: 1px solid #8DA06B;
}

q:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
q:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }


/*



.commentlist .comment
.commentlist .comment em
.commentlist .commentmetadata
.nocomments
.commentform
.postmetadata.alt p
.post
*/

#post-5 h2 {
display: none;
}

.sidebarRight {
width: 170px;
float: right;
padding-right: 10px;
font-size: 110%;
padding-top: 3.6em;
text-transform: uppercase;

}

html>body .sidebarRight {
width: 170px;
}

.sidebarRight ul, .sidebarRight li {
margin: 0;
padding: 2px 0;
list-style-type: none;
}

.sidebarRight a {
}


#navBottom h3 {
font-size: 130%;
}

#navBottom li {
font-size: 130%;
}

.newstroll fieldset {
border: 1px solid #ccc;
background: #B9CD94;
margin-botton: 1.4em;
}

.newstroll legend {
background: #fff;
padding: 0 4px;
-moz-box-shadow: 2px 4px 4px #666;
-webkit-box-shadow: 2px 4px 4px #666;
box-shadow: 2px 4px 4px #666;
}

.sociable {
font-size: 11px !important;
clear: both;
}

.sociable_tagline {
display: none;
}

/*
Copy this file into your current active theme's directory to customize this template

Photo
*/
div.meta img {
margin-right: 5px;
}
#photo {
position: relative;
margin: 10px 0 0 0;
}
#notes {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#notes div.note {
padding: 1px;
margin: -4px 0px 0px -4px;
position: absolute;
cursor: pointer;
}
#notes:hover div.note div.hover2 {
border: 1px solid black;
}
#notes:hover div.note div.hover {
border: 1px solid white;
}

#notes div.note:hover {
border: 1px solid yellow;
padding: 0;
z-index: 2;
}

div.note div.text {
display: none;
position: absolute;
top: 100%;
left: 0px;
width: auto;
margin: 10px 0 0 0 ;
padding: 5px;
background: #FFFFD3;
color: black;
border: 1px solid #555;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
z-index: 1;
}
div.note:hover div.text {
display: block;
}

#context {
position: relative;
height: 110px;
width: 100%;
background: #eee;
margin-bottom: 0.7em;
}
#context div.prev, #context div.next {
position: absolute;
top: 10px;

text-align: center;
text-transform: lowercase;
}
#context div.prev {
left: 10px;
}
#context div.next {
right: 10px;
}
#context div.nomore {
top: 20px;
width: 100px;
}
#context div.info {
position: absolute;
top: 20px;
left: 50%;
width: 100px;
margin-left: -50px;
text-align: center;
}

div.comment {
clear: both;
min-height: 50px;
margin-bottom: 1em;
}
div.comment p {
margin: 0 0 1em 0;
padding: 0;
}
div.comment img {
margin-right: 5px;
margin-bottom: 5px;
}
/*

Album

*/

#photos {
background: #eee;
padding: 10px;
clear: both;
margin: 20px 0 0 0;
}
#highlight {
position: relative;
margin: 15px 0 0 0;
}
#highlight img {
float: left;
margin: 0 10px 0 0 ;
}


/*

Albums-index

*/

.albums {
clear: both;
padding-top: 10px;
}
.album {
background: #eee;
padding: 10px 10px 10px 10px;
margin: 0 0 15px 0;
position: relative;
min-height: 95px;
clear: both;
}
.album .highlight {
float: left;
border: 3px solid #888;
position: relative;
margin-right: 10px;
}
.album h2 {

text-decoration: none;
margin: 0 0 10px 0;
}


.albums-small .album {
clear: none;
width: 90px;
height: 115px;
float: left;
background: none;
}
.albums-small .album .highlight {
float: none;
margin: 0;
}

div.group {
min-height: 60px;
}

#highlight {
position: relative;
margin: 0 0 40px 0;
}
#highlight h2 {
margin-bottom: 5px;
}
#highlight .highlight {
float: left;
margin: 0 10px 0px 0 ;
border: 3px solid #888;
}

#highlight div.photos {
clear: both;
padding: 10px 0;
background: none;
}
#highlight div.photos img {
margin: 0 10px 10px 0;
}

#photoalbum-nav {
margin-bottom: 15px;
}



/*

Tags

*/
div.tags {
padding-top: 10px;
clear: both;
}
#cloud {
line-height: 200%;
}

div.flickr-meta-links {
clear: both;
margin: 10px 0 0 0;
}


ul.alle, ul.alle ul, ul.alle li {
margin: 0;
padding: 0;
list-style-type: none
}

ul.alle li {
padding-bottom: 0.3em;
}

ul.alle li strong {
display: block;
}

ul.alle h3 {
background: #eee;
padding: 1px 5px !important;
text-align: right;
margin-bottom: 10px;
}

/* --------- */

/*
Copy this file into your current active theme's directory to customize this template

Photo
*/
div.meta img {
margin-right:5px;
}
#photo {
position:relative;
margin:10px 0 0 0;
}
#notes {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
#notes .note {
padding:1px;
margin:-4px 0px 0px -4px;
position:absolute;
cursor:pointer;
}
#notes:hover .note .hover2 {
border:1px solid black;
}
#notes:hover .note .hover {
border:1px solid white;
}

#notes .note:hover {
border:1px solid yellow;
padding:0;
z-index:2;
}

.note .text {
display:none;
position:absolute;
top:100%;
left:0px;
width:auto;
margin:10px 0 0 0 ;
padding:5px;
background:#FFFFD3;
color:black;
border:1px solid #555;
border-top:1px solid #eee;
border-left:1px solid #eee;
z-index:1;
}
.note:hover .text {
display:block;
}

#context {
position:relative;
height:120px;
width:100%;
background:#eee;
}
#context .prev, #context .next {
position:absolute;
top:10px;

text-align:center;
text-transform:lowercase;
}
#context .prev {
left:10px;
}
#context .next {
right:10px;
}
#context .nomore {
top:20px;
width:100px;
}
#context .info {
position:absolute;
top:20px;
left:50%;
width:100px;
margin-left:-50px;
text-align:center;
}

.comment {
clear:both;
min-height:50px;
margin-bottom:1em;
}
.comment p {
margin:0 0 1em 0;
padding:0;
}
.comment img {
margin-right:5px;
margin-bottom:5px;
}
/*

Album

*/

#photos {
background:#eee;
padding:10px;
clear:both;
margin:20px 0 0 0;
}
#highlight {
position:relative;
margin:15px 0 0 0;
}
#highlight img {
float:left;
margin:0 10px 0 0 ;
}


/*

Albums-index

*/

.albums {
clear:both;
padding-top:10px;
}

.album {
background:#eee;
padding:10px 10px 10px 10px;
margin:0 0 15px 0;
position:relative;
min-height:95px;
clear:both;
}

.album .highlight {
float:left;
border:3px solid #888;
position:relative;
margin-right:10px;
}

.album h2 {
text-decoration:none;
margin:0 0 10px 0;
}

.albums-small .album {
clear: none;
width:90px;
height:115px;
float:left;
background: none;
}

.albums-small .album .highlight {
float: none;
margin:0;
}

.group {
min-height:60px;
}

#highlight {
position:relative;
margin:0 0 40px 0;
}
#highlight h2 {
margin-bottom:5px;
}
#highlight .highlight {
float:left;
margin:0 10px 0px 0 ;
border:3px solid #888;
}

#highlight .photos {
clear:both;
padding:10px 0;
background:none;
}
#highlight .photos img {
margin:0 10px 10px 0;
}

#photoalbum-nav {
margin-bottom:15px;
}

/* Tags */
div.tags {
padding-top:10px;
clear:both;
}
#cloud {
line-height:200%;
}

.flickr-meta-links {
clear:both;
margin:10px 0 0 0;
}

#caption {
font-weight: normal;
}

.flickr-photos .more-photos {
display: none;
}

/* ---------------- */

.sociable {
margin: 16px 0;
}

.sociable_tagline {
position: relative;
}
.sociable_tagline span {
display: none;
width: 14em;
}

.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}

.sociable span {
display: block;
}

.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before {
content: "";
}
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}


/* ---------------- */

#content .event {
background: #fff;
margin-bottom: 1.4em;
}

#content .event p {
padding: 5px;
}

#content .event h3 {
padding: 5px;
background-color: #558833;
color: #fff;
}

#content .event h3 a, #content .event h3 a:visited {
color: #fff;
}

#content.eventTable {
width: 700px;
}

#content table.tec-calendar {
border-collapse: collapse;
border: 1px solid #8DA06B;
width: 100%;
font-size: 100%;
margin-top: 1.4em;
}

#content .tec-calendar td, #content .tec-calendar th {
width: 14.28%;
padding: 0;
vertical-align: top;
font-family: Arial, sans-serif;
}

#content .tec-calendar div {
font-family: Arial, sans-serif;
}

#content .tec-calendar .daynum {
background-color: #e0e0e0;
color: #333;
font-size: 10px;
padding: 3px 9px;
}

#content .tec-calendar td.tec-present .daynum {
background-color: #ccc;
color: #fff;
}

#content .tec-calendar td.tec-past .daynum {
color: #aaa;
}

#content .tec-calendar th {
height: 10px;
color: #fff;
background: #558833;
text-align: center;
font-size: 180%;
}

#content .tec-calendar td {
height: 100px;
border: 1px solid #8DA06B;
background-color: #fff;
color: #333;
}

#content .tec-calendar td .tec-event {
padding: 6px 9px;
line-height: 1.2;
}

#content .tec-calendar hr {
border: 0 none !important;
display: block;
height: 1px;
background-color: #D4DBCC;
margin: 0 9px;
}

#content .tec-calendar .tec-event {
position: relative;
}

.tec-calendar .tec-tooltip {
border: 1px solid #666;
position: absolute;
z-index: 1001;
bottom: 30px;
left: 3px;
width: 320px;
background-color: #fff;
color: #333;
line-height: 1.4;
}

.tec-tooltip {
-moz-box-shadow: 8px 8px 8px #666;
-webkit-box-shadow: 8px 8px 8px #666;
box-shadow: 8px 8px 8px #666;
}

.tec-tooltip .tec-arrow {
width: 19px;
height: 11px;
display: block;
background :url(images/tooltip-arrow.png) no-repeat 0 bottom;
position: absolute;
bottom: -11px;
left: 20px;
}

.tec-calendar .tec-right .tec-tooltip {
left: auto;
right: 3px;
}

.tec-right .tec-tooltip .tec-arrow {
left: auto;
right: 30px;
}

.tec-tooltip .tec-event-title {
background-color: #558833;
margin: 0;
color: #fff;
font-size: 12px;
padding: 0 6px;
height: 24px;
line-height: 24px;
}

.tec-tooltip .tec-event-body {
font-size: 11px;
padding: 3px 6px 6px;
}

.tec-tooltip .tec-event-date {
margin: 3px 0;
}

.tec-events-error {
display: none;
}

.tec_hide {
display:none;
}

.event-icon {
margin: -2px 0 -4px 0;	
}

/* -------------------- */

.shadow8 {
-moz-box-shadow: 8px 8px 8px #666;
-webkit-box-shadow: 8px 8px 8px #666;
box-shadow: 8px 8px 8px #666;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
zoom: 1; /* For IE */
}