* {
  font-size: 100.1%;
  font-family: arial, sans-serif;
}

body {
  margin: 0; padding: 0;
  font-size: 0.68em; color: #000;
  line-height: 1.5em;
  background: #E0E4EF;
}

.clear {
  clear: both; font-size: 1px; height: 1px;
}

.invisible {
	display: none;
}

.centered {
	text-align: center;
}

a img {
  border: 0;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
   color: #FF0000;
   text-decoration: underline;
}

#page {
   width: 940px;
   position: relative;
   margin: 0px auto;
   padding: 0;
   background: #FFF;
}

#header {
   height: 130px;
   width: 940px;
   position: relative;
   background: #C3CDDF;
}

#header h1 {
   margin: 0;
   padding: 20px 0 0;
   text-align: center;
   font-size: 32px;
   font-weight: 700;
}

#right {
   float: right;
   width: 200px; w\idth: 169px;
   padding: 20px 20px 10px 10px;
   background: #FFF;
}

#wrapper {
   float: right;
   width: 940px;
   background: url(/tl_files/jkk/bilder/design/bg.gif) repeat-y;
}

#left {
   float: left;
   width: 160px; w\idth: 130px;
   padding: 10px 10px 10px 20px;
   background: #C3CDDF;
}

#main {
   float: left;
   width: 580px; w\idth: 540px;
   padding: 20px;
}

#main p {
  margin: 0 0 0.7em 0;
}
#main h1 {
  margin: 0 0 0.7em 0;
  font-size: 1.6em;
  color: #000;
}
#main h2 {
  margin: 0 0 0.7em 0;
  font-size: 1.4em;
  color: #000;
}
#main h3 {
  margin: 0 0 0.4em 0;
  font-size: 1.2em;
}
#main ul {
  margin: 0 0 0.7em 1em;
  padding: 0 0 0.7em 1em;
  list-style: square;
}

#footer {
   clear: both;
   text-align: right;
   padding: 10px 20px 10px 0;
   background: #FFF;
   border-top: 1px solid #c3cddf;
}

#header .mod_navigation {
   margin: 40px 0 0 120px;
}
#header .mod_navigation ul {
   list-style: none;
}
#header .mod_navigation ul li {
   display: inline;
   margin: 10px;
   padding: 0;
   color: #000;
   font-size: 18px;
}
#header .mod_navigation .karate {
	padding-bottom: 25px;
	background: url("bilder/design/nav_karate.gif") no-repeat 0px 20px;
}
#header .mod_navigation ul li.first {
   margin-left: 0px;
   padding-left: 0px;
}
#header .mod_navigation ul li.last {
   margin-right: 0px;
   padding-right: 0px;
}
#header .mod_navigation ul li a:hover {
   color: #FF0000;
}
#header .mod_navigation ul li.active a,
#left .mod_navigation ul li.active a  {
  color: #FF0000;
  text-decoration: none;
}

#left .mod_navigation ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#left .mod_navigation ul li {
   padding: 0 0 10px 0;
   margin: 0;
   font-size: 1.3em;
}


#left .mod_navigation li ul.level_2,
#left .mod_navigation ul.level_2 li ul.level_3 {
	display: none;
}
#left .mod_navigation li.active ul.level_2,
#left .mod_navigation li.trail ul.level_2,
#left .mod_navigation ul.level_2 li.active ul.level_3,
#left .mod_navigation ul.level_2 li.trail ul.level_3 {
	display: block;
	list-style-image: url(bilder/design/sublist.gif);
   margin: 0 0 0 15px;
   padding: 10px 0 0 0;
}
#left .mod_navigation li.active ul.level_2 li,
#left .mod_navigation li.trail ul.level_2 li,
#left .mod_navigation ul.level_2 li.active ul.level_3 li,
#left .mod_navigation ul.level_2 li.trail ul.level_3 li {
	font-size: 1em;
}
#left .mod_navigation li.active ul.level_2 li a,
#left .mod_navigation ul.level_2 li.active ul.level_3 li a {
	color: #000;
	text-decoration: underline;
}



.image_container .caption {
   font-style: italic;
}

.pagination
{
   margin: 0 0 0 0;
   padding: 0;
}

.pagination p
{
   margin: 0 1em 0 0;
   padding: 0;
}

.pagination ul
{
   margin: 0; padding: 0px;
   list-style: none;
}

