@charset "UTF-8";
/*
BUG-Hinweise bei IE6:
1. Bei float-Elementen mit gleichgerichtetem Margin: Doubled-margin-float-BUG, deshalb display:inline; anfügen.
2. li-Elemente müssen display:inline; erhalten, wenn ein Margin verwendet werden soll, JEDOCH:
3. Marginwerte bei listitems müssen in das eingeschlossene a-tag mit block-eigenschaft geschrieben werden, da das li-tag zum inline-element werden muss (siehe 2).
*/



/* * * * * * * * * * * * * * *
 * * *  Initialisierung  * * *
 * * * * * * * * * * * * * * */

/*	Alle Elemente zurücksetzen. Nur margin + padding! border würde bei INPUT-BUTTONS die browsereigene Gestaltung entfernen. */
* { margin:0; padding:0; }

body 
{	
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#ddd;
}

img 
{ 
	border:none; 
}

/* BEI DRUCK: LOGO mitdrucken */
#jstlogoprint { display:none; width:200px; margin:auto; }


/* * * * * * * * * * * * *
 * * *  Grundgerüst  * * *
 * * * * * * * * * * * * */

/* DIV-Boxen */
#rahmen { 			background-color:#fff; /*width:990px; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; margin:auto; background-color:#fff;*/ }
#kopfzeile { 		width:990px; margin:auto; background:url(../images/headpix/head-pic1.jpg) no-repeat center right; } 
#navigation {		background-color:#fff; }
#navibg { 			background:#282828 url(../images/navi/naviline.gif) repeat-x left bottom; height:40px; }
#navibalken { 		background-color:#e2001a; height:10px; }
#inhaltszeile { 	width:850px; margin:auto; padding:0px 0px 40px 0px; }
#fusszeile { 		/*width:990px; margin:auto;*/ border-top:1px solid #666; padding:10px 0px 30px 0px; text-align:center; font-size:11px; line-height:14px; color:#999; }
#content { 			width:645px; float:right; margin-right:10px; }
#linkespalte {		width:175px; float:left; padding-top:110px; }
#einspaltigmitte { 	width:700px; margin:auto; }
#functions {		margin-top:30px; } /* Modul für Funktionen, wie z.B. "Diese Seite drucken" */

body.judo #kopfzeile { 		background:url(../images/headpix/head-pic2.jpg) no-repeat center right; }
body.taichi #kopfzeile { 	background:url(../images/headpix/head-pic3.jpg) no-repeat center right; }
body.aikido #kopfzeile { 	background:url(../images/headpix/head-pic4.jpg) no-repeat center right; }
body.bauchtanz #kopfzeile { background:url(../images/headpix/head-pic5.jpg) no-repeat center right; }

#startseite { 			width:900px; margin:auto; padding:0px 0px 40px 0px; }
#startseite #inhalt {	width:650px; float:left; }
#startseite #boxen {	width:200px; float:right; padding-top:45px; }

/* Menu: 1. Ebene */
#navigation ul { 		list-style-type:none; width:880px; margin:auto; }
#navigation li { 		float:left; position:relative; }
#navigation a {			padding:0px 20px; border-left:1px solid #fff; border-right:none; display:block; font:bold 16px/39px Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
#navigation a:hover { 	background-color:#e2001a; }
#navigation a#gb {				border-right:1px solid #fff; }
#navigation a#judo {			padding-left:40px; background:url(../images/navi/judo.png) no-repeat 15px 5px; }
#navigation a#judo:hover {		padding-left:40px; background:url(../images/navi/judo.png) no-repeat 15px 5px; background-color:#e2001a; }
#navigation a#taichi {			padding-left:40px; background:url(../images/navi/taichi.png) no-repeat 15px 5px; }
#navigation a#taichi:hover {	padding-left:40px; background:url(../images/navi/taichi.png) no-repeat 15px 5px; background-color:#e2001a; }
#navigation a#aikido {			padding-left:40px; background:url(../images/navi/aikido.png) no-repeat 15px 5px; }
#navigation a#aikido:hover {	padding-left:40px; background:url(../images/navi/aikido.png) no-repeat 15px 5px; background-color:#e2001a; }
#navigation a#bauchtanz {		padding-left:40px; background:url(../images/navi/bauchtanz.png) no-repeat 15px 5px; }
#navigation a#bauchtanz:hover {	padding-left:40px; background:url(../images/navi/bauchtanz.png) no-repeat 15px 5px; background-color:#e2001a; }
#navigation a#kae {				padding-left:20px; background:url(../images/navi/kae.png) no-repeat 15px 5px; }
#navigation a#kae:hover {		padding-left:20px; background:url(../images/navi/kae.png) no-repeat 15px 5px; background-color:#e2001a; }

