@charset "UTF-8";

@import url(layout_3-2-1.css);

body{
/* background-image: url('../img/background2.gif'); */
/*position: absolute;
background-color: #FF0000;
z-index: 2;*/
font-family: arial, sans-serif;
background-repeat: no-repeat;
}

/*.map24_submit{
font-size: 20px;
color: #FFFFFF;
}*/

h3{
font-family: arial, sans-serif;
}

h4{
font-family: arial, sans-serif;
font-variant:small-caps;
color: #ef1010;
}

#col2{
font-size: 1.15em;
font-weight: lighter;
}

#col2 h3{
font-size: medium;
font-weight: normal;
}

#col2 h4{
font-size: large;
font-weight: normal;
}

#col3 h4{
font-size: medium;
font-weight: lighter;
}

div#page_margins{
margin: 0px 0px 0px -35px;
/* border: solid green; */
}

div#page{
position: absolute;
/* background-color: #FFFFFF; */
/* border: solid green; */
top: 20px;
height: 100px; 
width: 1000px;
}

div#header{
/* top: 0px; */
/* background-color: #FFFFFF; */
/* border: solid gray; */
z-index:1;
}

div#header a{
background-image: none;
}

div#col2 a{
background-image: none;
padding-left: 0px;
text-decoration: none;
border-bottom: 1px dotted; 
}


div#topnav{
top: -10px;
height: 50px;
width: 250px;
right: 45px;
/* border: solid black 1px; */
}

div#topnav a{
padding-left: 0px;
}

div#topnav input#search_field{
position: absolute;
top: 21px;
left: 34px;
width: 155px;
border: solid #ef1010 1px;
background: url('../img/search_icon.gif') 1px 1px no-repeat;
}

div#topnav input#search_field:focus{
/* background: url(''); */
}

/*div#search_button{
position: absolute;
width: 60px;
height: 30px;
left: 195px;
top: 18px;
background-image: url('../img/search.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
/* border: solid green 1px; */

/*.button {
/*font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
/* font-size: small; */
/* font-variant : small-caps; */
/* color: white;*/ 
/* } */

div#topnav span a{
padding: 3px;
}

div#topnav a span {
padding: 3px;
color: white;
}

a#search_button {
position: absolute;
top: 20px;
left: 195px;
background: #ef1010;
border: 1px solid #726d72;
padding: 1px 1px 1px 5px;
text-decoration:none;
/* border: solid green 1px; */
}

a#search_button:hover {
background: #c00000;
text-decoration: none;
color: white;
}

a#search_button:focus {
background: #c00000;
text-decoration: none;
color: white;
}

a#search_button:active {
background: #c00000;
text-decoration: none;
color: white;
}

a#search_button:visited {
background: #c00000;
text-decoration: none;
color: white;
}

h1 a:hover{
cursor:hand;
}

#header_text{
position:absolute;
left:100px;
}

span#header_image{
display:block;
position:absolute;
left:0px;
top:0px; 
z-index:1;
height: 120px;
width: 630px;
margin:0; 
padding:0;
background-image: url('../img/logo.gif');
background-repeat: no-repeat;
background-position: 0px -10px;
/* border: solid red; */
}


/* h1#header_text span {display:none;} */

div#main{
position: absolute;
height: 0px; 
width: 1000px;
top: -60px;
left: 0px;
/* border: solid green; */
}

div#col1{
position: absolute;
top: 280px;
left: 736px;
width: 400px;
z-index: 10;
/* border: solid red; */
}

/*div#col1_header{
position: absolute;
top: 400px;
left: 1300px;
z-index: 10;
border: solid blue;
}*/

div#col1_content{
position: absolute;
/* border: solid green 1px; */
}

a {
color: #726d72;
background-image: url('../img/link_t.gif');
background-repeat: no-repeat;
background-position: -4px -7px;
padding-left: 15px;
/* border: solid green 1px; */
}

a:focus{
color: #ef1010;
text-decoration: none;
/*background-image: url('../img/link_focus.gif');
background-repeat: no-repeat;
background-position: 2px 3px;*/
}

a:hover{
color: #ef1010;
text-decoration: none; 
}

a:active{
color: #ef1010;
text-decoration: none;
}

a:visited{
text-decoration: none;
}

