html>body #nav a:link, #nav a:visited {height:auto; color: #B8CFFF; padding:0.5em; }

#nav a:hover {color:#003399;background-color:#B8CFFF;}

#nav a:link, #nav a:visited {display:block;	text-decoration:none;}


#index dt {
background: transparent url(img/bg_ecards_dt.gif) no-repeat;
padding:18px 0 0 20px;
font-weight:bold;
height:23px;
margin-bottom: 0px;
border-bottom: 1px solid #B8CFFF;
line-height: 100%;
color: #B8CFFF;
}

#index dd  {
padding-top:6px;
}
     



/* Definitionslistenelemente - Startseite - Anfang */
/* 266x30 */
.proverbs, .idioms, .jokes {width:266px;float:left; padding:0 0 36px 10px; margin:0px; }

.ecards { width:542px; float:left; padding:0 0 36px 10px; margin:0px;}

.ecards dt {
height:22px;
background: transparent url("img/bg_ecards_dt.gif") no-repeat;
font-weight:bold;
color:#FFCC00;
padding:6px 0 0 10px;
font-size:11pt;
}

.ecards dd {
height:29px; 
text-align:left;
padding:0px;
margin:0px;
border: 1px solid #B8CFFF;
}

.proverbs dt, .idioms dt, .jokes dt {
height:22px;
background: transparent url("img/bg_dt.gif") no-repeat;
font-weight:bold;
color:#FFCC00;
padding:6px 0 0 10px;
font-size:11pt;
}

.idioms p {
font-size:10pt;
}

.proverbs dd, .idioms dd, .jokes dd {
/*background: transparent url("img/bg_ecards_dd.gif") no-repeat;*/
text-align:left;
padding:0px;
margin:0px;
border: 1px solid #B8CFFF;
}

.idioms dl {}
.idioms dl dt {}

/* Definitionslistenelemente - Startseite - Ende */

/* Noch zu lösendes Problem ist die Höhe von dem content bzw. layout div */
/* Definitionslistenelemente - Anfang */

dt {
font-size:12pt;
	}

dl	{
	margin-top: 5px;
	padding-top: 0;
	 color: #B8CFFF;
	}
	
dl dt {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #B8CFFF;
	line-height: 100%;
  color: #B8CFFF;
	}
	
dl dd {
	margin: 0 10px 15px 10px;
	padding: 0;
	text-align: justify;
	}
dd img {
padding-top:10px;
	float:right;
	}
dt a {
position:absolute;
 right:25px;}

dt a:link {
	text-decoration:none;
        background:	none;
	color:#B8CFFF;
	font-size:12px;
}
dt a:visited {
	text-decoration:none;
  background:	none;
	color:#B8CFFF;
	font-size:12px;
}

/* Definitionslistenelemente - Ende */

/* Alle Abstände werden mit Hilfe des Universal Selektors (*) entfernt,
   indem padding und margin auf Null gesetzt werden. */

* {
  /* Angabe für margin entsprechen: top right bottom left; */
  margin: 0 auto;
  padding: 0;
}

img { border:0px;}

body {
	background-color:#003399;
	background-image:url(img/stern_bg.gif);
	background-repeat:no-repeat; 
	background-position:bottom right;
	background-attachment:fixed;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12pt; 
	/* horizontale Zentrierung für IE5 */
	text-align: center;
	}

/* Anfang - DIV  */
div#layout  {
  position:relative;
  width:780px;
  }

div#header	{
	background: transparent url(img/logo.gif) no-repeat top;
	width: 780px;
	height: 111px;
	}
/*
div#header h1 {
	text-align: left;
  position:absolute;
	left: 165px;
  top: 32px;
  color: #B8CFFF;
  font-size: 32px;
}*/

div#header_head {
	text-align: left;
  position:absolute;
	left: 170px;
  top: 12px;
  }

div#header_head_2 {
	text-align: left;
  position:absolute; 
  font-weight:bold;
  z-index:1;
	left: 169px;
  top: 36px;
  color: #B8CFFF;
  font-size: 30px;
}


div#header_h1 {
	text-align: left;
  position:absolute;
  z-index:1;
  left: 165px;
  top: 112px;
  color: #4499FF;
  font-size: 25px;
  }

