html 	{
  
  }

  head {

  }
  
  body {  
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0.2em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  	background     : url(images/Shotokan_karate4.jpg) #ffffff repeat-x top left;
  
  }
  p a {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0.2em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

  a:hover {
    color: black; background-color: #eee;
  }	

  a:link { 
    text-decoration:underline;
  }

  a:visited {
    text-decoration:underline;
  }

  a:active {
    text-decoration:underline;
  }

  h1 {
    font-size: 1em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0 0 0 0; padding: 0;
    text-align: center;
    border: 0px ridge silver;
  }
  
  html>body h1 {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }

  .Kataol {
    font-size: 1em;
    font-family: Helvetica,Arial,sans-serif;
    float: left; width: 7em;
    margin: 0 0 1.2em; padding: 0;
    border: 0;
  }
  
  .Katali {
    list-style: none;
    margin: 0; padding: 0.1em;
  }

  ol#Navigation {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    float: left; width: 100px;
    margin: 0 0 0em; 
    padding: 0;
    border: 0;
  }
  ol#Navigation li {
    list-style: none;
  
    display          : block;
    font-size        : 12px;
    border           : 1px solid #B4C1D1;
    background-color : #ECF0F3;
    font-weight      : bold;
	  margin           : 1px 0px;
    font-size        : 12px;
    background         : url(images/mod_lr.gif) #6D8DB5 repeat-x top left; 
    color              : #F6F7F9;

 }
 
 .navhead {
    padding-left    : 10px;
    padding-right	: 10px;	
    padding-top		: 4px;
    padding-bottom	: 4px; 
    border          : 0px;
 }
 
  ol#Navigation a {
    display: block;
    padding-left     : 10px;
    padding-right    : 10px;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px; 
  }
  ol#Navigation a:link {
    color: black; background-color: #eee;
  }
  ol#Navigation a:visited {
    color: #666; background-color: #eee;
  }
  ol#Navigation a:hover {
    color: black; background-color: white;
  }
  ol#Navigation a:active {
    color: white; background-color: gray;
  }

  div#Position h1 {
    font-size: 0.8em;
    font-weight:normal ;
    margin: 0.2em 0;
    text-align: left;
  }

  div#Logo {
    font-size: 1em;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #E0E0E0; 
    margin: 2em 9em 0em 3em;
    padding: 0.4em;
    text-align: right;

  }

div#Hauptmenu {
	position: absolute;
  top: 5em; left: 0em;
}

#navi_idx li {
  font-size:12px;
  font-weight:bold;
}

div#header_idx {
  position: absolute;
  left: 6.8em;
  min-width: 52.7em;
  top: 5em;
}

#header_idx ul {

}

#header_idx li {
  background-position:0 5px;
  background-repeat:no-repeat;
  line-height:15px;
  padding-top:0;
  font-size:12px;
  font-weight: bold;
}

#header_idx ul a { 

}
#header_idx ul a:hover {

}

div#header {
	position: absolute;
  right: 10px;	
  top: 10px;
}
#header ul {
   width: auto;
   list-style: none;
}
#header li {
   float: right;
   white-space: nowrap;
   font-weight: bold;
   font-size: 80%;
   white-space      : nowrap;
   color:#FFFFFF;
}

.topnavi  {
   float: right;
   white-space: nowrap;
   font-weight: bold;
   font-size: 80%;
   white-space      : nowrap; 
   padding: 2px 2px 2px 2px; 
   margin-top: -0.5em;
   border           : 1px solid #B4C1D1;
   font-weight      : bold;
   background         : url(images/mod_lr.gif) #000000 repeat-x top left; 
   color              : #F6F7F9;
   text-decoration: blink;
}

