/*
	Style-Sheet fuer www.boxsport-kaarst.de
	IT-On.NET  01.09.2008
*/

html{
	margin:					0;
	padding:				0px;
	height: 				100%;
}

body {
	margin:					0 auto 0 auto;
	font-family:			Arial, Helvetica, "Sans Serife";
	font-size:				0.85em;
	height: 				100%;
}

/**
	Seitenbereiche (Container)
*/
#container {
	width:					785px;
	padding:				10px 0 0 0;
	margin:					0 auto 0 auto;
}

#head {
	margin-top:				30px;
	padding:				0;
	height:					205px;
	background-image:		url(/images/balken-kopf.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
}


#body {
	clear:					left;
	float:					left;
	width:					100%;
	min-height:				100%;
	padding:				0;
}


#content, #contentbreit {
	float:					left;
	width:					410px;
	min-height:	 			300px;
	padding:				0 10px 0 15px;
}
#contentbreit {
	width:					590px;
}

#left {
	float:					left;
	width:					170px;
	min-height:				300px;
	margin:					0 0 0 0;
	padding:				0 0 0 0;
}

#right {
	float:					right;
	width:					178px;
	min-height:				100%;
	margin:					0 0 0 0;
	padding:				0;
	font-size:				0.9em;
}

#footer {
	background-image:		url(/images/balken-fuss.gif);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	clear:					left;
	padding:				14px 0 5px 0;
	font-size:				0.8em;
	text-align:				center;
	color:					#FFFFFF;
}
#footer a {
	color:					#FFFFFF;
	font-weight:			normal;
	font-weight:			bold;
	text-decoration:		none;
}

div.service {
	float:					right;
	text-align:				right;
	margin-top:				-25px;
	padding:				3px 5px 0 0;
	width: 					160px;
	font-size:				0.8em;
}

#head div.logo {
	float:					left;
	clear:					left;
}
#head div.logosgkaarst {
	float:					left;
	margin:					-20px 0 0 20px;
	background-color:		#FFFFFF;
	padding:				0 4px 0 4px;
}

div.service a img {
	vertical-align:			middle;
	border:					0;
}
div.service a {
	text-decoration:		none;
	color:					#666666;
}
div.service a:hover {
	color:					#F59C10;
}


marquee.news {
	height:					130px;
	overflow:				hidden;
	padding:				5px;
	font-size:				0.9em;
}

div.news a {
	clear:					both;
	display:				block;
	text-decoration:		none;
	background-color:		#FFFFFF;
	color:					#777777;
	padding:				0.9em 0 0.7em 0;
}	
div.news h2 {
	margin-bottom:			0;
	padding-bottom:			0;
}
div.news a:hover, div.news a:focus {
	background-color:		#EFEFEF;
}
div.news span.datum {
	color:					#ABC507;
	font-weight:			bold;
}

div.kopfbild {
	float:					left;
	clear:					both;
	padding:				10px 0 10px 0;
}	

#menu {
	float:						left;
	clear:						left;
	width:						100%;
	margin:						0;
	padding:					0;
}

#menu ul, #umenu ul {
	padding:					5px 0 0 0;
	margin:						0;
}
#menu li {
	float:						left;
	padding: 					0 0 0 0;
	margin: 					0;	
	list-style-type:			none;
}

ul.m1 {
	padding-top:				0;
}
li.m1 {
	padding:					0.2em 0 0.6em 0;
	list-style-image:			url(/images/star-gruen.gif);
}
li.m1:hover, li.m1:active, ul.m1 li.marked, ul.m1 li.open {
	list-style-image:			url(/images/star-orange.gif);
}	
/*
ul.m1 li.open {
	list-style-image:			url(/images/star-grau.gif);
}
*/	
a.m1 {
	text-decoration: 			none;
	font-weight:				bold;
	display:					block;
	color:						#666666;	
	padding: 					0 8px 0 8px;
}
 a.m1:hover, a.m1:active, a.m1:focus {
	color:						#666666;
}