/*a:active{
color: #ef1010;
text-decoration: none;
background-image: url('../img/link_focus.gif');
background-repeat: no-repeat;
background-position: 2px 3px;
}*/

a.clicked{
color: #ef1010;
text-decoration: none;
background-image: url('../img/link_focus.gif');
background-repeat: no-repeat;
background-position: 2px 3px;
}

/*
Karin Elter
Lindenstrasse 46a
Ober Eschbach (Bad Homburg)
*/

div#col1 li, div#col3 li{
position: relative;
left: -50px;
list-style: none;
padding-left: 15px;
/* background: url('../img/link_t.gif') no-repeat; */
/* background-position: -5px -5px; */
padding-bottom: 4px;
font-size: small;
font-weight: bold;
/* border: solid red 1px; */
}

.header{
position: relative;
width: 240px;
height: 39px;
left: -10px;
padding-bottom: 5px;
}

#nav1{
/* border: solid black 1px; */
}

div#nav1_header{
background: url('../img/n1_hintergrund.gif') no-repeat;
background-position: 0px 0px;
/* border: solid blue; */
}

div.nav_content {
/* border: solid red 1px; */
}

#nav2{
/* border: solid black 1px; */
}

div#nav2_header{
background: url('../img/n2_angebot.gif') no-repeat;
background-position: 0px 0px;
z-index: 10;
/* border: solid blue 1px; */
}

#nav3{
/* border: solid black 1px; */
}

div#nav3_header{
background: url('../img/n3_medien.gif') no-repeat;
background-position: 0px 0px;
z-index: 10;
/* border: solid blue; */
}


span.name{
margin:0; padding:0;
position:relative;
z-index:0;
width:200px; height:80px;
overflow:hidden;
font-weight: bold;
font-size:1.34em;
/* border: solid blue; */
}

/*use for tags, replacing the TAI FU text <span class="name">TAI FU<span class="name_img"></span></span> */
span.name_img{
display:block;
position:absolute;
left:0; top:3px; 
z-index:1;
width:61px; 
height:20px;
margin:0; 
padding:0;
background-image: url('../img/name.gif');
/* border: solid blue; */
}

/* .name span {display:none};  */



div#col2{
position: absolute;
top: 200px;
left: 250px;
width: 500px;
/* border: solid red; */
}

div#col2_header{
/* h2#col2_header_text */
background-image: url('../img/c2_header.gif');
height: 55px;
/* border: solid blue; */
}

h2#col2_header_text span {
display:none;
}	

div#col2_header_kontakt{
background-image: url('../img/c2_header_kontakt.gif');
height: 55px;
}

div#col2_header_impressum{
background-image: url('../img/c2_header_impressum.gif');
height: 55px;
}

div#col2_header_was_bedeutet_der_name_tai_fu{
background-image: url('../img/c2_header_was_bedeutet_tai_fu.gif');
height: 55px;
}

div#col2_header_wer_kann_tai_fu_trainieren{
background-image: url('../img/c2_header_wer_kann_tai_fu_trainieren.gif');
height: 55px;
}

div#col2_header_ursprung_philosophie{
background-image: url('../img/c2_header_ursprung_philosophie.gif');
height: 55px;
}

div#col2_header_konzept_trainingsprogramm{
background-image: url('../img/c2_header_konzept_trainingsprogramm.gif');
height: 55px;
}

div#col2_header_gtf{
background-image: url('../img/c2_header_gtf.gif');
height: 55px;
}

div#col2_header_tai_fu_kids{
background-image: url('../img/c2_header_tai_fu_kids.gif');
height: 55px;
}

div#col2_header_tai_fu_ausprobieren{
background-image: url('../img/c2_header_tai_fu_ausprobieren.gif');
height: 55px;
}

div#col2_header_trainingszeiten{
background-image: url('../img/c2_header_trainingszeiten.gif');
height: 55px;
}

div#col2_header_beitraege{
background-image: url('../img/c2_header_beitraege.gif');
height: 55px;
}

div#col2_header_schulen{
background-image: url('../img/c2_header_schulen.gif');
height: 55px;
}

div#col2_header_intensivkurse_lehrgaenge{
background-image: url('../img/c2_header_intensivkurse_lehrgaenge.gif');
height: 55px;
}

