@charset "utf-8";
/* CSS Document : Super-Visionen : standard */

/* ****************************************** */
/* ******* edit STARTSEITE ****************** */

/* link schriftfarbe: #eee (gebrochenes weiss) */
/* link randfarbe: #fff (weiss) */
ul.start .q {
color:#eee;
border:1px solid #fff;
}
/* link überfahren schriftfarbe: #f00 (rot) */
ul.start .q:hover span {
color:#C63927 !important;
}
/* link überfahren randfarbe: #f00 (rot) */
ul.start .q:hover {
border:1px solid #C63927 !important;
}

/* ******* /edit STARTSEITE ***************** */
/* ****************************************** */



/*
       * ******* ******* ******* ******* *
       *   ab hier nichts mehr ändern,   *
       *  ausser du weisst was du tust!  *
       * ******* ******* ******* ******* *
*/
/* ---------------------------- allgemein ------- */
* {
margin:0;
padding:0;
border:0;
list-style:none;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#484D65;
background-color:#f2f2f2;
}
#header,
#middle,
#footer {
margin:0 auto;
width:630px;
}
#middle {
height:630px;
overflow:hidden;
background:url(container.png) no-repeat;
border:1px solid #fff;
}
#wrapper {
margin:0 auto;
width:700px;
background:url(tag-trans.png) no-repeat;
}
#nav {
float:left;
width:210px;
height:631px;
}
#content {
float:right;
width:420px;
height:628px;
overflow:hidden;
}
#scroll {
float:right;
width:420px;
height:646px;
overflow:scroll;
}
#scroll .galerie {
margin-right:-17px !important;
}
#header,
#footer {
height:40px;
}
#header {
margin-top:5px;
background:url(headlogo-trans.png) no-repeat;
}
a,
a:visited {
color:#484D65;
}
a:hover,
a:focus,
a:active {
color:#C63927;
text-decoration:underline;
}
/* ------- sprachwähler ------- */
#header ul {
float:right;
display:block;
margin-right:3px;
padding-top:1.5em;
text-transform:uppercase;
font-size:0.875em;
font-weight:bold;
}
#header li {
display:inline;
padding:0 7px 0 3px;
border-right:1px dotted;
}
#header li:first-child {
padding-left:6px;
border-left:1px dotted;
}
#header a {
font-weight:normal;
text-decoration:none;
}
#header a:hover {
font-weight:normal;
}
/* ------- /sprachwähler ------- */

/* ---------------------------- startseite ------- */
ul.start {
list-style:none;
}
ul.start li {
float:left;
width:208px;
height:208px;
text-align:center;
margin:1px;
background:#999 center center no-repeat;
}
ul.start .q {
width:207px;
height:122px;
display:block;
padding-top:85px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
}
ul.start .q:hover,
ul.start .q:focus,
ul.start .q:active {
background:url(nav-trans.png) no-repeat;
}
ul.start .q span {
font-size:0.875em;
font-weight:normal;
text-transform:none;
}
ul.start .q:hover span,
ul.start .q:focus span,
ul.start .q:active span {
color:#C63927;
text-decoration:underline;
}

/* ---------------------------- navigation ------- */
#nav .navroot {
list-style:none;
width:210px;
height:208px;
margin-top:2px;
overflow:hidden;
}
#nav .navroot li {
padding:1px;
}
#nav .navroot a {
width:203px;
height:15px;
display:block;
padding-left:5px;
font-size:0.875em;
color:#000;
text-decoration:none;
border-bottom:1px solid #fff;
}
#nav .navroot a:hover,
#nav .navroot a:focus,
#nav .navroot a:active,
#nav .navroot a.current {
color:#C63927;
background-color:#f2f2f2;
border-bottom:1px solid #C63927;
}
#nav .navroot a.current {
cursor:default;
}
/* ------- zusatzbild unter navi ------- */
#nav ul.navimg {
list-style:none;
width:210px;
height:420px;
overflow:hidden;
}
#nav ul.navimg li {
float:left;
width:208px;
height:208px;
text-align:center;
padding:1px;
background:center no-repeat;
}
#nav ul.navimg li img {
border:1px solid #fff;
}
#nav .navimg a {
width:206px;
height:206px;
display:block;
border:1px solid #fff;
}
#nav .navimg a:hover,
#nav .navimg a:focus,
#nav .navimg a:active {
background:url(nav-trans.png) no-repeat;
border:1px solid #C63927;
}
/* ------- /zusatzbild unter navi ------- */

/* ---------------------------- galerie ------- */
ul.galerie {
float:right;
clear:right;
list-style:none;
padding:0 !important;
width:210px;
height:210px;
overflow:hidden;
}
ul.galerie li {
float:left;
margin:1px;
width:68px;
height:50px;
}
ul.galerie li a {
float:left;
display:inline;
width:67px;
height:49px;
border:1px solid #fff;
}
ul.galerie li a:hover,
ul.galerie li a:focus,
ul.galerie li a:active {
background-image:url(nav-trans.png);
border:1px solid #C63927;
}

/* ---------------------------- text ------- */
/* ------- quadrate ------- */
.q1b1h,
.q2b1h,
.q1b2h,
.q2b2h,
.qbild {
float:left;
overflow:hidden;
margin:1px;
}
.q1b1h {
width:196px;
height:196px;
}
.q2b1h {
width:406px;
height:196px;
}
.q1b2h {
width:196px;
height:406px;
}
.q2b2h {
width:406px;
height:406px;
}
.qbild {
width:208px;
height:208px;
text-align:center;
}
.qbild img {
margin:1px;
}
.qbild a img {
margin:0 !important;
border:1px solid #fff;
}
.qbild a img:hover,
.qbild a img:focus,
.qbild a img:active {
border:1px solid #C63927;
}
/* ------- /quadrate ------- */

