/* -----
   www.autovision-tradition.de
   Gestaltung einer Standard-Seite
   ----- */

body {
    background: #93A0A6 url(img/hintergrund.gif) top left repeat-x;
    color: #000;
}

#startseite {
    background: #93A0A6 url(img/start/hintergrund.gif) top left repeat-x;
    color: #000;
}

/* ----- Hauptnavigation ----- */

#logo {
    position: absolute;
    top: 12px;
    left: 40px;
}

#startseite #logo {
    top: 70px;
}

#hauptnavigation {
    position: absolute;
    top: 30px;
    left: 245px;
}

#startseite #hauptnavigation {
    top: 90px;
}

#hauptnavigation ul {
    margin: 0;
    padding: 0;
}

#hauptnavigation li {
    list-style-type: none;
    display: block;
    float: left;
    margin-right: 1px;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
}

#hauptnavigation .an {
    background-color: #CDD3D5;
}

#hauptnavigation .aus {
    background-color: #9CA8AD;
}

#hauptnavigation a {
    display: block;
    width: 105px;
    color: #000;
}

#hauptnavigation .sprachauswahl {
	text-align: right;
	margin-top: 3px;
	margin-left: 20px;
}
#hauptnavigation .sprachauswahl a {
	display: inline;
}

#extraNav {
	position: absolute;
	right: 3%;
	top: 0;
}

#extraNav a {
	display: block;
	float: left;
	width: 107px;
	height: 202px;
	overflow: hidden;
}

a#film {
	background: url(img/film.jpg) 100% 0 no-repeat;
}

a#flyer {
	height: 226px;
	background: url(img/flyerhand.jpg) 100% 0 no-repeat;
}

#extraNav a:hover, #extraNav a:focus {
	background-position: 0 0;
}

#extraNav a .text {
	display: none;
}

/* ----- Seitennavigation : Beispielbild und Linien ----- */

#bspbild {
    position: absolute;
    top: 151px;
    left: 0;
    width: 300px;
    height: 390px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

#bsplinie {
    position: absolute;
    top: 480px;
    left: 1px;
    width: 299px;
    height: 1px;
    background: transparent url(img/punkt.gif) repeat-x top left;
}

/* ----- Seitennavigation : Links ----- */

#seitennavigation {
    position: absolute;
    top: 90px;
    left: 40px;
    width: 203px;
    height: 407px;
    padding: 44px 1px 0 1px;
    background-image: url(img/nav/sub-hintergrund.gif);
}

#seitennavigation ul, #sitemap ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#seitennavigation div, #seitennavigation li, #sitemap div, #sitemap li {
    font-size: 11px;
    line-height: 16px;
}

#seitennavigation .top, #sitemap .top {
    font-weight: bold;
    background-image: url(img/nav/sub-toplink.gif);
    background-repeat: no-repeat;
}

#seitennavigation .top a, #sitemap .top a {
    padding-left: 60px;
    color: #FFF;
}

#seitennavigation li, #sitemap li {
    margin: 1px 0 0 50px;
    padding: 0;
    background-color: #E5E7EC;
}

#seitennavigation li li, #sitemap li li {
    margin: 0;
    padding: 0 0 0 10px;
    border-top: 1px solid #EDEDF3;
    background-image: url(img/nav/sub-punkt.gif);
    background-repeat: no-repeat;
    background-position: 10px 0;
}

#seitennavigation a, #sitemap a {
    display: block;
    padding: 0 20px 0 10px;
}

#seitennavigation .m1 a {
    color: #000;
    background-image: none;
}

#seitennavigation .m2 a {
    color: #000;
    background-image: url(img/nav/sub-pfeil.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

#seitennavigation .m0 a, #sitemap .m0 a {
    color: #5B676D;
    background-image: none;
}

/* ----- Copyright Information ----- */

#copyright {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 2px 5px;
    font-size: 8pt;
}

#copyright a {
    color: #444;
}

#copyright a:hover {
    color: #566;
}

/* ----- Seiteninhalt ----- */

#zentrum {
    margin: 90px 0 0 245px;
    z-index: 50;
}

#startseite #zentrum {
    margin: 151px 0 0 0;
    padding-left: 245px;
    background-image: url(img/start/museum.jpg);
    background-repeat: no-repeat;
}

#inhalt {
    position: relative;
    width: 670px;
    margin: 0;
    padding: 0;
    text-align: left;
}

#startseite #inhalt {
    width: 600px;
    height: 330px;
}

