body {margin:0px;padding:0px;background-color:#e0e0e0;text-align:center}

/*-- Versalien kursiv, einmal orange, einmal rot */
.versalkursiv1 {color: rgb(255, 102, 0); font-style: italic; font-size: 18px; line-height: 16px;}
.versalkursiv2 {color: rgb(255, 51, 51); font-style: italic; font-size: 18px; line-height: 16px;}

/*-- zur Einbindung der jew. Randtext-Grafik ins Body-Tag */

#kontakt {text-align:center;width:940px;margin:0px auto;background-color:#e0e0e0;background-image:url(grafics/rand_kontakt.jpg);background-repeat:repeat-y;}

#novis {text-align:center;width:940px;margin:0px auto;background-color:#e0e0e0;background-repeat:repeat-y}

#shop {text-align:center;width:940px;margin:0px auto;background-color:#e0e0e0;background-image:url(grafics/shop);background-repeat:repeat-y;}

#veranstaltungen
{text-align:center;width:940px;margin:0px auto;background-color:#e0e0e0;background-image:url(grafics/rand_veranstaltungen.jpg);background-repeat:repeat-y;}

#marktplatz {text-align:center;width:940px;margin:0px auto;background-color:#e0e0e0;background-image:url(grafics/rand_marktplatz.jpg);background-repeat:repeat-y;}

#netzwerke {text-align:center;width:940px;margin:0px auto;background-color:#e0e0e0;background-image:url(grafics/rand_netzwerke.jpg);background-repeat:repeat-y;}

#news {text-align:center;width:940px;margin:0px auto;background-color:#e0e0e0;background-image:url(grafics/rand_news.jpg);background-repeat:repeat-y;}

#suchmaschine {text-align:center;width:940px;margin:0px auto;background-color:#e0e0e0;background-image:url(grafics/rand_suchmaschine.jpg);background-repeat:repeat-y;}
/*-- Ende Randtextbereiche */


/*-- stellt unsichtbar, fuer Navi ueber dem Head, fuer Lesegeraete etc. */
.unsichtbar {display:none}

/*-- Links */ 
a:link {color:teal}  
a:hover {color:black;text-decoration:none;background-color:#ffffcc}
a:visited {color:black;}

/*-- zusätzl. Bereich rund um "wrapper", um Abstand zum grau zu bekommen */
#wrapper0 {text-align:center;width:840px;margin:0px auto;background-color:white;}

/*-- Inhalte-Container, mittig gesetzt, fuer ALLE Inhalte */
#wrapper {text-align:left;width:780px;margin:0px auto;background-color:white;position:relative}


 /*-- Head-Bereiche und Header-Formate */
 /*-- Orginal#header ohne background-repeat:no-repeat; */
#header {width:780px;height:76px;background-image:url(grafics/headzeile.gif);background-repeat:no-repeat;}

#header a {color:#999999;text-decoration:none;font-family:arial,futura,helvetica,sans-serife;font-size:12px;letter-spacing:1px;font-weight:700}

#header a:hover {color:black;}

#headerlinks {padding-top:25px;padding-right:3px;}


 /*-- Menue-Bereiche und Formate */
 
#menu {
width: 780px;
background: #fff;
float: left;display:block;
margin-bottom:0px  /*-- Abstand zu Content-Bereich */
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 115px;
float: left;border:0px  solid black;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serife;
display: block;
border-bottom:0px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #000;
margin: 0;
padding: 2px 3px;
}

#menu h2 {font-weight: bold;
color: #000;
background: #fff;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #fff3d7;
text-decoration: none;
border-bottom:0px solid black;
}

#menu a:hover {
color: #a00;
background: #fff;


}

#menu a.grau {
color: #000;
background: #e2e2e2;
text-decoration: none;
border-bottom:0px solid black;
}

#menu a.grau:hover {
color: #a00;
background: #fff;

}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*Hervorhebung ausgewählter Punkt im Menü */

#menu h2.auswahl {color:#ff6600}
#menu h2.auswahlgrau {color:gray;}


/*-- Introtext links und rechts, Startseite */

#content .introlinks {border:0px solid black;width:340px;padding:0px;padding-top:0px;margin:0px;font-size:12px;font-family:verdana,futura,helvetica,sans-serife;line-height:18px;text-align:right;float:left;}

#content .introrechts {border:0px solid black;width:333px;padding:0px;padding-top:0px;margin:0px;font-size:12px;font-family:verdana,futura,helvetica,sans-serife;line-height:18px;text-align:left;float:right;}

/*-- Text neben Bild links und rechts, Startseite */

#content .spruchlinks {width:220px;text-align:right;font-size:11px;font-family:verdana,futura,helvetica,sans-serife;line-height:16px;color:#cc3333;font-weight:normal;}

#content .spruchrechts {width:240px;text-align:left;font-size:11px;font-family:verdana,futura,helvetica,sans-serife;line-height:16px;color:#cc3333;font-weight:normal;}


