/* standard elements */
html {min-height: 100%;}

* {
margin: 0;
padding: 0;
}

img {
border: 0;
}
a {color: #963; text-decoration: none}
a:hover {color: #C60; text-decoration: none}


body {
background-color: #B7CEDE;
color: #444;
font: normal 62.5% Tahoma,sans-serif;
}

#banner {
margin: 0 auto;
width: 728px;
height: 90px;
border: 0;
z-index:1;
}


p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
font: normal 1.8em Tahoma,sans-serif;
margin-bottom: 4px;
}

code {
background: #FFF;
border: 1px solid #EEE;
border-left: 6px solid #C1CAD3;
color: #666;
display: block;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}

blockquote {
background: url(img/quote.gif) no-repeat;
display: block;
font-weight: bold;
padding-left: 28px;
}

h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
background: #FFF;
font-size: 1.2em;
margin: 0 auto;
padding: 0 10px 10px;
width: 780px;
}

/* header */
.top {
padding: 20px 10px 0;
}

/* title */
.header {
background: #FFF;
font-size: 1.2em;
height: 150px;
margin: 0 auto;
padding: 10px 10px 5px;
width: 780px;
}
.header .left, .header .right {
background: #A4A4A0;
color: #B7CEDE;
height: 150px;
}
.header .left {
background: #B3C2C7 url(img/header.jpg) no-repeat;
font: normal 2.8em "Trebuchet MS",sans-serif;
line-height: 220px;
text-align: left;
width: 564px;
}
.header .right {
background-color: #D9E1E5;
overflow: auto;
width: 212px;
}
.header .right p,.header .right h2 {padding: 0 10px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Tahoma",sans-serif; letter-space: 1em;}

/* navigation */
.navigation {
background: #D9E1E5 url(img/nav.gif);
border: 1px solid #DFEEF7;
border-color: #DFEEF7 #CFDEE7;
height: 41px;
}
.navigation a {
background: #D9E1E5 url(img/nav.gif);
border-right: 1px solid #AFBEC7;
color: #456;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 41px;
padding: 0 20px;
text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}

/* main */
.main {
border-top: 4px solid #FFF;
background: url(img/bgmain.gif) repeat-y;
}

/* sub navigation */
.sidenav {
float: right;
width: 210px;
}
.sidenav h2 {
color: #5A5A43;
font-size: 1em;
line-height: 30px;
margin: 0;
padding-left: 12px;
}
.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
font-size: 1em;
color: #776;
display: block;
padding: 8px 0 8px 4%;
text-decoration: none;
width: 95%;
}
.sidenav li a:hover {
background: #EBEBDF;
color: #000000;
}
.sideres {
float: right;
width: 210px;
}
.rss {
padding-top: 10px;
}
.cat img, .rss img {
margin: 0 0 0 4px;
}
.cat {
border-bottom: 1px solid #EAEADA;
}

