@charset "UTF-8";
/*
theme name: funzine.org
theme url: http://www.funzine.org
description: theme für funzine.org
version: 6
author: carolin müller
*/

/* allgemeine anweisungen*/

* {	margin: 0px; padding: 0px; text-indent: 0px; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important; }
.endlst { border: none!important; margin-right: 0!important; }

/* clearfix zum clearen der float-anweisungen */
	.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
/* clearfix angabe für safari */
	.clearfix { display:block; }
/* overflow-methode zum clearen der float-anweisungen */
	.floatbox { overflow:hidden; }
/* ie-clearing für den internet explorer */
	#ie_clearing { display:none; }
	
/* formatierung für skip-links und print */
	.skip, .hideme, .print { position:absolute; top:-9999px; left:-9999px; }
	
/* zeichenformate */
	h1 { font-weight: bold; font-size: 16px; color: #ffffff; padding-bottom: 10px; }
	h2 { font-weight: bold; font-size: 12px; color: #ffffff; padding: 10px 0; }
	
	p, ul, ol { padding-bottom: 12px; }
	ol, ul { list-style: none; }
	strong { font-size: 9px; color: #ffffff; font-weight: normal; }
	span { color: #629fcb; }
	:link, :visited { text-decoration: none; color: #0099ff; }
	a:hover { color: #ffffff; }
	
	.orangetxt { font-weight: bold; font-size: 9px; color: #ff9900; }
	.headtxt { font-weight: lighter; font-size: 9px; color: #788b99; }

/* definition hintergrund und randbreite */

	html { background-color: #032032; }
	body { background: #032032; padding: 10px 0; text-align: center; /* für ie 5*-browser */ 
        font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #b5d1e6; }
	img { border: none; }

/* layout */
	#error-page { top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: table; }
	#error-page p { display: table-cell; vertical-align: middle; text-align: center; }
	#error-page img { display: block; margin: 1em auto }
	
	#page { width: 750px; margin: 0 auto; }
	#header { padding-top: 20px; height: 50px; }
	#main { float: left; width: 750px; padding: 30px 0 0 0; text-align: left; }


	#logo { display: block; width: 300px; position: absolute; }

	#footer { padding: 10px 0; margin-top: 10px; border-top: 1px solid #0c3b58; text-align: left;}
	#footer a{ border-right-style:solid; border-color: #0c3b58; border-right-width: 1px; line-height:10px; margin-right: 8px; padding-right: 8px; }
	#footer :link, #footer :visited { text-decoration: none; color: #afafb7; }
	#footer a:hover { color: #ffffff; }
	#footer_content { width: 100%; overflow: hidden; }
	#footer_copy  { padding:0 0.5em; }
	.footer_links { padding:0 0.5em; position: absolute;}
	
/* zeilen und spalten */

	.col150 { width: 150px; }
	.col200 { width: 200px; }
	.col200-news { width: 200px; padding-top: 30px; }
	.col250 { width: 250px; }
	.col250 p { padding-right: 10px; }
	.col250 ul { list-style: disc; padding-left: 13px; }
	.col300 { width: 300px; }
	.col375 { width: 375px; }
	.col450 { width: 450px; }
	.col500 { width: 500px; }
	.col550 { width: 550px; margin-bottom: 10px; }
	.col550 p { padding-right: 25px }
	
	.col150, .col200, .col200-news, .col250, .col300, .col375, .col450, .col500, .col550  { float: left; position: relative; }
	
	.row1 { width: 750px; margin-bottom: 5px; }
	.row2 { width: 750px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #0c3b58; }
	.row3 { width: 750px; padding: 5px 0; border-top: 1px solid #0c3b58; border-bottom: 1px solid #0c3b58; margin-bottom: 10px; height: 25px; }
	.row3 p { text-align: right; padding-top: 5px; }
	
/* navigation */
	
	#topnav { text-align: left; }
	#topnav li { display: block; float: left;  }
	#topnav li a { background: #032032; margin: 0 2px; padding: 10px; display: block; color: #9f9f9f; text-transform: uppercase; 
		text-decoration: none; font-size: 10px; font-weight: bold; height: 15px; }
	#topnav li a:hover { background: #0c3b58; text-decoration: none; color: #ffffff; }
	.current-top { background: #0c3b58; margin: 0 2px; padding: 10px; display: block; color: #ffffff; text-transform: uppercase; 
	text-decoration: none; font-size: 10px; cursor: pointer; font-weight: bold; height: 15px; }

	#subnav { text-align: left; padding-top: 10px; }
	#subnav ul { list-style: none; }
	#subnav li { display: block; float: left; }
	#subnav li a { margin: 0 2px; padding: 10px 10px 10px 0; display: block; color: #afafb7; text-decoration: none; font-size: 10px; font-weight: bold; height: 10px; }
	#subnav li a:hover { text-decoration: none; color: #ffffff; }
	.current-sub { margin: 0 2px; padding: 10px 10px 10px 0; display: block; color: #0099ff; text-decoration: none; font-size: 10px; cursor: pointer; font-weight: bold; height: 10px; }