ul.m2 {
	margin-left:				0;
	padding-left:				10px;
}	
li.m2 {
	padding:					0.2em 0 0.2em 0;
	margin-left:				0;
	list-style-type:			none;
	list-style-image:			none;
}
a.m2 {
	padding:					0 0 0 0;
	text-decoration:			none;
	display:					block;
	color:						#666666;
}

a.m2:hover, a.m2:focus {
	color:						#000000;
	text-decoration:			underline;
}
li.marked a.m2 {	border-color:	#DDDDDD; }


/*
a.marked {
	color:						#F59C10;
}
a.open {
	color:						#888888;
}
*/


/** Bild im Inhalt (Kasten um Bild und Untertitel) **/
.bild {
	text-align:				left;
}
.bilduntertitel {
	font-size:				0.87em;
	padding:				2px 0 0 2px;
	max-width:				100%;
	margin-bottom:			1px;
	color:					#888888;
}
img.rechts {
	margin-left:			10px;
}


/**
	Textgestaltungen
*/
div.textblock {
	padding:				0 0 0.2em 0;
	margin:					0 0 0.2em 0;
}

#right div.text {
	padding:				3px 3px 0 5px;
	font-size:				0.9em;
}

h1 {
	font-size: 				1.5em;
	letter-spacing:			1px;
	margin:		 			0 0 0 0;
	padding-bottom:			0.2em;
	color:					#666666;
}

h2 {
	font-size: 				1.2em;
	color:					#F59C10;
	padding-top:			0;
	margin-top:				0;
	padding-bottom:			0.3em;
	margin-bottom:			0;
	line-height:			130%;
}
h3 {
	font-size: 				1em;
	color:					#666666;
	padding:				0 0 0.3em 0;
	margin:					0;
}
h4 {
	font-size: 				1em;
	color:					#F59C10;
	padding-top:			0;
	margin-top:				0;
	padding-bottom:			0.2em;
	margin-bottom:			0;
}

#right h1 {
	margin:					0;
	padding:				3px 0 3px 5px;
	background-color:		#666666;
	font-size:				0.95em;
	text-align:				center;
	color:					#FFFFFF;
}
#left h1 {
	margin:					0;
	padding:				3px 0 0 5px;	
	font-size:				1.2em;
	color:					#ABC507;
}
	
#right div.kasten {
	border: 				1px solid #666666;
}
#right h1.kopf {
	background-image:		url(/images/balken-rechts-oben.gif);
	background-repeat:		no-repeat;
}
#right div.rfuss {
	height:					25px;	
	background-image:		url(/images/balken-rechts-unten.gif);
	background-repeat:		no-repeat;
	text-align:				center;
}
#right div.rfuss a {
	color:					#FFFFFF;
}	


.small, .klein {	font-size: 0.9em; }
.tiny, .winzig {	font-size: 0.8em; }

