/* ---------------------------------------------------------------------------------------------- */ 
/* HTML Print Styles - stichundstrich.de
/* Version: 1.0 vom 27.10.2009
/* Author: Annika Gültzow // gueltzow(at)ngpub(dot)com;  Katja Kruzewitz // kruzewitz(at)ngpub(dot)com 
/* Author URI: www.stichundstrich.de
/* ---------------------------------------------------------------------------------------------- */

/*

1. Resets
2. Generic
3. Hidden Elements
4. Structure
5. Forms

*/

/* ---------------------------------------------------------------------------------------------- */ 
/*                                      1. Resets 
/*------------------------------------------------------------------------------------------------ */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
 margin:0; 
 padding:0; 
 border:0; 
 outline:0; 
}
html {
    height: 100%;
}

body, p {
	page-break-before:auto;
	page-break-inside:auto;
	page-break-after:auto;
	overflow:visible;
	position:static;
	background: transparent;
	width: auto;
}

ul, li {
	float: none;
}

:focus {outline:0;} 

ol, ul {list-style: none;} 

table { 
 border-collapse:collapse; 
 border-spacing:0; 
} 
caption, th, td { 
 text-align:left; 
 font-weight:normal; 
} 
blockquote:before, blockquote:after, q:before, q:after {content: "";} 
blockquote, q {quotes: "" "";}


/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             2. Generic
/*  ----------------------------------------------------------------------------------------------------------  */

body {
	background-color:#fff;
	font-size:10pt;
	color: #000;
	font-family: arial, sans-serif;
    line-height: 1.2em;
    text-align: left;
	margin: 2%;
}
strong {
	font-weight:bold;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color:#006AB3;
}

a:link:after, a:visited:after {
	content:" < "attr(href)" > ";
	color:#006AB3;
	font-size:75%;
}
a:after img{
	content:"";
}

h1, h2 {
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  margin: .75em 0 .5em 0;
  page-break-after: avoid;
  line-height: 1.2em;
  color: #1D384A;
  clear:both;
}
h3, h4, h5, h6 {
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  margin: .75em 0 .5em 0;
  line-height: 1.2em;
  page-break-after: avoid;
  clear:both;
}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             3. Hidden Elements
/*  ----------------------------------------------------------------------------------------------------------  */

img.no_print, 
div.no_print, 
p.no_print, 
a.np, .np,
input.submit,
a.drucken
{
	display:none !important;
}

/*Specific Modules*/
div#navi,
div.login,
div.logedin,
form.search,
div#rightcolumn,
div#footernavi,
div.galerie_options,
div.galerie_filter,
ul#breadcrumbles,
div#horizontal_carousel,
div.comicbox_head div.bewerten ul.optionen,
div.kommentar_schreiben,
div.pagenavi,
div.banner_outside,
div.ad,
ul.optionen
{
	display:none !important;

}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             4. Structure
/*  ----------------------------------------------------------------------------------------------------------  */

body {
	
}


#bg #header_page h1 a.logo {
	font-size: 0;

}
	#header_page h1 a.logo:after {
		content: url("../images/ff_logo_print.jpg");
	}

#header_home h1 a.logo {
	font-size: 0;
	width: 6em;
	height: 2em;

}
#header_home a#teaser_home:after {
	content: url("../images/teaser_startseite.png");
}
	
	#header_home h1 a.logo:after {
		content: url("../images/ff_logo_print.jpg");
		
	}
	
#print_only{
	color: #006AB3;
	width: auto;
	padding: 8pt 0 8pt 0;
	border-top: 1pt dashed #ccc;
	border-bottom: 1pt dashed #ccc;
}
	

/* Blogs */
ul.blogs li {margin-top:10pt;}
li.einzelblog img {float:left; margin:0 5pt 5pt 0;}

/* FAQ Settings*/
div.accordion {
	width: auto;
}

div.faq div.accordion h3,
div.faq div.accordion-toggle, 
div.faq div.accordion-toggle-active,
div.faq div.accordion-content,
div.faq div.form-content {
	border: 0;	
}
div.faq div.accordion-content p,
div.faq div.accordion-toggle {
	padding-left: 0;
	padding-right:0;
}
div.faq div.accordion-toggle {
	height: 18pt;
	line-height: 18pt;
}

/* News */
ul.news li,
ul.freundesliste li {
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #CCCCCC;
}
span.date,
span.datum,
div.tweet span {
	font-size: 80%;
	color:#666666;
}

/* Comiclist, Friendlist */
ul.comiclist img,
ul.freundesliste img,
ul.meine_comics img{
	float: left;
	margin: 0 0.5em 0.5em 0;
	height: auto;
}
ul.comiclist li ul li img {
	margin: 0;
	float:none;
}
ul.comiclist li ul li,
ul.freundesliste li ul li {
	display: inline;
	border: 0;
	padding: 0;
	margin: 0;
}
ul.comiclist li a.titel  {
	display: block;
}

ul.comiclist li.comicbox {
	clear: left;
}
ul.comiclist li.comicbox a:after,
ul.freundesliste li a:after{
	content: "";
}
ul.comiclist li.comicbox a.titel:after,
ul.freundesliste li a.user:after{
	content: " < "attr(href)" > ";
}

div a.buttonlink {
	clear:both;
	display:block;
}
br.clear {
	clear:both;
} 

/* Comic Detail */

div.comicbox_head div.bewerten a:after,
div.comicbox_head ul#imagefade a:after, {
	content: "";
}
div.comicbox_head div.bewerten li {
	display: inline;
}

/* Profile */

div.tweet a.tb:after {
	content: "";
}

/* Messages */

ul.nachrichten li a:after {
	content: "";
}
ul.caption li {
	display: inline;
}

/* Comicsammlung */
div.bibliothek div#horizontal_carousel_b ul.slider_h li a:after {
	content: "";
}
div.bibliothek div#horizontal_carousel_b ul.slider_h li {
	display: inline;
}
div.bibliothek div.detail img,
ul.meine_comics div.optionen{
	display:none;
}
div.bibliothek {
	margin-bottom: 1.5em;
}
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             5. Forms
/*  ----------------------------------------------------------------------------------------------------------  */

form input {
	border: 0;
}


form.kommentar_posten, form button, form div.anhang, div.tablenav, table tr td.loeschen, table tr td.auswahl, a.buttonlink, form a:after {
	display:none !important;
}
form#messages table tr td {
	padding-right:10pt;
}