/* @override 
	http://localhost/pneuma/css/screen.css
	http://pneuma-energie.de/assets/templates/pneuma-energie/css/screen.css
	http://www.pneuma-energie.de/assets/templates/pneuma-energie/css/screen.css
	http://localhost/modx-pneuma/assets/templates/pneuma-energie/css/screen.css
*/

@media screen,print {


/* 
CSS Reset by Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/

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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* 
based on Stefan Nitzsche’s work
http://nitzsche.info
*/

html {
height: 100%;
}

body {
height: 101%;
background-color: #fff;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

.hideme {
position: absolute;
left: -9999em;
top: -9999em;
}

label, 
input[type=button],
input[type=submit], 
button {
cursor: pointer;
}

q:lang(de) {
quotes: '„' '“' '‚' '‘';
}

q:lang(en) {
quotes: '“' '”' "‘" "’";
}

abbr[title] {
border-bottom: 1px dotted #888 !important;
cursor: help;
}

a abbr {
cursor: pointer !important;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.ie7 address {
font-style: normal;
}

img { 
-ms-interpolation-mode: bicubic; 
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
}

@media screen {
@font-face {
  font-family: 'Graublau Web';
  src: url('type/GraublauSansWeb/GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('type/GraublauSansWeb/GraublauWeb.otf') format('opentype');
}

Body {
	color: #333333;
	font-family: 'Lucida Grande', 'Gill Sans', Arial, sans-serif;	
	line-height: 1.5em;	
}

#header,#navtop,#navtop a,#shadow {
	background: #ffffff url('img/navbar_sprite.png') repeat-x top left;
}

img {
	border: 0;
}

#content img.article-image {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	border: 1px dashed #1591a7;
	padding: 10px;
	background: #e7f4f6;
}
#logo {
	width: 230px;
	height: 78px;
	margin: 0;	
	margin-top: 22px;
	float: left;
}

#logo a,#textframe {
	background: transparent url('img/header_sprite.png') no-repeat top left;
}
#logo a {
	display: block;
	width: 230px;
	height: 78px;
	
	text-indent: -999px;
}

a:link,
a:visited {
	color: #bc36a6;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	text-decoration: underline;
}

#textframe {
	background-position: 0 -128px;
	width: 249px;
	height: 100px;
	text-indent: -9999px;
	float: left;
	margin-left: 100px;
}

/* @group Headings */
h2 {
	color: #bc36a6;
	font-size: 2em;
	font-family: georgia, serif;
	font-style: italic;
	letter-spacing: 0.05em;
	text-shadow: #ccc 2px 2px 3px;
}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; font-family: georgia, serif; letter-spacing: 0.05em;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

#sidebar h3 {
	font-family: georgia, serif;
	font-variant: small-caps;
	color: #bc36a6;
	letter-spacing: 0.1em;
}

/* @end */

/* @group Struktur */
#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 

#skip a:active, #skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
}
#header {
	padding-left: 30px;
}

#shadow {
	clear: both;
	background-position: 0 -257px;
	height: 7px;
	width: 100%;
}
#page {

	margin-top: 30px;
	margin-left: 30px;
}
#sidebar {
	float: left;
	width: 240px;
	margin-right: 90px;
	margin-bottom: 2em;
}
#content {
	width: 630px;
	float: left;
	margin-bottom: 2em;
}

#footer {
	clear: both;
	margin-top: 2em;
	padding-top: 1em;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #ccc;
}

/* @end */

/* @group Navtop */
#navtop {
	height: 48px;
	background-position: 0 -140px;
	clear: both;
	padding-left: 30px;
}

#navtop ul li {
	float: left;
}
#navtop ul li.last {
	border-right: 1px solid #bbdbe1;
}
#navtop ul li.first {
	border-left: 1px solid #115e6d;
}

#navtop li.active a:before {
	content: '[';
}
#navtop li.active a:after {
	content: ']';
}

#navtop a:link,
#navtop a:visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	line-height: 48px;
	height: 48px;
	padding: 0 20px;
	border-left: 1px solid #bbdbe1;
	border-right: 1px solid #115e6d;
	background-position: 0 -140px;
}

#navtop a:hover,
#navtop a:active,
#navtop a:focus {
	background-position: 0 -187px;
	border-left-color:#115e6d;
}

/* @end */
#content ul {	
	list-style-image: url('img/bullet.gif');
	list-style-position: outside;
	line-height: 1.5em;
	margin: 1.5em;
}
#content ul li,
#content ol li {
	padding: 0.5em 0;
}
#content ol {
	list-style: decimal outside;
	margin: 1.5em;
}
/* @group Box */
.box {
	width: 240px;
	margin-bottom: 20px;
}
.box h3 {
	margin: 0 0 0 10px;
	text-shadow: #ccc 2px 2px 3px;
}
.box h4 {
	margin: 0 0 5px 0;	
	border-bottom: 1px solid #1591a7;
}

