/**
* This file is part of accolist
* 
* CSS by Falk von Zydowitz
* www.pixel-worker.de
* 01/2007
* 
* describes any global styles of accolist application
* used colors
* red								#BB1401
* light blue				#92BFCA
* default blue			#008AAB
* very dark blue		#00576C
* grey							#E5E5E5
* text default			#000000
* text medium grey	#727272
* text light grey		#B3B3B3
* text dark grey		#666666
* green							#4BC156
*
* wName	= wrapper
* fName	= form elements
* name	= simple IDs
* hName	= hBox
* vName	= vBox
*/

/* --------- global settings --------- */
* {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin:0; padding:0;
}

body {
	font-size: 100%;
	color: #000;
	text-decoration: none;
}
/* EO global settings */



/* --------- common classes --------- */
.clearfix:after {
	 content: ".";
	 display: block;
	 height: 0px;
	 clear: both;
	 visibility: hidden;
}
.clearfix {display:block;}
.ie_clearing {display:none;}

.hideme {display:none;}

/* for borders */

.c0, .c1, .c2, .c3 {
	position:absolute;
	width:1px;
	height:1px;
	background-color:#fff;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:100;
}
.c0 {top:0; left:0;}
.c1 {top:0; right:0;}
.c2 {bottom:0; right:0;}
.c3 {bottom:0; left:0;}

/* color definitions */

.tLightBlue {color:#92BFCA;}
.tGreen {color:#4BC156;}
.tRed {color:#BB1401;}
.bgLightBlue {background-color:#92BFCA;}
.bgDefaultBlue {background-color:#008AAB;}
.bgWhite {background-color:#fff;}
.bgDimGreen {background-color:#6EC461;}
.bgDimRed {background-color:#BC6358;}

/* icons */
img.icon {
	display:inline;
	width:16px; height:16px;
	margin-right:0.3em;
	vertical-align:text-top;
}

/* EO common */



/* --------- plain tag formats --------- */
a, a:visited, a:link {text-decoration:none; color:#BB1401; }
a:hover {color:#BB1401; text-decoration:underline; }
img {border-style:none;}
/* EO plain tag formats */




/* --------- layout --------- */
#wLayout {/* layout wrapper */
	min-width:770px;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
/* EO layout */




/* --------- header --------- */
/* header wrapper */

#wHeader {
	position:relative;
	padding:0 0 1.2em 0;
	height:auto;
	background:#92BFCA url('img/body_bg.png') repeat-x;
	background-position:bottom;
}


/* #logo {margin:0 0 0 50px; padding:18px 0 0 0;} */
#logo {margin:0 0 0 24px; padding:13px 0 0 0;}

#wHeader .hbox {
	position:absolute;
	background:#00576C url('img/header_hbox_bg.png') repeat-x;
}
#wHeader .hbox ul {
	position:relative;
	list-style:none;
	list-style-position:outside;
}
#wHeader .hbox ul li {float:left;}
#wHeader .hbox li a {
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:0.8em;
	padding:0.2em 0.7em 0.3em 0.7em;
}
#wHeader .hbox li a:hover {color:#BB1401;}

#hPostlogin {top:6px; right:72px;}
#hPrelogin {top:6px; right:45px;}


#userinfo {
	position:absolute;
	top:2.6em; right:72px;
	font-size:0.8em;
}
#userinfo span {margin:0 0 0 1em;}
#userinfo a {color:#BB1401;}
#userinfo .userImage{
	position:absolute;
	top:-28px; right:-47px;
	width:34px; height:45px;
	background:#00576C;
	border:1px solid #fff;
	overflow:hidden;
}

#loginform {
	position:absolute;
	top:2.6em; right:25px;
	font-size:0.8em;
}
#loginform .fUsername,
#loginform .fPass {
	position:relative;
	width:5em; height:1em;
	top:1px;
}
#loginform .fSubmit {
	position:relative;
	top:3px;
}
/* EO header */




/* --------- content --------- */
.tagCloud li {
	display:inline;
	padding:0 0.5em 0 0;
	white-space: nowrap;
}
.tagCloud li.size0 {font-size:50%;}
.tagCloud li.size1 {font-size:57%;}
.tagCloud li.size2 {font-size:65%;}
.tagCloud li.size3 {font-size:62%;}
.tagCloud li.size4 {font-size:75%;}
.tagCloud li.size5 {font-size:82%; font-weight:bold;}
.tagCloud li.size6 {font-size:90%; font-weight:bold;}
.tagCloud li.size7 {font-size:97%; font-weight:bold;}
.tagCloud li.size8 {font-size:105%; font-weight:bold;}

/* content wrapper */
#wContent {	
	position:relative;
	margin:0 25px;
}
#content {margin:0 0 2em 0;}


