/*
 * -------------------------------------------------------  
 * Projekt: Anke Bauz | www.ankebauz.de
 * Author: Marco Nätlitz <marco@naetlitz.de>
 * Screendesign: Stefan Weber <weber@e8media.de>
 * Agency: e8media | agentur für digitale medien | www.e8media.de
 * Copyright: 2007, e8media
 * 
 *
 */
 
 
/*
 * Default
 *
 */
*
{
	margin: 0;
	padding: 0;
}

a
{
	outline: none;
}

body
{
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

/*
 * Content-Design
 *
 */

/* Abstände */
#rightPane p,
#rightPane dl,
#rightPane ul,
#rightPane ol
{
	margin: 0px 0px 20px 31px;
}

/* Überschriften */
h1,
h2,
h3,
h4
{
	font-size: 1.4em;
	font-family: Arial;
	color: #f30093;
	display: block;
	border-bottom: 1px solid #000000;
	margin: 0px 0px 20px 31px;
	padding-top: 35px;
	padding-bottom: 5px;
	line-height: 120%;
}

h2
{
	font-weight: normal;
	font-size: 1.9em;
	border: none;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 15px;
	color: #3e3e3e;
}

h3
{
	color: #3e3e3e;
	border: none;
	font-size: 1.4em;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0;
	margin-bottom: 5px;	
}

/* Bilder im Content */
img
{
	display: block;
	margin: 0px 0px 20px 31px;
}

div#rightPane p img
{
	float: left;
	display: block;
	padding: 3px 3px 3px 3px !important;
	border: 1px solid #d3d3d3 !important;
	margin: 0 10px 10px 0 !important;
}

/* Listen */
div#rightPane dl dt
{
	clear: both;
	font-weight: bold;
	display: block;
	width: 150px;
	float: left;
	color: #3e3e3e;
}

div#rightPane dl dd
{
	width: 374px;
	float: left;
	margin-bottom: 15px;
}

div#rightPane dl dd ul
{
	margin: 10px 0px 0px 15px;
}

/* Standardlisten */
div#rightPane ul
{
	margin-left: 45px;
}

div#rightPane ol
{
	margin-left: 50px;
}

div#rightPane ul.dotList
{
	list-style: none;
	margin-left: 31px;
	margin-top: 10px;
}

div#rightPane ul.dotList li
{
	background: url('/img/gfx/liDot.gif') no-repeat left 4px;
	padding-left: 18px;
	margin-bottom: 10px;
}

div#rightPane img#scriptschutzbild
{
	margin-left: 10px !important;
	padding: 0 0 0 0 !important;
	border: none !important;
	float: left;
}

/* Links */
a,
a:active,
a:visited,
a:focus
{
	color: #f30093;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a.pdf
{
	display: block;
	background-image: url('/img/gfx/pdf.gif');
	padding-left: 20px;
	height: 20px;
	background-position: top left;
	background-repeat: no-repeat;
}

/* Formulare */
form label
{
	font-weight: bold;
	display: block;
	width: 150px;
	float: left;
}

form input,
form select,
form textarea
{
	width: 250px;
	padding: 2px;
	border: 1px solid #6e6e6e;
	color: #3e3e3e;
}

form textarea
{
	height: 120px;
}

form p.button input
{
	width: 150px;
	font-size: 1em;
	font-weight: normal;
	margin-left: 150px;
}

/*
 * Content-Design
 * LeftPane
 */

/* Abstände */
#leftPane p,
#leftPane dl,
#leftPane ul,
#leftPane ol,
#leftPane h1,
#leftPane h2,
#leftPane h3

{
	margin: 0px 0px 20px 0px;
}

#leftPane h3
{
	margin: 0px 0px 5px 0px;
}

/* Liste */
div#leftPane dl dt
{
	font-weight: bold;
}

div#leftPane dl dt span.headline
{
	font-weight: bold;
	float: left;
}

div#leftPane dl dt span.date
{
	font-weight: normal;
	color: Gray;
	font-size: 0.9em;
	float: right;
}

div#leftPane dl dd
{
	clear: both;
	margin-bottom: 10px;
}

div#leftPane dl dd strong
{
	font-weight: normal;
	display: block;
	color: #808080;
	line-height: 200%;
}

div#leftPane img
{
	margin: 0px 0px 0px 0px;
	display: block;
}

div#leftPane p img
{
	float: left;
	margin: 2px 10px 10px 0;
	padding: 3px;
	border: 1px solid #d3d3d3 !important;	
}

/* Serendipity */
div#rightPane div.serendipity_entry_body,
div#rightPane div.serendipity_entry_extended
{
	margin: 0px 0px 20px 31px;
}

div#rightPane div.serendipity_entry_body p,
div#rightPane div.serendipity_entry_extended p,
div#rightPane div.serendipity_entry_body ul,
div#rightPane div.serendipity_entry_extended ul,
div#rightPane div.serendipity_entry_body ol,
div#rightPane div.serendipity_entry_extended ol,
div#rightPane div.serendipity_entry_body h1,
div#rightPane div.serendipity_entry_extended h1,
div#rightPane div.serendipity_entry_body h2,
div#rightPane div.serendipity_entry_extended h2,
div#rightPane div.serendipity_entry_body h3,
div#rightPane div.serendipity_entry_extended h3,
div#rightPane div.serendipity_entry_body ul,
div#rightPane div.serendipity_entry_extended ul 
{
	margin-left: 0;
	margin-right: 0;
}

div#rightPane div.serendipity_entry_body ul,
div#rightPane div.serendipity_entry_extended ul
{
	margin-left: 15px;
}

/* Bild-Attribute von Serendipity überschreiben */
div#rightPane div.serendipity_entry_body img,
div#rightPane div.serendipity_entry_body_extended img,
div#rightPane div.serendipity_entry_body p img,
div#rightPane div.serendipity_entry_body_extended p img
{
	margin: 3px 10px 10px 0 !important;
	padding: 0 0 0 0 !important;
	border: 0 !important;
}

/* Subnavigation */
div#leftPane ul
{
	border-top: 1px solid #c3c3c3;
	margin: 0 0 20px 0;
	list-style: none;
}

div#leftPane ul li
{
	display: block;
	border-bottom: 1px solid #c3c3c3;
}

div#leftPane ul li a,
div#leftPane ul li a:active,
div#leftPane ul li a:focus,
div#leftPane ul li a:visited
{
	display: block;
	width: 100%;
	height: 19px;
	line-height: 19px;
	font-size: 0.9em;
	color: #3e3e3e;
	text-decoration: none;
	background: #ffffff url('/img/gfx/subnav_icon.gif') no-repeat 2px center;
	text-indent: 15px;
}

div#leftPane ul li a:hover
{
	background-color: #efefef;
}

div#leftPane ul li.act a
{
	color: #f30093;
	background-image: url('/img/gfx/subnav_icon_act.gif');
	background-color: #efefef;	
} 

/* IE6 Hack */
* html div#leftPane ul li.act a
{
	color: #f30093 !important;
	background-image: url('/img/gfx/subnav_icon_act.gif') !important;
	background-color: #efefef !important; 	
}


/*
 * Header
 * Logo klickbar, Phark-Methode
 */
 
div#header
{
	display: block;
	width: 850px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -425px;
	background: White url('/img/gfx/marginale.jpg') no-repeat top left;
}

div#header h1
{
	position: absolute;
	top: 50px;
	left: 0;
	border: none;
}

div#header h1 a
{	
	display: block;
	width: 280px;
	height: 90px;
	text-indent: -999em;
}

#header h2
{
	position: absolute;
	text-indent: -999em;
	top: 0;
	left: 0;
	border: none;	
}

/*
 * Struktur
 *
 */
div#bracket
{
	display: block;
	position: absolute;
	width: 850px;
	left: 50%;
	margin-left: -425px;
	top: 150px;
}

div#leftPane
{
	width: 295px;
	display: block;
	float: left;
	padding-bottom: 50px;
}

div#rightPane
{
	width: 555px;
	display: block;
	float: right;
	padding-bottom: 50px;
}

div#footer
{
	display: block;
	clear: both;
	width: 100%;
	height: 50px;
}

/*
 * Footer
 *
 */
div#footer
{
	border-top: 4px solid #3e3e3e;
}

div#footer p
{
	line-height: 30px;
	color: #6e6e6e;
	float: left;
}

div#footer ul
{
	list-style: none;
	float: right;
}

div#footer ul li
{
	display: block;
	float: left;
	line-height: 30px;
}

div#footer ul li a,
div#footer ul li a:active,
div#footer ul li a:focus,
div#footer ul li a:visited
{
	border-left: 1px solid #6e6e6e;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

div#footer ul li a:hover
{
	text-decoration: underline;
}

div#footer ul li.act a
{
	font-weight: bold;
}

div#footer ul li a.first
{
	border: none;
}

/*
 * Navigation
 *
 */
div#header ul
{
	position: absolute;
	top: 0;
	left: 322px;
}

div#header ul li
{
	display: block;
	float: left;
	height: 30px;
}

* html div#header ul li
{
	width: 100px !important;
}

div#header ul li a,
div#header ul li a:active,
div#header ul li a:visited,
div#header ul li a:focus
{
	display: block;
	color: #3e3e3e;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 2px;
	padding-right: 25px;
	height: 30px;
	border-left: 1px solid White;
}

div#header ul li a:hover,
div#header ul li.act a
{
	background: #ffffff url('/img/gfx/li_hover.gif') top left repeat-x;
}

div#header ul li.act a
{
	color: #f30093;
}

/* IE6 Hack */
* html div#header ul li.act a
{
	color: #f30093 !important;
}

/* BLOG */
div#rightPane p.entryInfo
{
	font-size: 1em;
	color: #3e3e3e;
	background: #ffffff url('/img/gfx/subnav_icon.gif') no-repeat 2px center;
	text-indent: 15px;
	margin-top: -5px;
	margin-bottom: 10px;
}

div#rightPane h2 a
{
	color: #3e3e3e;
	text-decoration: none;
}

div#rightPane div.hr
{
	margin: 0 0 10px 31px;
	padding: 0 0 0 0;
	height: 1px;
	width: auto;
	background: url('/img/gfx/hrBg.gif') repeat-x top left;
}

div#leftPane form#searchform
{
	margin-top: 5px;
	margin-bottom: 20px;
}

div#leftPane form#searchform input
{
	font-size: 1em;
	padding: 1px 1px 1px 1px;
	width: 150px;
}

div#leftPane a.serendipity_xml_icon
{
	display: none;
}

div#rightPane div.serendipity_comment p
{
	background: url('/img/gfx/answer.jpg') top left no-repeat;
	padding-left: 30px;
}

.serendipity_comment_captcha
{
    padding-left: 30px;
}

div#rightPane div.serendipity_comment p span.comment_source_author
{
	font-weight: bold;
}

div#rightPane div.serendipity_comment p span.comment_source_date
{
	color: Gray;
	padding-left: 10px;
}

div#rightPane div.serendipity_comment p span.comment_content
{
	display: block;
	padding-top: 4px;
}