div#raut_tick {
	z-index: 0;
}

/*
___________________________________________________________________

Content:	Stylesheet für Hochsauerlandsport.de
creation:	20.12.2008 by bgarthe@netzpepper.de
changed:	
___________________________________________________________________
*/

html {
	overflow: auto;
	height: 100%;
	background-color: #eeeeee;	
}
 
body,p {
	margin: 0px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 14px;

}

body {
	color:#3e3e3e;
}

h1,h2,h3,h4,h5,h6 {
	margin-top:5px;
	margin-bottom: 15px;
}

h1{
	font-size: 20px;	
}
h2{
	font-size: 17px;	
}
h3{
	font-size: 15px;	
}
h4{
	font-size: 14px;	
}

p {	
	margin-bottom: 6px;
}

a {
	color:#ff4200;
	text-decoration: underline;
}	

.clear {
	clear: both;
}
	
/*
___________________________________________________________________in

aufbau der seite
___________________________________________________________________
*/
div#wrap {
	position: relative;
	/* +3px für den Rand*/
	width: 1012px;

	margin: 0px auto 0px auto;
	padding: 0px;		
	background-image:url(/fileadmin/layout/bilder/shadow-vert.gif);
}

div#wrap div#shadow-top{	
	width: 1012px;	
	height: 8px;
	background-image:url(/fileadmin/layout/bilder/shadow-top.gif);
}

div#wrap div#shadow-bottom{	
	width: 1012px;	
	height: 8px;
	background-image:url(/fileadmin/layout/bilder/shadow-horz.gif);
}


div#site {
	width: 996px;
	margin-left: 8px;
	position: relative;	
}

div#top {
	position: relative;
	height: 171px;
	background-image:url(/fileadmin/layout/bilder/logo_ksb.jpg);
}

div#top a#logo{
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	display:block;
}
div#top a#logo img{
	border: 0px solid white !important;	
}

div#top ul {
	list-style-type: none;
}

div#navi1 {
	margin-left: -27px;
	float: left;
	}

div#top div#navi1 ul {
	postion: absolute;
	margin-top: 0px;
	float: left;	
	margin-left: -11px;
}

div#top div#navi1 ul li {
	float: left;
}
						
div#top div#navi1 ul li a {	
	display:block;
	text-decoration: none;
	color: #6c8ab0;
	font-size: 20px;
	font-weight: bold;
	padding:15px 17px 0px 17px;
	
}
		
div#top div#navi1 ul li a.aktiv {
	color: #ff4200;
	background-image:url(/fileadmin/layout/bilder/pfeil.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

div#top div#navi2 ul{
	position: absolute;
	list-style-type: none;
	bottom: 5px;
	left: 20px;
	width: 996px;
	overflow: hidden;
}

div#top div#navi2 ul li {
	float: left;		
}

div#top div#navi2 ul li a {
	display:block;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;		
	line-height: 18px;
}
						
div#top div#navi2 ul li a.aktiv {
	color: #ff4200;	
}

/*********************************/

div#contentarea {
	background-color: #fff;
	width: 996px;	
	overflow:hidden;
}


div#content {
	width: 592px;
	overflow-x: hidden;
	float: left;
	padding: 30px;
	
}

div#content p{	
	margin-top: 6px;
}

div#content ul{
	list-style-type: disc;
	
	margin-left: 14px;
}
div#content ul li{	
}

div#content a img{	
	border:0px;
}

div#contentright {
	width: 344px;
	overflow-x: hidden;
	float: left;
		
	background-image:url(/fileadmin/layout/bilder/bg-rechts.gif);	
	background-repeat: repeat-x;
	
	color: #143a6a;
}

div#contentright div.minheight {
	height:700px;
	width: 1px;
	float: left;
}

div#contentright div#ticker {
	border-bottom: 1px solid #90add2;
}

div#contentright div#newsletter {
	border-bottom: 1px solid #90add2;
}

div#contentright div#newsletter div.infobox h1{
	font-size: 16px;
}


div#contentright div#suche {
	border-bottom: 1px solid #90add2;
}

div#contentright div#suche h1{
	font-size: 16px;
}

div#contentright div.borderdiv {
	border-bottom: 1px solid #b0c8e2;
}

div#contentright div#contentrowright {
	padding: 10px 20px;
}

div#contentright p{	
	margin-top: 6px;
}

div#contentright ul{
	list-style-type: disc;
	padding-left: 10px;
}

div.borderdiv {
	overflow: auto;
	padding: 10px 20px;
	}


input#anmelden, form input#anmelden2 {
	background: url(/fileadmin/layout/bilder/button_bestellen.jpg) no-repeat;
	background-position: center center;
	border: none;
	width: 59px;
	height: 20px;
	float: left;
	}