div#header_h2 {
	text-align: left;
  position:absolute; 
  z-index:1;
  left: 164px;
  top: 111px;
  color: #B8CFFF;
  font-size: 25px;
}
  
div#background	{
	position:relative;
 /* background: transparent url(img/bg_img.gif) repeat-y top left; */
	width:780px;
	/* Höhenangabe notwendig sonst gestauchtes Design */
  /*height: 100%;*/
	min-height: 350px;
  text-align: left;
	}
 	
div#content {	
	min-height: 350px;
	height:100%;
	text-align: left;
	padding-left:166px;
	padding-top:40px;
	padding-right:25px;
	}

/* Ende - DIV  */

/* Anfang Typography & Colors */

p {
   margin-top:4pt;
   margin-bottom:0px
   }

p, i, br, ul, ol, li, form, address {
   font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-size:12pt;
   color:#B8CFFF;
   text-align:justify;
   padding-bottom:4pt;
   }

p, ul, ol, li, div, td, th, address, nobr, b, i {
   font-size:10pt;
   }

h1, h2, h3, h4 {
   font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
   color:#B8CFFF;
   /*padding-left:22px;*/
   padding-right:8px;
   }

h1 {
   font-size:12pt;
   margin-top:3pt;
   margin-bottom:6pt;
   }

h2 {
   font-size:11pt;
   margin-top:6pt;
   margin-bottom:6pt;
   }

h3 {
   font-size:10pt;
   margin-top:3pt;
   margin-bottom:6pt;
   }
h4 {
   font-size:11pt;
   font-style:italic;
   margin-top:3pt;
   margin-bottom:6pt;
   }
   
ol {
   padding-left:20px;
   margin-top:3px;
   }

a:link {
   color:#B8CFFF;
   font-size:10pt;
   font-weight:bold;
   text-decoration:underline; 
   }

a:active {
   color:#5C7FA0;
   font-size:10pt;
   font-weight:bold;
   text-decoration:none;
   }

a:hover { 
   color:#fff;
   font-size:10pt;
   font-weight:bold;
   text-decoration:none;
   }

a:visited {
   color:#FFF;
   font-size:10pt;
   font-weight:bold;
   text-decoration:underline; 
   }
/* Ende -  Typography & Colors */


/* Anfang - Navi */
div#navi 	{
  position:absolute;
	width:150px;
  /* Höhe hängt von Navipunkten ab. (pro navipunkt 38) 8x38 + 64Bottom*/
  height:304px;
	}
#navi_bg20, #navi_bg21, #navi_bg22, #navi_bg23, #navi_bg24, #navi_bg25, #navi_bg26, #navi_bg27, #navi_bg28, #navi_bg29    {
	width:150px;
	height:24px;
	background:transparent url(img/navi_bg.gif) top left no-repeat;
	text-align:left;
	padding-left:20px;
	padding-top:11px;
}

div#navi_bg1 {
	width:150px;
	height:24px;
	background:transparent url(img/navi_bg1.gif) top left no-repeat;
	text-align:left;
	padding-left:22px;
	padding-top:11px;
}

div#navi_bottom {
	width:150px;
	height:64px;
	background:transparent url(img/navi_bottom.gif) top left no-repeat;
}

a.navi:link {
   font-size:11pt;
   font-weight:bold;
	 text-decoration:none;
   color:#003399;
   }

a.navi:visited {
   color:#003399;
   text-decoration:none;
   font-weight:bold;
   font-size:11pt;
   }

a.navi:active {
   color:#3366ff;
   text-decoration:none;
   font-size:11pt;
   }

a.navi:hover { 
   text-decoration:none;
   font-size:11pt;
   color:#FFCC00;
   }
/* Ende - Navi */

/* Anfang - Fieldset */
fieldset {
	border:1px solid;
	border-color:#B8CFFF; 
	padding-bottom:15px; 
	padding-left:15px; 
	padding-right:15px; 
	padding-top:15px;
	background-image:url(img/bg_fieldset.gif);
}

legend {
	color:#B8CFFF;
	padding-left:10px; 
	padding-right:15px; 
	font-size:12pt;
	font-weight:bold;
}

/* Ende - Fieldset */

/* Externe Links & Outside Gif */
a[href^="http:"] {
background: transparent url("img/outside.gif") 100% 50% no-repeat;
padding-right: 15px;
}