/* Datei: dn.css */

body { 
	margin-top:10 px; 
	margin-bottom:10 px;
	color: #333366; 
	background-color: #223366;
	}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: "151%"; }
h2 { font-size: "110%"; }
h3 { font-size: "105%"; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 75%; }
h5, h6 { font-style: italic; }
h6 { font-weight: normal; }

p { margin:5px 0px 10px 0px; }
/* Links -- plain & hover */

/* Hover -- when the pointer is placed over a link, change its
 * appearance.  This may be the single most useful link attribute to
 * specify as it doesn't interfere with page legibility, but does
 * clearly denote links.
 */

A:link { 
  font-weight: bold;
  text-decoration: underline; 
  color: #333366;
}

A:link:hover, A:visited:hover,
A:link:active, A:visited:active { 
  color: #ffffff;
  background-color: #223366;
  text-decoration: underline; 
}

A:visited { 
  color: #336666;
  font-weight: bold;
	text-decoration: underline; 
}

pre {
 border: 1px dashed black;
 margin: 4px 2em;
 padding: 6px;
 overflow: auto;
 color: black;
 background-color: #CCCCCC;
}

/* ############################################################### */
/* topbox	- bx on top */

.topbar {
  margin:10px 20px 30px 20px;
  background:#cc3300; 
	color: #000000;
	width: 90%;
/*	vertical-align:middle; */
  text-align: center;
  font-size:12pt;
	border: 1px solid #000000;
  border-top: 5px solid #000000;
  }

.topbar A:link:hover, .topbar A:visited:hover,
.topbar A:link:active, .topbar A:visited:active { 
	color: #ffff66;
	text-decoration:underline;
	border: none; 
}

.topbar a:link {color: #666666; text-decoration:underline; border: none; }
.topbar a:visited {color: #336666; text-decoration:underline; border: none; }

/* ############################################################### */
/* acute - second box */

.acute {
  margin: 10px 0px 45px 8px;
  background-color: #ffffff;
  padding: 8px 16px 8px 18px;
  border: 1px solid #000000;
  border-top: 10px solid #000000;
  color: #000000;
  }

/* ############################################################### */
/* nav - decoration box */

.nav {
	float:	left;
  color: #000000;
  margin:20px 8px 40px 0px;
  padding: 0px 6px 4px 6px; 
  width: 220px;
  background: #cccccc; 
  border: 2px solid #000000;
  border-top: 1px solid #000000;
}
 
/* ############################################################### */
/* hotbox	- top box inside nav */

.hotbox {
	float:	left;
  margin:20px 8px 20px 10px;
  padding: 1px 6px 4px 6px; 
  width: 220px;
  background: #cccc99;
  border: 1px solid #000;
  border-top: 5px solid #000000;
}

.hotbox H2, .nav H2, .navbox H2{
  border-top:     none;
  border-bottom:  none;
  border-left:    none;
  border-right:   none;
  text-align:     center;
  margin:         0px -6px 8px -6px;
  padding:        3px 0px 3px 0px;
  background: 		#223366; 
  color:          #FFF;
  font-family:    serif;
}

.hotbox H2 A, .nav H2 A, .navbox H2 A { 
  border-top:     none;
  border-bottom:  none;
  border-left:    none;
  border-right:   none;
  text-align:     center;
  margin:         0px -6px 8px -6px;
  padding:        3px 0px 3px 0px;
	background: 	#223366; 
  color:          #FFF;
  font-family:    serif;
}

/* ############################################################### */
/* ############################################################### */
/* ############################################################### */


/* ############################################################### */
/* navbox	- lowest box, with links, on the left */

.navbox {
	float:	left;
  margin:20px 8px 20px 10px;
  padding: 1px 6px 4px 6px; 
  width: 220px;
  background: #CCCC99;
  border: 1px solid #000;
  border-top: 5px solid #000000;
  }

.navbox a
{
  display:          block;
  padding:          0px;
  border-left:      2px transparent none !important; 
}

.navbox a:link, .navbox a:visited
{
	text-decoration:  none    !important;
}

.navbox a:hover
{
    color:            #ffffff !important;
    background-color: #223366 !important;
    border-left:      2px solid #000000 !important; 
}

.navbox a:active {
    border-left:      2px solid #F8F8F0 !important; 
}

/* ############################################################### */
/* navcon	*/

.navcon ul, .navbox ul {
  margin-left:     -10;
  padding-left:    0;
  list-style-type: none; !important;
  font-family:     sans-serif;
	font-size:       small;
}

.navcon li {
    margin-left:   10px;
    padding-top:    2px;
    padding-bottom: 2px;
    border-top:     1px solid #000000;
 }


/* ############################################################### */
/* content */

.amazon 	{
	float:	right;
  }
  
.buchde		{
  width:	102px;
	height:	222px;
	float:	right;
  margin: 1px 1px 1px 1px; 
  background-color: #FFFFFF;
  padding: 8px 8px 8px 8px;
  color:	#000000;
  border: 1px solid #000000;
/*  border-top: 1px solid #000000; */
  }

.buchde a
{
  display:          block;
  padding:          0px;
  border-left:      2px transparent none !important; 
}

.buchde a:link, .buchde a:visited
{
	color:            #0000ff !important;
}

.buchde a:hover
{
	color:            #0000ff !important;
  background-color: #ffffff !important;
}

.buchde a:active {
	color:            #0000ff !important;
}

.content q {
  font-family:  'Times New Roman',Times,serif; 
  }
  
.content li {
  list-style-position:  outside;
}
.content ul {
  margin-left:     -10;
  padding-left:    0;
  list-style-type: none; !important;
  font-family:     sans-serif;
	font-size:       small;
}

.content {
    margin: 25px 25px 52px 130px;
    background-color: #cccc66;
    padding: 8px 160px 8px 160px;
    color:	#000000;
    border: 1px solid #000000;
    border-top: 10px solid #000000;
        }