@import "advanced.css";

/* ------- general formatting-------- */
body {
margin:0;
margin-left: 1%;
width:95%;
padding: 0em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-style: normal;
font-weight : normal;
font-size: 0.9em;
color : #006633;
text-align : left;
background-color : #ffff99;
scrollbar-base-color: #66CC00;
}

.content {
text-align: justify;
padding-right: 33%;
padding-left: 10%;
background-color: #ffff99;
margin-right: 2%;
margin-top:15px;
}

h1 {
font-family: "Century Gothic", Verdana, sans-serif;
font-weight: bold;
font-size: 1.6em;
margin-top: 15px;
margin-bottom: 5px;
font-style: normal;
color: #00cc00;
background-color: #ffff99;
}
h2 {
font-family: "Century Gothic", Verdana, sans-serif;
font-weight: bold;
font-size: 1.4em;
margin: 15px 0 0 0;
font-style: normal;
color: #00cc00;
background-color: transparent;
text-decoration: none;
padding-top:10px;
}
h2.tour {
margin-left: 2%;
margin-top: 10px;
}
h3 {
font-family: "Century Gothic", Verdana, sans-serif;
text-decoration: none;
margin:15px 0 0 0;
}
h4 {
font-family: "Century Gothic", Verdana, sans-serif;
font-size: 1.4em;
font-style: normal;
font-weight: bold;
margin-top: 10px;
margin-bottom: 0;
}
.content h4 {
font-family: "Century Gothic", Verdana, sans-serif;
font-size: 1em;
font-weight: bold;
font-style: normal;
margin-top: 10px;
margin-bottom: 0;
}

a:link {
font-weight: bold;
color: #ff9900;
text-decoration: none;
}
a:visited {
color: #ff9900;
font-weight: bold;
text-decoration: none;
}
a:hover {
font-weight: bold;
text-decoration: underline;
color: #cc3300;
}
a:active {
color: #ff9900;
font-weight: bold;
text-decoration: underline;
}

p {
margin: 0 0 10px 15px;
font-style: normal;
font-weight: normal;
}
p.first {
margin-top: 15px;
font-style: normal;
font-weight: normal;
}
p.narrow {
width: 68%;
}

ul {
margin:0 0 10px 15px;
}
ul.sans li {
list-style:none;
}
dl {
margin: 0 0 10px 25px;
}
dt {
font-style: normal;
font-weight: bold;
margin-top:10px;
}
dd {
margin-left: 15px;
}

td {
font-family: "Trebuchet MS", Verdana, sans-serif;
color: #006633;
}
.content td {
vertical-align:top;
text-align:left;
}

hr {
color: #006633;
width: 70%;
text-align: left;
}
 
strong {
font-style: normal;
font-weight: bold;
}
.lite {
font-style: normal;
font-weight: bold;
color: #00cc00;
}
strong.concepts {
font-style: normal;
font-weight: bold;
text-decoration: none;
color: #00cc00;
}


.centred, .center {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.right {
text-align:right;
}
.super {
font-size: 0.8em;
vertical-align:super;
}
.author {
font-style:italic;
}

/*   image stylings  */
img.left {
margin-top: 5px;
margin-left: 0em;
margin-bottom: 5px;
margin-right: 10px;
}
img.right {
margin-left: 10px;
margin-bottom: 5px;
margin-top: 5px;
margin-right: -20px;
}
img.way {
margin-right: -20%;
}
img.free {
margin-right: ;
border: none;
}
.caption {
font-size:80%;
}

/*   where does this occur?? */
dl.unterkat dt {
margin-top: 15px;
margin-bottom: 0px;
}

/* --------------specific formats---------------- */

/* toc formatting */
p.list, p.kiga {
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
p.news {
background-color: #ffffff;
margin-top: 10px;
}
p.update {
text-align: right;
font-style: italic;
font-size: 0.8em;
padding: 0;
margin: 0;
}


/*   navigation bar / frame */
body#nav {
width:100%;
margin: 0em;
background-color: #ffff99;
color: #006633;
}
#navi td{
vertical-align:bottom;
border:0px transparent solid;
}
#Message {
font-family: "Century Gothic", Verdana, sans-serif;
font-weight: bold;
font-size: 1.1em;
color: #ff9900;
background-color: #ffffff;
}
.message{
background-color: #ffffff; 
}


