/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Arial,Verdana,Helvetica;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*
Copyright (c) 2007, handfisch. All rights reserved.
*/

body {
	color:#666;
	font-size:12px;
	margin:0px auto;
	text-align:center;
	font-family:Arial !important;
}

a:link, a:active, a:visited, a:hover {
	color:#0F6690;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial !important;
}
a:hover {
	color:#FF4904;
}

h2 {
	color:#FF4904;
	font-weight:bold;
	font-size:14px;
	margin-bottom:4px;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
p {
	line-height:18px;
}
.color {
	color:#FF4904;
}
#page {
	margin:0px auto;
	position:relative;
	text-align:left;
	top:0px;
	width:904px;			/* 900 + 4 box-padding */
}

#footer {
	clear:both;
	background-color:#EDEEEF;
	border-top:1px solid #C8C8C8;
	height:60px;
	margin-top:20px;
	padding:10px;
	font-weight:bold;
	color:#999;
}
#footer li {
	display:inline;
	padding-right:4px;
}
#header {
	position:relative;
	height:124px;
	width:900px;
}
#logo {
	position:absolute;
	left:-77px;
	top:14px;
}
#login {
	position:absolute;
	right:0px;
	top:14px;
}
#login td {
	padding-left:6px;
}
#find {
	position:absolute;
	right:0px;
	top:85px;
}
#find td {
	padding-left:6px;
}
#navi {
	height:29px;
	border-bottom:4px solid #FF4904;
	width:904px;
}
#navi li {
	display:block;
	float:left;
	margin-right:4px;
}
#navi li.last {
	display:block;
	float:left;
	margin-right:0px;
}
#navi a:link, #navi a:active, #navi a:visited, #navi a:hover,
#navi a.act:link, #navi a.act:active, #navi a.act:visited, #navi a.act:hover  {
	display:block;
	float:left;
	width:222px;
	padding-top:6px;
	height:23px;	/* 29 - 5(padding) */
	text-align:center;
	background:url(../img/hf-sprite.png) no-repeat 0 -40px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
#navi a.act:link, #navi a.act:active, #navi a.act:visited, #navi a.act:hover {
	background:url(../img/hf-sprite.png) no-repeat 0 -75px;
}
#navi a:hover {
	background:url(../img/hf-sprite.png) no-repeat 0 -110px;
}

#subnavi {
	width:890px;
	height:23px;
	overflow:hidden;
	background-color:#E6E6E6;
	font-size:14px !important;
	padding:7px 0px 0px 10px;
	margin-top:2px;
}
#subnavi li {
	display:block;
	float:left;
	margin-right:8px;
}
#subnavi li.small {
	font-size:12px !important;
}
#subnavi div.hf-btn {
	position:relative;
	top:-3px;
}
#subnavi a.act {
	color:#FF4904;
}

.clearer {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}

/* --- graue boxen --- */

/* breiten (fuer boxen) */
.c1 { width:220px; }
.c2 { width:446px; }
.c3 { width:672px; }
.c4 { width:899px; }

.hf-box {
	position:relative;
	border:1px solid #C8C8C8;
	margin:24px 4px 0 0;
	float:left;
}

.hf-box h1 {
	background:url(../img/hf-sprite.png) repeat-x 0 0 #EDEDED;
	padding:7px;
	font-size:14px;
	font-weight:bold;
	height:15px;
	overflow:hidden;
}
.hf-box .bd {
	padding:14px;
	background-color:#f6f6f6;
}

.hf-box .tl, .hf-box .tr {
	width:8px;
	height:8px;
	position:absolute;
	top:-1px;
	overflow:hidden;	
}
.hf-box .tl {
	background:transparent url(../img/box-corners.gif) no-repeat 0 -10px;
	left:-1px;
}
.hf-box .tr {
	background:transparent url(../img/box-corners.gif) no-repeat 0 0;
	right:-1px;
}

