@charset "utf-8";

/* --------------------------------------------------------------------------------------------------------------------
language: de
title: autismus-vogtland.css
stylesheet for: http://www.autismus-vogtland.de
publisher: Autismus-Vogtland e.V.
author: René Skupch, http://www.ausdemvogtland.de
date: 2010-03-11
description: Diese Datei dient zur Gestaltung der Internetpraesenz von Autismus-Vogtland e.V.. Sie finden diese unter http://www.autismus-vogtland.de.

content:
1. Grundeinstellungen
2. Seite
3. Kopf
4. Inhalt
4.1. Aktuelles
4.2. Navigation
4.3. Text
5. Fuss
-------------------------------------------------------------------------------------------------------------------- */

/* 1. Grundeinstellungen
-------------------------------------------------------------------------------------------------------------------- */

* {
margin: 0;
padding: 0;
}

html, body {
background: #F5F6F8;
color: #0C4700;
line-height: 1.35;
text-align: center;
}

body {
font-size: 97.01%;
font-family: verdana, helvetica, arial, sans-serif;
}

titel, abbr, acronym {
cursor: help;
}

h1 {
}

h2{
font-size: 125%;
}

h3 {
font-size: 105%;
}

.kursiv {
font-style: italic;
}
/*
.link_beschreibung {
font-weight: normal;
}

.fehler
{
color: #7A205D;
}
*/
#navigation, .fehler, .fett { 
font-weight: bold;
}

a  { 
background: transparent; 
color: #0C4700;
}

a:hover {
color: #ffffff;
background: #157A02;
}

hr, .unsichtbar {
position: absolute;
display: inline;
overflow: hidden;
width: 0;
height: 0;
left: -100em;
top: -100em;
}

/* 2. Seite
-------------------------------------------------------------------------------------------------------------------- */

#seite {
margin: 0 auto;
background:  url(bilder/seite.jpg) repeat-y;
width: 970px;
}

/* 3. Kopf
-------------------------------------------------------------------------------------------------------------------- */

#kopf h1 a{
display: block;
background: url(bilder/kopf.jpg) no-repeat;
width: 970px;
height: 159px;
}

#kopf h1 a span {
display: none;
}

#kopf h1 a:hover{
display: block;
}

/* 4. Inhalt
-------------------------------------------------------------------------------------------------------------------- */

#inhalt { 
margin: 0px 110px;
text-align: left;
}

/* 4.1. Aktuelles
-------------------------------------------------------------------------------------------------------------------- */

#aktuell {
text-align: center;
margin-bottom: 10px;
border-bottom: 1px solid #BBCCBA;
}

#aktuell a {
text-decoration: none;
font-weight: normal;
}

/* 4.2. Navigation
-------------------------------------------------------------------------------------------------------------------- */

#navigation {
float: right;
width: 14em; /* entspricht Abstand rechter Rand des Text-div + ul.hauptrubriken li a-Versatz */
}

#navigation h2 {
text-align: right;
}

ul.hauptrubriken, ul.unterthemen  {
list-style-image: none;
list-style-type: none;
}

h2.unterthemen {
margin-top: 1em;
}

ul.hauptrubriken li.gewaehlte_seite, ul.unterthemen li.gewaehlte_seite {
display: block;
background: #1A8F02 url(bilder/schalter_ol.jpg) no-repeat 0 0;
color: #ffffff;
cursor: help;
}

ul.hauptrubriken li.gewaehlte_seite span, ul.unterthemen li.gewaehlte_seite span {
display: block;
background: url(bilder/schalter_or.jpg) no-repeat 100% 0;
}

ul.hauptrubriken li.gewaehlte_seite span span, ul.unterthemen li.gewaehlte_seite span span {
display: block;
background: url(bilder/schalter_ul.jpg) no-repeat 0 100%;
}

