@import url(index.css);
* {
margin: 0;
padding: 0;
}
html {
height: 101%;
background-color: #fff;
}
body {
position: relative;
width: 840px;
margin: 1% auto;
background: transparent;
font-family: Verdana, Arial, sans-serif;
font-size: 62.5%;
height: 95%;
}
#content {
width: 710px;
min-height: 100%;
border-right: 24px solid #ec8100;
padding-bottom: 1em;
}
* html #content {
height: 100%;
}
h1 {
color: #000;
font-size: 5.5em;
line-height: 1;
font-weight: normal;
margin-left: -4px;
}
h2 {
color: #000;
font-size: 1.3em;
font-weight: bold;
margin-top: -0.2em;
}
h3 {
color: #ec8100;
font-size: 2em;
font-weight: normal;
padding: .5em 0;
}
h3.left {
float: left;
}
h4 {
display: inline;
float: left;
font-size: 1.2em;
color: #000; 
margin-right: .5em;
}
h4.lort { /*h4 auf der Seite "lernorte.asp"*/
display: block;
float: none;
color: #ec8100;
}
h5 {
font-size: 1.2em;
color: #000;
font-weight: bold;
}
p {
font-size: 1.2em;
margin: 0.1em 8em 1em 0;
color: #000;
}
p.prolist { /*Für alle Projektlisten*/
margin-top: 0;
margin-bottom: 0;
}
a {
text-decoration: none;
}
a:link, a:visited {
color: #a3c243;
}
a:hover, a:active {
color: #c52f2f;
}
h1 a:link, 
h1 a:visited,
h1 a:hover,
h1 a:active  {
color: #000;
outline: none;
}
ul {
list-style: none;
float: left;
width: 710px;
margin-top: 0.75em;
margin-bottom: 1.5em;
}
ul li {
float: left;
}
.all {
float: right;
}
.all a { 
padding-right: .8em;
}
.extra {
position: absolute;
top: 1.3em;
right: 0;
width: 98px;
line-height: 1;
}
.smaller {
font-size: .9em;
}
.small {
font-size: .7em;
font-weight: bold;
vertical-align: top;
}
ul a {
/*display: block;
float: left;*/
font-size: 2.2em;
padding-right: 1.65em;
}
ul#nav a {
padding-right: 2.2em;
}
ul#ort a { /*=List der ausserschulischen Lernorte*/
padding-right: .47em;
}
#nav a.last, #ort a.last, a.last  {
padding-right: 0;
}
#aktuell .aktuell a,
#projekte .projekte a,
#projekte .current a,
#kuenstler .kuenstler a,
#kuenstler .current a,
#wir .wir a,
#kontakt .kontakt a,
#impressum .impressum a ,
#lernorte .lernorte a,
#lernorte .current a {
color: #c52f2f;
cursor: default;
}
#desc {
float: left;
width: 435px;
}
#desc h4 {
clear: both;
}
ul.navartist {
width: auto;
margin-top: 1.9em;
margin-right: 0;
margin-left: 1.5em;
}
ul.navartist1 {
width: auto;
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
ul.navartist a, ul.navartist1 a {
font-size: 1.2em;
}
#desc p {
margin-right: 0;
}
img {
float: right;
margin-right: 15px;
padding-top: 1.5em;
}
br.clear {
clear: both;
}
.orange {
color: #ec8100;
}