/* Dieses Stylesheet wird Ihnen freundlich präsentiert von Gerrit van Aaken, praegnanz.de */
/* Aktueller Stand: 08. Dezember 2009 */

* {
margin: 0;
padding: 0;
list-style-type: none;
}

html, body {
height:100%;
}

:focus {
-moz-outline-style: none;
}

fieldset {
	border: none;
}

a:link,
a:visited {
color: #595959;
text-decoration: underline;
}

a:focus,
a:hover,
a:active {
color: #4ABC2C;
}

body {
font: normal 13px/20px verdana, sans-serif;
color: #595959;
background: #fff;
}

#wrapper {
width: 882px;
position: relative;
margin: 120px auto 0 auto;
border-right: 40px solid #fff;
}

#footer {
	padding-bottom: 3em;
	clear: both;	
}

#inhalt, 
.post,
#paging {
	position: relative;
width: 771px;
float: right;
background: url(../img/rahmen-oben.gif) 0 0 no-repeat;
}

.post {
	background-position: 50% 0;
	border-left: 1px solid #4ABC2C;
	border-right: 1px solid #4ABC2C;
}

.post,
#paging {
	margin-bottom: 30px;
	padding: 22px 85px 0 84px;
	width: 600px;
}

#paging {
	background: none;
	padding-top: 0;
	margin-top: -10px;
	overflow: hidden;
}

#paging .left {
	float: left;
	width: 49%;
}

#paging .right {
	float: right;
	width: 49%;
	text-align: right;
}

.eop {
	background: url(../img/rahmen-unten.gif) 0 0 no-repeat;
	height: 1px;
	clear: both;
	margin: 25px -85px 0 -84px;
}

.post h1 {
	display: block;
	margin: 2px 0 8px 0;
	line-height: 1.1em;
}

.post h1 a:link,
.post h1 a:visited {
	color: #4ABC2C;
	text-decoration: none;
}

.post h1 a:focus,
.post h1 a:hover,
.post h1 a:active {
	text-decoration: underline;
}

.bild {
	margin-bottom: 15px;
	padding-top: 4px;
}

.kontur img {
	border: 1px solid #4ABC2C;
}

.links {
	float: left;
	margin-right: 31px;
}

.rechts {
	float: right;
	margin-left: 31px;
}


#inhalt #text {
margin: 274px 30px 10px 43px;
min-height: 163px;
}

h1 {
color: #262626;
font-family: georgia, serif;
font-weight: normal;
display: inline;
font-size: 2.2em;
}

#text h2 {
display: inline;
font-size: 1em;
}

#text p {
margin-top: 19px;

}

#text p.haupttext {
display: inline;
}

cite,
blockquote {
	background: url(../img/cite.gif) 0 3px no-repeat;
	padding-left: 22px;
}

blockquote {
	margin: 1em 0;
	padding-left: 22px;
	font-style: italic;
	background: url(../img/cite.gif) 0 5px no-repeat;
}

.post li,
.post ul,
.post ol,
.post dl,
.comments p,
.post p {
	margin-bottom: 1em;
}

.post p.meta {
	margin: 0;
}

.post ul li {
	background: url(../img/bullet.gif) 0 10px no-repeat;
	padding-left: 12px;
	
}



/* -------------------------- Navigation */


#navi {
position: absolute;
top: 277px;
left: 0;
float: left;
width: 104px;
}

#navi li {
text-align: right;
width: 94px;
}

#navi li#nav-weblog {
	margin-top: 10px;
}

#navi li a {
width: 94px;
height: 22px;
background: url(../img/navi-map.gif) 0 0 no-repeat;
display: block;
line-height: 1000em;
overflow: hidden;
}

#navi li#nav-einstieg a:link,
#navi li#nav-einstieg a:visited     { background-position: 0 0; }
#navi li#nav-arbeitsweise a:link,
#navi li#nav-arbeitsweise a:visited { background-position: 0 -22px; }
#navi li#nav-portfolio a:link,
#navi li#nav-portfolio a:visited    { background-position: 0 -44px; }
#navi li#nav-kontakt a:link,
#navi li#nav-kontakt a:visited      { background-position: 0 -66px; }
#navi li#nav-spielwiese a:link,
#navi li#nav-spielwiese a:visited   { background-position: 0 -88px; }
#navi li#nav-weblog a:link,
#navi li#nav-weblog a:visited   { background-position: 0 -110px; }
#navi li#nav-archiv a:link,
#navi li#nav-archiv a:visited   { background-position: 0 -132px; }