/*-- allgemeine Formate */

/*-- fuer farbige Hervorhebungen  */ 

.orangetext {color: #ff6600;font-weight:bold}
.grautext {color:#666;font-weight:bold}
.rottext {color:#ed1c24}
.drottext {color:#cc3333}


/*-- fuer durchstreichen  */ 
.linetrough{
  text-decoration: line-through;
}


/*-- Bild-Formate  */ 

.bildlinks {
	padding-right: 20px;float:left;padding-bottom:15px;padding-top:10px
}
.bildrechts {
	padding-left: 20px;float:right;padding-bottom:15px;padding-top:10px
}
.bildlinkstop {
	padding-right: 20px;float:left;padding-bottom:15px;
}

/*-- beendet den Textumfluss bei links gestellten Bildern */
.endefloat {clear:left;}

/*-- Format f. Autorname i.d. Uebersicht Novitaeten */
.autor {clear:left;display:block;width:220px;float:left;color:#666;font-weight:bold}

/*-- Format f. Titel i.d. Uebersicht Novitaeten */

.titel {display:block;width:auto;margin-left:230px;color:#ff6600;font-weight:bold}

/*-- Format f. Titel i.d. Uebersicht Novitaeten */

* html .titel
{
	height:1%;
}

/*-- Zwischenüberschrift in Fließtext */ 
.zwischen {padding-top:1em;padding-bottom:1em}

.border {padding-top:5px;padding-bottom:5px;border-top:1px solid;border-bottom:1px solid;margin-bottom:10px}

/*-- allerlei Formate im Content-Bereich */

#content {clear:left;font-family: Verdana, Arial, Helvetica, sans-serife; font-size: 12px; font-weight: 400; font-variant: normal; color: #000000; font-style: normal; line-height: 16px;margin-top:50px;}

#content p {margin:0px;padding:4px 0px 4px 0px}

#content ul.p_orange {list-style-image: url(grafics/orangepunkt.gif);}  /*-- z.B. Liste Veranstaltungen */
#content ul.p_rot {list-style-image: url(grafics/rotpunkt.gif)}  /*-- z.B. Liste Oursites */

#content li {margin-bottom:10px}

#content h1 {display:block;font-family:arial,futura,helvetica,sans-serife;line-height:24px;color:#ff6600;font-size:24px;font-weight:500;margin:0px;margin-bottom:15px;letter-spacing:1px;padding:0px;}


#content h2 {display:block;font-family:arial,futura,helvetica,sans-serife;line-height:16px;color:#ff6600;font-size:20px;font-weight:500;margin:0px;margin-bottom:15px;letter-spacing:1px;padding:0px;}

#content h3 {font-family: Verdana, Arial, Helvetica, sans-serife; font-size: 12px; font-style: normal;font-weight: 700; color: #FF6600;letter-spacing:0px;}


#content .grau {color:#666;}
#content .drot {color:#cc3333} /*-- dunkleres rot  */
#content .orange {color: #ff6600}

/*-- Kleintext von Harald  */
#content .textsmall {font-family: Verdana, Arial, Helvetica, sans-serife; font-size: 11px; font-style: normal; line-height: 15px; font-weight: 400; color: #000000}

/*-- Text-NL von Harald  */
#content .textNL {font-family: Verdana, Arial, Helvetica, sans-serife; font-size: 12px; font-style: normal; line-height: 20px; font-weight: 400; color: #000000}


/*-- Werbekasten und Formate */

/*-- erste Desgin-Variante */

#kasten {width:200px;float:right;margin-left:20px;margin-bottom:20px;text-align:center;}

#kasten h3 {font-family:Times New Roman,serif;font-size:16px;padding-top:3px;padding-bottom:3px;font-weight:700;border-top:1px solid;border-bottom:1px solid}

#kasten p {font-family:Times New Roman,serif;font-size:13px;line-height:15px}

/*-- aktueller Kasten linke Seite */
#kasten1 {width:260px;float:right;margin-left:20px;margin-bottom:20px;text-align:left;padding:10px;padding-top:0px}

#kasten1 h3 {padding-top:5px;padding-bottom:5px;border-top:1px solid;border-bottom:1px solid #ff6600;font-size:13px;margin-bottom:5px;font-weight:700;color:#ff6600;text-align:center}

#kasten1 p {font-size:11px;line-height:15px}

#kasten1 strong {color:#ff6600}


/*-- aktueller Kasten rechte Seite */

#kasten2 {width:260px;float:right;margin-left:20px;margin-bottom:20px;text-align:left;padding:10px;padding-top:0px}

#kasten2 h3 {padding-top:5px;padding-bottom:5px;border-top:1px solid #cc3333;border-bottom:1px solid #cc3333;font-size:13px;margin-bottom:5px;font-weight:700;color:#cc3333;text-align:center}

#kasten2 p {font-size:11px;line-height:15px}

#kasten2 strong {color:#cc3333}

/*-- aktueller Kasten mitarbeiter mitte */

#kasten3 {width:280px;float:right;margin-right:10px;margin-bottom:20px;margin-right:120px;text-align:left;padding:10px;padding-top:165px}

#kasten3 h2 {font-family:arial,futura,helvetica,sans-serife;line-height:12px;padding-top:-10px;padding-bottom:3px;font-size:14px;font-weight:600;border-top:1px}

#kasten3 h3 {font-family: Verdana, Arial, Helvetica, sans-serife; font-size: 12px; color:#666666; font-style: normal;font-weight: 700; color: #FF6600;letter-spacing:0px;}

#kasten3 p {font-size:12px;line-height:16px}

#kasten3 strong {color:#cc3333}



/*-- untere content-Haelfte, Einzeldarstellungen d. Buecher, Angebote */

#einzeln {padding-left:0px;padding-right:30px}

#einzeln p, h2, h3 {margin:0px;padding:0px;font-family: Verdana, Arial, Helvetica, sans-serife;}

#einzeln p {padding:4px 0px 4px 0px; font-size: 12px; font-weight: 400; font-variant: normal; color: #000000; font-style: normal; line-height: 16px
}
#einzeln h2 { margin-bottom:0px;margin-top:6px;letter-spacing:0px;padding-bottom:0px;font-size: 15px; font-weight: 600; color: #ff6600;}

#einzeln h3 {margin-bottom:6px;margin-top:6px;font-size: 12px; font-weight: 700; font-variant: normal; color: #666666; }

#einzeln .textsmall {font-family: Verdana, Arial, Helvetica, sans-serife; font-size: 11px; font-style: normal; line-height: 15px; font-weight: 400; color: #000000}

#einzeln .biblio {}

#einzeln .headline {margin-top:25px;margin-bottom:15px}

#einzeln .mehr img {border:none;float:left;margin-right:20px;margin-bottom:90px;margin-top:8px;}

#einzeln h2.mehr  {display:block;color:#000000;line-height:15px;padding:10px 40px 10px 0px;margin-bottom:10px;}

#einzeln p.mehr {font-size:11px}







#liste2 {position:relative;margin-top:20px;margin-bottom:10px;height:190px;width:100%} /*-- Bereich zweispaltige Liste */
#liste2 li {color:#cc3333;font-weight:bold} /*-- Bereich zweispaltige Liste */


.newsright{width:380px;float:right;margin-top:20px;border:0px solid green;}
.newsleft{width:380px;float:left;margin-top:20px;border:0px solid green;}


/*-- Shoplinks */

#shoplinks {
   background-color: transparent;
  float:right;margin-top:150px; width: 136px;margin-right:20px;
   }

#shoplinks p {
   background-color: transparent;text-align:center;
   }

#shoplinks a {
   display:block;
   text-decoration: none;
   padding: 0px;
   border: 0px solid #aaa;
   margin: 0;
   width: 120px;
   font-size:11px;
   font-weight:normal;
   color:white;
   }

#shoplinks a:link, #shoplinks a:visited {
   color: #fff;
   background-color: #000; 
   }

#shoplinks a:hover, #shoplinks a:focus {
   color: #fff;
   background-color: #ff6600;
   }