.box ul {
	padding-bottom: 20px;
}

.box .content {
	background: #e7f4f6;
	width: 220px !important;
	width: 240px;
	font-size: 0.8em;
	font-family: 'Graublau Web';
	padding: 10px 10px 0 10px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-bottomleft:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius: 15px;
	-moz-box-shadow: 4px 4px 5px #ddd;
	-webkit-box-shadow: 4px 4px 5px #ddd;
	box-shadow: 4px 4px 5px #ddd;
}


.box h4 a:link,
.box h4 a:visited {
	color: #1591a7;
}

.box h4 a:hover,
.box h4 a:active,
.box h4 a:focus {
	color: #bc36a6;
	text-decoration: none;
}

.box ul li {
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
	list-style: none;
}
.box ul li.last {
	border-bottom: 0;
}
.box ul li.active a,
.box ul li.active ul li.active a:link,
.box ul li.active ul li.active a:visited {
	color: #1591a7;	
}
.box ul li ul  {
	display: none;
}
.box ul li.active ul {
	display: block;
	padding-left: 2em;
} 
.box ul li.active ul li a:link,
.box ul li.active ul li a:visited {
	color: #bc36a6;
}
span.datum {
	margin-right: 1em;
	display: block;
	float: left;	
	font-family: georgia, serif;
}

a.next {
	float: right;
}
a.previous {
	float: left;
}

#content .box h3 {
	color: #bc36a6;
	font-variant: small-caps;
}
#content .box ul,
#content .box ol {
	margin: 0;
}
#content .box {
	width: 300px;
	float: left;
}

#content .box .content {
	height: auto !important;
	height: 200px;	
	min-height: 200px;
}
/* @end */



/* @group Formular */

#content form {
	margin: 2em 0;
	background: #e7f4f6;
	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-bottomleft:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius: 15px;
	-moz-box-shadow: 4px 4px 5px #ddd;
	-webkit-box-shadow: 4px 4px 5px #ddd;
	box-shadow: 4px 4px 5px #ddd;
	
}
#content form fieldset {
	padding-bottom: 10px ;
}
#content form p {
	margin: 1em;
}
#content form legend {
	color: #bc36a6;
	font-family: georgia, serif;
	font-variant: small-caps;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	position: relative;
	top: -1em;
	left: 10px;
    text-shadow: #ccc 2px 2px 3px;
}

#content form input[type=text],
#content form textarea{
	border: 1px solid #ffffff;
	width: 230px;
	padding: 5px;
}
#content form input:focus,
#content form textarea:focus {
	border-color: #bc36a6;
}
#content form textarea {
	width: 390px;
	height: 200px;
}
#content form label {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	font-weight: normal;
	margin-right: 20px;
}
#content form p {
	font-family: 'Graublau Web', sans-serif;
}
#content form input.submit {
	margin-right: 60px;
}
/* @end */

/* @group Gaestebuch */
ol#guestbook {
	list-style: none;
	margin: 0;
}

.jot-row,
ol#guestbook li.even {
	background: #fff url('img/bg_even.jpg') repeat-x top left;
	border: none;
}

.jot-row-alt,
ol#guestbook li.odd {
	background: #fff url('img/bg_odd.jpg') repeat-x top left;
	border: none;
}

.jot-row,
ol#guestbook li {
	font-family: georgia, serif;
	font-style: italic;
	padding: 1em;
}

.guestbook_small {
	font-size: 0.75em;
	color: #666;
}

.guestbook_top {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
}
.jot-row p,
ol#guestbook li p {
	margin: 20px;
}
input#vericode {
	margin-left: 155px;
	margin-top: 20px;
}
/* @end */

/* @group Visitenkarte */

.vcard .org {
	font-variant: small-caps;
	font-family: georgia, serif;
	font-size: 1.3em;
}

/* @end */


.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}

p {
	margin: 0 0 1.5em 0;
}

/* @group lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* @end lightbox */


.ie6 #navtop ul li {
	width: 150px;
}
.ie6 #navtop ul li a {
	text-align: center;
}
.ie6 #sidebar {
	margin-right: 70px;
}
.ie6 #sidebar .box {
	width: 220px;
	margin-right: 0;
	float: left;
}
.ie6 #sidebar .box .bottom {
	width: 260px;
}
.ie6 #content {
	margin-left: 0px;
}
.ie6 #content form input,
.ie6 #content form textarea {
	border: 1px solid #fff;
	width: 240px;
}
.ie6 #content form textarea {
	width: 400px;
}
.ie6 #content form input.submit {
	width: 150px;
}
}

@media print {
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}
#header,
#sidebar,
#navtop,
#skip {
	display: none;
}

#content {
	width: 17cm;
	margin: 2cm;
}
} /* end print */