#content .hsep {
	position:relative;
	display:block;
	height:5px;
	width:auto;
	background:#008AAB url('img/hsep_corners_bg.png') no-repeat left;
}
#content .hsep span {
	position:absolute;
	overflow:hidden;
	right:-1px;
	height:5px; width:1px;
	background:#008AAB url('img/hsep_corners_bg.png') no-repeat top right;
}


#content .contentBlock {
	display:block;
	position:relative;
	margin:1em auto 0 auto;
}
#content .contentBlock.noVspace {margin:0 auto;}

/* inhaltsspalte */
#content .contentBlock .colMain {
	width:auto;
	margin-right:220px;
}
/* rechte info-spalte */
#content .contentBlock .colInfo {
	position:relative;
	float:right;
	width:200px;
}

#content .contentBlock a:hover {text-decoration:underline;}
#content .contentBlock h1 {color:#BB1401;	font-size:150%;	font-weight:bold;}

#content .contentBlock .main {position:relative;}

#content .contentBlock .info {
	display:block;
	width:auto;
	margin:auto auto 1em auto;
}
#content .contentBlock .bTop {
	position:relative;
	display:block;
	width:auto; height:4px;
	top:-1px;
}
#content .contentBlock .bBottom {
	position:relative;
	display:block;
	width:auto; height:4px;
	bottom:-1px;
}
#content .contentBlock .infoBlue {background:#E4EFF8 url('img/infoblue_middle_bg.png') repeat-y;}
#content .contentBlock .infoBlue .bTop {background:transparent url('img/infoblue_btop_bg.png') no-repeat top;}
#content .contentBlock .infoBlue .bBottom {background:transparent url('img/infoblue_bbottom_bg.png') no-repeat bottom;}
#content .contentBlock .infoBlue .menu {background-color:#E6F0F9;}
#content .contentBlock .infoGrey {background:#EFEFEF url('img/infogrey_middle_bg.png') repeat-y;}
#content .contentBlock .infoGrey .bTop {background:transparent url('img/infogrey_btop_bg.png') no-repeat top;}
#content .contentBlock .infoGrey .bBottom {background:transparent url('img/infogrey_bbottom_bg.png') no-repeat bottom;}
#content .contentBlock .infoGrey .menu {background-color:#efefef;}
#content .contentBlock .infoPeach {background:#FFFBF8 url('img/infopeach_middle_bg.png') repeat-y;}
#content .contentBlock .infoPeach .bTop {background:transparent url('img/infopeach_btop_bg.png') no-repeat top;}
#content .contentBlock .infoPeach .bBottom {background:transparent url('img/infopeach_bbottom_bg.png') no-repeat bottom;}
#content .contentBlock .infoPeach .menu {background-color:#FDF3E2;}
#content .contentBlock .infoOrange {background:#EBCA95 url('img/infoorange_middle_bg.png') repeat-y;}
#content .contentBlock .infoOrange .bTop {background:transparent url('img/infoorange_btop_bg.png') no-repeat top;}
#content .contentBlock .infoOrange .bBottom {background:transparent url('img/infoorange_bbottom_bg.png') no-repeat bottom;}
#content .contentBlock .infoOrange .menu {background-color:#F7EAD0;}

