/*
Theme Name: PK-Theme
Theme URI: /
Description: Custom Theme for Peter Kuckenburg.
Version: 1.0
Author: Peter Kuckenburg
Author URI: /
Tags: keine
	
	Stylesheet für Bildschrimwiedergabe
	
	Diese Website benutzt die Schrift "Quicksand" (c) Andrew Paglinawan
	
	
	==================== Hinweis zum Urheberrecht / Copyright Notice ====================
	Dieses Stylesheet und alle darin verlinkten Dateien (mit Ausnahme der Schriftarten):
    	                    (CC-by-nc-sa) 2010 Peter Kuckenburg

*/


@font-face {
	font-family: 'Quicksand Book';
	src: url('/fonts/quicksand/quicksand-book.otf') format('opentype');
}

@font-face {
	font-family: 'Quicksand Book Oblique';
	src: url('/fonts/quicksand/quicksand-book-oblique.otf') format('opentype');
}

@font-face {
	font-family: 'Quicksand Bold';
	src: url('/fonts/quicksand/quicksand-bold.otf') format('opentype');
}

@font-face {
	font-family: 'Quicksand Bold Oblique';
	src: url('/fonts/quicksand/quicksand-bold-oblique.otf') format('opentype');
}

body {
	margin-top: 0px;
	margin-left: 0px;
	font-family: 'Quicksand Book', Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	background-color: #354251;
	background-image: url(/gfx/layout/v2.0/body-bg.jpg);
	background-repeat: repeat-x;
}

#kopf {
	height: 105px;
	margin-top: 0px;
}
#kopf h1 {
	display: none;
}

#kopf a.logo {
	background-image: url(/gfx/layout/v2.0/logo.png);
	height: 105px;
	width: 301px;
	display: block;
	margin-left: 26px;
	position: relative;
	z-index: 5;
        font-size: 0px;
}
#umschlag {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}
#umschlag-innen {
	background-image: url(/gfx/layout/v2.0/inhalt-bg.png);
	width: 948px;
	padding-right: 19px;
	padding-left: 19px;
	margin-right: auto;
	margin-left: auto;
}

/* Hauptnavigation */

#navi {
	margin-top: -1px;
	z-index: 10;
	position: relative;
	margin-left: -1px;
}
#navi a.letzterlink {
	padding-bottom: 1px;
}

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	width: 200px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	width: 200px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	width: 232px;
	left: -1000em;
	top: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 199px;
}

ul.MenuBarVertical ul ul {
	margin-left: 231px;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 232px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: 0px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 0px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	color: #FFF;
	text-decoration: none;
	background-image: url(/gfx/layout/v2.0/navi-buttons.png);
	font-size: 1.8em;
	height: 26px;
	padding-top: 13px;
	padding-right: 0px;
	padding-left: 15px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	color: #FFF;
	background-image: url(/gfx/layout/v2.0/navi-buttons.png);
	background-position: 0px -39px;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(/gfx/layout/v2.0/navi-buttons.png);
	background-repeat: no-repeat;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(/gfx/layout/v2.0/navi-buttons.png);
	background-position: 0px -78px;
}

/*******************************************************************************

 SUBMENUS: styles the submenu items

 *******************************************************************************/

ul.MenuBarVertical ul a
{
	background-image: url(/gfx/layout/v2.0/subnavi-buttons.png);
	padding-left: 45px;

}

ul.MenuBarVertical ul a.oben
{
	background-image: url(/gfx/layout/v2.0/subnavi-oben-buttons.png);
}

/* other items in submenu */

ul.MenuBarVertical ul a:hover, ul.MenuBarVertical ul a:focus
{
	background-image: url(/gfx/layout/v2.0/subnavi-buttons.png);
	color: #000;
}

/* first item in submenu */

