/* Positionierung */
/*----------------*/
html,
body {
 margin:0;
 padding:0;
 height:100%;
 text-align: center;
 width: 100%
}

#container {
 min-height:100%;
 width: 100%;
 position:relative;
}
#header {
 width:100%;
z-index: 1;
}

#frame {
 padding: 0;
 padding-bottom: 50px;  /*footer height */
 position: relative;
z-index: 0;
}

#footer {
 height: 0px;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
}
.inner {
 margin: 0 auto;
 min-width: 210px;
 max-width: 790px;
 text-align: left;
}

/* content-positionierung */
/*------------------------*/

#main {
 margin: 0 0 0 210px;
 padding: 5px 30px 0 20px;
}

#left {
 width: 210px;
 margin: 0;
 padding: 10px 0 0 0;
 float: left;
}
#left .honor {
 margin: 1em 0 0 18px;
 padding-top: 30px;
}
#left .honor img {
 border: none;
 width: 102px;
}
#main .language {
 position: absolute;
 top: 0;
 right: 17px;
 text-align: right;
}
/* header-positionierung */
/*-----------------------*/
#header .inner{
 height: 74px;
 text-align: right;
 position: relative;
}

#header h1 {
 width: 210px;
 height: 74px;
 float: left;
 margin: 0;
 padding: 0;
 border: none;
 overflow: hidden;
}

#header h1 img {
 position: absolute;
 top: 0;
 left: 0;
}

#header h2 {
 position: absolute;
 right: 0;
 top: 0;
 margin: 0;
 font-size: 1em;
 padding: 0 .5em;
 font-weight: normal
}

/* footer-positionierung */
/*-----------------------*/
#footer {
 text-align: center;
}
#footer .inner {
 position: relative;
}

#footer .info {
 position: absolute;
 left: 225px;
 bottom: 5px;
}
#footer .adr {
 width: auto;
 float: left;
}

#footer .updated {
 text-align: right;
 padding-right: 30px;
 width: auto;
 float: right;
}

#footer .valid {
 margin-left: 10px;
}

/* fonts und farben */
/*------------------*/
#header img {
 border: none;
}
img {
 border: none;
}
body{
 font: 12px/1.5em "Verdana", "Futura",sans-serif;
 color:#000;
 background-color: #fff; 
 background-image:url(../pics/bg.png);
 background-repeat:repeat-y;
 background-position: 50% 50%;
 background-attachment: fixed 
}

#header {
/* overflow:hidden; */
 background-color: #f90
}
#header .inner {
 background-color: #fc0
}

#header .simpleView a {
 text-decoration: none;
 color: #900;
}

.blind {
 display:none
}
.standardView {
 display: none;
}

img.rechts {
 float: right;
 margin: 0 0 0 1em;
 width: auto;
}
img.links {
 float: left;
 margin: 0 1em 0 0;
 width: auto;
}
img.mitte {
 margin: 1em auto;
}
blockquote {
 padding: .5em 1em;
 margin: 0;
 font-style: italic;
}

#main p {
 margin-top: 0;
}

#toc {
 background-color: #fff;
 border: 3px solid #fc6;
 float: right;
 width: 35%;
 margin: 1em 0 1em 1em;
 padding: .4em .1em .4em 1em;
 font-size: 1.2em;
}
#toc .tocItem {
 font-size: .8em;
 font-weight: normal;
 padding: .2em 0 .2em 1em;
}



.message ul {
 list-style: none;
 padding-left: 0;
}
.message {
 color: #f00;
}


/* schriftgroessen */
#main h1 {
 font: 1.7em/1.3em "Verdana", "Futura",sans-serif;
 margin-bottom: .5em;
}
#main p + h1 {
 margin-top: 2.5em;
}
#main h2 {
 font: 1.4em/1.3em "Verdana", "Futura",sans-serif;
 margin: 1.5em 0 .5em 0;
 border-bottom: 1px solid #ccc;
 overflow: hidden;
 position:relative /* damit ie border bei floating box abschneitdet */
}
#main h3 {
 font: 1.2em/1.3em "Verdana", "Futura",sans-serif;
 margin-bottom: .5em;
}
#main h4 {
 font: 1em/1.3em "Verdana", "Futura",sans-serif;
 margin-bottom: .5em;
}

.home #main p + h1 {
 padding-top: 1.3em;
 padding-bottom: 0;
 margin-bottom: .5em;
 margin-top: 1em;
}
.home h1 {
 border-bottom: 1px solid #ccc;
 font-size: 1.5em;
 overflow: hidden;
 position:relative /* damit ie border bei floating box abschneitdet */
}

.home #main h2 {
 border:none;
 font-size: 1em;
 font-weight: bold;
}
.home #main p {
 margin-top: 0;
 padding-top: 0;
}
#header h1 {
 font-size: 1.5em;
}
/* termine */
/***********/
.terminBox {
}
.home .terminBox .termin {
 margin-bottom: .5em
}

#main div.terminBox h1, #main div.terminBox h2 {
 color: #c00;
 }
#main .terminBox h3 {
 font-size: 1em;
 padding: .5em 0;
 margin: 0;
}

