BODY {
	PADDING : 0px; 
    MARGIN: 0px;
    BACKGROUND-COLOR: #ffffff
}
BODY {
	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
P {
	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
margin-top : 0px;
}
UL {
	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
LI {
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 18px;
	padding : 4px 0px 4px 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A {
	COLOR: #00A8E0
}
H1 {
	FONT-SIZE: 28px; 
	line-height : 30px;
	COLOR: #333333; 
	PADDING-TOP: 20px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	LETTER-SPACING: 2px;
	font-weight : normal
}

H2 {
	FONT-SIZE: 14px; 
	COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 1px; 
    margin : 20px 0px 5px 0px; 
    padding : 0px;
}
H3 {
	FONT-SIZE: 11px; COLOR: #333333; LETTER-SPACING: 1px
}

table.all {
   width : 780px;
}

div.navi0 {
	border-top : 2px solid #00A8E0;
	marging : 0px 0px 40px 0px;
	width : 100%;
}

div.navi0 a {
    padding: 1px 6px 1px 6px; 
  float : right;
  display : block;
  white-space : nowrap;
  border-left : 1px #999999 solid;
}

td.navi0 a:hover {
	BACKGROUND-COLOR: #e0e0e0;
}

TD.navi {
	PADDING : 24px 0px 0px 0px;
	border-left : 2px solid #00A8E0;
	BACKGROUND-COLOR: #ffffff;
	vertical-align : top;
	width : 130px;
}

TD.navi A {
	CLEAR: both; 
    padding: 3px 3px 3px 3px; 
DISPLAY: block; 
FONT-SIZE: 11px;
COLOR: #333333; 
BORDER-BOTTOM: #e0e0e0 1px solid; 
TEXT-DECORATION: none;
line-height : 15px;
}

TD.navi A:hover {
	BACKGROUND-COLOR: #e0e0e0;
}

TD.navi  h2 {
  padding : 0px 3px 0px 3px;
  margin : 20px 0px 0px 0px;
  color : #ffffff;
}

TD.navi  h2.concept {
  background : #004080; 
}

TD.navi  div.concept a {
}

TD.navi  h2.practice {
  background : #DC0000;
}

TD.navi  div.practice a {
}


TD.content {
  PADDING : 20px 15px 120px 15px; 
  BACKGROUND-COLOR: #ffffff;
  vertical-align : top;
}

td.content em {
  font-weight : bold;
  color : #00A8E0;
  font-style : normal;
  }


td.content img {
  border : 1px solid #33B9E6;
}

td.content h1 small {
   display : block;
   font-size : 12px;
   line-height : 16px;
   font-weight : bold;
   color : #33B9E6;
}

TD.general {
  BACKGROUND: #eeeeee;
  text-align : left;
  color : #333333;
  border-top : 1px #cccccc solid;
  border-bottom : 1px #cccccc solid;
}

TD.general a {
  padding : 3px 10px 3px 10px;
  text-decoration : none;
  color : #333333;
  border-right : 2px #ffffff solid;
}

td.general a:hover {
  background : #f8f8f8;
}

TD.lang {
	FONT-SIZE: 9px; COLOR: #aa0201
}
TD.lang A {
	COLOR: #666666
}

td.box {
  vertical-align : top;
  padding : 20px 0px 0px 0px;
  background : url("box_bg.gif") repeat-y left;
}

td.box img {
  padding : 0px;
  margin : 0px;
}

td.box h1 {
  font-size : 22px;
  line-height : 26px;
  width : 200px;
  text-align : center;
  border-bottom : 1px #ED8E00 dotted;
  font-family : Garamond, serif;
  background-color : #FFFACD;
  margin : -2px 0px 0px 0px;
  padding : 30px 0px 2px 0px;
  letter-spacing : 1px;
}

td.content h3 {
  font-size : 22px;
  line-height : 26px;
  font-weight : normal;
  text-align : center;
  border-top : 1px #ED8E00 dotted;
  border-bottom : 1px #ED8E00 dotted;
  font-family : Garamond, serif;
  background-color : #FFFACD;
  margin : 20px 0px 0px 0px;
  padding : 2px 0px 2px 0px;
  letter-spacing : 1px;
}

td.box a {
  width : 190px;
  display : block;
  border-bottom : 1px #ED8E00 dotted;
  background : #FFFACD;
  line-height : 15px;
  margin : 0px;
  color : #333333;
  text-decoration : none;
  padding : 5px 5px 5px 5px;
  font-transform : capitalised;
}

td.box a:hover {
  background-color : #FFFFED;
}

div.languages {
  background-color : #FFFACD;
  width : 175px;
  padding : 0px 0px 0px 20px; 
}

div.languages a {
  width : 176px;
  padding : 1px 2px 1px 2px;
}

td.copyline {
  background-color : #33B9E6;
  text-align : center;
  color : #ffffff;
}

td.copyline a {
  text-decoration : none;
  color : #ffffff;
}

div.teaser {
  margin : 50px 0px 20px 0px;
}

div.teaser a {
  margin-bottom : 15px;
}

div.teaser a h1 {
   font-size : 11px;
   line-height : 15px;
   font-weight : bold;
   color : #00A8E0;
   padding : 0px;
   margin : 0px;
   border-bottom : 1px solid #00A8E0;
   letter-spacing : 1px;
}

div.teaser a p {
   font-size : 11px;
   line-height : 15px;
   color : #666666;
   padding : 0px;
   margin : 0px;
}

div.teaser a:hover {
  background-color : #eeeeee; 
}

td.list {
  padding : 4px 20px 4px 20px;
}

div#bottom-nav {
   width : 100%;
   text-align : center;
}

div#bottom-nav a {
   display : block;
   width : 200px;
   float : left;
   text-decoration : none;
   border : 1px solid #ffffff;
}

div#bottom-nav a div {
}