#navi li#nav-einstieg a:focus,
#navi li#nav-einstieg a:hover,
#navi li#nav-einstieg a:active      { background-position: -94px 0; }
#navi li#nav-arbeitsweise a:focus,
#navi li#nav-arbeitsweise a:hover,
#navi li#nav-arbeitsweise a:active  { background-position: -94px -22px; }
#navi li#nav-portfolio a:focus,
#navi li#nav-portfolio a:hover,
#navi li#nav-portfolio a:active     { background-position: -94px -44px; }
#navi li#nav-kontakt a:focus,
#navi li#nav-kontakt a:hover,
#navi li#nav-kontakt a:active       { background-position: -94px -66px; }
#navi li#nav-spielwiese a:focus,
#navi li#nav-spielwiese a:hover,
#navi li#nav-spielwiese a:active    { background-position: -94px -88px; }
#navi li#nav-weblog a:focus,
#navi li#nav-weblog a:hover,
#navi li#nav-weblog a:active       { background-position: -94px -110px; }
#navi li#nav-archiv a:focus,
#navi li#nav-archiv a:hover,
#navi li#nav-archiv a:active    { background-position: -94px -132px; }

#wrapper #navi li#nav-einstieg.aktiv a       { background-position: -188px 0; }
#wrapper #navi li#nav-arbeitsweise.aktiv a   { background-position: -188px -22px; }
#wrapper #navi li#nav-portfolio.aktiv a      { background-position: -188px -44px; }
#wrapper #navi li#nav-kontakt.aktiv a        { background-position: -188px -66px; }
#wrapper #navi li#nav-spielwiese.aktiv a     { background-position: -188px -88px; }
#wrapper #navi li#nav-weblog.aktiv a     	{ background-position: -188px -110px; }
#wrapper #navi li#nav-archiv.aktiv a     	{ background-position: -188px -132px; }

#globalnavi {
background: url(../img/rahmen-unten.gif) 0 0 no-repeat;
clear: both;
margin-left: 111px;
padding: 5px 0 0 510px;
text-align: right;
}

#globalnavi li {
float: left;
}

#globalnavi li a {
display: block;
line-height: 2000px;
height: 29px;
overflow: hidden;
width: 99px;
text-indent: 1000px;
}

#globalnavi li a:link,
#globalnavi li a:visited {
background: url(../img/simon.gif) 0 -29px no-repeat;
}

#globalnavi li#lena a {
width: 132px;
background-image: url(../img/lena.gif);
}

#globalnavi li a:focus,
#globalnavi li a:hover,
#globalnavi li a:active,
#wrapper #globalnavi li.aktiv a {
background-position: 0 0;
}

/* -------------------------- Portfolio */

#portfolio-navi {
position: absolute;
right: 21px;
top: 251px;
text-align: left;
width: 34px;
}

#portfolio-navi li {
float: left;
}

#portfolio-navi li a {
display: block;
width: 13px;
height: 12px;
text-indent: -10000px;
margin-right: 4px;
}

li#pfeil-rechts a:link,
li#pfeil-rechts a:visited {
background: url(../img/pfeil-rechts.gif) 2px 0 no-repeat;
}

li#pfeil-links a:link,
li#pfeil-links a:visited {
background: url(../img/pfeil-links.gif) 2px 0 no-repeat;
}

ul#portfolio-navi li a:focus,
ul#portfolio-navi li a:hover,
ul#portfolio-navi li a:active {
background-position: 2px -12px;
}

#thumb-leiste {
position: absolute;
top: 214px;
left: 100px;
width: 563px;
height: 180px;
overflow: hidden;
}

#thumb-leiste div.first-child {
position: absolute;
top: 0;
left: 0;
width: 800px;
}

#thumb-leiste div.last-child {
position: absolute;
top: 100px;
left: 0;
width: 800px;
}

#thumb-leiste a {
margin-right: 37px;
border: none;
}

#thumb-leiste a:focus img,
#thumb-leiste a:hover img,
#thumb-leiste a:active img {
border: 1px solid #000;
}

#thumb-leiste img {
border: 1px solid #4ABC2C;
}


/* -------------------------- Bildbereich */

.frontlogo {
position: absolute;
right: 90px;
top: 70px;
}

