body {
color: #000;
font-size: 13px;
font-family: verdana, sans-serif;
background-color: #800000;
text-align: center;
margin: 10px 0;
}


a {
color: #000000;
text-decoration: none;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:active {
color: #800000;
}
a:hover {
color: #800000;
text-decoration: overline underline;
}

/* Farbe Link aktuelle Seite (mit span) als Orientierungshilfe */
.active {
color: #800000;
}


img {
border: 0;
}


/* Formatierung Rahmen der Tabelle */
.galleryborder {
border: 1px solid #800000;
border-collapse: collapse;
}


/* Kopf Tabelle Gallery/Index */
/* font-size ist erforderlich! Warum? Keine Ahnung :-( Klappt sonst nicht */
.header {
height: 20px;
background-color: #FBB200;
font-size: 13px;
text-align: center;
border: 1px solid #800000;
padding: 5px;
}

.header h1 {
font-weight: bold;
font-size: 13px;
}


/* Tabelle Zeilen Index */
/* font-size ist erforderlich! Warum? Keine Ahnung :-( Klappt sonst nicht */
.indexyellow, .indexorange {
width: 25%;
height: 65px;
font-size: 13px;
text-align: center;
vertical-align: bottom;
border: 1px solid #800000;
padding: 3px;
}

/* Tabelle Zeilen Index yellow*/
.indexyellow {
background: #FFCC33;
}

/* Tabelle Zeilen Index orange */
.indexorange {
background: #FFB200;
}


/* Tabelle Zeilen Galleries yellow +orange */
/* font-size ist erforderlich! Warum? Keine Ahnung :-( Klappt sonst nicht */
.mainyellow, .mainorange {
width: 20%;
height: 60px;
font-size: 13px;
text-align: center;
vertical-align: middle;
border: 1px solid #800000;
padding: 3px;
}

/* Tabelle Zeilen Galleries yellow */
.mainyellow {
background: #FFCC33;
}

/* Tabelle Zeilen Galleries orange */
.mainorange {
background: #FFB200;
}


/* Formatierung Input Code Anzeige Smiley URL */
.code {
text-align: center;
font-family: verdana,sans-serif;
font-size: 9px;
}

/* Formatierung div Auswahl UBB/HTML-Code */
.select {
font-size: 9px;
font-weight: bold;
text-align: center;
}


/* Formatierung Tabelle Mail-Formular */
.form {
color: #000;
font-size: 13px;
font-family: verdana, sans-serif;
}

/* umschliesst das gesamte Dokument */
#wrapper {
margin: 0 auto;
width: 767px;
text-align: left;
background: #800000;
border: 0;
}

/* Kopfbereich */
#header {
width: 767px;
background: #E56600;
border: 1px solid #FFCC33;
height: 100px;
background: url("pics/banner/logo767x100bg.gif") 0 0 no-repeat;
}

/* Navigation oben */
#topnav {
text-align: center;
background:#FFB200;
margin: 0;
border-bottom: 2px solid #FFCC33;
border-left: 1px solid #FFCC33;
border-right: 1px solid #FFCC33;
border-top: 1px solid #FFCC33;
width: 767px;
}

/* umschliesst den Inhalt: lefnav, content, rightnav */
#box {
margin: 10px 0 0 0;
width:767px;
border: 1px solid #FFCC33;
background: #E56600;
}

/* linke Spalte */
#leftnav {
width: 143px;
float: left;
padding: 0 0 0 2px;
}

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

/* Inhalt Mitte */
#content {
width: 479px;
float: left;
padding: 5px 1px 5px 0px;

}

/* rechte Spalte */
#rightnav {
width: 141px;
float: left;
padding: 0 1px 0 0;
}

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

/* footer */
#footer {
background:#FFB200;
margin: 10px 0 0 0;
padding-top: 2px;
clear:both;
height: 20px;
width: 767px;
border: 1px solid #FFCC33;
font-size: 10px;
text-align: left;
}

/* spacer - verhindert ein ausbrechen der Boxen unten */
#spacer {
height:0px;
clear:both;
width:0px;
}

.teaserbox {
width: 130px;
background-color: #FFCC33;
border: 1px solid #800000;
margin: 5px 5px;
}

/* teaser - als Boxen für Inhalt links und rechts */
.teaserhead {
font-weight: bold;
background-color: #FFB200;
padding: 5px;
border-bottom: 1px solid #800000;
}

/* 06.03.05 - Test für überschrift */
.teaserhead h1{
font-size: 13px;
font-weight: bold;
margin: 0px;
}

.teasertext {
padding: 5px;
text-align: left;
}

/*newsbox - als Boxen für Inhalt mitte */
.newsbox {
width: 100%;
background-color: #FFCC33;
border: solid 1px #800000;
margin: 5px 0px;
}

.newsboxhead {
font-weight: bold;
text-align: left;
background-color: #FFB200;
padding: 5px;
border-bottom: solid 1px #800000;
margin: 0;
}

.newsboxtext {
padding: 5px;
text-align: left;
}

/* div container und Links Startseite */
.start {
margin: 10px 180px;
padding: 5px;
}

.destart a {
width: 80px;
text-align: center;
text-decoration: none;
font-weight: bold;
display: block;
background: url(pics/basics/de_stat.gif) no-repeat top;
}


.destart a:hover {
text-decoration: overline underline;
background: url(pics/basics/de_ani.gif) no-repeat top;
}


.enstart a {
width: 80px;
text-align: center;
text-decoration: none;
font-weight: bold;
display: block;
background: url(pics/basics/en_stat.gif) no-repeat top;
}


.enstart a:hover {
text-decoration: overline underline;
background: url(pics/basics/en_ani.gif) no-repeat top;
}


/* fü besondere Verweise im Text */
a.textlink {text-decoration: underline; font:13px verdana, sans-serif; color: #000000; font-weight:bold;}
a:link.textlink {color:#000000;}
a:visited.textlink {color:#000000; text-decoration: none; }
a:hover.textlink {color: #800000;text-decoration: underline overline;}
a:active.textlink {color: #800000;}

/* Listenstyle auf der Seite "Links" */
ul.links {list-style-type:none; margin:0px; padding: 10px 0px;}
li.links {padding: 10px 0px;}

/* Listenstyle auf der Seite "News" */
ul.news {list-style-type:none; margin: 0px; padding: 5px 0px;}
li.news {padding: 5px 0px;}

/* Listenstyle "Newsbox" auf Index-/Startseite de und en */
ul.indexnews {list-style-image: url(pics/basics/icons/arrows/arrowright.gif); margin: 0px 20px; padding: 0px;}
li.indexnews {padding: 0px 0px 10px 0px;}