div#col2_header_ausbilder{
background-image: url('../img/c2_header_ausbilder.gif');
height: 55px;
}

div#col2_header_presse{
background-image: url('../img/c2_header_presse.gif');
height: 55px;
}

div#col2_header_erfahrungsberichte{
background-image: url('../img/c2_header_erfahrungsberichte.gif');
height: 55px;
}

div#col2_header_foto_video{
background-image: url('../img/c2_header_foto_video.gif');
height: 55px;
}

div#col2_header_download{
background-image: url('../img/c2_header_downloads.gif');
height: 55px;
}

div#col2_header_links{
background-image: url('../img/c2_header_links.gif');
height: 55px;
}

div#col2_header_sonderaktion{
background-image: url('../img/c2_header_sonderaktion.gif');
height: 55px;
}

div#col2_header_neuigkeiten{
background-image: url('../img/c2_header_neuigkeiten.gif');
height: 55px;
}


div#col2_content_container{
position: absolute;
background: url('../img/c2_sh_mid.gif') repeat-y;
background-position: 0px 0px;
width: 500px;
/* z-index: 0; */
/* border: solid red 1px; */
}

div#col2_content_container .thumbnail{
padding: 6px 0px 1px 0px;
border-width: 0px 1px 0px 1px; 
border-color: #9c969c; 
background-color: #ef1010;
}

div#col2_content_container #weihnachtsfeier_1{
position: relative;
height: 150px;
margin-left: 10px; 
float: right; 
z-index: 20;
}


div#col2_content_container #weihnachtsfeier_2{
position: relative;
height: 110px;
margin-right: 10px; 
float: left; 
z-index: 20;
}

div#col2_content_container #kids{
position: relative;
height: 130px;
margin-left: 10px; 
float: right; 
z-index: 20;
}

div#col2_content_container #teen{
height: 100px;
margin-right: 20px; 
float: left; 
}

div#col2_content_container #adult{
height: 120px;
margin-left: 10px; 
float: right; 
}

div#col2_content_container #migo{
height: 220px;
margin-right: 10px; 
float: left; 
}

div#col2_content_container #florian{
height: 220px;
margin-left: 10px; 
float: right; 
}

div#col2_content_container #ruediger{
height: 220px;
margin-right: 10px; 
float: left; 
}

div#col2_content_container #matthias{
height: 220px;
margin-left: 10px; 
float: right; 
}

div#col2_content_container #john{
height: 120px;
margin-right: 10px; 
float: left; 
}

div#col2_content_container #ernst{
height: 220px;
margin-left: 10px; 
float: right; 
}

div#col2 div.bullet_point_group ul{
list-style-type: none;
}
#col2 div.bullet_point_group {
position: relative;
left: -35px;
padding: 10px 0px 0px 0px;
margin: -5px 0px 10px 0px;
}
#col2 div.bullet_point_group p{
background-image: url('../img/dot.gif');
background-repeat: no-repeat;
background-position: 0px 9px;
padding-left: 15px;
padding-top: 0px;
margin: 0px 0px 0px 0px;
font-size: medium;
font-variant:small-caps;
font-weight: bold;
text-align: left;
}


div#col2 div.secondary_bullet_point_group ul{
list-style-type: none;
}
#col2 div.secondary_bullet_point_group {
position: relative;
left: -35px;
padding: 0px 0px 0px 0px;
margin: -5px 0px 10px 0px;
}
#col2 div.secondary_bullet_point_group p{
background-image: url('../img/dot.gif');
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left: 15px;
padding-top: 0px;
margin: 0px 0px 0px 0px;
}

#col2 .timetable{
position: relative;
text-align: center;
border: solid gray 1px;
border-top: solid #ef1010 1px;
border-bottom: solid #ef1010 3px;
margin-left: 5px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 20px;
border-collapse:collapse;
font-size: 0.85em;
}

#col2 .timetable tr{
border: solid gray 1px;
}

#col2 .timetable td{
border: solid gray 1px;
/*font-size: 0.95em;*/
background-color: #EEEEEE;
width: 90px;
}

#col2 th {
border: solid gray 1px; 
/* background-color: #EEEEEE; */
color: white;
background-color: #ef1010;
}

#col2 img#tai_chi{
position: relative;
left: 80px;
}