ul.hauptrubriken li.gewaehlte_seite span span span, ul.unterthemen li.gewaehlte_seite span span span {
display: block;
background: url(bilder/schalter_ur.jpg) no-repeat 100% 100%;
}

ul.hauptrubriken li.gewaehlte_seite_link {
display: block;
background: #DFE8E3 url(bilder/schalter_a_ol.jpg) no-repeat 0 0;
color: #ffffff;
cursor: help;
}

ul.hauptrubriken li.gewaehlte_seite_link span {
display: block;
background: url(bilder/schalter_a_or.jpg) no-repeat 100% 0;
}

ul.hauptrubriken li.gewaehlte_seite_link span span {
display: block;
background: url(bilder/schalter_a_ul.jpg) no-repeat 0 100%;
}

ul.hauptrubriken li.gewaehlte_seite_link span span span {
display: block;
background: url(bilder/schalter_a_ur.jpg) no-repeat 100% 100%;
}

ul.hauptrubriken li span span span, ul.unterthemen li span span span {
padding-right: 0.7em;
padding-left: 0.7em;
}

ul.hauptrubriken li a, ul.unterthemen li a {
display: block;
margin-left: 0.7em;
text-decoration: none;
}

ul.hauptrubriken li.gewaehlte_seite_link a {
display: block;
margin: 0;
text-decoration: none;
}

ul.hauptrubriken li a:hover, ul.unterthemen li a:hover {
display: block;
background: #1A8F02 url(bilder/schalter_ol.jpg) no-repeat 0 0;
}

ul.hauptrubriken li a:hover span, ul.unterthemen li a:hover span {
display: block;
background: url(bilder/schalter_or.jpg) no-repeat 100% 0;
}

ul.hauptrubriken li a:hover span span, ul.unterthemen li a:hover span span {
display: block;
background: url(bilder/schalter_ul.jpg) no-repeat 0 100%;
}

ul.hauptrubriken li a:hover span span span, ul.unterthemen li a:hover span span span {
display: block;
background: url(bilder/schalter_ur.jpg) no-repeat 100% 100%;
}

/* 4.3. Text
-------------------------------------------------------------------------------------------------------------------- */

#text {
margin: 0 13.3em 0 0; /* entspricht Abstand des Navigation-div abzüglich ul.hauptrubriken li a-Versatz */
padding: 0 2em 0 0;
border-right: 1px solid #BBCCBA;
} 

#text h2, #text h3, #text p, #text table, #text img, .anker_seitenanfang {
margin-bottom: 1em;
}

#text ol {
list-style-position: outside;
margin: 0 0 .6em 2em;
}

#text ul {
list-style-position: outside;
margin: 0 0 .6em 1em;
}

#text td{
padding: 0 0 .4em 0;
vertical-align:top;
}

.spalte_1 {
width: 11.5em;
}

#inhaltsverzeichnis, #inhaltsverzeichnis ul {
margin: 0;
list-style-image: none;
list-style-type: none;
list-style-position: outside;
}

#inhaltsverzeichnis li {
margin: .6em 0 0 0;
list-style-position: outside;
}

#inhaltsverzeichnis li li {
margin: 0 0 0 1.1em;
}

#inhaltsverzeichnis {
margin-bottom: 1em;
}

.anker_seitenanfang {
display: block;
text-align: right;
/*text-decoration: none;*/
}

#xhtml, #css {
display: block;
width: 88px;
height: 31px;
}

#xhtml {
background: url(http://www.w3.org/Icons/valid-xhtml10-blue) no-repeat;
}

#css {
background: url(http://jigsaw.w3.org/css-validator/images/vcss-blue) no-repeat;
margin-top: -31px;
margin-left: 103px;
}

/* 5. Fuss
-------------------------------------------------------------------------------------------------------------------- */

#fuss {
clear:both;
background: url(bilder/fuss.jpg) no-repeat;
margin-top: 1.5em;
height: 141px;
}

#fuss p {
padding: 30px 110px;
font-size: 80%;
}