body {
				padding: 0;
				margin: 0;
				color: #777;
				font-size: 62.5%;
				font-family: Verdana;
				background-color:  #fafafa;
				
}
p {
				color: #2222DD //#e5e532; #777;
}
#map {
				width: 490px;
				height: 350px;
				float: left;
				margin-top: -10px;
				padding: 3px 3px 3px 3px;
				border: 1px #E1E1E1 solid;
}
#header-bg {
				background: url('../img/bg.png') repeat-x 50% top;
				background-color:  #fff;
				height: 179px;
				width: 100%;
				min-width: 1000px;
				z-index:99;
}
#header {
				height: 138px;
				width: 960px;
				margin: 0 auto;
}
#header-left {
				height: 138px;
				width: 200px;
				margin: 0 auto;
				float: left;
}
#header-right {
				height: 138px;
				width: 230px;
				margin: 0 auto;

}
/* Logo Container */
#logo-a {
				width: 170px;
				height: 181px;
				margin-top: 10px;
				margin-left: 60px;
				float: left;
				z-index:99;
}
#logo a {
				display: block;
				z-index:99;
}
#logo-b {
				width: 331px;
				height: 91px;
				margin-top: 40px;
				float: right;
}
#logo b {
				display: block;
}
#top-right #header-quote {
				margin-top: 55px;
}
#top-right h3 {
				padding: 0px 0 0 0;
				color: #fff;
				font-size: 1.1em;
				text-align: right;
}
#content-bg {
				width: 100%;
				float: left;
				background-color: #fff;
				min-width: 1000px;
				padding: 20px -1px 20px 0;
				z-index:1;
				
}
#content {
				margin: 0 auto;
				width: 960px;
				background-color: white;
}
#content .entry {
				padding-bottom: 10px;
				float: left;
}
#content h2 {
				background: url('../img/dotted_border_h.gif') repeat-x right bottom;
				color: #4699A6;
}
#content h3 {
				background: url('../img/dotted_border_h.gif') repeat-x right bottom;
				color: #4699A6;
				padding-bottom: 5px;
}
#content h5 {
				color: #4699A6;
				margin-bottom: 5px;
}
#content p {
				padding-bottom: 15px;
				margin: 0;
				clear: both;
				line-height: 22px;
}
#footer-bg {
				width: 100%;
				float: left;
				background: url('../img/footer_bg.gif') repeat-x 50% top;
				min-width: 1000px;
}
#footer {
				margin: 0 auto;
				width: 960px;
				padding: 20px;
				font-size: 1.1em;
}
#navigation {
				width: 202px;
				float: left;
				height: 542px;
				background: url('../img/navigation_bg_right.png') no-repeat right top;
				z-index:1;
}
#main {
				width: 748px;
				float: left;
				height: 542px;
				padding-left: 10px;
}
/* ------------ blog styles ----------- */
#blog-navigation {
				width: 202px;
				float: left;
				padding-right: 22px;
}
#blog-main-bg {
				background: url(../img/left_shadow.png) no-repeat left top;
				float: left;
}
#blog-main {
				width: 660px;
				float: left;
				padding: 0 38px 0 38px;
				background: url(../img/right_shadow.png) no-repeat right top;
}
.blog-entry {
				padding: 15px 0;
				background: url('../img/dotted_border_h.gif') repeat-x right bottom;
}
#content .blog-entry h2 {
				background: none;
				padding: 0;
				margin: 0;
				font-size: 24px;
}
.blog-entry h2 a {
				color: #6589b3;
}
.blog-entry .post-content a {
				color: #6589b3;
				font-weight: bold;
}
#content p.post_details {
				background-color: #f5f5f5;
				font-size: 11px;
				color: #777;
				margin: 10px 0;
				padding: 0 5px;
}
/* Scroller Style */
.item {
				width: 729px;
				height: 542px;
				float: left;
				color: #777;
				padding: 0 19px;
				padding-right: 0px;
				overflow: hidden;
}
.nested-item .left {
				float: left;
				width: 438px;
				margin-right: 20px;
}
.item .left {
				float: left;
				width: 438px;
				margin-right: 20px;
}
.nested-item .right {
				//clear:left;  
				float: right;
				width: 251px;
				margin-left: 20px;
}
.item .right {
				//clear:left;  
				float: right;
				width: 251px;
				margin-left: 20px;
}
div.pane {
				background-color: #fff;
				overflow: auto;
				position: relative;
				width: 748px;
				height: 542px;
				overflow: hidden;
}
.elements {
				width: 3076px; /* adjust the width depending on the number of items floated to the left */ /* in this case, 2920 is equal to 4 items (because of the portfolio section)... 769px for each items. */;
				height: 542px; /* you may ignore this value */ /* the height automatically adjust with the content unlike the width*/
}
/* contact form style */
form {
				padding: 20px 0;
				margin: 0;
}
label {
				float: left;
				width: 100px;
				font-weight: bold;
				color: #999;
				padding: 5px;
}
textarea {
				border-left: 1px solid #d2d2d2;
				border-right: 1px solid #e2e2e2;
				border-top: 1px solid #d2d2d2;
				border-bottom: 1px solid #e2e2e2;
				padding: 5px;
				font: 400 12px arial, sans-serif;
				background: url('../img/field_bg.png') no-repeat left top;
}
input {
				border-left: 1px solid #d2d2d2;
				border-right: 1px solid #e2e2e2;
				border-top: 1px solid #d2d2d2;
				border-bottom: 1px solid #e2e2e2;
				padding: 5px;
				font: 400 12px arial, sans-serif;
				background: url('../img/field_bg.png') no-repeat left top;
}
textarea:focus {
				color: #333;
				background-color: #edf2f5;
}
input:focus {
				color: #333;
				background-color: #edf2f5;
}
#subject {
				width: 250px;
}
#email {
				width: 250px;
}
#name {
				width: 250px;
}
#message {
				width: 360px;
				height: 150px;
}
#submit {
				border-style: none;
				border-color: inherit;
				border-width: medium;
				height: 27px;
				background: url('../img/submit_button.png') no-repeat left top;
				margin-top: 0px;
				width: 91px;
				margin-right: 6px;
				font-weight: bold;
				cursor: pointer;
				color: #777;
}
/* testimonials */
.testimonial {
				width: 100%;
}
#content .testimonial blockquote {
				margin: 0;
				padding: 0px 0px 0px 30px;
				background: url('../img/quote.png') no-repeat 0px 0px;
}
#content .testimonial blockquote p.quote {
				text-align: left;
				font-size: 1.1em;
				font-style: normal;
				margin-bottom: 10px;
}
#content .testimonial blockquote p.author {
				text-align: right;
				font-size: 1.1em;
				font-style: italic;
				margin-top: -20px;
				padding-right: 30px;
				color: #777;
}
/* porfolio styles */
.portfolio-item {
				float: left;
				padding: 10px 0;
}
#content .portfolio-item h3 {
				background: none;
}
.portfolio-desc {
				float: left;
}
.portfolio-image {
				float: left;
}
.portfolio-image {
				width: 270px;
}
.portfolio-desc {
				width: 458px;
}
.portfolio .image-left {
				margin: 12px 15px;
}
.portfolio .margin-0-left {
				margin-left: 0;
}
.portfolio .margin-0-right {
				margin-right: 0;
}
/* List Styles */
.vertical-list {
				list-style: none;
				margin: 0;
				padding: 0;
}
.vertical-list li {
				width: 100%;
				padding: 0;
				margin: 0;
}
.vertical-list a {
				display: block;
				text-decoration: none;
				padding: 8px 4px;
				background: #fff;
				border-bottom: 1px #e2e2e2 solid;
				overflow: hidden;
				font-size: 1.1em;
}
.vertical-list a:hover {
				background: #fff;
				color: #4699A6;
}
/* use class "bullet-list" if you want to have bullets in your list */
ul.bullet-list {
				list-style: none;
				margin: 0;
				margin-top: 0px;
				padding: 0;
}
ul.bullet-list li {
				padding: 5px 0px 5px 25px;
				background: url('../img/bullet.png') no-repeat left 50%;
				font-weight: normal;
				color: #777;
}
ul.bullet-list li a {
				color: #777;
}
ul.bullet-list li a:hover {
				color: #333;
}
ul.bullet-list-left {
				list-style: none;
				margin: 0;
				margin-top: 0px;
				padding: 0;
				float: left;
}
ul.bullet-list-left li {
				padding: 5px 0px 5px 25px;
				background: url('../img/bullet.png') no-repeat left 50%;
				font-weight: normal;
				color: #999;
}
ul.bullet-list-left li a {
				color: #999;
				font-size: 0.8em;
}
ul.bullet-list-left li a:hover {
				color: #333;
}
ul.bullet-list-right {
				list-style: none;
				margin: 0;
				margin-top: 0px;
				padding: 0;
				float: right;
}
ul.bullet-list-right li {
				padding: 5px 0px 5px 25px;
				background: url('../img/bullet.png') no-repeat left 50%;
				font-weight: normal;
				color: #999;
}
ul.bullet-list-right li a {
				color: #999;
				font-size: 0.8em;
}
ul.bullet-list-right li a:hover {
				color: #333;
}
.bullet-list-haft {
				padding: 5px 0px 5px 25px;
				background: url('../img/bullet.png') no-repeat left 50%;
				font-weight: normal;
				color: #999;
}
/* CSS sliding doors button */
a.button-header {
				background: url('../img/button.png') no-repeat left top;
				float: left;
				height: 27px;
				padding-left: 0px;
				margin-right: 20px;
				margin-left: 0px;
}
a.button-color {
				background: url('../img/button.png') no-repeat left top;
				float: left;
				height: 27px;
				padding-left: 0px;
				margin-right: 20px;
				margin-left: 0px;
}
a.button {
				background: url('../img/button.png') no-repeat left top;
				float: left;
				height: 27px;
				padding-left: 0px;
				margin-right: 20px;
				margin-left: 0px;
}
a.button-header span {
				background: url('../img/button.png') no-repeat right top;
				float: left;
				height: 22px;
				position: relative;
				left: 15px;
				padding-right: 15px;
				padding-top: 5px;
				font-weight: bold;
				font-size: 12px;
				font-family: Arial,Helvetica,sans-serif;
				cursor: pointer;
				line-height: 18px;
}
a.button-color span {
				background: url('../img/button.png') no-repeat right top;
				float: left;
				height: 22px;
				position: relative;
				left: 15px;
				padding-right: 15px;
				padding-top: 5px;
				font-weight: bold;
				font-size: 12px;
				font-family: Arial,Helvetica,sans-serif;
				cursor: pointer;
				line-height: 18px;
}
a.button span {
				background: url('../img/button.png') no-repeat right top;
				float: left;
				height: 22px;
				position: relative;
				left: 15px;
				padding-right: 15px;
				padding-top: 5px;
				font-weight: bold;
				font-size: 12px;
				font-family: Arial,Helvetica,sans-serif;
				cursor: pointer;
				line-height: 18px;
}
a.button:hover span {
				color: #999;
}
a.button-color {
				background: url('../img/button_color.png') no-repeat left top;
}
a.button-color span {
				background: url('../img/button_color.png') no-repeat right top;
				color: #fff;
}
a.button-header {
				background: url('../img/button_header.png') no-repeat scroll top left;
}
a.button-header span {
				background: url('../img/button_header.png') no-repeat scroll top right;
				color: #e4f2dd;
}
a.button-header:hover {
				background-position: left -155px;
}
a.button-color:hover {
				background-position: left -155px;
}
a.button:hover {
				background-position: left -155px;
}
a.button-header:hover span {
				background-position: right -155px;
}
a.button-color:hover span {
				background-position: right -155px;
}
a.button:hover span {
				background-position: right -155px;
}
/*table styles  */
table {
				margin-top: 0;
				margin-bottom: 10px;
				border: 1px #ccc solid;
				border-bottom: none;
}
thead th {
				background: #e2e2e2 none repeat scroll 0 0;
				border-top: 1px #fff solid;
}
thead th {
				border-bottom: 1px #bbb solid;
}
th {
				border-bottom: 3px #bbb solid;
				padding-right: 1em;
				text-align: left;
}
td {
				background: #f1f1f1;
				border-top: 1px #fff solid;
				border-bottom: 1px #ccc solid;
				color: #777;
}
tr.even td {
				background: #f8f8f8;
				border-top: 1px #fff solid;
				border-bottom: 1px #ccc solid;
}
td.active {
				background-color: #e4e4e4;
}
/* OtherStyles */
.textblock {
				font-size: 17px;
				color: #777;
				font-family: Georgia, "Times New Roman", Times, serif;
				padding: 10px;
				padding-bottom: 0px;
				border: 1px #ddd solid;
				margin-bottom: 10px;
				background-color: #f7f7f7;
}
#note {
				padding: 10px;
				font-size: 12px;
				font-weight: bold;
				color: #992222;
				border: 1px #f0c020 solid;
				display: none;
				background-color: #ffffdd;
				text-align: center;
}
.notification_ok {
				color: #229922;
}
/* Link Styles */
.more {
				font-weight: normal;
}
/* Misc Styles */
.block {
				padding-bottom: 0px;
}
.block a {
				color: #0788A2;
				text-decoration : none;
}
.block a:hover {
				color: #6CC6D3;
				text-decoration : none;
}
.title {
				padding-bottom: 0px;
				overflow: hidden;
}
.clear {
				clear: both;
				overflow: hidden;
				height: 0px;
}
.float-left {
				float: left;
}
.float-left P {
				color: #999;
				font-size: 0.8em;
}
.float-right {
				float: right;
				width: 160px;
				margin-top: -5px;
}
.image-margin-left {
				margin: 0 10px 3px 0;
}
.image-margin-right {
				margin: 0 0 3px 10px;
}
.image-right {
				padding: 3px;
				margin: 0 10px 3px 0;
				border: 1px #ccc solid;
				background: #fdfdfd;
				float: left;
}
.image-border {
				padding: 3px;
				margin: 0 10px 3px 0;
				border: 1px #ccc solid;
				background: #fdfdfd;
				float: left;
}
.image-left {
				padding: 3px;
				margin: 0 10px 3px 0;
				border: 1px #ccc solid;
				background: #fdfdfd;
				float: left;
}
.image-small-left {
				background: #fdfdfd;
				padding: 3px;
				margin: 0 5px 0 0;
				border: 1px solid #ccc;
				float: left;
}
.image-small-right {
				background: #fdfdfd;
				padding: 3px;
				margin: 0 0 0 3px;
				border: 1px solid #ccc;
				float: right;
}
.image-border {
				margin: 0;
}
.image-right {
				margin: 0 0 3px 10px;
				float: right;
}
#text {
				margin: 0 0 0 0;
				float: left;
				width: 729px;
}
.block-text {
				padding: -20px 0 0 0;
				font-size: 1.0em;
				line-height: 100%;
}
#text-left {
				margin: 0 0 0 0;
				float: left;
				width: 300px;
}
#text-right {
				margin: 0 0 0 0;
				float: right;
				width: 200px;
				text-align: right;
}
.margin-0-left {
				margin-left: 0px;
}
.margin-0-right {
				margin-right: 0;
}
.margin-10-lr {
				margin: 0 10px;
}
.margin-10-left {
				margin-left: 10px;
}
.margin-10-right {
				margin-right: 10px;
}
.margin-20-left {
				margin-left: 20px;
}
.margin-20-right {
				margin-right: 20px;
}
#contact3 A {
				color : #777;
				text-decoration : none;
}
#contact3 A:hover {
				color : #499EAB;
				text-decoration : none;
}
.haftung {
				color : #777;
				padding-bottom: 1px;
				border-bottom: 1px #499EAB solid;
}
.map {
				padding-top: 25px;
}

/* Karate */

#encFilmMain
    {
      width:438px; /* Max widht of the container */
    }
    #encFilm 
    {
      height:458px;  /* Max height of the container */
      background-color:#fff;
      padding:5px 5px 5px 5px;      
    }
    #encFilmInner
    {
      position:relative;
      background-color:#fff;
      padding:5px 5px 5px 5px;
      height:440px; /* Inner films height. It will be -10 from Max height */
      width:418px; /* this will be -20px from full width of #encFilmMain*/
      overflow:hidden;
    }
    #encScrollBarTop
    {           
      background:url('img/bg-1.jpg') left center repeat-x #fff;
      text-align:center;
      color:#fff;
    }
    #encScrollBarBottom
    {    
      background:url('img/bg-1.jpg') left center repeat-x #fff;
      text-align:center;
      color:#fff;
    }
    #encScrollBarTop a, #encScrollBarBottom a
    {
      line-height:20px;
      padding:2px;
      color:#000;
      display:block;
      text-decoration:none;
    }
    #encNav
    {
      position:relative;
      color:#777;
      top:0px;
	  font-size: 1.1em;
	  font-family: Verdana;
	}