/* content */
.content {
float: left;
margin: 10px 0;
padding: 0 16px;
width: 531px;
}
.contentres {
float: left;
margin: 10px 0;
padding: 0 16px;
width: 531px;
}
.content .descr .contentres {
color: #664;
font-size: 0.9em;
margin-bottom: 6px;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
.content p, .contentres p {font-family: "Lucida Sans Unicode",sans-serif; font-size: 1,4em;}
.katart {
font-family: "Lucida Sans Unicode",sans-serif; font-size: 1,4em;
}
.content img, .contentres img {
margin-top: 3px;
}
.content a:link {color: #963; text-decoration: none;}
.content a:active {color: #963; text-decoration: none;}
.content a:visited {color: #963; text-decoration: none;}
.content a:hover {color: #C60; text-decoration: none;}
a.showMoreLink:link {  color: #A94203; text-decoration: none; }
a.showMoreLink:active {  color: #A94203; text-decoration: none; }
a.showMoreLink:visited {  color: #A94203; text-decoration: none; }
a.showMoreLink:hover {  color: #F86106; text-decoration: none; }
.footerart a:link {color: #ffffff; text-decoration: none; }
.footerart a:active {color: #A8D7F9; text-decoration: none; }
.footerart a:visited {color: #ffffff; text-decoration: none; }
.footerart a:hover {color: #A8D7F9; text-decoration: none; }
.artikel a:active img,
.artikel a:hover img,
.artikel a:focus img
{
-moz-opacity: 0.7;
opacity: 0.7;
filter:        Alpha(opacity=50);
}

.album a:active img,
.album a:hover img,
.album a:focus img
{
-moz-opacity: 0.7;
opacity: 0.7;
filter:        Alpha(opacity=50);
}
.content h2 {
font-size: 1.4em;
color: #8598B1;
}
.content h3 a {
font-size: 14px;
}
.content div p {
line-height: 125%;
}

#Links h2 {
text-transform: capitalize;
}
#Links li,h3 {
margin-bottom: 5px;
}
div p img {
border-color: #D1D1D1 #D1D1D1 #E8E8E8;
border-style: solid;
border-width: 3px 3px 5px;
margin-right: 8px;
}
.date {
color: #A9A9A9;
font-size: 10px;
}

/* Suche */
.suche {
text-align: center;
padding: 8px 0;
margin: 0;
background-color: #EBEBDF;
}
.suchtext {
height: 18px;
width: 100px;
vertical-align: middle;
margin: 0;
padding: 0;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
background-color: #D9D9CE;
}
.suchebt {
height: 20px;
width: 55px;
font-size: 10px;
margin: 0;
padding: 0;
vertical-align: middle;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
background-color: #D9D9CE;
}

#Search fieldset {border:0px solid; padding:2px; margin:2px;}
#Search input {margin:0px;padding:2px;width:7em;}
#Search input.button {margin:0px;padding:2px;width:5em;}
#Search form {margin:0px;padding:2px;}
#Search label {margin:0px;padding:2px;width:8em;}

/* footer */
.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #A8D7F9;
font: bold 1em sans-serif;
line-height: 39px;
text-align: center;
}
.footer img {
vertical-align: middle;
}
.footerart img {
margin-right: 3px;
}

.footerart {
background: url(img/bgfooter.gif) repeat-x;
color: #FFF;
font: bold 1em sans-serif;
text-align: center;
margin-bottom: 12px;
margin-top: 2px;
height: 30px;
padding-top: 8px;
}
.footer a,.footer a:hover {color: #A8D7F9;}
.footerart a,.footer a:hover {color: #FFF;}

/* calendar */

table.calMonth a {
font-size: 1.1em;
color: #554;
display: block;
padding: 0;
text-decoration: none;
text-align: center;
}
table.calMonth a:hover {
background: #F0F0ED;
color: #000000;
}

table.calMonth td a {
font-size: 1.1em;
background: #FFFFFF;
color: #554;
display: block;
padding: 0;
text-decoration: none;
text-align: center;
}
table.calMonth td a:hover {
color: #000000;
}
table.calMonth {
width:11em;
border-spacing:4px;
border:0px;
}

th.calMonthCurrent {
font-weight:bold;
padding: 0px;
text-align: center;
}

th.calMonthBackward {
font-weight:normal;
padding: 0px;
text-align:center;
}

th.calMonthForward {
font-weight:normal;
padding: 0px;
text-align:center;
}

td.calMonthDay {
font-weight:normal;
padding: 0px;
margin: 0px;
text-align:center;
}

.calMonthHeader th {
text-align:center;
font-weight:bold;
padding: 0px;
}

table.calMonth td {
padding: 2px;
text-align: center;
}

.calMonthToday {
padding: 0;
margin: 0;
color: black;
text-align:center;
background-color: #B3C2C7;
}
.farbetag {
background-color: #EBEBDF;
margin: 0;
padding: 0;
}
.nodecoration img {
margin-top: 3px;
}


/* aus standard template css styles.css */

#CommentForm fieldset {
border:0px solid #d4d0cd;
padding-top:10px;
margin-top:10px;
padding-left:10px;
padding-bottom:10px;
}

#CommentForm legend {
color:#525150;
padding:2px 4px 2px 4px;
font-weight : bold;
}

#CommentForm label {
font-size: 11px;
width:13em;
float:left;
display:block;
clear:both;
margin-top:6px;
margin-bottom:0px;
text-indent: 4px;
}

#CommentForm input {
width: 181px;
margin-top: 4px;
margin-left: 0px;
margin-bottom: 8px;
border-style: solid;
border-width: 1px 2px 2px 1px;
border-color: #D1D1D1 #FFFFFF #FFFFFF #D1D1D1;
}
input#commentTopic {
width: 260px;
}

#CommentForm textarea {
width: 261px;
margin-top:5px;
margin-bottom:8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #D1D1D1 #A1A1A1 #A1A1A1 #D1D1D1;
}


#Submit {
margin: 0;

}

#CommentForm span {
position: relative;
top: 4px;
left: 0;
padding: 0 4px 0 4px;
background-color: #D1D1D1;
}

#NewComment div {
margin-bottom: 1px;
padding-left: 2px;
padding-top: 3px;
background-color: #EBEBE5;
background-image:url(img/px.gif); background-repeat:repeat-y;
background-position:140px 0;
}

#Submit input {
font-size: 11px;
color: #525150;
width: 75px;
height: 22px;
margin-left: 143px;
margin-top: 4px;
margin-bottom: 8px;
border-style: solid;
border-width: 1px 2px 2px 1px;
border-color: #D1D1D1 #FFFFFF #FFFFFF #D1D1D1;
background-color: #f3f3f3;
}
.commentheader {
font-size: 11px;
font-weight: normal;
}
.commentposterinfo {
font-size: 11px;
color: #000000;
}

/* ******************  albums  *************** */

div.alben {
text-align: center;
float: left;
width: 170px;
height: 100px;
margin-bottom:10px;
margin-right:5px;
padding-top: 4px;
}

div.chalbum {
text-align: center;
float: left;
width: 170px;
height: 100px;
margin-bottom:10px;
margin-right:5px;
padding-top: 4px;
}
div.chalbum img {
border-style: solid;
border-width: 1px;
border-color: #B7CEDE;
}
div.album {
text-align: center;
float: left;
width: 170px;
height: 201px;
margin-bottom: 10px;
margin-right: 5px;
padding-top: 4px;
border-style: dotted;
border-width: 1px;
border-color: #dddddd;
background-color: #FFFFFF;
}
#album {
width: 531px;
}
.bildname {
font: bold 1em sans-serif;
text-indent: 2px;
padding-bottom: 5px;
}
div.zur {
height: 15px;
width: 525px;
font-size: 12px;
font-color: #000000;
background-color: #ededed;
}
#Resource {
width: auto;
height: 100%;
margin-top: 2px;
}
#Resource img {
background-color: silver;
padding: 5px;
}
#imgdesc {
height: 32px;
text-indent: 7px;
line-height: 260%;
font-size: 1em;
background: url(img/imgdesc.gif) repeat-x;
border-style: solid;
border-width: 1px 0 1px 0;
border-color: #F2F2F2;
background-color: #FFFFFF;
}