.text {
float:left;
padding:6px;
letter-spacing:0.025em;
}
.text h1 {
color:#000;
font-size:1.375em;
font-weight:normal;
margin:0 0 0.75em 0;
}
.text h2 {
color:#000;
font-size:1em;
margin:0 0 0.5em 0;
}
.text > h2.toggler {
margin-top:0.5em !important;
}
.accordion .text > h1 {
display:none;
}
.text h3 {
color:#000;
font-size:0.875em;
}
.text p {
line-height:1.4em;
margin-bottom:0.75em;
}
.text p.zitat {
font-style:italic;
font-weight:bold;
letter-spacing:0.05em;
color:#000;
margin-bottom:0.25em !important;
}
.text p.autor {
font-style:italic;
font-size:0.875em;
color:#000;
margin-bottom:2.75em !important;
}
.text p.hinweis {
font-style:italic;
font-size:0.75em;
margin-bottom:1em;
}
.text .back {
width:390px;
height:auto;
overflow:hidden;
padding-bottom:1.5em;
font-style:italic;
font-size:0.875em;
}
.text p.em {
font-style:italic;
margin-bottom:1em;
}
.text p.em {
width:404px;
}
.text ul {
overflow:hidden;
margin:0 0 0.5em 0;
}
.text ul li {
margin:0 0 4px 0;
padding:0 0 0 16px;
background:url(list-trans.png) no-repeat;
}
.text a,
.text a:visited {
color:#000;
}
.text a.extern,
.text a.extern:visited {
font-size:0.875em;
font-style:italic;
}
.text a:hover,
.text a:focus,
.text a:active {
color:#C63927;
}
.text .x {
padding-top:1em !important;
}
abbr {
border-bottom:1px dotted #333;
cursor:help;
}
acronym {
border-bottom:1px dashed #333;
cursor:help;
}
/* ------- toggler / accordion ------- */
.toggler {
margin:0 !important;
padding:0 !important;
line-height:0.5em !important;
}
.accordion {
clear:both;
}
/* ------- /toggler / accordion ------- */

/* ---------------------------- footer ------- */
#footer ul {
display:block;
padding-top:1em;
font-size:0.875em;
}
#footer li {
display:inline;
padding:0 7px 2px 3px;
border-right:1px dotted;
}
#footer span {
color:#C63927;
border-bottom:1px solid #C63927;
}

/* ---------------------------- formular ------- */
#sv fieldset {
float:left;
width:100%;
margin:0.75em 0;
overflow:hidden;
display:block;
}
#sv legend {
font-weight:bold;
margin-bottom:1px;
}
#sv .ltext,
#sv .itext {
float:left;
width:203px;
height:auto;
overflow:hidden;
margin:1px 0;
padding:2px 0;
}
#sv .itext {
margin-left:2px;
background:#f2f2f2;
}
#sv textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:408px;
height:153px !important;
margin:1px 0;
padding:2px 0;
background:#f2f2f2;
}
#sv .formhinweis {
display:block;
font-style:italic;
margin:6px 0;
}
#sv input.submit {
width:203px;
margin-left:205px;
padding:6px;
font-weight:bold;
background-color:#f2f2f2;
border:1px solid #ddd;
}
#sv input.submit:hover {
color:#C63927;
background-color:#ccc;
border:1px solid #999;
}
#sv .forminfo {
color:#C63927;
font-weight:bold;
}
#sv .error {
color:#C63927;
border-bottom:1px solid #C63927;
}


/* ---------------------------- xform ------- */
/*
.xform {
  position:absolute;
  width:420px;
  height:auto;
  overflow:hidden;
  letter-spacing:0.025em;
  color:#484D65;
  margin-top:37px !important;
}
.xform fieldset {
}
p.formsubmit,
p.formtextarea,
p.formtext {
  float:left;
  margin-bottom:2px;
  }
.formtextarea label.textarea,
.formtext label.text {
  float:left;
  width:196px;
  height:auto;
  overflow:hidden;
  margin-right:2px;
  padding:2px 6px;
}
.formtextarea textarea.textarea,
.formtext input.text {
  float:left;
  width:196px;
  height:auto;
  padding:2px 6px;
  color:#484D65;
  background:#f2f2f2;
}
.formtextarea textarea.textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  padding:2px 6px;
}
.formsubmit {
  width:418px;
  height:auto;
  overflow:hidden;
  padding:6px 0;
}
.formsubmit .submit {
  float:right;
  width:208px;
  height:auto;
  padding:6px 0;
  color:#484D65;
  letter-spacing:0.1em;
  border:1px solid #ddd;
}
.formsubmit .submit:hover,
.formsubmit .submit:focus,
.formsubmit .submit:active {
  color:#C63927;
  letter-spacing:0.125em;
  font-weight:bold;
  border:1px solid #C63927;
  background:#ddd !important;
}
ul.form_warning {
  padding:6px;
  margin-bottom:2px;
  font-weight:normal !important;
  font-size:0.75em;
}
.xform .form_warning {
  font-weight:bold;
  font-style:italic;
  background:#ddd !important;
}

.formsign_error {
  font-style:italic;
}
.rex-message {
  width:418px;
  overflow:hidden;
  border:1px dotted #C63927;
}
*/
/* ---------------------------- print only ------- */
#print_head {
display:none;
}