/* ----------------------------------------------------------------
	CSS: Handballkreis Münster
	Version: 1.2
	Date: 19.04.2010
	www.florian-diederich.de
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; }
html * { font-size: 100.01% }

body {
	margin:0px; padding:0px;
	text-align:left;	
	color:#000000;
	font-size:101%;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	background: #dae1d9 url("images/page-bg.gif")  center top no-repeat;
	background-attachment:fixed;
}

/* global */

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

p  {margin-bottom:1em}

hr {
background-color: #80b280; /* Farbe f�r Opera und Firefox */ 
color: #80b280; /* Farbe f�r Internet Explorer (IE) */
border: 0; 
height: 1px; 
noshade;
}


h1 {color:#003366;font-weight:normal}

img {border:0px}

#logo {
	position:absolute;
	top:0px;
	right:5px;
	z-index:1;
	height:200px;
	width:210px;
}

/* positioning-layers */

#overall {
	position:absolute;
    	top: 0;
    	left: 50%;
	margin-left: -491px;
	margin-top:15px;
	width: 980px;
	height:auto;
   	min-width:inherit;
	max-width:none;
	background:transparent;
}


#header {
	width:980px;
	float:left;
	height:180px;
	border-top:1px solid white;
	border-bottom:0px solid #adadad;	
	background: #808080 url("images/header-bg.gif") no-repeat bottom left;
}

#header img {width:980px;
	height:171px;}


#menu {
	font-family: trebuchet ms;
	font-size:12px;
	font-weight:bold;
	background:white;
	float:left;
	width:980px;
	height:30px;
	background:transparent;
	border-bottom:3px solid white;
	/* border-top:3px solid white */;
}


#menu ul {
margin-left:-1px;
	float:left;
	background:transparent;
	list-style:none;

}
#menu ul li {
	padding-top:0px;
	margin-top:5px;
	background:transparent;
	float:left;
	padding-left:1px;
	padding-right:0px;

}


#menu ul li  a {
	font-family:trebuchet ms;
	font-size:13px;
	line-height:24px;
	display:block;
	padding-left:8px;
	padding-right:8px;
	text-transform:uppercase;
	font-weight:normal;
	border:1px solid #ffffff;
	border-bottom:0px;
}

#menu ul li  a:hover {color:white;background:#aa832c;text-decoration:none}
#menu ul li.act  a {color:white;background:#aa832c}


/* News */
#menu ul li#navi13 a {color:#ffffff;background:#b8b8b8}
#menu ul li#navi13 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi13 a {color:#ffffff;background:#ffa900}

/* Spielbetrieb */
#menu ul li#navi12 a {color:#ffffff;background:#858585}
#menu ul li#navi12 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi12 a {color:#ffffff;background:#ffa900}

/* Vorstand */
#menu ul li#navi11 a {color:#ffffff;background:#998099}
#menu ul li#navi11 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi11 a {color:#ffffff;background:#ffa900}

/* Aus und Fortbildung */
#menu ul li#navi10 a {color:#ffffff;background:#cab482}
#menu ul li#navi10 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi10 a {color:#ffffff;background:#ffa900}

/* Jugendwesen */
#menu ul li#navi9 a {color:#ffffff;background:#99aec2}
#menu ul li#navi9 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi9 a {color:#ffffff;background:#ffa900}

/*Schiedsrichter */
#menu ul li#navi8 a {color:#ffffff;background:#b8b8b8}
#menu ul li#navi8 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi8 a {color:#ffffff;background:#ffa900}

/* vereine */
#menu ul li#navi7 a {color:#ffffff;background:#b8b8b8}
#menu ul li#navi7 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi7 a {color:#ffffff;background:#ffa900}

/* links */
#menu ul li#navi6 a {color:#ffffff;background:#b8b8b8}
#menu ul li#navi6 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi6 a {color:#ffffff;background:#ffa900}


/* Downloads */
#menu ul li#navi30 a {color:#ffffff;background:#aa832c}
#menu ul li#navi30 a:hover {color:#ffffff;background:#ffa900}
#menu ul li.act#navi30 a {color:#ffffff;background:#ffa900}

#main {
	float:left;
	width:980px;
	min-height:590px;
	margin-top:10px;
	background: url("images/main-bg.gif") repeat-y
}

#main #left {
	font-family: trebuchet ms;
	font-size:12px;
	float:left;
	width:240px;
	background:white;	
	min-height:590px;
/*	margin-top:5px; */ 
}


/* Subnavigation */
#main #left ul {
	background:white
	width:220px;
	list-style:none;
	padding-top:2px;
	padding-bottom:14px;
	border-bottom:10px solid #dae1d9;

}
#main #left ul li {
	height:auto;
	width:220px;
	padding-top:0px;
	background:white;
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
	text-transform:uppercase;
	border-bottom:1px dotted #666666;
}
#main #left ul li#navi14 {
background: white url("images/handball-logo-nav.gif") no-repeat 0px 0px;
padding-left:30px;
width:190px;
}
#main #left ul li#navi14  a {width:190px}