div#bottom-nav a div.char1 {
   width : 20px;
   padding : 10px 4px 10px 4px;
   font-size : 30px;
   float : left;
}

div#bottom-nav a div.char2 {
   width : 20px;
   padding : 10px 4px 10px 4px;
   font-size : 30px;
   float : right;
}

div#bottom-nav a div.name {
   width : 190px;
   padding : 10px 4px 10px 4px;
   font-size : 14px;
   border : 1px solid #ffffff;
}

div#bottom-nav a:hover {
   border : 1px solid #00A8E0;
}

div#bottom-nav a:hover div.char1, div#bottom-nav a:hover div.char2 {
   background-color : #FFFACD;
}

div#bottom-nav a:hover div#00 {
   background : url("../user/buttonbg/00Titel.jpg") center #FFFACD;
}


div#bottom-nav a:hover div#01 {
   background : url("../user/buttonbg/01Overview.jpg") center #FFFACD;
}

div#bottom-nav a:hover div#02 {
   background : url("../user/buttonbg/02Winner.jpg") center #FFFACD;
}

div#bottom-nav a:hover div#03 {
   background : url("../user/buttonbg/03Bulb.jpg") #FFFACD;
}

div#bottom-nav a:hover div#04 {
   background : url("../user/buttonbg/04planets.jpg") #FFFACD;
}

div#bottom-nav a:hover div#05 {
   background : url("../user/buttonbg/05Water.jpg") #FFFACD;
}

div#bottom-nav a:hover div#06 {
   background : url("../user/buttonbg/06Waste.jpg") #FFFACD;
}

div#bottom-nav a:hover div#07 {
   background : url("../user/buttonbg/07Poison.jpg") #FFFACD;
}

div#bottom-nav a:hover div#08 {
   background : url("../user/buttonbg/08Puzzle.jpg") #FFFACD;
}

div#bottom-nav a:hover div#09 {
   background : url("../user/buttonbg/09girl.jpg") #FFFACD;
}

div#bottom-nav a:hover div#10 {
   background : url("../user/buttonbg/10weinprobe.jpg") #FFFACD;
}

div#bottom-nav a:hover div#11 {
   background : url("../user/buttonbg/11goodNews.jpg") #FFFACD;
}

div#bottom-nav a:hover div#12 {
   background : url("../user/buttonbg/12KeepBall.jpg") bottom #FFFACD;
}