/* Layout-Grundgeruest */

body {
	background:url(../pics/background.png) repeat-x;
}

.box {
	margin:auto;
	width:800px;
}

.banner {
	height:120px;
	width:800px;
	display:block;
	margin:0;
	background:url(../pics/huelser_sv_badminton.png);
}

.topnav {
	height:55px;
	width:800px;
	margin-top:5px;
	float:left;
	background:url(../pics/topnav_background.png) no-repeat top;
}

.topcurves {
	margin-top:5px;
	background-image:url(../pics/curves_top.png);
	height:6px;
}

.bottomcurves {
	background:url(../pics/curves_bottom.png);
	height:6px;
	margin-bottom:5px;
}

.background {
	width:800px;
	margin:0;
	background:url(../pics/sidenav_background.png) repeat-y;
}

.sidenav {
	float:left;
	width:170px;
	margin:0px;
}

.inhalt {
	margin:0 6px 0 181px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.clearer {
	clear:both;
}

.footer {
	clear:both;
	height:20px;
	background:url(../pics/footer.png) no-repeat;
	text-align:center;
	font:10px Arial, Helvetica, sans-serif;
	line-height:20px;
}



/* Top Navigation */

.topnav ul {
	padding:0;
	margin:0;
	position:relative;
}

.topnav li {
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}

.topnav li form {
	float:right;
	margin-right:10px;
	line-height:30px;
}

.topnav li a{
	margin-left:1px;
	float:left;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:none;
	line-height:30px;
	width:120px;
	text-align:center;
}

.topnav li a:hover, .topnav li span {
	display:block;
	color:white;
}

.topnav li>ul {
	display:none;
}

.topnav li:hover>ul {
	position: absolute; top:29px ; left:5px;
	display:inline;
	background:none;
	width:790px;
}

.topnav li li, .topnav li li a {
	float:left;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height:25px;
	width:auto;
	text-align:left;
}

.topnav li li a:hover {
	text-decoration:underline;
}



/* Seitliche Navigation */

.sidenav ul {
	padding:0;
	margin:0;
}

.sidenav li {
	border-right:1px solid black;
	border-bottom: 1px solid black;
	border-left:1px solid black;
	margin:0;
	padding:0;
	list-style:none;
}

.sidenav li a, .sidenav li span {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:none;
	display:block;
}

.sidenav li a:hover {
	background: #F0F0EB;
}

.sidenav li > a {
	padding:4px 0 4px 12px;
}

.sidenav li span {
	padding:4px 0 4px 24px;
	background: #F0F0EB;
}

.sidenav div {
	margin:10px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}



/*Inhalt*/

.inhalt p {
	margin:0 0 12px 0;
}

.inhalt h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:0;
	margin-right:0;
	margin-left:0;
}

.inhalt h1 {
	font-size:20px;
	margin-bottom:20px;
}

.inhalt h2 {
	font-size:18px;
	margin-bottom:18px;
}

.inhalt h3 {
	font-size:16px;
	margin-bottom:16px;
}

.inhalt h4 {
	font-size:14px;
	margin-bottom:14px;
}

.inhalt h5, h6 {
	font-size:14px;
	margin-bottom:4px;
}

.inhalt a {
	text-decoration:none;
	color:blue;
}

.inhalt a:hover {
	text-decoration:underline;
}



/* Suchhervorhebungen */

.searchword {
	color:#222; 
	background-color:#ff6; 
	border:1px dotted #ff6;
}
.searchword0 {
	color:#222; 
	background-color:#ff6; 
	border:1px dotted #ff6;
}
.searchword1 {
	color:#222; 
	background-color:#0f0; 
	border:1px dotted #0f0;
}
.searchword2 {
	color:#222; 
	background-color:#0ff; 
	border:1px dotted #0ff;
}
.searchword3 {
	color:#222; 
	background-color:#fbb; 
	border:1px dotted #fbb;
}
.searchword4 {
	color:#222; 
	background-color:#dfd; 
	border:1px dotted #dfd;
}
.searchword5 {
	color:#222; 
	background-color:#faf; 
	border:1px dotted #faf;
}
.searchword6 {
	color:#222; 
	background-color:#ccc; 
	border:1px dotted #ccc;
}
.searchword7 {
	color:#fff; 
	background-color:#886800; 
	border:1px dotted #886800;
}
.searchword8 {
	color:#fff; 
	background-color:#004699; 
	border:1px dotted #004699;
}
.searchword9 {
	color:#fff; 
	background-color:#909; 
	border:1px dotted #909;
}

