/************************** T I P P S *************************/

/*** CSS: Bildwechsel ***/
a#kontakt_tt {
	float:left;
	line-height:10px;
	font-size:10px;
	display:block;
	height:16px;
	width:16px;
	border:0px;
	padding:0px;
	background: transparent url(../tipps/css_bildwechsel/kontakt.gif) 0px 0px no-repeat;
}
a:hover#kontakt_tt{
	background: transparent url(../tipps/css_bildwechsel/kontakt.gif) 0px -16px no-repeat;
}

/*** CSS: Navigation mit Liste **/
ul#navigation_tt{
list-style-type:none;
padding-left:0;
margin:0 0 30px 0;
}
ul#navigation_tt li{
float:left;
padding-right:2px;
}
ul#navigation_tt li a{
background-color:#cbcbcb;
padding:0.4em;
border:0;
}
ul#navigation_tt li a:hover{
background-color:#bababa;
}

ul#navigation_tt2{
list-style-type:none;
padding-left:0;
margin:0 0 30px 0;
}
ul#navigation_tt2 li{
padding-right:2px;
margin-bottom:0.2em;
}
ul#navigation_tt2 li a{
background-color:#cbcbcb;
padding:0.4em;
border:0;
display:block;
width:100px;
}
ul#navigation_tt2 li a:hover{
background:#cbcbcb url(../tipps/css_navigation_mit_liste/star.gif) 90% 6px no-repeat;
}

/*** CSS: Newsteaser ***/
div#teasergruppe{
border:1px solid #303030;
height:200px;
padding:0 15px 15px 15px;
width:500px;
margin:auto;
}	
img{
border:0;
}
/* IE6 und niedriger */
div.teaser{
clear:left;
width:500px;
}	
div.klein img{
float:left;
padding-right:7px;
}
div.gross img{
float:left;
padding-right:7px;
}
a.teaserlink{
padding-left:1px;
display:block;
height:30px;
padding-top:15px;
text-decoration:none;
border:0;
font-weight:normal;
} 
a.teaserlink:hover{
color: #303030;
padding-left:0px;
}
a.teaserlink div.klein{
display: block;
color:#303030;
}
a.teaserlink div.gross{
display:none;
}
a.teaserlink:hover div.gross{
display:block;
color:#303030;
padding-left:1px;
}
a.teaserlink:hover div.klein{
display:none;
}
a.teaserlink div.gross h1{
font-size:15px;
font-weight:bold;
padding:0 0 1px 0;
margin:0px;
}
a.teaserlink div.gross h1 a{
background:none;
height:auto;
width:auto;
text-indent:0;
}
a.teaserlink div.gross, a.teaserlink div.klein{
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
line-height:17px;
}
a.teaserlink div.klein img{
margin-top:3px;
}
a.teaserlink div.gross p.hide{
display:none;
}

/* moderne browser */
html>body div.teaser{
padding-left:1px;
display:block;
padding-top:15px;
text-decoration:none;
} 
html>body div.teaser:hover{
color: #303030;
padding-left:0px;
}
html>body div.teaser div.klein{
display:block;
color:#303030;
}
html>body div.teaser div.gross{
display:none;
}
html>body div.teaser:hover div.gross{
display:block;
color:#303030;
padding-left:1px;
}
html>body div.teaser:hover div.klein{
display:none;
}
html>body div.teaser div.gross h1{
font-size:15px;
font-weight:bold;
padding:0 0 1px 0;
margin:0px;
}
html>body div.teaser div.gross h1 a{
background:none;
height:auto;
width:auto;
text-indent:0;
}
html>body div.teaser div.gross, html>body div.teaser div.klein{
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
line-height:17px;
}
html>body div.teaser div.klein img{
margin-top:3px;
}

a.teaserlink{
padding-left:1px;
display:block;
height:30px;
padding-top:15px;
text-decoration:none;
border:0;
font-weight:normal;
} 
a.teaserlink:hover{
color: #303030;
padding-left:0px;
border:0px;
text-decoration:none;
}

/*** CSS: Pagination ***/
div#pagination{
	text-align:center;
	font-family:tahoma;
	margin-top:10px;
}

#pagination span{
	display:block;
	float:left;
	border:1px solid #303030;
	font-size:11px;
	line-height:13px;
	margin: 2px 5px 2px 0;
}

#pagination span a{
	display:block;
	text-decoration:none;
	padding:1px 5px 2px 5px;
	background-color:#f20161;
	color:#ffffff;
	font-weight:normal;
	border:1px solid #ffffff;
}

#pagination span a:hover{
	border:1px solid #303030;
}

#pagination span.aktuell{
	border:0;
	font-size:17px;
	font-weight:bold;
	line-height:21px;
	margin-top:0;
	padding:1px 3px 0px 3px;
	color:#303030;
}


div#pagination2{
	font-family:tahoma;
	text-align:center;
	margin-top:10px;
}

#pagination2 span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
}

#pagination2 span a{
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	color:#303030;
	display:block;
	font-weight:normal;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}

#pagination2 span a:hover, #pagination2 span a:active{
	background-color: #bbbbbb;
	border:1px solid #303030;
}

#pagination2 span.aktuell{
	background-color: #303030;
	border:1px solid #303030;
	color:#ffffff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}

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