#content .contentBlock .info h2 {font-size:85%;	margin:0 10px 0em 10px;}
#content .contentBlock .info .menu h2 {margin:0; display:inline;}
#content .contentBlock .main h2 {font-size:110%;}
#content .contentBlock .main h2.zwiti {font-size:98%; margin:1em auto 3px auto; color:#333333;}

#content .contentBlock .info ul {
	font-size:75%;
	list-style:none;
	list-style-position:outside;
	margin:0 12px 0 12px;
}

#content .contentBlock .main .tagCloud {
	text-align:center;
	margin:1em auto;
}
#content .contentBlock .main .tagCloud {font-size:133%;}
#content .contentBlock .main .tagCloud a {color:#008AAB;}
#content .contentBlock .main .tagCloud a:hover {color:#BB1401;}


#content .contentBlock .main #clustertags {
	margin:1em 0.5em;
	font-size:76%;
}
#content .contentBlock .main #clustertags label {margin:0 2em 0 0.5em;}
#content .contentBlock .main #clustertags label.mandatory {font-weight:bold;}

/* helmenu -> menu */

#content .contentBlock .info .menu {
	position:relative;
	top:-1px;
	list-style:none;
	list-style-position:outside;
	margin:0 4px 0 4px;
	padding:1px 4px 2px 8px;
}
#content .contentBlock .info .menu li {
	display:inline;
	font-weight:bold;
	font-size:110%;
	margin-right:0.3em;
}
#content .contentBlock .info p {
	font-size:75%;
	margin:0 12px 0 12px;
}

/* tables */
#content .contentBlock table {
	position:relative;
	width:100%;
	border-style:none;
	border-collapse:collapse;
}
#content .contentBlock table th {
	position:relative;
	background-color:#008AAB;
	font-size:76%;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	text-align:left;
	padding:3px 0 4px 7px;
}
#content .contentBlock table .tab01 {width:70px;}
#content .contentBlock table .tab02 {width:auto;}
#content .contentBlock table .tab03 {width:200px;}
#content .contentBlock table .tab04 {width:120px;}
#content .contentBlock table td {
	font-size:86%;
	color:#000;
	text-align:left;
	padding:3px 0 4px 7px;
}
#content .contentBlock table tr.current td {font-weight:bold; color:#008AAB;}
#content .contentBlock table tr.current td a {font-weight:bold; color:#008AAB;}
#content .contentBlock table tr.current td a:hover {color:#BB1401;}
#content .contentBlock table td a {color:#000;}
#content .contentBlock table td a:hover {color:#BB1401;}
#content .contentBlock table td.vote {
	font-size:86%;
	color:#666;
	vertical-align:top;
}
#content .contentBlock table td.vote span {margin:0 0 0 10px;}

#content .contentBlock table td.vote a, #content .contentBlock table td.vote span.rup, #content .contentBlock table td.vote span.rdown {
	margin:2px 5px 0 0;
	width:12px; height:12px;
	display:block;
	float:left;
}
#content .contentBlock table td.vote a:hover {}
#content .contentBlock table td.vote .rup {background:url('img/vote_up_bt-1.png') no-repeat;}
#content .contentBlock table td.vote .rdown {background:url('img/vote_down_bt-1.png') no-repeat;}
#content .contentBlock table td.vote a.rup:hover {background:url('img/vote_up_bt-2.png') no-repeat;}
#content .contentBlock table td.vote.done .rup {background:url('img/vote_up_bt-0.png') no-repeat;}
#content .contentBlock table td.vote.done .rup.true {background:url('img/vote_up_bt-2.png') no-repeat;}
#content .contentBlock table td.vote a.rdown:hover {background:url('img/vote_down_bt-2.png') no-repeat;}
#content .contentBlock table td.vote.done .rdown {background:url('img/vote_down_bt-0.png') no-repeat;}
#content .contentBlock table td.vote.done .rdown.true {background:url('img/vote_down_bt-2.png') no-repeat;}