#header ul a {
    float: left;
    display: block;
    padding-left     : 10px;
    padding-right    : 10px;
    text-decoration: none;
    border: 0px solid;
    font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-size        : 11px;   

}
#header ul a:hover {
   text-decoration: underline;

}

  div#InfoPhp {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    float: right; width: 15em;
    margin: 0 0 0 0.5em; padding: 0;
    top: 12.3em;
    right: 1em;
    position: absolute;
    background-color: white; border: 0px dashed silver;
  }

  div#Info {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    float: right; 
    width: 12em;
    margin: 0 0 0 0.5em; 
    padding: 0;
    top: 9em;
    right: 1em;
    position: absolute;
    background-color: white; 
    border: 0px;
  }
  
  div#Info h2 {
    font-size: 0.83em;
    margin: 0.2em 0.5em;
  }

  div#Info h3 {
    font-size: 0.80em;
    margin: 0.2em 0.5em;
  }

  
  div#Info p {
    font-size: 0.83em;
    margin: 0.5em;
    text-align: justify;
  }

  div#Infoa {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    float: left; width: 12em; height: 9em;
    margin: 0.2em 1em 0 0; padding: 0;
    background-color: white; border: 0px dashed silver;
    background-image:url('images/Shotokan_Karate1.gif'); 
    background-repeat:no-repeat; 
    text-align: justify;
  }
  
  div#Infoa h2 {
    font-size: 0.83em;
    margin: 0.2em 0.5em;
  }

  div#Infoa h3 {
    font-size: 0.80em;
    margin: 0.2em 0.5em;
  }

  div#Infoa p {
    font-size: 0.83em;
    margin: 0.5em;
  }

  div#Infob {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;    
    float: right; width: 14em; height: 9em;
    margin: 0 0 0 0; padding: 0;
    background-color: white; border: 0px dashed silver;
  }

  div#Infoa h2 {
    font-size: 0.83em;
    margin: 0.2em 0.5em;
  }

  div#Infoa h3 {
    font-size: 0.80em;
    margin: 0.2em 0.5em;
  }

  div#Infoa p {
    font-size: 0.83em;
    margin: 0.5em;
  }

  div#InhaltHead {
    font-size: 1em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0em 0em 0em 0em;
    padding: 4px 4px;
    text-align: justify;
    background         : url(images/mod.gif) #E7EAEC repeat-x top left; 
    color              : #536570;
    border-bottom: 1px solid #D2D5D8;
  }

  div#InhaltSiteNews {
    float: right;
    font-size: 0.8em;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 5px;
	text-align: right;
	background-color:#E8E8E8;	 
  	border-width:1px;  
  	border-style:solid; 
  	border-top-color:#FF00FF; 
  	border-left-color:#FF00FF;
	border-right-color:#3333FF; 
	border-bottom-color:#3333FF;
  	  	
  }

  div#InhaltSiteNews2 {
    float: right;
    font-size: 0.8em;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 5px;
	text-align: right;
	background-color:#E8E8E8;	 
  	border-width:1px;  
  	border-style:solid; 
  	border-top-color:#FF00FF; 
  	border-left-color:#FF00FF;
	border-right-color:#3333FF; 
	border-bottom-color:#3333FF;
  	  	
  }

  div#InhaltSiteNews3 {
    float: right;
    font-size: 0.8em;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 5px;
	  text-align: right;
	  background-color:#E8E8E8;	 
  	border-width:1px;  
  	border-style:solid; 
  	border-top-color:#FF00FF; 
  	border-left-color:#FF00FF;
	  border-right-color:#3333FF; 
	  border-bottom-color:#3333FF;
  	  	
  }

  div#InhaltSiteNews4 {
    float: right;
    font-size: 0.8em;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 5px;
	  text-align: right;
	  background-color:#E8E8E8;	 
  	border-width:1px;  
  	border-style:solid; 
  	border-top-color:#FF00FF; 
  	border-left-color:#FF00FF;
	  border-right-color:#3333FF; 
	  border-bottom-color:#3333FF;
  	  	
  }

  .HotKarateNews {
    border-width:1px;
    border-style:solid;
    border-color:#D1D1D1;
    font-size:1em;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 5px;
    list-style:none;
    list-style-position: inside;
    float: left;	
  }

  .HotKarateNews2 {
    border-width:1px;
    border-style:solid;
    border-color:#D1D1D1;
    font-size:1em;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 5px;
    list-style:none;
    list-style-position: inside;
    float: left;
    width: 30em;	
  }

  .HotKarateNewsClear {
    
    font-size:0.8em;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 5px;
    list-style:none;
    list-style-position: inside;
    clear: left;
  }


  div#HotNews {
    float: left;
  }

  div#InhaltLeft {
    float: left;
  }

  div#InhaltiFrame {
    font-family: Helvetica,Arial,sans-serif;
    margin: 1em 1em 1em 1em;
    padding: 0em 0em;
    border: none;
    text-align: justify;
  }

  div#Inhalt {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0em 14em 1em 8em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: 1px dashed silver;
    text-align: justify;
    background-color: #FFFFFF;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }

  div#Inhalt h2 {
    font-size: 1em;
    margin: 0.2em 0;
  }
  
  div#Inhalt h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }
  
  div#Inhalt p {
    font-size: 0.83em;
    margin: 1em 0;
  }

  div#Inhalt1 {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0em 14em 1em 8em;
    padding: 0.5em 0.5em;
    border: 1px dashed silver;
    text-align: justify;
    background-color: #FFFFFF;
  
  }
  * html div#Inhalt1 {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  
  div#Inhalt1 h2 {
    font-size: 1em;
    margin: 0.2em 0;
  }

  div#Inhalt1 h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }

  div#Inhalt1 p {
    font-size: 0.83em;
    margin: 1em 0;
  }

  div#Inhalt2 {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0em 14em 1em 8em;
    padding: 0.5em 0.5em;
    border: 1px dashed silver;
    text-align: justify;
    background-color: #FFFFFF;
  }
  * html div#Inhalt2 {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  
  div#Inhalt2 h2 {
    font-size: 1em;
    margin: 0.2em 0;
  }

  div#Inhalt2 h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }
  
  div#Inhalt2 p {
    font-size: 0.83em;
    margin: 1em 0;
  }

  div#InhaltShop {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0em 1em 1em 8em;
    padding: 0.5em 0.5em;
    border: 1px dashed silver;
    text-align: justify;
  }
  * html div#InhaltShop {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }

  div#InhaltShop h2 {
    font-size: 1em;
    margin: 0.2em 0;
  }

  div#InhaltShop h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }

  div#Inhaltc {
    font-size: 1em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 0em 0em;
    border: 0;
    text-align: justify;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  div#Inhaltb h2 {
    font-size: 1em;
    margin: 0.2em 0;
  }
  div#Inhaltb h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }

  div#Inhaltb p {
    font-size: 0.83em;
    margin: 1em 0;
  }


  div#Inhaltb {
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0em 14em 1em 8em;
    padding: 0.5em 0.5em;
    border: 1px dashed silver;
    text-align: justify;
    background       : url(images/mod_bottom.gif) #F8F9FA repeat-x bottom left;
  }
  * html div#Inhaltb {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  div#Inhaltb h2 {
    font-size: 1em;
    font-weight:lighter;
    margin: 0.2em 0;
  }

  div#Inhaltb h3 {
    font-size: 0.80em;
    font-weight:bold;
    margin: 0.2em 0;
  }

  div#Inhaltb p {
    font-size: 0.83em;
    margin: 1em 0;
  }

  div#Inhalta {
    font-size: 0.8em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 1em 1em 1em 1em;
    padding: 1em 0.1em 1em 0;
    border: 0;
    float: left; width: 8em;
  }
  * html div#Inhalta {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  div#Inhalta h2 {
    font-size: 0.83em;
    margin: 0.2em 0;
  }
  div#Inhalta h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }


  div#Inhalta li {
    font-size: 0.8em;
    margin: 0 0 0 0;
  }

  div#Inhalta p {
    font-size: 0.83em;
    margin: 1em 0;
  }

  div#Inhalta1 {
    font-size: 0.8em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 1em 1em 1em 1em;
    padding: 1em 0.1em 1em 0;
    border: 0;
    float: left; width: 8em;
  }
  * html div#Inhalta1 {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  div#Inhalta1 h2 {
    font-size: 0.83em;
    margin: 0.2em 0;
  }
  div#Inhalta1 h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }

  div#Inhalta1 li {
    font-size: 0.8em;
    margin: 0 0 0 0;
  }

  div#Inhalta1 p {
    font-size: 0.83em;
    margin: 1em 0;
  }

  div#Inhalta2 {
    font-size: 0.8em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 1em 1em 1em 1em;
    padding: 1em 0.1em 1em 0;
    border: 0;
    float: left; width: 8em;
  }
  * html div#Inhalta2 {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  div#Inhalta2 h2 {
    font-size: 0.83em;
    margin: 0.2em 0;
  }
  div#Inhalta2 h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }

  div#Inhalta2 li {
    font-size: 0.8em;
    margin: 0 0 0 0;
  }

  div#Inhalta2 p {
    font-size: 0.83em;
    margin: 1em 0;
  }

  div#Inhalta3 {
    font-size: 0.8em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 1em 1em 1em 1em;
    padding: 1em 0.1em 1em 0;
    border: 0;
    float: left; width: 8em;
  }
  * html div#Inhalta3 {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  div#Inhalta3 h2 {
    font-size: 0.83em;
    margin: 0.2em 0;
  }
  div#Inhalta3 h3 {
    font-size: 0.80em;
    margin: 0.2em 0;
  }

  div#Inhalta3 li {
    font-size: 0.8em;
    margin: 0 0 0 0;
  }

  div#Inhalta3 p {
    font-size: 0.83em;
    margin: 1em 0;
  }


  .ajTourDef {
    display: none;
  }

  p#Fusszeile {
    clear: both;
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0 0 0 0; padding: 0.1em;
    text-align: center;
    background-color: #ECF0F3; border: 1px solid silver;
    position: relative; 
  	top: 1em;

  }
  
  p#Fusszeilea {
    clear: both;
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: white; border: 1px solid silver;
    position: relative; 
  	top: 1em;
  }
  
    p#Fusszeileb {
    clear: both;
    font-size: 0.83em;
    font-family: Helvetica,Arial,sans-serif;
    margin: 1em 0 1em; padding: 0.1em;
    text-align: right;
    background-color: white; border: 1px solid red;
    position: relative; 
  	top: 1em;

  }
  
  .tagcloud:hover {
    background-color:#DDDDDD;
	  color:#000012;
  }
  
  .bolder {
  	font-weight: bold;
  	list-style: none;
  }
  
  .smaller {
  	font-weight: normal;
  }
   
  .smaller2 {
  	font-weight: normal;
  	list-style: none;
  }
  
  .style1 {
	vertical-align: middle;
  }
  
  .style2 {
	font-size: xx-small;
  }

  .tooltip1
  {
    position: absolute;
	display: none;
  }
  