ul.MenuBarVertical ul a.oben:hover, ul.MenuBarVertical ul a.oben:focus
{
	background-image: url(/gfx/layout/v2.0/subnavi-oben-buttons.png);
	background-position: 0px -40px;
	color: #000;
}



/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}




/* Subnavigation */

#navi ul li ul li a:link, #navi ul li ul li a:visited {
	background-image: url(/gfx/layout/v2.0/subnavi-buttons.png);
	padding-left: 45px;
	text-shadow: #000 1px 1px 1px;
}
#navi ul li ul li a:hover, #navi ul li ul li a:active {
	background-image: url(/gfx/layout/v2.0/subnavi-buttons.png);
	background-position: 0px -39px;
	color: #000;
	text-shadow: #777 1px 1px 1px;
}
#navi ul li ul li a.oben:link, #navi ul li ul li a.oben:visited {
	background-image: url(/gfx/layout/v2.0/subnavi-oben-buttons.png);
}
#navi ul li ul li a.oben:hover, #navi ul li ul li a.oben:active {
	background-image: url(/gfx/layout/v2.0/subnavi-oben-buttons.png);
	background-position: 0px -40px;
}


/* Hauptnavigation Horizontal */

#navi-horizontal {
	height: 69px;
	width: 895px;
	padding-left: 27px;
	padding-right: 26px;
	background-image: url(/gfx/layout/v2.0/navi-horiz-bg.png);
	margin-top: -1px;
	position: relative;
	z-index: 10;
}
#navi-horizontal ul li a:link, #navi-horizontal ul li a:visited {
	height: 26px;
	color: #FFF;
	text-decoration: none;
	background-image: url(/gfx/layout/v2.0/navi-horiz-buttons.jpg);
	background-position: 0px 120px;
	display: block;
	font-size: 1.6em;
	padding-top: 14px;
	padding-left: 15px;
	text-shadow: #036 1px 1px 1px;
}
#navi-horizontal ul li a:hover, #navi-horizontal ul li a:active {
	background-image: url(/gfx/layout/v2.0/navi-horiz-buttons.jpg);
	background-position: 0px 80px;
}
#navi-horizontal ul li a.MenuBarItemSubmenuHover{
	background-image: url(/gfx/layout/v2.0/navi-horiz-buttons.jpg);
	background-position: 0px 40px;
}


/* Subnavigation Hoizontal */

#navi-horizontal ul li ul li a:link, #navi-horizontal ul li ul li a:visited {
	background-image: url(/gfx/layout/v2.0/subnavi-horiz-buttons.png);
	background-position: 0px -1px;
	height: 24px;
	width:165px;
	text-shadow: #000 1px 1px 1px;
}
#navi-horizontal ul li ul li a:hover, #navi-horizontal ul li ul li a:active {
	background-image: url(/gfx/layout/v2.0/subnavi-horiz-buttons.png);
	background-position: 0px -41px;
	color: #000;
	text-shadow: #777 1px 1px 1px;
}
#navi-horizontal a.letzterlink {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #036;
}




strong {
        font-family: 'Quicksand Bold', Arial, Helvetica, sans-serif;
}
.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}
#titelbild {
	position: relative;
	top: -300px;
	left: 152px;
	margin-bottom: -299px;
}
#inhalt {
	padding-right: 20px;
	padding-left: 20px;
	color: #000;
	margin-top: 17px;
}
#inhalt p {
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: -5%;
	margin-bottom: 1.5em;
	margin-top: 0px;
}
#inhalt a:link, #inhalt a:visited {
        color: #14A;
        text-decoration: none;
}
#inhalt a:hover, #inhalt a:active {
        color: #D77D00;
        text-decoration: underline;
}
#beitraege {
	width: 720px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4E6E8;
	float: left;
	padding-right: 15px;
        margin-right: 0px;
}
#beitraege .datum {
	color: #354251;
	float: left;
	text-align: right;
	width: 155px;
}
#beitraege .datum p {
	font-size: 1.6em;
	margin-top: 2px;
}