.hf-box .tbl table, .hf-box .lst table {
	width:100%;
	position:relative;
}
.hf-box .tbl table th {
	vertical-align:bottom;
	border-top:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	background-color:#EBEBEB;
	font-weight:bold;
	font-size:12px;
	padding:6px 10px;
}
.hf-box .tbl table td, .hf-box .lst table td {
	vertical-align:top;
	border-top:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	padding:6px 10px;
	background:transparent url(../img/box-bg.gif) repeat-x 0px bottom;

}
.hf-box .lst table td {
	padding:8px 4px 8px 8px;
	line-height:17px;
}
.hf-box .tbl table td.ico { width:50px; }
.hf-box .tbl table td.btn { width:93px; }
.hf-box .tbl table td.nr { text-align:right; }
.hf-box .tbl table td.last,
.hf-box .tbl table th.last,
.hf-box .lst table td {
	border-right: 0 solid #fff;
}
.hf-box .icon {
	width:76px;
	height:50px;
	position:absolute;
	top:-13px;
	right:-1px;
	background-repeat:no-repeat;
	overflow:hidden;
}
/* fuer icons in fehlerboxen */
.hf-box .err-txt .icon, .hf-box .err-txt-hidden .icon {
	position:relative;
	display:block;
	top:0px;
	left:0px;
	margin-left:-20px;
	margin-right:10px;
	float:left;
}
.hf-box .err-txt-hidden h2 {
}
.icobox1 { background:url(../img/box-icons.gif) 0px 0px; }
.icobox2 { background:url(../img/box-icons.gif) 0px -50px; }
.icobox3 { background:url(../img/box-icons.gif) 0px -100px; }
.icobox4 { background:url(../img/box-icons.gif) 0px -150px; }
.icobox5 { background:url(../img/box-icons.gif) 0px -200px; }
.icobox6 { background:url(../img/box-icons.gif) 0px -250px; }
.icobox7 { background:url(../img/box-icons.gif) 0px -300px; }
.icobox8 { background:url(../img/box-icons.gif) 0px -350px; }
.icobox9 { background:url(../img/box-icons.gif) 0px -400px; }
.icobox10 { background:url(../img/box-icons.gif) 0px -450px; }
.icobox11 { background:url(../img/box-icons.gif) 0px -500px; }
.icobox12 { background:url(../img/box-icons.gif) 0px -550px; }
.icobox13 { background:url(../img/box-icons.gif) 0px -600px; }
.icobox14 { background:url(../img/box-icons.gif) 0px -650px; }
.icobox15 { background:url(../img/box-icons.gif) 0px -700px; }
.icobox16 { background:url(../img/box-icons.gif) 0px -750px; }
.icobox17 { background:url(../img/box-icons.gif) 0px -800px; }
.icobox18 { background:url(../img/box-icons.gif) 0px -850px; }
.icobox19 { background:url(../img/box-icons.gif) 0px -900px; }
.icobox20 { background:url(../img/box-icons.gif) 0px -950px; }

/* typ icons */
.icotype {
	display:block;
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
}
.icotype img {
	display:block;
}
.icotype1 { background:url(../img/icons-type.gif) 0px 0px; }
.icotype2 { background:url(../img/icons-type.gif) 0px -60px; }
.icotype3 { background:url(../img/icons-type.gif) 0px -120px; }
.icotype4 { background:url(../img/icons-type.gif) 0px -180px; }
.icotype5 { background:url(../img/icons-type.gif) 0px -240px; }
.icotype6 { background:url(../img/icons-type.gif) 0px -300px; }
.icotype7 { background:url(../img/icons-type.gif) 0px -360px; }
.icotype8 { background:url(../img/icons-type.gif) 0px -420px; }


.txtblue {
	color:#0F6690 !important;
}

/* --- formular-gedoens --- */
input, textarea, select {
	border:1px solid #aaa;
	color:#666;
	background-color:#fff;
	padding:1px 2px;
}
input.hidden {
	display:none;
}
table.frm {
	margin-top:20px;
}
table.frm th {
	font-weight:bold;
	text-align:right;
	width:145px;
	vertical-align:top;
	padding:2px 10px 10px 0px;
	line-height:18px;	
}
table.frm td {
	vertical-align:top;
	padding-bottom:10px;
	line-height:18px;
	padding-top:2px;
}
table.frm td.spacer {
	height:20px;
	line-height:20px;
	font-size:20px;
}

input.chk {
	margin-right:10px;
}

/* size=Large (z.b. seite "jetzt anmelden") */
input.l, textarea.l {
	width:260px;
}
textarea.l {
	height:60px;
}
select.l {
	width:265px;
}

input.s, textarea.s {
	width:160px;
}
textarea.s {
	height:60px;
}
select.s {
	width:165px;
}

/* fehlerhaftest formular */
input.err, textarea.err, select.err {
	border:1px solid #FF4904;
}

/* fehler-text */
.err-txt, .err-txt-hidden {
	display:block;
	color:#FF4904;
	margin-top:4px;
}
.err-txt-hidden {
	display:none;
}