#main #left ul li  a {
	width:210px;
	display:block;
	margin-top:7px;
	margin-bottom:7px;
	font-weight:normal;
	padding-left:10px;
	color:#666666
}
#main #left ul li  a:hover {color:white;background:#808080;text-decoration:none}
#main #left ul li.act  a {color:white;background:#808080}


#main #left ul li#navi14  a {width:180px}

#main #left ul#level3 {
	padding-bottom:4px;
	margin-left:10px;
	margin-right:10px;
	border:0px solid green;
	border-bottom:1px dotted #666666;
}
#main #left ul#level3 li {
	width:180px;
	background: #efefef;
	
	font-size:10px;
	border:0px;
}
#main #left ul#level3 li  a {background:#efefef;width:180px;}
#main #left ul#level3 li  a:hover {color:black;background:#efefef;}

#main #left .box-links {
	padding:10px;
	margin-bottom:10px;
/*	margin:10px; */
	background:white;
	font-family:arial;
	font-size:11px;
	background:#dae1d9;
	background: white url("images/box-bottom.gif") no-repeat bottom left;
}

#main #left .box-links li {
	font-weight:normal;
}

#main #left .box-links ul.csc-menu  {background:white;border:1px solid white;}
#main #left .box-links ul.csc-menu  li {
	margin-left:0px;
	margin-right:10px;
	font-size:11px;
}

#main #left .box-links h1 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	font-family:trebuchet ms;
}


#main #left .box-links h2 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:normal;
	font-family:trebuchet ms;
}


#main #inhalt {
	background:white;
	float:left;
	width:460px;
	min-height:570px;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
}

*html div#main #inhalt {
	border:0px solid blue;
	margin:0px;
	width:430px;
	padding:0px;
	margin-left:10px;
	padding:10px;
	padding-right:0px;
}


#main #inhalt h1.csc-firstHeader {
	margin:0px;
	padding:0px;
	margin-top:-5px;
	line-height:132%;
	float:left;
	color:#003366;
	font-size:18px;
	font-family:trebuchet ms;
	font-weight:normal;
	width:460px;
	margin-bottom:5px;
}

*html div#main #inhalt h1.csc-firstHeader {
	width:430px;
}

#main #inhalt h1 {
	margin:0px;
	padding:0px;
	margin-top:0px;
	float:left;
	color:#003366;
	font-size:18px;
	line-height:132%;
	font-family:trebuchet ms;
	font-weight:normal;
	width:460px;
	margin-bottom:5px;
}

*html div#main #inhalt h1 {
	width:430px;
}

#main #inhalt h2 {
	margin:0px;
	padding:0px;
/*	margin-top:5px; */
	margin-bottom:5px;
	width:460px;
	float:left;
	color:#003366;
	font-size:12px;
	font-family:trebuchet ms;
	font-weight:normal;
	line-height:18px;
}

*html div#main #inhalt h2 {
	width:430px;
}


#main #inhalt td {
	font-size:11px;
}

#main #inhalt td img {
	float:left;
	padding-right:10px;
	padding-bottom:5px;	
}

#main #inhalt ul, ol {
	font-weight:normal;
	margin-top:5px;
	margin-bottom:5px;
}

#main #inhalt ul li {
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:11px;
	margin-left:16px;
}

#main #inhalt ol li {
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:11px;
	margin-left:22px;
}

#main #inhalt ul.green {
	padding:10px;
	background: #81b380
}

#inhalt #content-trenner {
	float:left;
/*	clear:both; */
	width:460px;
	margin-top:0px;
	height:10px;
	padding-bottom:0px;
	border-top:1px dotted #666666;
	display:inline;
}

*html div#inhalt #content-trenner {width:430px;}


#main #inhalt p {
	font-size:11px;
}

/* accordion */

#main #inhalt h3.rgaccord1-toggle {
	border-top:1px dotted #666666;
	background: url("images/arrow-h3.gif") no-repeat 0px 5px;
	padding-left:12px;
	color:#666666;
/*	font-size:11px; */
	font-size:12px;
	line-height:14px;
	padding-top:3px; 
	font-family:trebuchet ms;
	font-weight:normal;
	width:448px;
	
}

*html div#main #inhalt h3.rgaccord1-toggle {width:426px}

#main #inhalt .rgaccord1-nest {
	border:0px;
}



#main #inhalt .rgaccord1-nest p {
	width:auto;
	border:0px solid green;
}

#main #inhalt .rgaccord1-nest h2 { 		
	border:0px solid blue;
}

#main #inhalt .rgaccord1-nest ul { 		
	clear:both;
	border-bottom:10px solid white;	
}


#main #inhalt .rgaccord1-content { 		
	width:452px;
}


*html div#main #inhalt .rgaccord1-content {width:430px}


/* remove the header inside the CE, twice is not nice */
div.rgaccord1-nest h1 {
  display:none;
}

/* Text mit Bild */