/* Menu: 2. Ebene */
#navigation ul li ul {				position:absolute; visibility:hidden; z-index:50; width:auto; border-top:1px solid #fff; top:39px; }
#navigation ul li a:hover ul li,
#navigation ul li:hover ul li { 	clear:both; display:block; width:141px; height:auto; background-color:#666; text-align:center; }
#navigation ul li a:hover ul, 
#navigation li:hover ul { 			visibility:visible; }
#navigation ul li a:hover ul li a, 
#navigation li:hover ul li a { 		height:auto; border:none; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; padding:4px 15px; font-size:12px; line-height:16px; }


/* Sek-Menu */
#sekundaernavi {			width:800px; margin:auto; }
#sekundaernavi ul {			list-style-type:none;  }
#sekundaernavi li {			display:inline; width:auto;  }
#sekundaernavi a {			font:normal 12px/14px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; padding:2px 3px; margin:0px 6px; }
#sekundaernavi a:hover { 	color:#e2001a; }


/* Untermenus */
#linkespalte ul { 			list-style-type:none; }
#linkespalte li { 			display:block; width:auto; margin-bottom:5px;  }
#linkespalte a {  			font:bold 14px/18px Trebuchet MS, Arial, Helvetica, sans-serif; color:#999; text-decoration:none; padding:2px 3px; }
#linkespalte a:hover { 		color:#e2001a; }


/* Hervorhebung der aktuellen Seite (HauptNavi) */
body.home #navigation a#home,
body.judo #navigation a#judo,
body.taichi #navigation a#taichi,
body.aikido #navigation a#aikido,
body.bauchtanz #navigation a#bauchtanz,
body.kae #navigation a#kae,
body.verein #navigation a#verein,
body.bilder #navigation a#bilder,
body.gb #navigation a#gb
{ 
	border-bottom:1px solid #e2001a; background-color:#e2001a;
}


/* Hervorhebung der aktuellen Seite (SekNavi) */
ul.sub1 a#sub1, ul.sub2 a#sub2, ul.sub3 a#sub3, ul.sub4 a#sub4, ul.sub5 a#sub5, ul.sub6 a#sub6, ul.sub7 a#sub7, ul.sub8 a#sub8 
{
	color:#e2001a; 
}



/* * * * * * * * * * * *
 * * *   Inhalte   * * *
 * * * * * * * * * * * */


/* Allgemein */
p { padding-top:10px; }
#content ol, #content ul { padding-top:10px; padding-left:20px; }
#content ol li, #content ul li { padding-top:5px; }
#content img { float:right; padding:5px; margin-left:20px; border:1px solid #ccc; }

/* lightbox */
#content a.lightbox img:hover { background-color:#ccc; }

#thumbnails { margin-top:30px; }
#thumbnails img { float:left; padding:5px; margin:0px 20px 20px 0px; border:1px solid #ccc; background-color:#fff; }
#thumbnails img:hover { background-color:#ccc; }

/* Videos */
#content .player { 		float:left; border:1px solid #999; width:320px; height:283px; background-color:#000; margin-top:20px; }
#content .playlist {	overflow:auto; height:263px; min-width:200px; float:left; padding:10px 30px; border:1px solid #ccc; margin-top:20px; }
/* html #content .playlist { overflow: scroll; } /* exploder V6 only */
/*+html #content { 			overflow: scroll; } /* exploder V7 only */
#content .playlist img { padding:1px; float:none; margin:5px 0px; } 
 
/* Clearer-Klasse */
.clearer { clear:both; }