div#newsletter input#mail, form input.newsletterInput {
	border: 1px solid #5a87c0;
	border: 1px solid #3a67a0;

	width: 161px;
	height: 18px;
	float: left;
	margin-right: 4px;
	color: #5a87c0;
	font-size: 1.0em;
	padding: 0px 4px;	
	}

div#newsletter h1 {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	}

div#catlist {
	clear:both;
}

div#contentright .fehlerausgabe, div#contentright .errorbr {
	display:none;
}

div#profil {
	font-size: 0.8em;
}

span.categoryinput{
	float:left;
	display:block;
	width: 150px;	

}

div#newsletterMail {
	clear: left;
	padding-top: 10px;
	}

div.tx-macinasearchbox-pi1 h1 {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	}

div.tx-macinasearchbox-pi1 input#suchen, .tx-indexedsearch-searchbox-button.submit {
	background: url(/fileadmin/layout/bilder/button_suche.jpg) no-repeat;
	background-position: center center;
	border: none;
	width: 59px !important;
	height: 20px;
	float: left;
	}

div.tx-macinasearchbox-pi1 input#suchbegriff, .tx-indexedsearch-searchbox-sword.sword {
	border: 1px solid #5a87c0;
	border: 1px solid #3a67a0;

	width: 161px;
	height: 18px;
	float: left;
	margin-right: 4px;
	color: #5a87c0;
	font-size: 1.0em;
	padding: 0px 4px;	
	}

div.tx-indexedsearch-searchbox {
	float: left;
	margin-bottom: 8px;
	}

div.tx-indexedsearch-searchbox span {
	float: left;
	padding: 7px 10px 0px 0px;
	}

div.tx-indexedsearch-whatis {
	clear: left;
	}

div#footer {
	position: relative;
	width: 996px;	
	height: 113px;	
	background-image:url(/fileadmin/layout/bilder/bg-bottom.gif);	
}

div#partner {
	height: 56px;	
	padding: 9px 0px 0px 30px;
}

div#partner img{
	margin-right: 10px;
}

div#footerrow {
	height: 65px;	
	border-bottom: 1ps solid green;
	line-height: 50px;
}

div#copyright {

	position: absolute;
	left: 30px;	
	color: #143a6a;
	margin-top: 2px;
}

ul#footerNavi {
	position: absolute;
	right: 30px;

	margin: 0px;
	padding: 0px;

	list-style-type:none;
	
}
ul#footerNavi li {
	padding: 0px 5px 0px 5px;
	float: left;
}
ul#footerNavi li a {
	line-height: 50px;
	color: #143a6a;
	text-decoration: none;
}




























/* Kontaktformular */

td.beschriftung1 {
	width: 90px;
}

td.beschriftung2 {
	width: 90px;
	padding-left: 40px;
}

textarea {
	width: 400px;
	height: 70px;
	margin-bottom: 15px;
}


/* Template Teaser rechts */

div.teaser_wrap {
	position: relative;
	width:235px;
	margin-bottom: 10px;
}

div.teaser_wrap h1 {
	padding: 0px 10px 0px 10px;
}
div.teaser_wrap div.text {
	padding: 0px 10px 0px 10px;
}
div.teaser_wrap div.img {
}

/* Google Maps Anfahrt */
div.tx_lumogooglemaps_pi1_sidebar {
	display:none;
}


/** Der Ticker **/
div#ticker {
	position: realtive;
	/*width: 300px;*/
	height: 100px;
	overflow: hidden;
	
	color: #fff;
	font-weight:bold;
	font-weight: bold;
	font-size: 14px;
	
}

div#ticker a{
	color: #fff !important;
	text-decoration: none;
}

div#tickersrc {
	display:none;
}

div#ticker div.borderdiv {
	height: 80px !important;
}


div#ticker p {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: inline;
	font-size: 12px !important;
}

div#ticker a {
	color: #ffea0d;
}

/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}

/* Kontaktformular */
.kontakt_fehler {
	color: red;
}



/*
_____________________________________________________________

Teaserboxen
_____________________________________________________________
*/

.teaserbox {
	width: 172px;
	margin: 0px 11px 0px 0px;
	padding: 6px;
	float: left;
	overflow: hidden;
	height: 322px;
	margin-top: 10px;
	margin-bottom: 15px;
	
	border: 1px solid #b0c8e2;
}

.teaserbox h3{
	margin-bottom: 5px;
}


div#ticker h1 {
	margin-bottom: 0px;
	font-size: 14px;
	}

div#ticker p {
	display: block;
	float: left;
	width: 303px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #b0c8e2;
	}