@charset "utf-8";
/* CSS Document */

body 			{margin-left: 0px; margin-top: 0px; background-color:#dadadc;}



html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong,
ol, ul, li,
table, tr, th, td,
form {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

ul 		{font-size: 11px; color: #dadadc; text-decoration: none; list-style-position: inside;}
p		{font-size: 12px; color: #dadadc; text-decoration: none; line-height: 16px; margin-right: 10px;}
h2		{font-size: 14px; color: #dadadc; text-decoration: none;}



.menue 			{font-size: 12pt; color: #ffed00; text-decoration: none;}
a.menue 		{font-size: 12pt; color: #ffed00; text-decoration: none;}
a.menue:hover 	{font-size: 12pt; color: #761216; text-decoration: none;}
a.menue:visited {font-size: 12pt; text-decoration: none;}

.menue_s 		{font-size: 11px; color: #ffed00; text-decoration: none; padding: 7px; background-color:#aaaaac; display:block;}
a.menue_s 		{font-size: 11px; color: #ffed00; text-decoration: none; padding: 7px; background-color:#aaaaac; display:block;}
a.menue_s:hover {font-size: 11px; color: #761216; text-decoration: none;}
a.menue_s:visited {text-decoration: none;}


.footer 	   			{font-size: 8px; color: #dadadc; text-decoration: none;}
a.footer  	 			{font-size: 8px; color: #dadadc; text-decoration: none;}
a.footer:hover	 		{font-size: 8px; color: #ffed00; text-decoration: none;}
a.footer:visited 	    {text-decoration: none;}

.text 	   			{font-size: 12px; color: #dadadc; text-decoration: none;}
a.text  	 		{font-size: 12px; color: #dadadc; text-decoration: none;}
a.text:hover	 	{font-size: 12px; color: #ffed00; text-decoration: none;}
a.text:visited 	    {font-size: 12px; text-decoration: none;}

.text_k 	   			{font-size: 12px; color: #dadadc; text-decoration: none; vertical-align: top;}
a.text_k  	 		{font-size: 12px; color: #dadadc; text-decoration: none;}
a.text_k:hover	 	{font-size: 12px; color: #ffed00; text-decoration: none;}
a.text_k:visited 	    {font-size: 12px; text-decoration: none;}


.ueber_rot 			{font-size: 24px; color: #761216; font-weight: bold; text-decoration: none; }
.ueber_grau 		{font-size: 24px; color: #9c9e9f; font-weight: bold; text-decoration: none;}

/* div */


/* div design body  */


#body {
	position:absolute;
	left:30px;
	top:30px;
	width:980px;
	height:650px;
	background-color:#737476;
	z-index:1;
}
#body1 {
	position:absolute;
	left:50%;
	top:50%;
	width:980px;
	margin-left: -490px;
	height:650px;
	margin-top: -325px;
	background-color:#707173;
	z-index:1;
}

#ecke_unten_r {
	position:absolute;
	left:831px;
	top:500px;
	width:150px;
	height:150px;
	z-index:60;
	background-image: url(../image_design/ecke_unten.gif);
}
#balken_unten {
	position:absolute;
	left:0px;
	top:618px;
	width:980px;
	height:32px;
	background-color:#761216;
	overflow:hidden;
	z-index:50;
}
#tkmedia {
	position:absolute;
	left:692px;
	top:22px;
	width:269px;
	height:106px;
	background-image:url(../image_design/tk_media.gif);
	z-index:20;
}
#div_menue_hg {
	position:absolute;
	left:0px;
	top:150px;
	width:980px;
	height:24px;
	background-color: #a9aaab;
	z-index:20;
}



/* div menue  */



#div_menue {
	position:absolute;
	left:0px;
	top:150px;
	width:980px;
	height:22px;
	z-index:200;
}

#linie_oben {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	height:2px;
	background-image:url(../image_design/rot.gif);
	overflow:hidden;
	z-index:99;
}
#menue_abstand_vorne {
	position:relative;
	width:170px;
	height:14px;
	z-index:12;
	float:left;
}

#menue_abstand {
	position:relative;
	width:20px;
	height:22px;
	z-index:12;
	float:left;
}
#home {
	position: relative;
	margin-top: 3px;
	width:auto;
	height:auto;
	z-index:11;
	float:left;
}
#portfolio {
	position: relative;
	margin-top: 3px;
	width:auto;
	height:auto;
	z-index:21;
	float:left;
}
#referenzen {
	position: relative;
	margin-top: 3px;
	width:auto;
	height:auto;
	z-index:21;
	float:left;
}
#kontakt {
	position: relative;
	margin-top: 3px;
	width:auto;
	height:auto;
	z-index:21;
	float:left;
}
#impressum {
	position:absolute;
	margin-top: 3px;
	width:auto;
	height:auto;
	z-index:21;
	float:left;
}
#sub_menue {
	position: absolute;
	width:auto;
	height:auto;
	z-index:201;
	left: 0px;
	top: 20px;
	background-image:url(../image_design/hell_grau_menue.gif);
	visibility: hidden;
}
#sub_menue_liste {
	position:relative;
	width:70px;
	height:25px;
	z-index:200;
}
#linie_unten {
	position:absolute;
	left:0px;
	top:100%;
	margin-top: 2px;
	width:980px;
	height:2px;
	background-image:url(../image_design/rot.gif);
	overflow:hidden;
	z-index:99;
}



/* div content  */


#content {
	position:absolute;
	left:0px;
	top:175px;
	width:980px;
	height:425px;
	z-index:100;
}
#linie_rechts {
	position:absolute;
	left:150px;
	top:55px;
	width:2px;
	height:370px;
	z-index:60;
	background-image: url(../image_design/rot.gif);
}
#linie_links {
	position:absolute;
	left:830px;
	top:55px;
	width:2px;
	height:370px;
	z-index:60;
	background-image: url(../image_design/rot.gif);
}
#content_ueberschrift_schatten {
	position:absolute;
	left:172px;
	top:52px;
	width:640px;
	height:auto;
	z-index:13;
}
#content_ueberschrift {
	position:absolute;
	left:170px;
	top:54px;
	width:640px;
	height:auto;
	z-index:13;
}
#text_tkmedia {
	position:absolute;
	left:170px;
	top:140px;
	width:640px;
	height:265px;
	z-index:14;
}
#text_unterseiten {
	position:absolute;
	left:163px;
	top:140px;
	width:369px;
	height:290px;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:14;
}
#text_unterseiten_referenzen {
	position:absolute;
	left:165px;
	top:140px;
	width:369px;
	height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:14;
}
#text2_unterseiten {
	position:absolute;
	left:163px;
	top:140px;
	width:369px;
	height:290px;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:14;
	visibility: hidden;
}
#bild_unterseiten {
	position:absolute;
	left:538px;
	top:140px;
	width:280px;
	height:200px;
	z-index:20;
	background-color: #707173;
}
#link_web {
	position:absolute;
	left:0px;
	top:100%;
	width:auto;
	height:20px;
	margin-top: -20px;
	z-index:20;
}