/* --- blaue buttons --- */
div.hf-btn a:link, div.hf-btn a:active, div.hf-btn a:visited, div.hf-btn a:hover {
	display:block;
	color:#fff;
	background-image:url(../img/hf-sprite.png);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:12px;
	padding:2px 1px 1px 5px;
	white-space:nowrap;
	line-height:17px !important;
}
div.hf-btn a:active {
	padding:3px 0px 0px 6px;
}
div.hf-btn-space {
	margin-bottom:8px;
}
div.hf-btn span {
	display:block;
	float:left;
	width:15px;
	height:15px;
	background-image:url(../img/icons-white.gif);
	background-repeat:no-repeat;
	margin:0px 2px 0px 0px;
	overflow:hidden;
}
/* button small */
div.hf-btn a.s {
	width:64px;		/* minus padding !*/
	height:17px;
	background-position:0 -150px;
}
div.hf-btn a.s:hover { background-position:0 -175px; }

/* button large */
div.hf-btn a.l {
	width:111px;		/* minus padding !*/
	height:17px;
	background-position:0 -200px;
}
div.hf-btn a.l:hover { background-position:0 -225px; }

/* button medium */
div.hf-btn a.m {
	width:89px;		/* minus padding !*/
	height:17px;
	background-position:0 -250px;
}
div.hf-btn a.m:hover { background-position:0 -275px; }

/* weisse icons auf buttons */
.icobtn1 { background-position: 0px 0px; }
.icobtn2 { background-position: 0px -20px; }
.icobtn3 { background-position: 0px -40px; }
.icobtn4 { background-position: 0px -60px; }
.icobtn5 { background-position: 0px -80px; }
.icobtn6 { background-position: 0px -100px; }
.icobtn7 { background-position: 0px -120px; }
.icobtn8 { background-position: 0px -140px; }
.icobtn9 { background-position: 0px -160px; }
.icobtn10 { background-position: 0px -180px; }
.icobtn11 { background-position: 0px -200px; }


/* --- blaue link-icons --- */

.icolnk1 { background:url(../img/icons-blue.gif) no-repeat 0px 0px; padding-left:18px;   }
.icolnk2 { background:url(../img/icons-blue.gif) no-repeat 0px -20px; padding-left:18px; }
.icolnk3 { background:url(../img/icons-blue.gif) no-repeat 0px -40px; padding-left:18px; }
.icolnk4 { background:url(../img/icons-blue.gif) no-repeat 0px -60px; padding-left:18px; }
.icolnk5 { background:url(../img/icons-blue.gif) no-repeat 0px -80px; padding-left:18px; }
.icolnk6 { background:url(../img/icons-blue.gif) no-repeat 0px -100px; padding-left:18px; }
.icolnk7 { background:url(../img/icons-blue.gif) no-repeat 0px -120px; padding-left:18px; }
.icolnk8 { background:url(../img/icons-blue.gif) no-repeat 0px -140px; padding-left:18px; }
.icolnk9 { background:url(../img/icons-blue.gif) no-repeat 0px -160px; padding-left:18px; }
.icolnk10 { background:url(../img/icons-blue.gif) no-repeat 0px -180px; padding-left:18px; }
.icolnk11 { background:url(../img/icons-blue.gif) no-repeat 0px -200px; padding-left:18px; }

/* zum (breiten-) begrenzen von felder mit usereingaben */
.cliptbl {	/* titel spalte in 'fische verwalten' */
	overflow:hidden;
	width:220px;
}
.clipfrm {	/* im formular */
	overflow:hidden;
	width:260px;
}
.cliphome {	/* liste auf home */
	overflow:hidden;
	width:140px;
	white-space:nowrap;
}

.tagcheck {
	border:1px solid #aaa;
	color:#666;
	background-color:#ebebeb;
	padding:1px 2px;
	width:260px;
}

tag1 a {
font-size:14px;
font-weight:bold;
}
.tag2 a {
font-size:19px;
font-weight:bold;
}
.tag3 a {
font-size:22px;
font-weight:bold;
}
.tag4 a {
font-size:27px;
font-weight:bold;
}
.tags_teaser {
overflow:hidden;
text-align:justify;
width:190px;
}

.vote_inactive a
{
	background-image:url(/tpl/shared/handfisch/img/haken-inaktiv.gif);
}
.vote_inactive a:hover
{
	background-image:url(/tpl/shared/handfisch/img/haken-aktiv.gif);
}
.vote_active a
{
	background-image:url(/tpl/shared/handfisch/img/haken-aktiv.gif);
}
.vote_active a:hover
{
	background-image:url(/tpl/shared/handfisch/img/haken-inaktiv.gif);
}