.toplogo {
position: absolute;
right: -58px;
top: -100px;
}

.kein-rand,
.rand {
position: absolute;
left: 44px;
top: 41px;
border: 1px solid #fff;
}

.rand {
border: 1px solid #4ABC2C;
}

#spielwiese {
position: absolute;
left: 3px;
top: 5px;
width: 765px;
height: 421px;
}


/* -------------------------- Kommentare */

.commentswrap {
	background: none;
	width: 600px;
	float: right;
	margin-right: 85px;
}

#textilehelp h3,
.commhead {
	font-size: 1em;
	color: #4ABC2C;
}

.commhead {
	margin: 0 0 1em 0;
}

ul.comments_error {
	margin: 2em 0;
}

.comments_error li {
	text-align: center;
	background: #c00;
	color: #fff;
	margin-bottom: 1px;
}

#txpCommentInputForm fieldset {
	border: none;
	padding: 0 15px 40px 15px;
}

#txpCommentInputForm .field {
	position: relative;
}

#suchen,
#txpCommentInputForm textarea,
#txpCommentInputForm input {
	margin-bottom: 10px;
	background: url(../img/formshadow.gif) 0 0 repeat-x;
	border: 1px solid #666;
	border-color: #8c8c8c #c9c9c9 #dfdfdf #c3c3c3;
	font: normal 12px/14px "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	padding: 3px;
}

#txpCommentInputForm textarea.comments_error,
#txpCommentInputForm input.comments_error {
	border-color: #c00;
}

#txpCommentInputForm textarea {
	width: 330px;
	height: 110px;
	margin: 0;
	line-height: 1.5em;
	margin-bottom: 8px;
} 

#textilehelp {
	position: absolute;
	right: 0;
	top: 0;
	width: 225px;
}

#innerhelp {
	background: url(../img/textilehelp.gif) 0 0 no-repeat;
	width: 184px;
	height: 50px;
	padding: 10px;
	margin-top: 5px;
}

#textilehelp h3 {
	cursor: help;
	font-weight: normal;
	text-decoration: underline;
}

.comments {
	margin-bottom: 2em;
}

#show-list ul li,
#wrapper .comments li {
	padding: 7px 15px 1px 15px;
	background: #edf8e9;
}

#show-list ul li.odd,
#wrapper .comments li.odd {
	background: none;
}

.comments h3 {
	font-size: 1em;
	font-weight: normal;
	color: #4abc2c;
	margin-bottom: 0.5em;
}

.comments h3 a:link,
.comments h3 a:visited {
	color: #4abc2c;
}

.comments h3 a:focus,
.comments h3 a:hover,
.comments h3 a:active {
	color: #4abc2c;
	text-decoration: none;
}

.submitfield {
	width: 339px;
}

.submitfield * {
	vertical-align: top;
}

.submitfield label {
	line-height: 13px;
}

#finden,
#txpCommentInputForm .submitfield input.button {
	border: none;
	float: right;
	width: 80px;
	height: 20px;
	text-indent: -9999em;
	background: url(../img/navi-map.gif) -15px -177px no-repeat;
	cursor: pointer;
	margin-top: -2px;
}

#suchen {
	float: left;
}

#finden {
	width: 70px;
	margin-top: 1px;
	background-position: -25px -154px;
	float: left;
}

#finden:hover {
	background-position: -213px -154px;
}


#txpCommentInputForm #txpCommentSubmit {
	background-position: -15px -199px;
}

#txpCommentInputForm #txpCommentSubmit:hover {
	background-position: -203px -199px;
}

#txpCommentInputForm #txpCommentPreview:hover {
	background-position: -203px -177px;
}

#txpCommentInputForm #txpCommentSubmit[disabled=disabled] {
	display: none;
}


/* -------------------------- Search */


#search {
	margin: -1em 0 1em 0;
}

#searchheader,
#chose-month h1 {
	color: #4ABC2C;
}

#searchheader {
	margin: 0 0 1em 0;
}

#chose-month dt {
	color: #4ABC2C;
	clear: both;
	padding-top: 1em;
}

#chose-month dd {
	float: left;
	margin-right: 1em;
	color: #4ABC2C;
}

#show-list {
	padding-top: 3em;
	clear: both;
}

#show-list h2 {
	font-size: 1em;
	color: #4ABC2C;
	margin-bottom: 1em;
}