#content .contentBlock table td a.rup img {display:none;}
#content .contentBlock table td a.rdown img {display:none;}
#content .contentBlock table td span.rup img {display:none;}
#content .contentBlock table td span.rdown img {display:none;}


/* action bar beneath a block - pageturner */
#content .contentBlock .actions {
	position:relative;
	width:auto;
	height:1%;	/*IE disappearing workaround */
	background-color:#E5E5E5;
	font-size:76%;
	color:#727272;
	padding:3px 7px 2px 7px;
	margin:0.5em 0 0 0;
}
#content .contentBlock .actions div {	display:inline;	margin:0 2em 0 0;}
#content .contentBlock .actions div img {vertical-align:text-bottom; margin:0 5px 0 0;}
#content .contentBlock .actions div span {margin:0 1em 0 0;}
#content .contentBlock .actions div a span {margin:0;}
#content .contentBlock .actions div input, #content .contentBlock .actions div label {vertical-align:middle;}
#content .contentBlock .right {float:right;	margin:0 0 0 0;}


/* listenlänge */

#content .contentBlock .actions select {
	width:4.5em;
	font-weight:normal;
	font-size:70%;
}
#content .contentBlock .actions .llength {
	border:1px solid #B3B3B3;
	padding:0px 1px;
	color:#727272;
	border-collapse:collapse;
}
#content .contentBlock .actions .llength.current {color:#BB1401;}
#content .contentBlock .actions .llength:hover {color:#BB1401;}



#content .contentBlock .actions .pageturn {
	list-style:none;
	list-style-position:outside;
	font-weight:bold;
}
#content .contentBlock .actions .pageturn li {
	display:inline;
	margin:0 0.5em 0 0;
}
#content .contentBlock .actions .pageturn li.disabled {color:#B3B3B3;}
#content .contentBlock .actions .pageturn li a {color:#727272;}
#content .contentBlock .actions .pageturn li a:hover {color:#BB1401;}
#content .contentBlock .actions .pageturn li.current {color:#BB1401;}


/* headline mit kategoriewechsel + suchbox */
#content .contentBlock .main .blockHead {width:auto;}
#content .contentBlock .main .blockHead h1 {display:inline; margin:0; padding:0; line-height:0;}

#content .contentBlock .main .blockHead form {font-size:76%; line-height:0;}
#content .contentBlock .main .blockHead form label {display:inline;}
#content .contentBlock .main .blockHead #katSwitch {display:inline; position:relative; bottom:4px; margin:0 0 0 1em;}
#content .contentBlock .main .blockHead #katSwitch input {vertical-align:middle;}
#content .contentBlock .main .blockHead #katSwitch select {width:12em;}

#content .contentBlock .main .blockHead #katSearch {display:block; float:right;}
#content .contentBlock .main .blockHead #katSearch #fSearchSubmit {vertical-align:text-bottom;}
#content .contentBlock .main .blockHead #katSearch #fSearchText {width:10em;}

/* EO content */





#wFooter {position:relative;}
#footer {
	position:absolute;
	width:100%;
	padding:0.5em 0;
	background:#D2D2D2 url('img/footer_bg.png') repeat-x;
	background-position:top;
	margin:0 0 10px 0;
}
#footer ul					{list-style:none; list-style-position:outside;}
#footer ul li				{display:inline;}
#footer .mainlinks	{font-size:80%; font-weight:bold; margin:0 0.5em 0.7em 0.5em;}
#footer .infolinks	{margin:0 0.5em 0 0.5em;	font-size:69%;}
#footer a						{color:#757575;}
#footer a:hover 		{color:#BB1401;}
#footer ul li .sep	{color:#757575; overflow:hidden; margin:0 0.5em 0 0.8em;}
#footer .copy 			{position:absolute; bottom:0.5em; right:10px;	font-size:69%;}

/* EO footer */



/* ---------- reserved ID and names ------------ */
#login {}
#ttbooks_de {}
#loginBox {
	background: #fff;
	padding: 10px;
	position: fixed;
	top: 100px;
	left: 100px;
}