/* @override
http://warumglaubstdunoch.de/css/screen.css
http://local.warumglaubstdunoch.de/css/screen.css 
http://wgdn.df-pro.de/css/screen.css
*/

@import url(reset.css);
@import url(fonts.css);
@import url(uni-form.css);

/* @group Links */
a {
	color: #903;
	cursor: pointer;
	}
a:hover {
	color: #03c;
	}
a:active {}
a:visited {}
/* @end Links */

/* @group Tag Defaults */
p {margin: 1em 0;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
/* @end Tag Defaults */

/* @group Layout */
body {
	text-align: center;
	padding: 0 10px;
	}
#doc {
	text-align: left;
	width: 940px;
	width: 60em;
	margin: 0 auto;
	}
/* Clearing: */
#doc:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#doc {display: inline-block;}
#doc {display: block;}
/* @end Layout */

/* @group Layout Klassen */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
/* @end Layout Klassen */

/* @group Headlines */
h1, h2, h3, h4, h5, h6,
legend {
	font-weight: bold;
	margin: 1em 0;
	}
h2 span {
	font-size: 197%;
	}
h3 span,
legend {
	font-size: 136%;
	}

/* @end Headlines */

/* @group Header */
#hd {
	padding: .5em 0 1em;
/*	border-left: 16em solid;*/
	padding-left: 17em;
	border: 1px solid #903;
	border-width: 1em 0 1px;
	}
.logo {
	display: block;
	display: none;
	float: left;
	margin-left: -17em;
	margin-top: .5em;
	width: 15em;
	text-align: center;
	text-decoration: none;
	}
.logo span {
	font-size: 400%;
	font-weight: bold;
	color: #ccc;
	}
.logo em {
	font-style: normal;
	font-size: 115%;
	color: #999;
	vertical-align: -.14em;
	}
.logo:hover span {
	color: #999;	
	}
.logo:hover em {
	color: #03c;
	}
h1 {}
h1 strong {
	display: block;
	margin-bottom: .5em;
	font-size: 197%;
	}
h1 em {
	display: block;
	font-size: 136%;
	font-style: normal;
	}
h1 a {
	text-decoration: none;
	}	
/* Clearing: */
#hd:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#hd {display: inline-block;}
#hd {display: block;}
/* @end Header */

/* @group Body */
#bd {
	position: relative;
	height: 1%;
	}
/* @end Body */

/* @group Content */
#cn {
	margin-left: 16em;
	padding: 1em;
	}
#cn ul {
	}
#cn dl {
	margin: 1em 0;
	}
#cn dt {
	font-weight: bold;
	}
#cn fieldset {
	padding-top: .5em;
	}
blockquote {
	margin: -1px 2em 0 2em;
	border: 1px solid #e6e6e6;
	border-width: 1px 0;
	font-style: italic;
	}
.p1, .p2 {
	margin: 0em 0;
	padding: .5em;
	}
.p1 {
	border-bottom: 1px solid #e6e6e6;
	}
.p2 {
	border-bottom: 1px solid #ccc;
	padding-left: 2em;
	}
.p1 span, .p2 span {
	color: #000;
	}
.articlePosted {
	border-bottom: 1px solid #ccc;
	padding: 1em 0;
	text-align: right;
	}
h3#comment {
	padding-top: 1em;
	border-top: 1px solid #903;
	}	
#cpreview {
	background: #ffc;
	}
ul.comments_error,
p.txpCommentInputForm,
.infoBox,
form .zemError,
.zemThanks {
	border-style: solid;
	border-width: 1px 1px 1px 1em;
	border-color: #33690e;
	color: #193e00;
	padding: .5em;
	margin: 0 0 1em 0;
	}
.zemContactForm label {
	}
.zemContactForm input,
.zemContactForm textarea {
	margin: .5em 0 1em 0;
	}
ul.comments_error,
form .zemError {
	border-color: #903;
	color: #903;
	font-weight: bold;
	}
form .zemError {
	font-weight: normal;
	color: #000;
	}
form .zemError strong {
	color: #903;
	}
/* @end Content */

/* @group Sidebar */
#sb {
	position: absolute;
	top: 0;
	left: 0;
	width: 15em;
	padding-top: 2em;
	}
#sb h3 {
	padding: 1em;
	margin: 0;
	}
#sb h3 span {
	font-size: 100%;
	}
#sb ul {
	margin: 0em 0 0  0;
	padding: 0 0 0 0;
	}
#sb #navAbout {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	}
#sb #navArticle {
	margin-bottom: 1em;
	border: ;
	}
#sb #navContact {
	border-top: 1px solid #ccc;
	padding-top: 1em;
	}
#sb li a {
	border-left: 1em solid #e6e6e6;
	}
#sb li a {
	display: block;
	backg round: #fff;
	padding: .4em 1em .4em 1em;
	margin: 0 0em 1px 0em;
	text-decoration: none;
	}
#sb li a:hover {
	color: #03c;
	border-color: #ccc !important;
	background: #e6e6e6;
	}
#sb li.active a,
#sb li a.active,
#sb li.active a:hover,
#sb li a.active:hover {
	text-decoration: none;
	font-weight: bold;
	background: #903;
	border-color: #680023 !important;
	color: #fff;
	cursor: default;
}
/* @end Sidebar */

/* @group footer */
#ft {}
/* @end footer */