/* div footer  */



#footer {
	position:absolute;
	left:0px;
	top:618px;
	width:980px;
	height:32px;
	z-index:203;
}
#text_footer {
	position:absolute;
	left:0px;
	top:4px;
	width:980px;
	height:15px;
	z-index:21;
}


/* div referenzen  */




#liste_referenzen {
	position:absolute;
	left:50%;
	margin-left: -225px;
	top:360px;
	width:450px;
	height:50px;
	z-index:20;
	overflow: hidden;
}
#liste_referenzen2 {
	position:absolute;
	left:50%;
	margin-left: -225px;
	top:360px;
	width:450px;
	height:50px;
	z-index:20;
	overflow: hidden;
	visibility: hidden;
}




div#logo_leer {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	z-index:1;
}
div#logo_specialmed {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_specialmed:hover {
	background-image: url(../logos_referenzen/specialmed.gif);
}
div#logo_ponyhof_an_lauterbach {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_ponyhof_an_lauterbach:hover {
	background-image: url(../logos_referenzen/ponyhof_am_lauterbach.gif);
}
div#logo_loferer {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_loferer:hover {
	background-image: url(../logos_referenzen/loferer.gif);
}
div#logo_praxisgemeinschaft_heimeranplatz {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_praxisgemeinschaft_heimeranplatz:hover {
	background-image: url(../logos_referenzen/praxisgemeinschaft_heimeranplatz.gif);
}
div#logo_danninger_gmbh {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_danninger_gmbh:hover {
	background-image: url(../logos_referenzen/danninger_gmbh.gif);
}
div#logo_taekwondo_schule_fichtner {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_taekwondo_schule_fichtner:hover {
	background-image: url(../logos_referenzen/taekwondo_schule_fichtner.gif);
}
div#logo_klosterspatzen {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_klosterspatzen:hover {
	background-image: url(../logos_referenzen/klosterspatzen.gif);
}
div#logo_therapeutisches_reiten_loisachtal {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_therapeutisches_reiten_loisachtal:hover {
	background-image: url(../logos_referenzen/therapeutisches_reiten_loisachtal.gif);
}
div#logo_freiraum_sauerlach {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_freiraum_sauerlach:hover {
	background-image: url(../logos_referenzen/freiraum_sauerlach.gif);
}
div#logo_brk {
	position: relative;
	width:50px;
	height:50px;
	float:left;
	background-image: url(../logos_referenzen/tk_media.gif); 
	z-index: 20;
}
div#logo_brk:hover {
	background-image: url(../logos_referenzen/brk.gif);
}
#abstand_bilder_referenzen {
	position: relative;
	width:25px;
	height:50px;
	float:left;
	z-index: 20;
}
#weiter {
	position: relative;
	left:12px;
	top:12px;
	width:25px;
	height:25px;
	z-index:2;
}
#zurueck {
	position: relative;
	left:12px;
	top:12px;
	width:25px;
	height:25px;
	z-index:2;
}