/* im Text rechts */
#main #inhalt .csc-textpic-intext-right .csc-textpic-imagewrap {padding-top:5px;padding-left:12px;float:right}
#main #inhalt .csc-textpic-intext-right .csc-textpic-imagewrap dt img {border:1px solid #cccccc;}

#main #inhalt .csc-textpic-intext-right .csc-textpic-text  {}
#main #inhalt .csc-textpic-intext-right .csc-textpic-text  h2 {float:left;border:1px solid green}

#main #inhalt .csc-textpic-intext-right dt span.rgmediaimages-player { 
	clear:both;
	margin:0px;
	padding:0px;
}


/* im text links */
#main #inhalt .csc-textpic-intext-left .csc-textpic-imagewrap {padding-top:5px;padding-right:12px;float:left}
#main #inhalt .csc-textpic-intext-left .csc-textpic-imagewrap dt img {border:1px solid #cccccc;}
#main #inhalt .csc-textpic-intext-left .csc-textpic-text  {}

#main #inhalt .csc-textpic-intext-left .csc-textpic-text  {}


#main #inhalt .csc-textpic-intext-left dt span.rgmediaimages-player { 
	margin:0px;
	padding:0px;
}


#main #right {
	float:right;
	width:240px;
	background:transparent;	
	min-height:590px;	
	font-family: arial;
	font-size:11px;
/*	padding-top:5px; */
}

*html div#main #right {
	float:right;
}

#main #right  img {}
#main #right hr {
background-color: #80b280; /* Farbe f�r Opera und Firefox */ 
color: #80b280; /* Farbe f�r Internet Explorer (IE) */
border: 0; 
height: 1px; 
noshade;
}

#main #right .box-rechts {
	padding:10px;
	padding-bottom:20px;
	/* margin-bottom:10px; 
	background:white;*/
	background: white url("images/box-bottom.gif") no-repeat bottom left;
	font-size:11px;
}

#main #right .box-rechts h1 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	font-family:trebuchet ms;
}

#main #right .box-rechts h2 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:normal;
	font-family:trebuchet ms;
}

#main #right .box-rechts h3 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-size:11px;
	font-weight:normal;
	font-family:trebuchet ms;
}

#main #right #map {
	padding:10px;
	border:0px solid green;
	background:white;
	float:left;
}

#footer {
margin-top:10px;
	float:left;
	width:980px;
	height:17px;
	border-bottom:3px solid #cab482;
	border-top:3px solid #cab482;
}



/* Formular */
#main #inhalt form {clear:both}

#main #inhalt .csc-mailform {
	border:0px;
	font-size:11px;
	color:#000;
}

#main #inhalt .csc-mailform-field {
border:1px solid white
}

#main #inhalt .csc-mailform-field label {
	float:left;
	width:80px;
}

#main #inhalt .csc-mailform-field input, textarea {
	border:0px;
	margin-top:5px;
	border:1px solid #808080;
}

#main #inhalt .csc-mailform-field input#mailform {
	width:150px;
}



#main #inhalt .csc-mailform-field textarea {
	width:215px;
	border:1px solid #808080;

}

#main #inhalt .csc-mailform-submit {padding:3px;}





/* Suchbox */

#suche {

	float:left;
	width:240px;
	height:34px;
	background: url("images/suche-bg.gif") no-repeat 0px 2px;	
	z-index:2;
padding-top:0px;
}


#suche .textbox  {
	background:transparent /* url("images/search-in.gif") no-repeat */;
border:0px;
	width:115px;
	margin-top:10px;
	font-size:11px;
	margin-left:20px;
	padding-left:3px;
	color:#808080;
}

#suche .textbox  input {display:none}

/*
#suche .textbox:Hover  {
	background:transparent;
	border:0px solid green;
	width:115px;
	margin-top:8px;
	font-size:11px;
	margin-left:20px;
	color:white;
}
*/


#suche .submit {
/*	float:right;	
	margin-right:20px;
	border:1px solid green;
	margin-top:-14px; */
position:relative; top:4px; left:11px;

}

/* index-search*/
#main #inhalt .tx-indexedsearch-rules {display:none}
#main #inhalt td.tx-indexedsearch-info {display:none}
#main #inhalt .tx-indexedsearch-browsebox p strong {color:#293f6f}
#main #inhalt td.tx-indexedsearch-percent {display:none}
#main #inhalt .tx-indexedsearch-redMarkup {color:#bb0e00;}
#main #inhalt td.tx-indexedsearch-title a {font-weight:bold}
#main #inhalt .tx-indexedsearch-browsebox {
float:left;
width:450px;
border-bottom:1px dotted #999999;
padding-bottom:10px;
margin-bottom:5px;
}

.tx-indexedsearch-searchbox {
float:left;
width:450px; 
clear:both;
border-bottom:1px dotted #999999;
padding-bottom:10px;
margin-bottom:5px;

}
#main #inhalt .tx-indexedsearch table {
	float:left;
	width:450px; 
}

#main #inhalt .tx-indexedsearch-whatis {
	float:left;
width:450px; 
	clear:both;
border-bottom:1px dotted #999999;
padding-bottom:10px;
margin-bottom:5px;
}