.style4 {
	border-left-style: solid;
	border-left-width: 1px;
	border-right: 1px solid #C0C0C0;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: 1px solid #C0C0C0;
}
.style5 {
	border-left: 1px solid #C0C0C0;
	border-right-style: solid;
	border-right-width: 1px;
	border-top: 1px solid #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.style6 {
	text-align: right;
	border-left: 1px solid #C0C0C0;
	border-right-style: solid;
	border-right-width: 1px;
	border-top: 1px solid #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.style7 {
	border-left: 1px solid #C0C0C0;
	border-right-style: solid;
	border-right-width: 1px;
	border-top: 1px solid #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
}

.kanji {
	float:right;
	margin-left:1em;
	padding-left:1em;
	font-style:italic;
	font-size:x-small;	
}

.head_hot_top {
  padding-top:0.5em; 
  padding-right:0em; 
  padding-left:0.5em; 
  padding-bottom:0.5em; 
  margin-bottom:1em; 
  background: url("images/mod.gif") repeat-x scroll left top #E7EAEC; 
  width:260px; 
}

.head_hot_top2 {
  padding-top:0.5em; 
  padding-right:0em; 
  padding-left:0.5em; 
  padding-bottom:0.5em; 
  margin-bottom:1em; 
  background: url("images/mod.gif") repeat-x scroll left top #E7EAEC; 
  width:29em; 
}