/* div kontekt  */


div#DivCenter div {
   margin-bottom: 0px;
}

div#DivMaskeSubmit {
   padding-left: 433px;
}

td.beschriftung {
   width: 100px;
   vertical-align: top;
}

td.pflichtfeldja {
   /* hier z.B. Hintergrundbild für Pflichtfelder einfügen */
   background-color: #761216;
}
td.pflichtfeldnein {
   /* hier z.B. Hintergrundbild für Nicht-Pflichtfelder (spacer.gif) einfügen */
   background-color: transparent;
}
p.meldung {
   padding-left: 20px;
   color: green;
}
p.fehler {
   padding-left: 20px;
   color: red;
}

div#DivFehlerPopup {
   width: 0;
   height:0;
   overflow: hidden;
   position: absolute;
   left: 50%;
   margin-left: -170px;
   background-color: #761216;
   color: #dadadc; 
}

div#DivFehlerPopup.offen {
	position: absolute;
   width: auto;
   height:auto;
   top: 10px;
   z-index: 999;
}

div#DivErfolgPopup {
	position: absolute;
   width: 0;
   height:0;
   overflow: hidden;
   position: absolute;
   left: 50%;
   top:20px;
   margin-left: -130px;
   background-color: #0d955a;
   z-index: 999;
}

div#DivErfolgPopup.offen {
	position: absolute;
   width: auto;
   height:auto;
   top: 10px;
   z-index: 999;
}

#text_kontakt {
	position:absolute;
	left:223px;
	top:140px;
	width:591px;
	height:290px;
	z-index:14;
}
#txt_sitemap1 {
	position:absolute;
	left:0px;
	top:35px;
	width:640px;
	height:auto;
	z-index:2;
}
#txt_sitemap2 {
	position:absolute;
	left:0px;
	top:35px;
	width:auto;
	height:auto;
	z-index:2;
	visibility: hidden;
}
#txt_sitemap3 {
	position:absolute;
	left:0px;
	top:35px;
	width:auto;
	height:auto;
	z-index:2;
	visibility: hidden;
}
#txt_sitemap4 {
	position:absolute;
	left:0px;
	top:35px;
	width:auto;
	height:auto;
	z-index:2;
	visibility: hidden;
}
#sitem_weiter {
	position:absolute;
	left:615px;
	margin-top: -8px;
	width:25px;
	height:25px;
	z-index:2;
}
#sitem_zurueck {
	position:absolute;
	left:0px;
	margin-top: -8px;
	width:25px;
	height:25px;
	z-index:2;
}
#txt_recht1 {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:auto;
	z-index:2;
}
#txt_recht2 {
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	z-index:2;
	visibility: hidden;
}