.termin {
 margin-bottom: 3em;
}

#main .priority + h2 {
 padding-top: 0;
 margin-top: 0;
}

.download ul.list {
 list-style-type: none;
 padding-left: 0;
}
/* download */
/************/
.download ul.list ul {
list-style-position: outside;
 list-style-type: none;
 padding-left: 1em;
}

.download ul.list h1 {
 margin-top: 2em;
}

.download ul.list ul ul {
list-style-position: outside;
 list-style-type: square;
 padding-left: 1.5em;
}





/* sitemap */
/***********/

#siteMap {
 list-style: none;
 padding: 0;
}
#siteMap ul {
 list-style: square;
 padding-left: 2.5em;
}
#siteMap ul li {
 padding-top: .5em;
}
#siteMap > li {
 padding: 0 0 1.25em 0;
 /* border-bottom: 1px solid #ccc; */
 margin-bottom: 1.25em;
}
#siteMap li div {
 color: #666;
}
#siteMap a {
 font-weight: bold;
}
#siteMap.editable a{
 color: #f00;
}

/* KOMMENTARE */
/*------------*/
div.comment {
 margin-bottom: 1em;
 padding-left:0;
}
#comment {
padding-left: 0;
list-style: none;
}
#comment ul {
 margin-left: 0;
 padding-left: 1.5em;
 list-style: square;
}
div.comment .nick {
 margin-bottom: 0px;
 border-bottom: 1px dotted;
}
div.comment .nickName {
 font-weight: bold;
}

div.comment .bewerten {
 width: 25%;
 float: right;
 text-align: right;
}
div.comment .commentTxt {
 padding: 0;
 position: relative;
}

form.comment legend {
 display: none;
}

form.comment label{
 display: block;
}
form.comment div.required {
 font-weight: bold;
}
form.comment textarea, form.comment .half input {
 width: 98%;
}
form.comment div.half {
 width: 50%;
 float: left;
}
.comment .answer {
text-align: right
}
form.comment fieldset.ctl legend{
 display: none;
}
form.comment fieldset.ctl {
 border: none;
}
p.info {
 padding-top: 2em;
 font-size: .9em;
}


/* NAVIGATION */
/*------------------*/
#navbox h1 {
 font-size: 1em;
 margin: 1.5em 0 0 18px;
}
#nav {
 width: 174px;
 margin: 1em 0 0 18px;
 padding: 0;
 list-style: none;
}

#nav li {
 margin-bottom: .5em;
}
#nav li a.selected {
 color: #c00;
 font-weight: bold;
 border-bottom: 1px solid #000;
 display: block;
 background: #f2f0ee;
}
#nav li a {
 border-bottom: 1px solid #ccc;
 color: #000;
 width: 100%; 
 display: block;
 text-decoration: none;
 background: #f2f0ee;

}
#nav li a:hover,#nav li a:focus{
  color: #c00;
  border-bottom: 1px solid #c00;
  text-decoration: none;
 background: #f2f0ee
}
#nav ul {
 list-style: none;
 padding-left: 1em;
 margin-left: 0;
 margin-top: .5em;
}






#contrast {
 position: absolute;
right: 0;
bottom: 2px;
 padding: 0;
 margin: 0;
 list-style: none;
}
#contrast li {
 float: right;
width: 40px;
height: 40px;
padding: 0;
margin: 0 3px;
text-align: center;
font-size: 20px;
font-weight: bold
}
#contrast li a {
display: block;
width: 40px;
height: 40px;
border: 1px solid; 
text-decoration: none;
padding: 0;
margin: 0;
border: 1px solid #000;
font-size: 22px;
line-height: 36px;
}
#contrastSW {
color: #000;
background-color: #fff;
}
#contrastWS {
color: #fff;
background-color: #000;
}
#contrastBG {
color: #00f;
background-color: #ff0;
}
#contrastGB {
color: #ff0;
background-color: #00f;
}
#contrastGS {
color: #ff0;
background-color: #000;
}
#contrastRB {
color: #f00;
background-color: #9ff;
}
#contrastNo {
color: #000;
background: none;
}
#config {
 color: #000;
}
/* Fotos */
/*********/
img.thumb {
 margin-right: 10px;
}


#Container{
 margin:0 auto;
 padding: 0;
 position:relative;
 background-color:#fff;
}

#LinkContainer {
 padding: 0; 
 margin:0;
 position: absolute;
 width: 540px;
 z-index: 5;
}
#LoadContainer {
 position: relative;
 top: 50px;
 text-align: center;
}
#LoadContainer img{
 margin: 0 auto;
}

#PhotoContainer {
 top: 0;
 padding-top: 25px;
 position: absolute;
 text-align: center;
 width: 540px;
 z-index: 4;
}
#PhotoContainer img#Photo {
 margin: 0 auto;
}

#PrevLink {
 position: absolute;
}

#NextLink {
 display: block;
 width: 49%;
 float: right;
 text-align: right;
}

.description {
 margin: 1em 0 1em 0;
}

a#orginal {
display: block;
}
body.foto #footer div.info{
 display: none;
}