#shoplinks a.bestell {
   display:block;
   text-decoration: none;
   padding: 0px;
   border: 0px solid #aaa;
   margin: 0;
   width: 120px;

   }

#shoplinks a.bestell:link, #shoplinks a:visited {
   color: #fff;
   background-color: #ff6600;
   }

#shoplinks a.bestell:hover, #shoplinks a:focus {
   color: #fff;
   background-color: #000;
   }
   
/* weitere Shop-Formate*/

#warenkorb {position:absolute;top:10px;left:650px;}

#jubilaeum {position:absolute;top:80px;left:360px;}
        
a.wkorb {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:black;
	font-size : 12px;
	text-decoration : none;
	font-weight : normal;}
	
a.wkorb:hover{color:red;background-color:white}


a.rot  {

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #FF4500;
	font-size : 8pt;
	text-decoration : none;
	font-weight : normal;
}


a.rot:hover  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #003;
	font-size : 8pt;
	text-decoration : none;
	font-weight : normal;
}

a.small {

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	color : #003;

	font-size : 8pt;

	text-decoration : underline;

	font-weight: normal;

}



a.small:hover  {

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	color : #FF4500;

	font-size : 8pt;

	text-decoration : underline;

	font-weight: normal;

}


#contentrechts {
float:right;
	background-color: #fff;
	height: 100%;
	width: 26%;
	padding: 0px;
	margin: 0px;
	margin-left:20px;

}

#contentrechts p {
        font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:11px;
        border-top:1px solid #ddd;
        }
        
#contentrechts h3 {
        font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:11px;
        border-top:1px solid #000;
        border-bottom:1px solid #000;
        color:black;
             }