.pagination ul li
{
   float: left;
   margin: 0 0.8em 0 0;
}

.pagination ul li .pagination_current
{
   color: #000;
   font-weight: bold;
}

.mod_newslist h1 {
   padding: 0;
   margin: 0;
   font-size: 1.6em;
}

#right .mod_newslist h1 {
	font-size: 1.5em;
}

#main .mod_newslist h1 {
	font-size: 1.4em;
}
#main .mod_newslist h2 {
	font-size: 1.2em;
}


#pageimg {
   position: absolute;
   left: 810px;
   height: 130px;
   width: 130px;
}
.home #pageimg {
   background: url("bilder/design/bild_jkk_003.gif") no-repeat 10px 10px;
}
.aikido #pageimg {
   background: url("bilder/design/aikido-startbild.jpg") no-repeat 10px 5px;
}
.gymnastik #pageimg {
   background: url("bilder/design/gym-06.gif") no-repeat 0px 30px;
}
.judo #pageimg {
   background: url("bilder/design/uranage_03.gif") no-repeat 10px 5px;
}
.ju-jitsu #pageimg {
   background: url("bilder/design/festlegen_07.gif") no-repeat 10px 10px;
}
.ju-jutsu #pageimg {
   background: url("bilder/design/jujuts1.gif") no-repeat 5px 10px;
}
.shotokan #pageimg {
   background: url("bilder/design/karate_home.gif") no-repeat 10px 10px;
}
.wado-kai #pageimg {
   background: url("bilder/design/wado-karate-home.gif") no-repeat 10px 10px;
}

#logo {
  display: block;
  position: absolute;
  top: 10px; left: 20px;
  width: 100px; height: 105px;
  background: url("bilder/design/bild_jkk_003.gif") no-repeat;
}
#logo span {
  display: none;
}


#main .layout_short_main h2 {
	padding-left: 25px;
	line-height: 25px;
	background: url("bilder/content/navigation/news_jkk.jpg") no-repeat;
}

#main .layout_short_main .more,
#right .layout_short .more {
	margin:0 0 1.5em;
}

#main .layout_short_main .teaser,
#right .layout_short .teaser {
	margin:0 0 0.3em;
}


/* Module */

table.calendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table.calendar .head{padding-top:4px;padding-bottom:5px;text-align:center;background-color:#f6f6f6;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.calendar .current{background-color:#ffffcc;}
table.calendar .label{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#bbbbbb;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-weight:bold;font-size:10px;color:#ffffff;}
table.calendar td{width:14%;height:72px;padding:1px;vertical-align:top;background-color:#ffffff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.calendar .weekend{background-color:#f6f6f6;}
table.calendar .today{background-color:#ffffcc;}
table.calendar .empty,table.calendar .empty .header{background-color:#f6f6f6;}
table.calendar td .header{padding-bottom:2px;background-color:#e0e0e0;font-size:10px;}
table.calendar td .event a{font-size:10px;}

table.minicalendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table.minicalendar td{width:14%;padding-top:2px;padding-bottom:3px;text-align:center;background-color:#ffffff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.minicalendar td,table.minicalendar .active a{font-size:10px;}
table.minicalendar .active a{font-size:10px; font-weight:bold; color:#FF0000;}
table.minicalendar .weekend{background-color:#f6f6f6;}
table.minicalendar .today{background-color:#C3CDDF;}
table.minicalendar .label{padding-top:2px;padding-bottom:3px;text-align:center;background-color:#c3c3c3;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-size:10px;color:#ffffff;}
table.minicalendar .head{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#f9f9f9;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.minicalendar .current{background-color:#ffffcc;}

.mod_eventlist{margin-right:10px;}
.mod_eventlist .header{padding:3px 6px 4px 6px;background-color:#e6e6e6;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;font-weight:bold;}
.mod_eventlist .header.first{border-top:1px solid #cccccc;}
.mod_eventlist .event{padding:10px 6px 12px 6px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;}
.mod_eventlist .time{margin-top:-6px;margin-bottom:6px;font-weight:normal;color:#999999;}
.mod_eventreader .info{margin-top:-12px;font-size:10px;color:#999999;}
.mod_eventreader .recurring{margin-top:2px;font-size:10px;color:#009900;}
.mod_eventreader .ce_text{margin-top:15px;}
.mod_eventreader .back{margin-top:18px;}