/* Headlines */
h1 { font:bold 20px/22px Trebuchet MS, Arial, Helvetica, sans-serif; color:#e2001a; padding-top:50px; }
h2 { font:bold 16px/18px Trebuchet MS, Arial, Helvetica, sans-serif; color:#e2001a; padding-top:35px; }
h3 { font:bold 14px/16px Trebuchet MS, Arial, Helvetica, sans-serif; color:#e2001a; padding-top:25px; }
h4, h5, h6 { font:bold 12px/14px Arial, Helvetica, sans-serif; color:#333; padding-top:25px; }

/* Logo (Image-Replacement) */
#kopfzeile h1 { 	z-index:3; text-indent:-3500px; background:url(../images/logo-judo-sport-team.gif) no-repeat center 10px; padding:10px 0px 20px 0px; }
#kopfzeile h1 a { 	display:block; width:200px; margin:auto; height:122px; background:url(../images/logo-judo-sport-team.gif) no-repeat; outline:none; }


/* Links */
a {		font:12px/18px Arial, Helvetica, sans-serif; color:#e2001a; text-decoration:none; }
a:hover {	text-decoration:underline; }

a.extern {			font:12px/18px Arial, Helvetica, sans-serif; color:#e2001a; text-decoration:none; padding-right:10px; background:url(../images/pikto_extern.gif) no-repeat right top; }
a.extern:hover {	text-decoration:underline; }

a.pdf {		font:12px/18px Arial, Helvetica, sans-serif; color:#e2001a; text-decoration:none; padding-left:20px; background:url(../images/pikto_pdf.gif) no-repeat left top; }
a.pdf:hover {	text-decoration:underline; }

a.print {		font:12px/18px Arial, Helvetica, sans-serif; color:#e2001a; text-decoration:none; padding:2px 0px 2px 20px; background:url(../images/pikto_print.gif) no-repeat left top; }
a.print:hover {	text-decoration:underline; }

a.myf {		font:12px/18px Arial, Helvetica, sans-serif; color:#3366aa; text-decoration:none; padding:2px 0px 2px 18px; background:url(../images/pikto_myf.gif) no-repeat left 2px; }
a.myf:hover {	text-decoration:underline; }


/* * *  FORMULARE  * * */

/* Statusmeldung */
#statusFehler {		margin:20px 0px; padding:5px 20px; border:1px solid #990000; color:#990000; }
#statusErfolg {		margin:20px 0px; padding:5px 20px; border:1px solid #006600; color:#006600; }

fieldset { 		margin:30px 0px; padding:10px 20px; border:1px solid #ccc; background-color:#f1f1f1; }
legend {		font-weight:bold; }
label {			float:left; width:120px; }
input {			width:250px; font:12px/18px Arial, Helvetica, sans-serif; }
textarea {		width:250px; height:50px; font:12px/18px Arial, Helvetica, sans-serif; }

input.texte, 
textarea {			border:1px solid #999; padding:3px; margin-right:10px; }
input.texte:focus,
input.captcha:focus, 
textarea:focus {	border:1px solid #e2001a; }
input.btn {			width:auto; }

input.captcha {		border:1px solid #999; padding:8px 3px; margin-left:10px; width:58px; }

	/* Kontakt: */

#kontaktFieldset #plz {			width:40px; }
#kontaktFieldset #ort {			width:190px; }
#kontaktFieldset #ortLabel {	text-indent:-1000px; width:0px; }
#kontaktFieldset #senden {		margin-left:120px; }

fieldset#kontaktCheckboxen { 	margin:0; padding:0; border:none; background-color:transparent; }
#kontaktCheckboxen h2 {			margin:0; padding:0; float:left; width:120px; font-size:12px; color:#333; font-weight:normal; }
#kontaktCheckboxen div {		float:left; width:auto; margin-right:20px; }
#kontaktCheckboxen label {		float:none; display:inline; width:auto; }
#kontaktCheckboxen input {		float:left; display:inline; width:auto; }

	/* Guestbook */
	
#guestbookFieldset textarea {	width:450px; height:120px; }
#guestbookFieldset img { 		padding:0; margin:0; float:left; border:1px solid #999; }




/* * *  TABELLEN  * * */

table { margin:20px 0px; }
table td { padding-bottom:10px; padding-right:20px; }
#content table img { float:none; border:1px solid #ccc; padding:1px; margin:0px; }

#guestbookEintraege td {		background-color:#f1f1f1; padding:0px 10px 15px 10px; }
#guestbookEintraege td.info {	width:120px; border:1px solid #ccc; background-color:#e4e4e4; }
#guestbookEintraege td.eintrag { width:470px; border:1px solid #ccc; border-left:none; }

#trainingszeiten { margin-top:35px; }
#trainingszeiten th { background-color:#ccc; padding:3px; border-bottom:1px solid #ccc; }
#trainingszeiten td { background-color:#e4e4e4; padding:3px 20px; border-bottom:1px solid #e4e4e4; }

#judo-guertelfarben td { border-bottom:1px solid #ccc; padding-top:5px; padding-bottom:5px; }


/* * *  INDEX (Startseite) * * */
.angebotsbox { 		border:2px solid #ccc; padding:4px; margin-top:20px; }
.angebotsbox div { 	padding:10px; background-color:#e4e4e4; }
.angebotsbox img { 	float:left; margin-right:30px; margin-bottom:10px; }
.angebotsbox h3 { 	color:#333; padding-top:0px; }

#boxen img { 		margin-bottom:5px; }
#boxen .partnerbox { padding:5px 0px 10px 0px; border-bottom:1px dotted #999; }