.beitrag {
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E6E8;
	margin-top: 0px;
	float: right;
	width: 520px;
	margin-bottom: 50px;
}

.beitrag h2 {
	font-family: 'Quicksand Bold', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #334151;
	margin-top: 4px;
}
.beitrag ul {
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: -5%;
	list-style-type: square;
}
.beitrag ol {              /* genutzt für Fußnoten */
	font-size: 1.2em;
	line-height: 1.5em;
	letter-spacing: -5%;
        border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E6E8;
}
.beitrag li {
	margin-bottom: .5em;
}

.rubrik h2 {
	font-family: 'Quicksand Bold', Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #334151;
}
.rubrik ul {
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: -5%;
	list-style-type: square;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 157px;
	padding-left: 10px;
}
#sidebar h3 {
	font-size: 2em;
	color: #354251;
	font-family: 'Quicksand Book', Arial, Helvetica, sans-serif;
	margin-top: 2em;
}
#sidebar a:link, #sidebar a:visited {
	color: #D77D00;
	text-decoration: none;
}
#sidebar a:hover, #sidebar a:active {
	color: #6D4000;
	text-decoration: underline;
}
#archiv {
	font-size: 1.3em;
	line-height: 1.3em;
}
#archiv ul {
	list-style-type: none;
	margin: 0px;
        padding: 0px;
	font-family: 'Quicksand Bold', Arial, Helvetica, sans-serif;
}
#archiv ul ul {
	font-family: 'Quicksand Book', Arial, Helvetica, sans-serif;
	margin: 0px;
        padding: 0px;
}
#archiv ul ul ul {
	color: #D77D00;
	font-size: 0.8em;
}
#tweetboxtweets {
	font-size: 1em;
	line-height: 1.3em;
}

#meta {
	font-size: 1.3em;
	line-height: 1.4em;
}
#meta ul {
	list-style-type: none;
	margin-left: -40px;
	font-family: 'Quicksand Bold', Arial, Helvetica, sans-serif;
}




.frei {
	clear: both;
}
a.extern {
	color: #390;
}
#titelbild-unterseite {
	height: 230px;
	position: relative;
	z-index: 5;
	margin-top: -29px;
}
.floatlinks {
	float: left;
}

.floatrechts {
	float: right;
}



/* Fußzeile */

#fuss {
	background-image: url(/gfx/layout/v2.0/fuss-bg.jpg);
	height: 260px;
	padding-right: 37px;
	padding-left: 56px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 60px;
	padding-top: 20px;
}
#fuss a {
	color: #FFF;
	text-decoration: none;
}

#fuss a:hover {
	text-decoration: underline;
}

#fussnavi {
	margin-right: auto;
	margin-left: auto;
	width: 925px;
	background-image: url(/gfx/layout/v2.0/fussnavi-bg.png);
}
#fuss ul {
	font-size: 1.8em;
	color: #FFF;
	list-style-type: none;
	line-height: 2.4em;
	text-shadow: #036 0px 1px 1px;
	list-style-position: inside;
	margin: 0px;
        padding: 0px;
}

#fuss ul li {
	float: left;
	width: 180px;
	margin: 0px;
        padding: 0px;
	font-family: 'Quicksand Bold', Arial, Helvetica, sans-serif;
}

#fuss ul li ul {
	font-size: 0.8em;
	line-height: 2em;
        margin: 0px;
        padding: 0px;
}

#fuss ul li ul li {
	margin: 0px;
        padding: 0px;
	float: none;
	font: 'Quicksand Book', Arial, Helvetica, sans-serif;
}
#fuss p {
	font-size: 1.3em;
	line-height: 1.8em;
	color: #FFF;
	text-align: center;
	text-shadow: #036 0px 1px 1px;
}
#fuss p a {
	color: #69F;
	text-shadow: #036 0px 1px 1px;
}