/*   top picture frame */
body.top {
background-color: #ffffff;
width: 100%;
color: #006633;
margin-left: 0em;
}
body.top td {
padding-bottom: 0em;
padding-top: 0em;
padding-left: 0.5em;
padding-right: 1em;
}

/*   bibliography & links */
.litlist {
padding: 20px;
}
.litlist dt {
font-style: normal;
font-weight: bold;
color: #00cc00;
}
.title {
font-style: italic;
text-decoration: none;
}
dl.linklist {
padding: 10px;
}

/* cd page */
#cd {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 0.8em;
color : #006633;
text-align: left;
border: 1px #006633 dotted;
padding: 1em;
width: 27%;
background-color: #ccff66;
}
#cd h2 {
font-family: "Century Gothic", Verdana, sans-serif;
font-weight: bold;
font-size: 1em;
text-align: left;
padding: 0em;
margin: 0em;
text-indent: 0em;
background-color: transparent;
}
#cd p {
width: 98%;
}


/* ------ contact page ---- */
div.contact {
padding-left: 7%;
padding-top: 0.5em;
padding-bottom: 0.5em;
width:30%;
float:left;
}
.tel {
margin-top: 0.2em;
margin-bottom: 0.6em;
}
div.map {
font-size: 0.9em;
background-color: #ccff66;
border: 1px #006633 dotted;
padding: 10px;
width:50%;
float:right;
margin-top: 2%;
margin-right:2%;
}
div.map h2 {
font-weight: bold;
font-size: 1.1em;
text-align: left;
color: #ff9900;
background-color: transparent;
}
div.map h3 {
font-weight: bold;
font-size: 1em;
margin-top: 0em;
margin-bottom: 0em;
font-style: normal;
color: #00cc00;
background-color: transparent;
}

/* -------- calendar page -------- */
div.calendar {
width:70%
}
table.calendar {
margin-left: 5%;
margin-top: 1em;
font-family: "Century Gothic", Verdana, "Minion Web", sans-serif;
font-weight : normal;
color : #006633;
background-color : #ffff99;
font-size: 1em;
font-style: normal;
padding: 0em;
}
.info {
font-style: normal;
font-size: 0.9em;
width: 90%;
font-weight: normal;
}
.date {
width:100px;
font-weight: bold;
}

/*   navigational elements  */
p.nav {
margin-top: 15px;
margin-bottom: 15px;
font-style: normal;
font-weight: normal;
text-align: right;
margin-left: 1%;
clear: both;
}
p.navrt {
text-align: right;
}
span.active {
color: #cc3300;
font-weight: bold;
text-decoration: underline;
}

/* ------- rightbox subnavigation, here only ns4 formatting --------- */

div.subnav,div.sidebox {
font-size: 0.9em;
}
div.subnavnarrow {
font-size: 0.9em;
}
div.subnavnarrow ul {
margin-left:7px;
padding:2px;
text-align:left;
}


/* created for baumhausprojekt - tables for calculations & text */
td.no {
text-align: right;
}
td.tx {
text-align: left;
}
div.calc table {
background-color: #fff;
font-size: 0.9em;
margin-top: 1em;
margin-bottom: 1em;
}


/* forms formatting */
form {
width:90%;
}
fieldset {
border: 2px #00cc00 dotted;
}
.button {
background-color: #ccff66;
font-weight: bold;
text-align:center;
color : #006633;
padding:3px;
}
.button:hover {
background-color:#e7ffba;
}