#col2 img#chi_kung{
position: relative;
left: 140px;
padding-bottom: 20px;
}

#col2 img#kung_fu{
position: relative;
left: 190px;
padding-bottom: 10px;
}

div#col2_content_container h4 {
padding-top: 10px;
font-weight: normal;
font-size: 1.52em;
width: 410px;
height: 25px;
background: url('../img/header_underline.gif') no-repeat;
background-position: 1px 34px;
/* border: solid blue 1px; */
}

div#col2_content_container h4.long_header {
padding-top: 10px;
font-weight: normal;
font-size: 1.52em;
width: 410px;
height: 50px;
background: url('../img/header_underline.gif') no-repeat;
background-position: 1px 58px;
/* border: solid blue 1px; */
}

img#pic_sitting_man{
margin-right: 10px;
float: left;
}

img#pic_walking_man{
margin-top: 50px;
float: right;
}

img#pic_laying_man{
margin-top: 0px;
margin-right: 10px;
float: left;
}

div#col2_content_container .label{
font-style: italic;
font-weight: 900; 
}

div#col2_content_container  h4.col2_long_content_header{
height: 54px;
background-position: 0px 60px;
/* border: solid blue 1px; */
}

div#col2_content_container div#col2_content_area
.article h4.col2_content_header{
float: left;
padding-top: 0px;
background-position: 0px 24px;
/* border: solid green 3px; */
}

div#col2_content_container div#col2_content_area
.article h3{
float: left;
margin-top: 0px;
padding-top: 5px;
font-size: small;
/* border: solid black 1px; */
}

div#col2_content_container div#col2_content_area{
position: relative;
width: 420px;
left: 45px;
/* border: solid green 3px; */
}

div#col2_content_container p.radio {
position: relative;
padding-left: 120px;
/* border: solid green 1px; */
}

div#col2_content_container div#col2_content_area div{
text-align: justify;
/* border:solid black 1px; */
}

div#col2_content_container div#col2_content_area
div.seperator{
float: left;
width: 100%;
padding-top: 6px;
height: 20px;
background-image: url('../img/article_seperator.gif');
background-repeat: repeat-x; 
background-position: 0px 24px;
font-size:10px;
/* border: solid green 1px; */
}

div#col2_content_container div#col2_content_area
div.seperator a{
color: #c6c6c6;
}

div#col2_content_container div#col2_content_area div.article{
margin-top: 10px;
float: left;
border:solid white 1px;
/* border-bottom: dotted 1px #ccc; */
/*background: url('../img/header_underline_short.gif') no-repeat;
background-position: 110px 0px;*/

}

div#col2_content_container div.left_col {
float:left;
width:200px;
}

div#col2_content_container div.right_col {
float:right; 
width:200px;
/* margin-right:13px3; */
} 

div#col2_content_container div.article p{
line-height: 1.2em;
}

div#col2_content_container div.article img{
margin-top:10px;
padding: 6px 0px 1px 0px;
border-width: 0px 1px 0px 1px; 
border-color: #9c969c; 
background-color: #ef1010;
}

div#col2_content_container img.article_photo_landscape{
width:418px;
/*display:block;
margin-left:auto;
margin-right:auto; */
}

div#col2_content_container img.article_photo_upright{
height:280px;
display:block;
margin-left:auto;
margin-right:auto; 
}

div#col2_content_container .article_photo_text{
font-size: smaller;
font-weight: bold;
font-style: italic;
/* border: solid red 2px; */
}

div#col2_content_container span.article_photo_editor{
margin-top: -5px;
font-size: smaller;
font-weight: normal;
font-style: normal;
float: right;
/* border: solid green 2px; */
}

div#col2_content_container p.article_intro{
font-weight: bold;
}

div#col2_content_container p.article_publisher{
font-size: smaller;
text-align: right;
}

div#col2_content_container a#car{
left: 200px;
}

div#col2_content_container a#train{
left: 110px;
}

iframe#map24{
position: relative;
margin: 0px 0px 40px 0px;
left: 100px;
border-bottom: solid gray 1px;
}

div#col2_content_container a.print_preview{
position: relative;
font-size:smaller;
border-bottom-width: 0px;
border-bottom-style: none;
/*  border: solid green 2px;   */
}