#inhalt .permalink {
        font-size: 1.2em;
}
#breadcrumb {
        font-size: 0.8em;
}
.footnote {
        font-size: 0.7em;
        color: #000;
        text-decoration: underline;
}
#fmParty {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.3em;
}
#fmParty fieldset {
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
#fmParty input {
	font-family: 'Quicksand Book', Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	border: 1px solid #CCC;
	height: 20px;
}
#fmParty input.ergebnis {
	border: 1px solid #FFF;
}
/*.2spalten {
        color: #0F0;
        -moz-column-count: 2;
        -moz-column-gap: 1em;
        -moz-column-rule: 1px solid #CCC;
        -webkit-column-count: 2;        
        -webkit-column-gap: 1em;
        -webkit-column-rule: 1px solid #CCC;
}*/

a img { /* für Firefox: Rand um Bilder-Links wegmachen */
        border: none;
}

.fach {
	color: #354251;
	float: left;
	text-align: right;
	width: 155px;
}
#inhalt .fach p {
        font-size: 2em;
        margin-top: 6px;
}
.arbeitinfo-1 {
	background-color: #D5E1EC;
	margin-left: 5px;
	padding: 6px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}

.arbeitinfo-2 {
	margin-left: 5px;
        padding: 6px;
}
.studarbeit .beitrag {
	padding-left: 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E6E8;
	margin-top: 0px;
	float: right;
	width: 742px;
	margin-bottom: 50px;
}
.arbeitdownload {
	float: right;
	width: 200px;
}
.arbeitdownload p {
	font-size: 1em;
	text-align: center;
}
.arbeitdownload img {
	display: block;
	margin-left: auto;
        margin-right: auto;
}
#inhalt a.artikellinkindexseite {
        color: #334151;
        text-shadow: #CCC 1px 1px 2px;
}
#photosidebar {
        width: 225px;
        float: right;
}
#uebermichinhalt {
	float: left;
	width: 650px;
}
#uebermichinhalt h3 {
        font-family: 'Quicksand Bold', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	color: #334151;
	float: left;
	width: 250px;
	text-align: right;
	margin-top: 2px;
}
.uebermichtext {
	float: left;
	padding-left: 20px;
        width: 380px;
}
#linkliste-links {
	width: 434px;
	float: left;
}
#linkliste-rechts {
	float: right;
	width: 434px;
}

#linkliste-links h3, #linkliste-rechts h3 {
	font-family: 'Quicksand Bold', Helvetica, Arial, sans-serif;
	font-size: 2.0em;
	color: #334151;
}
#linkliste-links li, #linkliste-rechts li {
	margin-bottom: 2em;
}
#jahresarchiv {
	-moz-column-count: 2;
        -moz-column-gap: 4em;
        -moz-column-rule: 1px solid #CCC;
        -webkit-column-count: 2;        
        -webkit-column-gap: 4em;
        -webkit-column-rule: 1px solid #CCC;
}
#jahresarchiv h3 {
	font-family: 'Quicksand Bold', Helvetica, Arial, sans-serif;
	font-size: 1.7em;
	color: #334151;
}
ol.commentlist {
	list-style: none;
}

ol.commentlist li.even {
        padding: 15px;
        margin-right: 60px;
}

ol.commentlist li.odd {
        background-color: #D5E1EC;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 15px;
        padding-right: 26px;
        margin-right: 50px;
}

.vcard {
        font-family: 'Quicksand Bold', Helvetica, Arial, sans-serif;
        font-size: 1.3em;
	margin-bottom: 0.7em;
}

#inhalt a.url {
       color: #000;
}

.comment-meta {
        font-size: 1.3em;
	margin-bottom: 1.2em;
}

#inhalt .comment-body p {
        font-size: 1.3em;
        line-height: 1.7em;
        clear: both;
        padding-left: 42px;
}

.avatar {
	float: left;
        margin-right: 10px;
}