pre{
background:#666; 
color:#fff; 
padding:10px; 
margin:10px; 
height:auto; 
overflow:auto; 
font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}
.sample{
	padding:20px 30px;
	margin:4px 0 25px 0;
	width: 430px;
	float: left;
}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{
margin:0 0 5px;
position:relative;
padding-left:5px;
height:39px;
width:97%;
line-height:28px;
}

.buttons b{font-weight:100;
line-height:30px!important; }/*47*/

.buttons span{
float:left;
padding: 0 8px;
list-style-type:none;
cursor:pointer;
margin:-3px 0 0 0;
font-size:1.1em;
height:30px;
color:#fff
}

.buttons span.active{
background: url(Bilder/bg__15_right.png) top right no-repeat;
color:#fff;
margin-left:1px;
padding-left:1px;
} 

.buttons span.active b {
line-height:30px!important; 
margin-left:-1px;
background: url(Bilder/bg__15_left.png) top left no-repeat;
float:left;
padding-left:8px;
}

.buttons span:hover{
display: block;
height: 30px;
float: left; /* IE 6 Fix */
}
div.sample5 .buttons{
margin:0 0 0px;
position:relative;
padding-left:5px;
line-height:47px;
width:97%;
line-height:28px;
}

div.sample5 .buttons b{

font-weight:100;
}

div.sample5 .buttons span{
float:left;
padding: 0 8px;
list-style-type:none;
cursor:pointer;
margin:0px 0 0 0;
font-size:1.1em;
line-height:47px;
color:#fff
}

div.sample5 .buttons span.active{
	background: url(Bilder/events-hover.gif) no-repeat left center;
	color:#fff;
	margin-left:1px;
	padding-left:1px;

} 

div.sample5 .buttons span.active b {
line-height:47px; 
margin-left:-1px;
background-image:none;
float:left;
padding-left:8px;
}

div.sample5 .buttons span:hover{
display: block;
background: url(Bilder/roterb-men.png) no-repeat left center;
line-height: 47px;
}
/*tooltip*/


.tool-tip {
float:left;
color: #BBB;
width: 265px;
z-index: 13000;
}

.tool-title {
font-weight: bold;
font-size: 13px;
margin: 0;
color: #FFF;
padding: 8px 8px 4px;
	background-image: url(Bilder/tips.png)!important;
border-bottom: 1px solid #FFF;background-color: #333333;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-image: url(Bilder/tips.png)!important;
	background-color: #333333;
}

.custom-tip {
color: #000;
width: 130px;
z-index: 13000;
}

.custom-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #3E4F14;
padding: 8px 8px 4px;
background: #C3DF7D;
border-bottom: 1px solid #B5CF74;
}

.custom-text {
font-size: 11px;
padding: 4px 8px 8px;
background: #CFDFA7;
}
#NewsTicker{
	/*border:solid 1px #cccccc;*/
	width:835px;
	height:50px;
	margin:0px;
	position: relative;
	left: 0px;
}
	#NewsTicker h1{
	padding:6px;
display:none;
	margin:0;
	border:0;
	background:#dfe7ed;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	}
	#NewsVertical {
	width: 835px;
	height: 50px;
	display: block;
	overflow: hidden;
	position: relative;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
	width: 835px;
	height: 50px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TickerVertical li {
	width: auto;
	color: #444444;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 6px 10px;
	float: left;
	height: 164px;
	display: inline;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 20px;
			margin-bottom:6px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			margin-bottom:6px;
			text-decoration:underline;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			border:solid 1px #DEDEDE;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			font-size: 10px;
			margin:6px 0 14px 0;
			color:#000000
		}