div#col2_content_container img.print_preview_icon{
position:relative; 
top: 3px; 
left: -2px; 
width:14px; 
height:14px;
}


div#col2_content_container div.series_photo{
/*  border: solid green 2px;  */
}

div#col2_content_container div#col2_content_area
div.photo_seperator{
/* float: left; */
width: 100%;
padding-top: 6px;
height: 20px;
background-image: url('../img/article_seperator.gif');
background-repeat: repeat-x; 
background-position: 0px 24px;
font-size:10px;
/* border: solid green 1px; */
}

div#col2_content_container div#photo_series img{
margin-top:10px;
padding: 6px 0px 1px 0px;
border-width: 0px 1px 0px 1px; 
border-color: #9c969c; 
background-color: #ef1010;
float:none;
}

div#col2_content_container div#photo_series img.photo_landscape{
width:418px;
/*display:block;
margin-left:auto;
margin-right:auto; */
}

div#col2_content_container div#photo_series img.photo_upright{
height:280px;
display:block;
margin-left:auto;
margin-right:auto; 
}

div#col2_content_container div#photo_series .photo_text{
font-size: smaller;
font-weight: bold;
font-style: italic;
text-align: center;  
/* border: solid red 2px; */
}

div#col2 a.button:focus {
background: #ef1010;
text-decoration: none;
color: white;
}

div#col2 a.button:active {
background: #ef1010;
text-decoration: none;
color: white;
}

div#col2 p.input input{
position: absolute;
margin-left: 10px;
right: 80px;
border: solid red 1px;
}

div#col2 p.input span{
/* position: relative;  */
margin-left: 40px;
/* border: solid red 1px; */
}

div#col2 .error{
color: red;
}

div#col2 .error_message{
color: red;
border: 2px solid red;
padding: 10px 0px 10px 10px;
margin: 20px 30px 20px 50px;
}

a#send_registration{
margin-left: 120px;
} 

div#col2 a.button {
background: #ef1010;
border: 1px solid #726d72;
padding: 1px 1px 1px 5px;
text-decoration:none;
color: white;
/* border: solid green 1px; */
}

div#col2 a.button:hover {
background: #c00000;
text-decoration: none;
color: white;
}

div#col2 img#email {
position: relative;
top: 7px;
/* border: solid green 1px; */
}

div#col2_footer{
margin-left: -10px;
width: 510px;
height: 35px;
background: url('../img/c2_bottom4.gif') no-repeat;
background-position: 10px 0px;
/* border: solid gray 1px; */
}

div#col3{
position: absolute;
top: 360px;
left: 40px;
/* height: 260px; */
width: 300px;
z-index: 10;
/* border: solid red 1px; */
}

div#col3_header{
position: absolute;
background-image: url('../img/c3_header.gif');
background-repeat: no-repeat;
height: 40px;
width: 253px;
z-index: 10;
/* border: solid blue 1px; */
}
/* h3#col3_header_text span {display:none}; */

div#col3_content{
position: absolute;
top: 40px;
/* height: 300px; */
background: url('../img/c3_sh_mid.gif') repeat-y;
background-position: 0px 0px;
/* width: 260px; */
/* border: solid gray 1px; */
}

div#col3_content h4.col3_content_header{
padding-left: 2px;
padding-top: 5px;
width: 210px;
height: 25px;
background: url('../img/header_underline_short.gif') no-repeat;
background-position: -2px 25px;
/* border: solid gray 1px; */
}

div#col3_footer{
margin-left: -20px;
width: 256px;
height: 15px;
background: url('../img/c3_buttom3.gif') no-repeat;
background-position: 0px 10px;
/* border: solid yellow 1px; */
z-index: 10; 
}

p.grade_icon{
padding-left: 65px;
}

img#grade_1-2{
float: left;
padding: 15px 15px 0px 20px;
}

img#grade_3-4{
float: left;
padding: 6px 15px 0px 20px;
}

img#grade_5-6{
float: left;
padding: 15px 15px 0px 20px;
}

img#grade_7-8{
float: left;
padding: 15px 15px 0px 20px;
}

img#grade_9-10{
float: left;
padding: 15px 15px 0px 20px;
}

img#grade_11-12{
float: left;
padding: 15px 15px 0px 20px;
}