/* Farben */
.gruen		{ 	color:				#ABC507;	}
.bggruen	{	background-color:	#ABC507; 	}
.orange		{ 	color:				#F59C10;	}
.bgorange	{	background-color:	#F59C10; 	}
.grau		{ 	color:				#666666;	}
.bggrau		{	background-color:	#666666; 	}
.blau		{ 	color:				#005AA5;	}
.bgblau		{	background-color:	#005AA5; 	}

.hidden 		{	visibility: hidden; display: none; }


br.min {
	line-height:			0.2em;
}
p {
	margin-top:				0px;
}

img.rechts {
	float:					right;
	margin-left:			10px;
}
img.links {
	float:					left;
	margin-right:			10px;
}


/* Listenaufzaehlung */
#content ul , #contentbreit ul{
	padding-top:				0;
	margin-top:					0;
}
#content li, #contentbreit li {
	margin:						2px 0px 0px 0px;
}

/* Block-Elemente innerhalb von Texten */
.kasten {
	border:					1px solid #ABC507;
	margin:					0px;
	padding: 				5px;
}

div.halb {
	width:					47%;
	margin-right:			2%;
	float:					left;
}

a {
	color:					#ABC507;
}

a:hover, #drucken a:hover , a:focus, a:active{
	color:					#F59C10;
}

a.pdf {
	background-image:		url(/images/ico_pdf.gif);
	background-position:	right;
	background-repeat:		no-repeat;
	padding-right:			20px;
}

a.extern {
	background-image:		url(/images/ico_extlink.gif);
	background-position:	right;
	background-repeat:		no-repeat;
	padding-right:			20px;
}

a.bookmark {
	display:				block;
	text-align:				center;
}

/** Bildanisicht der Galerie **/
img.galerie {
	margin:					3px 9px 9px 0;
	border:					1px solid #F59C10;
	float:					left;
	width:					120px; 
	height:					90px;
}
a:hover img.galerie {
	border-style:			dashed;
}

body.bild {
	height:					auto;
	text-align:				center;
	background-color:		#FFFFFF;
	padding:				10px 10px 0 10px;
}
div.bild {
	text-align:				center;
}
div.bildbeschr {
	min-height:				30px;
	padding:				0 3px 0 3px;
}	
div.bildnavi {
	float:					left;
	width:					630px;
	clear:					both;
	margin-top:				20px;
}
div.bildnavi div.links {
	float:					left;
	width:					300px;
	text-align:				left;
}
div.bildnavi div.rechts {
	float:					right;
	width:					300px;
	text-align:				right;
}
div.bildnavi a {
	text-decoration:		none;
}

/** Termine-Tabelle */
div.termine {
	text-align:				left;
}	
div.termine p {
	margin:					0;
}
div.termine table {
	clear:					left;
	width:					550px;
}
div.termine td {
	padding:				0;
	font-size:				0.9em;
}

p.visits {
	padding-left:			24px;
	font-weight:			bold;
	color:					#666666;
	margin:					0;
}
p.visits b {
	color:					#ABC507;
}


/** Formulare */
#content form {
}

table.formular {
	border:						1px solid #ABC507;
	background-color:			#EEEEEE;
}
td.formularkopf {
	padding:					4px 0 4px 2px;
	font-weight:				bold;
}
td.formularfuss {
	border-top: 				1px solid #AAAAAA;
	background-color:    		#DDDDDD;
}

/* Eingabefelder in Formularen */
input, select, textarea {
	background-color:    		#FFFFFF;
	border:						0;
	border-bottom: 				1px solid #AAAAAA;
	padding:					1px 1px 1px 2px;
}
input:focus, select:focus, textarea:focus {
	background-color:    		#FFFFDD;
}
input.checkbox {
	margin-bottom: 				0px;
	border:						0px;
}
/* Liste von Checkboxen */
div.chklist {
	padding:					0 0 5px 25px;
	text-indent:				-25px;
}

/* Lange, mittlere und kurze Eingabefelder in Formularen (z. B. Name)*/
input.lang, textarea.lang, select.lang{			width:				300px; }
input.mittel, select.mittel, textarea.mittel{	width:				180px; }
input.kurz, select.kurz, textarea.kurz {     		width:				60px;  }

/* Absenden-Knoepfe in Formularen */
input.knopf {
	background:					#0056AB;
	border:						2px solid #ABC507;
	font-weight:				bold;
	color:  					#ffffff;
	margin:						2px;
}
input.knopf:hover, input.knopf:focus  {
	border-color:				#FFFFFF;
}

/* Hervorhebung bei Pflichtfeldern */
input.pflichtfeld {
}

input.fehler {
	border:					1px solid #FF0000;
}
div.checkboxfehler {
	background-color:		#E1F0FA;
}
span.pflicht {
	font-weight:			bold;
}

div.formularfehler {
	background-color:		#FFDFD5;
	padding:				5px;
	font-weight:			bold;
}




/* Einstellungen fuer die Druckausgabe */
@media print {
	#body {
		background-color:		white;
		border-left:			0;
	}
	#container {
		width:					700px;
	}

	#head {
		height:					105px;
	}
	

	.noprint, div.kopfbild, #left, #right, div.service {
		visibility		: hidden;
		display			: none;
		height			: 1px;
		width			: 1px;
		z-index			: 2;
	}

}