#inhalt h1 {
    padding: 15px 0;
}

#inhalt h3 {
    margin-top: 20px;
}

#inhalt td h3 {
    margin: 0;
}

#unten {
    position: absolute;
    top: 390px;
    left: 0;
    margin-top: 1px;
    height: 60px;
}

/* ----- Startseite ----- */

#startseite #inhalt .willkommen {
    margin: 20px 0;
}

#startseite #inhalt p {
    font-size: 12px;
    line-height: 20px;
}

#startseite #inhalt p.unten {
	margin-right: 90px;
}

#startseite #bapperl {
	position: absolute;
	left: 500px;
	top: 165px;
}

#start-ausstellungen {
    position: absolute;
    top: 265px;
    left: -90px;
    width: 760px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#start-ausstellungen li {
    float: left;
    width: 142px;
    margin-left: 10px;
    text-align: center;
}

#start-ausstellungen li img {
	display: block;
	width: 136px;
	height: 102px;
	border: 3px solid #ccc;
}

#start-ausstellungen a {
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
}

#fuenf-ausstellungsbereiche {
	margin-top: 1em;
	font: bold 1.25em Arial Narrow, Arial, sans;
	text-transform: uppercase;
	color: #71828A;
}

/* ----- Übersichtsseite Ausstellungen ----- */

#ausstellungen {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#ausstellungen li {
    margin: 20px 10px 0 0;
    padding: 0;
    display: block;
    float: left;
    width: 120px;
}

/* ----- Album ----- */

#album-text {
    position: relative;
    top: 15px; /* 10px */
    left: 0;
    width: 325px;
}

#album-anzeige {
    position: absolute;
    top: 61px;
    right: 0;
    width: 325px;
}

#album-kontrolle {
    padding-left: 70px;
    height: 60px;
    background-image: url(img/zeiger_rechts.gif);
    background-repeat: no-repeat;
}

#album-kontrolle ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#album-kontrolle li {
    display: block;
    float: left;
    width: 60px;
    margin: 0 10px 0 0;
    padding: 0;
}

.blatt {
    position: absolute;
    top: 0;
    left: 0;
    width: 325px;
    visibility: hidden;
    text-align: left;
}

#deckblatt {
    visibility: visible;
    position: relative;
    top: 0;
    left: 0;
    padding: 30px 0;
    font-size: 11px;
}

#deckblatt img {
    position: absolute;
    top: 0;
    left: 0;
}

#info {
    padding-left: 70px;
    height: 60px;
    background-image: url(img/zeiger_oben.gif);
    background-repeat: no-repeat;
    padding: 21px 0 0 70px;
}

#info2 {
    padding-left: 70px;
    height: 60px;
    background-image: url(img/zeiger_rechts.gif);
    background-repeat: no-repeat;
    padding: 5px 0 0 70px;
}

#link {
    padding-left: 70px;
    height: 60px;
    background-image: url(img/zeiger_rechts.gif);
    background-repeat: no-repeat;
    padding: 21px 0 0 70px;
}

#barrierefrei {
    padding-left: 70px;
    height: 60px;
    background-image: url(img/barrierefrei.gif);
    background-repeat: no-repeat;
    padding: 21px 0 0 70px;
}


/* ----- Sitemap ----- */

#sitemap {
    margin-top: 90px;
    width: 900px;
    height: 300px;
}

#sitemap h1 {
    padding: 15px 0;
}

#sitemap .spalte {
    display: block;
    float: left;
    width: 171px;
    height: 329px;
    padding-left: 1px;
    font-size: 11px;
    background-image: url(img/nav/sub-hintergrund.gif);
    background-position: 0 2px;
}

#sitemap .ende {
    display: block;
    float: left;
    width: 1px;
    height: 329px;
    background-image: url(img/nav/sub-hintergrund.gif);
    background-position: 0 2px;
}

/* siehe Seitennavigation:
   #sitemap div
   #sitemap .top
   #sitemap .top a
   #sitemap ul
   #sitemap li
   #sitemap li li
   #sitemap a
   #sitemap .m0 a
 */

#sitemap .top {
    background-position: -20px 0;
}

#sitemap .top a {
    padding-left: 40px;
}

#sitemap li {
    margin: 1px 0 0 30px;
}

#sitemap a {
    padding: 0 10px;
}

/* ----- iFrames ----- */

iframe {
     width: 100%;
     height: 329px;
     border: 0px none;
     margin: 0;
     padding: 0;
}