/* CSS Document */

/*  body font definitiins */
html { 
  padding: 0px;
  margin: 0px;
}

body {
  background-color: #ff6600;
  background-image: url(../images/site/bg.gif); 
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #333;  
  padding: 0px;
  margin: 0px;
  text-align: left;
}

p, h1, pre {
margin: 0; 
padding: 10px 20px 5px 20px; 
}

p {
text-align: justify;
}

table, table.audio {
margin: 10px 20px 0 20px; 
padding: 0 20px 0 0;
border-spacing: 0px;
border-collapse:collapse;
}

td p {
margin: 10px 0 0 -20px;
}

td {
margin: 0;
padding: 0 20px 0 0;
text-align: left;
vertical-align: top;
}

td.space {
margin: 0;
padding: 10px 0 10px 0;
text-align: left;
vertical-align: top;
}


table.audio tr th {
margin: 0;
padding: 0 0 0 0;
text-align: left;
vertical-align: top;
color: #bbb;
}

table.audio tr td {
border-top: 1px solid #bbb;
margin: 0;
padding: 10px 0 10px 0;
text-align: left;
vertical-align: top;
}



/* #content ID link definitions*/
#content a:link { 
color: #ff6600;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
font-weight: bold;
background-color: transparent;
text-decoration: none; 
}

#content a:visited { 
color: #7F3300;
font-weight: bold;
background-color: transparent;
text-decoration: none; 
}

#content a:hover { 
color: #7F3300;
font-weight: bold;
background-color: transparent;
text-decoration: underline; 
}

#content a img {
margin: 0 5px 0 0;
border: none;
}

/* content definitions */
/* .contentBlock {
margin: 0px; 
padding: 0px 0px 20px 0px; 
} */

pre { 
color: #564b47;
font-size: 11px;
background-color: transparent;
font-family: Courier, Monaco, Monospace;
}

.alignright {
margin-top: 0; 
text-align: right;
}

/* header under eyes-image */
h1 {
font-size: 14px;
padding-top: 10px;
text-transform: uppercase;
text-align: right;
color: #00FFFF;
background-color: transparent;
}
/* header in the right box, yet unsused */
h1.boxright {
font-size: 14px;
padding-top: 10px;
text-transform: uppercase;
text-align: left;
color: #00FFFF;
background-color: transparent;
}


h2 {
font-size: 1em;
text-transform: none;
text-align: left;
color: #7F3300;
background-color: #FFCC99;
padding: 5px 10px 5px 10px; 
margin: 0;
}

p + h2 {
margin: 15px 0 0 0;
}

table + h2 {
margin: 40px 0 0 0;
}



h3 {
font-size: 11px;
text-transform: none;
text-align: left;
color: #7F3300;
background-color: transparent;
padding: 5px 10px 5px 20px; 
border-bottom: 1px dotted #7F3300;
margin: 15px 0 0 0;
}


.imgRight {
width: 112px;
height: 112px;
border: none;
margin: 10px 10px 20px 20px;
padding: 10px 10px 20px 20px;
}

.floatRight {
float: right;
width: 25%;
border: none;
margin: 0 0 10px 10px;
padding: 5px;
}

.floatLeft {
float: left;
width: 25%;
border: none;
margin: 0 10px 10px 0;
padding: 5px;
}

blockquote.right {
float: right;
width: 25%;
margin: 10px 20px 10px 10px;
padding: 5px;

font-size: 1.2em;
font-weight: bold;
font-style: italic;
text-align: center;
color: #7F3300;
background-color: transparent;
border: 1px dashed #7F3300;
}

blockquote.left {
float: left;
width: 25%;
margin: 10px 10px 10px 20px;
padding: 5px;

font-size: 1.2em;
font-weight: bold;
font-style: italic;
text-align: center;
color: #7F3300;
background-color: transparent;
border: 1px dashed #7F3300;
}



/* pageTop link definitions */
#content .pageTop {
margin: 5px 15px 5px 0;
padding: 0;
text-align: right;
font-size: .8em;
}
/* 
#content .pageTop img {
margin: 0;
border: none;
}

#content .pageTop a {
text-decoration: none;
color: #3366cc;
border: none;
}

#content .pageTop a:visited, a:hover {
text-decoration: underline;
color: #cc0000;
border: none;
background-color: transparent;
}
*/


.copyright {
font-size: .8em;
text-transform: none;
text-align: center;
color: #eee;
background-color: transparent;
border-top: 1px dotted #ffb27f;

padding: 5px 15px;
margin-bottom: 20px;
}

.copyright a {
color: #eee;
padding: 1px;
margin-bottom: 20px;
text-decoration: none;
}

.copyright a:hover {
background-color: #7F3300;
}

.smallText {
font-size: .8em;
text-transform: none;
text-align: left;
color: #eee;
background-color: transparent;
}

.smallInfo {
font-size: .8em;
text-transform: none;
text-align: left;
color: #aaa;
background-color: transparent;
}

/*  positioning-layers statisch und absolut */

#left {
position: absolute;
left: 0px;
width: 190px;
color: #564b47;
margin: 0px; 
padding: 0px;

background-color: transparent;
border-top: 1px dotted #ffb27f;
}

#content {
margin: 0px 190px 0px 190px;
padding: 0;
background-color: #FFFCF4;
border: 1px dotted #fff;
font-size: .8em;
}

#right {
position: absolute;
right: 0px;        
width: 190px;
color: #564b47;
margin: 0px; 
padding: 0px;

background-color: transparent;
border-top: 1px dotted #ffb27f;
}


/* #right ID link definitions*/
#right a:link { 
color: #00ffff;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 1em;
font-weight: bold;
background-color: transparent;
text-decoration: none; 
}

#right a:visited { 
color: #00ffff;
font-weight: bold;
background-color: transparent;
text-decoration: none; 
}

#right a:hover { 
color: #7F3300;
font-weight: bold;
background-color: transparent;
text-decoration: underline; 
}

#right a img {
margin: 0 5px 0 0;
border: none;
}






/* -----------------Navigation--------------------- */ 

.aligncenter 
{
width: auto;
text-align: center;
margin: 0;
padding: 0;

}

.navcentered { 	
  text-align: center;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0px;
  width: 574px;
}

.navcontainer
{
margin: 30px 0 0 0;
padding: 0;
height: 20px;
}

.navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;

}

.navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

.navcontainer ul li a
{
background: #ff6600;
width: 80px;
height: 18px;
border: 1px dotted #ffb27f;
padding: 0;
margin: 0;
color: #fff;
text-decoration: none;
text-align: center;
display: block;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, sans-serif;
font-weight: bold;
}

.navcontainer ul li a:hover
{
color: #fff;
background: #7F3300;
}

.navcontainer a:active
{
color: #fff;
background: #c60;
border: 1px dotted #fff;
}

.navcontainer li.active a
{
background: #FFFCF4;
color: #7F3300;
border-bottom: 1px solid #FFFCF4;
}