#Bottom {
font-size: 10px;
}
div.zur a:link {color: #000000; text-decoration: none; }
div.zur a:active {color: #000000; text-decoration: none; }
div.zur a:visited {color: #000000; text-decoration: none; }
div.zur a:hover {color: #000000; text-decoration: underline; }

.album img {
border-style: solid;
border-width: 1px;
border-color: #dddddd;
padding: 3px;
}

.album p {
text-align: center;
font-size: 10px;
color: #aaaaaa;
padding: 2px 1px;
margin-top: 2px;
width: 99%;
overflow: hidden;
background-color: #f4f4f4;
}
#imgdes {
height: auto;
width: auto;
font-size: 10px;
color: #797979;
background-color: #ededed;
line-height: 14.5px;
}
.copy    {
font-size: 11px;
padding-left: 6px;
font-weight: normal;
color: #000000;
}
.parrand {
margin-top: 10px;
border-style: dashed;
border-width: 1px 0;
border-color: #dddddd;
padding: 3px 0;
}
.parrand img {
border: none;
}
a img {border:none;}
#album a:link {color: #004ca1;}
#album a:visited {color: #004ca1;}
#album a:hover, #album a:active, #album a:focus {color: #004ca1;background:none;}
#Resource-Desc a:link {color: #963; text-decoration: none}
#Resource-Desc a:visited {color: #963; text-decoration: none}
#Resource-Desc a:hover, #Resource-Desc a:active, #Resource-Desc a:focus {color: #C60; text-decoration: none}
#Resource-Desc {
height: 33px;
text-indent: 7px;
background-color: #dddddd;
padding-top: 4px;
background: url(img/imgdesc.gif) repeat-x;
border-style: solid;
border-width: 1px 0 1px 1px;
border-color: #F2F2F2;
}