/* @group CSS Reset */

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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-weight: inherit;*/
	font-style: inherit;
	font-size: 100%;
	line-height: 150%;
	font-family: inherit;
	vertical-align: baseline;
}

a {
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
  color:#2F3F49;
		
}

a img, :link img, :visited img {
	border: 0;
}


ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* @end */

/* @group Structure */

html, body {
	color: #0A5788;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #ececec url(images/stone_images/body.png) repeat;
	text-align: center;
}

/*  Main Elemente */

.main {
background:#FFFFFF url(images/stone_images/bgshade.gif) repeat-x scroll left top;
padding:40px 220px 40px 40px;
position:relative;
width:678px;
text-align: justify;
font-size: small;
color: #0A5788;
}

.main li {
 padding-left:20px;
}

.main .entry .meta {
background:transparent url(images/stone_images/folder_documents.png) no-repeat scroll 0pt 10%;
left:20px;
margin-left:720px;
padding-left:36px;
position:absolute;
top:85px;
}

.main .entry {
padding:0pt 0pt 35px;
position:static;
}

.main .entry h1 {
font-size:150%;
letter-spacing:-0.05em;
margin-bottom:1em;
}

.main .meta {
  margin-bottom:1em;
}

#layout .main .entry .date {
margin-bottom:-0.4em;
}
.main .entry .meta li {
clear:both;
float:left;
margin-bottom:0pt;
}

.main p {
  margin-bottom: 1em;
}
.main p a {
  color: #0A5788;
}


#layout .main .entry .date {
  margin-bottom: -0.4em;
}
#layout .main .entry .comments {
  margin-bottom: 0.7em;
  display: block;
}
#layout #body .main .entry .tag * {
  color: #001444;
}

#layout .main h2 {
font-size:100%;
letter-spacing:-0.05em;
margin-bottom:-1.6em;
margin-left:690px;
padding:0pt;
text-transform:uppercase;
width:170px;
text-align:right;
color: #E56830;
}

#layout .main h4 {
color:#E56830;
font-size:100%;
letter-spacing:-0.05em;
margin-bottom:-1.6em;
margin-left:690px;
padding:0pt;
text-align:right;
text-transform:uppercase;
width:170px;
}

.main .excerpt {
  font-size: 130%;
  line-height: 140%;
  margin-bottom: 2em;
}
.main .excerpt:first-line {
  font-weight: bold;
}
.main .excerpt * {
  color: #0A5788;
}
.main img.frame {
  background: #fff;
  border: 1px solid #accdff;
  padding: 5px;
}
#layout .content a.frame,
#layout .content a.frame:hover {
  background: transparent;
  border: none;
  padding: 0;
}
.main li {
  background: transparent url(/images/star.png) no-repeat scroll 0% 50%;
  padding-left: 20px;
}

/* Entry Elemente */

.entry {
  padding: 25px;
  position: relative;
  background:transparent url(images/stone_images/badge.png) no-repeat scroll center bottom;
}
.entry h2 {
  font-size: 180%;
  letter-spacing: -0.05em;
  margin-bottom: 0.2em;
}
.entry h2 a {
  color: #001444;
}
.entry .meta {
  margin-bottom: 1em;
}
.entry .meta * {
  display: inline;
}
.entry .meta li {
  background: transparent;
  padding: 0;
}
.entry .date {
  display: block;
  font-weight: bold;
  margin-bottom: -0.3em;

}
.entry .meta a {
  color: #59BBE9;
}
.entry .meta .tag {
  background: transparent url("images/stone_images/tag_blue.png") no-repeat 0 50%;
  padding-left: 20px;
}
.highlight .entry .meta .tag {
  background-image: url("images/stone_images/icon_tag.gif");
}
.entry .more {
  color: #0A5788;
}
.entry p a {
  color: #EC6726;
}

/* Tester wrap */

#teaser-wrap {
   position: relative;
   padding-top: 60px;
}
#teaser-wrap h2 {
  font-size: 100%;
  letter-spacing: -0.02em;
  margin-bottom: 0.2em;
}
#teaser-wrap h2 a {
  color: #fff;
}
#teaser-wrap .meta {
  margin-bottom: 1em;
  font-size: 75%
}
#teaser-wrap .meta * {
  display: inline;
}
#teaser-wrap .meta li {
  background: transparent;
  padding: 0;
}
#teaser-wrap .date {
  display: block;
  font-weight: bold;
  margin-bottom: -0.3em;
  color:#fff;
}
#teaser-wrap .meta a {
  color: #59BBE9;
}
#teaser-wrap .meta .tag {
  background: transparent url("images/stone_images/tag_blue.png") no-repeat 0 50%;
  padding-left: 20px;
}
.highlight #teaser-wrap .meta .tag {
  background-image: url("images/stone_images/icon_tag.gif");
}
#teaser-wrap .more {
  color: #0A5788;
}
#teaser-wrap p a {
  color: #EC6726;
}



/* Navigation */

#navcontainer
{
float:left;
margin-top:0px;
height:70px;
padding-top: 43px;
}

#teaser-wrap {
clear:both;
}
#navcontainer ul {margin:0; padding:0; list-style-type:none;}

#navcontainer li {float:left;list-style-image:none;}


#navcontainer a
{
display: block;
text-decoration: none;
margin: 0;
border-top:0;
border-bottom:0;
font-size:13px;
font-weight:bold;
overflow:hidden;
padding-top:80px;
height:0;
}

#navcontainer a#item1 {background:url(images/stone_images/weblog.png) 0 0 no-repeat; width:69px; }
#navcontainer a#item2 {background:url(images/stone_images/lesen.png) 0 0 no-repeat; width:69px; }
#navcontainer a#item3 {background:url(images/stone_images/projekte.png) 0 0 no-repeat; width:69px; }
#navcontainer a#item4 {background:url(images/stone_images/kontakt.png) 0 0 no-repeat; width:69px; }


#navcontainer a#item1:hover,#navcontainer a#item1.active {background:url(images/stone_images/weblog_hover.png) 0 0 no-repeat;}
#navcontainer a#item2:hover,#navcontainer a#item2.active {background:url(images/stone_images/lesen_hover.png) 0 0 no-repeat;}
#navcontainer a#item3:hover,#navcontainer a#item3.active {background:url(images/stone_images/projekte_hover.png) 0 0 no-repeat;}
#navcontainer a#item4:hover,#navcontainer a#item4.active {background:url(images/stone_images/kontakt_hover.png) 0 0 no-repeat;}


#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#container, #header, #teaser, #index-columns, #screens, #footerbar, #page, #accept-terms {
	display: inline-block;
}

#kontakt #index-columns {
background:#fff url("images/stone_images/bgshade.gif") repeat-x scroll left top;
font-size:small;
}

#index-columns {
background:#fff url("images/stone_images/bgshade.gif") repeat-x scroll left top;
width: 100%;
}

#container, #header, #teaser, #index-columns, #screens, #footerbar, #page, #accept-terms {
	display: block;
}

#container:after, #header:after, #teaser:after, #index-columns:after, #screens:after,  #footerbar:after, #page:after, #accept-terms:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#layout {
	background: url(images/stone_images/layout.png) repeat-x;
	min-width: 960px;
	padding-top: 48px;
	}

#content {
	background: #fff url(images/stone_images/content.png) repeat-y;
	min-width: 960px;
	}

#wrapper {
	background: url(images/stone_images/header.png) no-repeat;
	padding: 2px 11px 0;
	}

#bottom {
	background: #fff url(images/stone_images/bottom.png) no-repeat 0 bottom;
	min-width: 960px;
	padding-top: 46px;
}

#page {
	background: url(images/stone_images/fader.png) repeat-x;
	padding: 40px 35px 0;
	border-top: 2px solid #ededed;
}

/* @end */

/* @group Header & teaser */

#header, #teaser {
	padding: 0 35px;
}

#logo {
	background: url(images/stone_images/logo.png) no-repeat;
	height: 108px;
	float: left;
}

#logo a {
	background: url(images/stone_images/logo.png) no-repeat;
	width: 96px;
	height: 0;
	padding-top: 108px;
	display: block;
	overflow: hidden;
}

#logo a:hover {
	background-position: -96px 0;
}

#tagline {
	color: #999;
	font-size: 68.75%;
	padding-top: 50px;
	float: right;
}

#teaser {
	background: #3076A6 url(images/stone_images/placeholder.png) no-repeat;
	min-height: 390px;
	height: auto !important;
	height: 390px;
	border-bottom: 2px solid #0A5788;
	
}

#kontakt #teaser {
	background: #3076A6 url(images/stone_images/kontakt-header.png) no-repeat;
	min-height: 390px;
	height: auto !important;
	height: 390px;
	border-bottom: 2px solid #0A5788;
	
}


#weblog #teaser {
	background: #3076A6 url(images/stone_images/artikle-nav.png) no-repeat;
	height: auto !important;
	border-bottom: none;
	min-height: 119px;
}

#weblog #teaser-wrap {
display: none;
}

#teaser p {
	color: #fff;
	font-size: 75%;
	width: 450px;
}


/* @group Index Content */


#index-copy {
	width: 635px;
	float: right;
}

.img-padding {
padding-right:7px;
}

/* @end */

/* @group footerbar */

#footerbar {
	background: url(images/stone_images/fader.png) repeat-x;
	margin-top: 15px;
	padding: 40px 5px 5px;
	border-top: 2px solid #ededed;
}

#footerbar-links, #footerbar-mitte, #footerbar-rechts {
	height: 180px;
	width: 270px;
	float: left;
}

#footerbar-links{
	height: 180px;
	width: 540px;
	float: left;
}
#footerbar-categorie {
	margin: 0 29px;
}
#footerbar-mitte {
	margin: 0 29px;
}

#footerbar-links a, #footerbar-mitte a, #footerbar-rechts a, #flickr {
	width: 270px;
	height: 0;
	padding-top: 152px;
	display: block;
	overflow: hidden;
}

#footerbar-links a {
	width: 540px;
	height: 0;
	padding-top: 152px;
	display: block;
	overflow: hidden;
}
#footerbar-links {
/*	background: url(images/stone_images/footerbar-links.png) no-repeat; */
	background: url(images/stone_images/footerbar-cat.png) no-repeat; 
}

#footerbar-links a {
/*	background: url(images/stone_images/footerbar-links.png) no-repeat; */
	/*background: url(images/stone_images/footerbar-cat.png) no-repeat;*/ 
}

#footerbar-links a:hover {
	background-position: 0 0;
}

#footerbar-mitte {
	background: url(images/stone_images/footerbar-mitte.png) no-repeat;
}

#footerbar-mitte a {
	background: url(images/stone_images/footerbar-mitte.png) no-repeat;
}

#footerbar-mitte a:hover {
	background-position: 0 0;
}

#footerbar-rechts {
	background: url(images/stone_images/footerbar-rechts.png) no-repeat;
}

/*#footerbar-rechts a {
	background: url(images/stone_images/footerbar-rechts.png) no-repeat;
}*/

#footerbar-rechts a:hover {
	background-position: 0 0;
}

.categorie {
float:left;
/*padding:2em 30px; 
width:200px;*/
}

.categorie li a {
  background: transparent url("images/stone_images/agt_forward.png") no-repeat 0 0.5em;
  color: #0A5788;
  display: block;
  font-weight: bold;
  line-height: 130%;
  padding: 0.7em 40px;
  padding-right: 0;
  text-decoration:none;
  font-size: 75%;
}

.categorie li a:hover {
  color: #EC6726;
  text-decoration: none;
}
.categorie li a:hover span {
  color: #0A5788;
}
.categorie.links {
  padding-right: 0;
  width: 200px;
  padding-left: 30px;
}
.categorie.mitte {
  padding-top: 2.5em;
  margin: 0 29px;
}
.categorie.main {
  padding: 0;
  width: 450px;
}
.categorie h3 {
  font-size: 130%;
  letter-spacing: -0.05em;
  margin-bottom: 0.5em;
}
.categorie h3 span {
  color: #EC6726;
}
.categorie p {
    margin-bottom: 1em;
}

/* @end */

/* flickr */

#footerbar-flickr {
background: url(images/stone_images/footerbar-rechts.png) no-repeat;
height:155px;
margin-top:0pt;
padding:10px 5pt 15px;
width:270px;
float: left;
display: block;
}

#footerbar-categorie {
	background: url(images/stone_images/footerbar_orange.png) no-repeat;
height:155px;
margin-top:0pt;
padding:10px 0pt 15px;
width:540px;
float: left;
display: block;
}

.flickrbadge {
background:transparent url(images/stone_images/logo_flickr.gif) no-repeat scroll 0%;
height:154px;
}
h2 .footerbar-flickr {
	background: url(images/stone_images/logo_flickr.gif) no-repeat;
}
#footerbar-flickr img {
	float:left;
	margin:2px 20px 10px 40px;
	background:#E4E3E3;
	padding:4px;
	width:62px;
	height:62px;
	}


/* @group Page Formatting */

#page-left {
	width: 571px;
	float: left;
}

#page-left h1 {
	color: #2f3f49;
	font: bold 137.5% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}


.errors {
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	background-color: #c94a14;
	margin-bottom: 15px;
	padding: 20px 25px;
}

.errors h2, .errors p {
	width: 0px;
	height: 0px;
	visibility: hidden;
}

.errors li {
	padding: 2px 0;
}

/* @end */


/* @group Footer */

#footer {
	color: #666;
	font-size: 68.75%;
	text-align: center;
	padding: 20px 0 80px;
}

#footer ul {
	padding-top: 5px;
}

#footer li {
	display: inline;
}

#footer span {
	padding: 0 4px;
}

#footer a {
	color: #666;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

/* Shiny buttons */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
.weiterlesen {
/*background: transparent url('images/stone_images/weiterlesen.gif')no-repeat;
width:171px;
height:30px;*/
}

.column {
   float:left;
   width:270px;
   padding:2em 30px;
}
.links {
   padding-right:0;
}
.mitte {
   padding-top:4.3em;
}
.rechts {
   padding-left:0;
}


#kontakt .impressum {
float: left;
  width: 500px;
  padding: 2em 30px;
}

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


.column h3 {
  font-size: 130%;
  letter-spacing: -0.05em;
  margin-bottom: 1em;
}
.column h3 span {
  color: #EC6726;
}
.column p {
    margin-bottom: 1em;
}

/*Letzte Beitraege*/

.letztebeitraege li {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
  font-size: 75%;
}


.letztebeitraege li a {
  background: transparent url("images/stone_images/folder_documents.png") no-repeat 0 0.7em;
  border-bottom: 1px solid #EDEDED;
  color: #0A5788;
  display: block;
  font-weight: bold;
  line-height: 130%;
  padding: 0.7em 40px;
  padding-right: 0;
  text-decoration:none;
}

.letztebeitraege li a:hover {
  color: #EC6726;
  text-decoration: none;
}
.letztebeitraege li a:hover span {
  color: #0A5788;
}
.letztebeitraege li a span {
  color: #679ef1;
  display: block;
  font-weight: normal;
}
.letztebeitraege.comments li a {
/*  background-image: url("images/stone_images/ok.png");*/
background-image: none;
}
.letztebeitraege.comments li a img {
  position: absolute;
  height: 32px;
  width: 32px;
  left: 0;
}

/* Comment Form */

span.form-input {
float:left;
margin-right:20px;
width:150px;

}

span.form-input label {
display:block;
}

span.form-input label em {
color:#E56830;
font-size:85%;
font-weight:normal;
}

span.form-input input {
font-size:100%;
margin-bottom:10px;
margin-top:3px;
padding:2px;
width:100%;
border:2px solid #9ED6F2;
background-color: #F2FAFE;
}

span.form-textarea label {
clear:both;
display:block;

}

span.form-textarea textarea {
background:#FFFFFF url(images/stone_images/comment-bg.png) repeat-x scroll 0pt 0;
font-family:inherit;
border:2px solid #9ED6F2;
font-size:100%;
margin-bottom:10px;
margin-top:3px;
padding:2px;
width:490px;
}

#kontakt span.form-textarea textarea {
background:#FFFFFF url(images/stone_images/comment-bg.png) repeat-x scroll 0pt 0;
font-family:inherit;
border:2px solid #9ED6F2;
font-size:100%;
margin-bottom:10px;
margin-top:3px;
padding:2px;
width:250px;
}


.senden {
background-color:#F2FAFE;
border:2px solid #59BBE9;
color:#0A5788;
font-size:1em;
font-weight:bold;
margin:0pt 0pt 0pt 2px;
text-align:center !important;
}

#kommentare-content {
  padding: 0px 220px 2.5em 1.5em;
  width: 650px;
  position: relative;
  float: left;
}

#kommentare-content .entry {
background:transparent url(images/stone_images/horizontal_separator.png) no-repeat scroll 50% 0pt;
float:left;
min-height:80px;
padding:25px 80px 15px 220px;
position:relative;
width:500px;
}

#kommentare-content .entry h4 {
font-size:80%;
font-weight:normal;
left:70px;
position:absolute;
top:25px;
width:130px;
}


#kommentare-content .entry h4 .date {
margin-bottom:0.2em;
}

#kommentare-content .entry p {
margin-bottom:1em;
}
#kommentare-content .gravatar {
height:40px;
padding:1px;
width:40px;
float: left;
border:1px solid;
}


#kommentare {
  padding: 0px 220px 1.5em 1.5em;
  width: 650px;
  position: relative;
  float: left;
  font-size:small;
}
#kontakt #kommentare {
  padding: 0px;
  width: 110px;
  position: relative;
  float: left;
}

#kommentare-main {
width: 510px;
}

#kontakt #kommentare-main {
width: 310px;
padding-left: 50px;
}


#kommentare p {
  clear: both;
  color: #E56830;
  margin-bottom: 1em;
  font-size:small;
}

#kommentare .separator {
  color: #0A5788;
  padding-left: 0;
  }
  
}
#kommentare p a {
  color: #fff;
}

#textilehelper {
  color: #0A5788;
  position: absolute;
  right: 25px;
  top: 1px;
  width: 250px;
}

#textilehelper ul {
margin-bottom:1em;
}

#layout .buecherliste li {
float:left;
margin-bottom:9px;
margin-right:9px;
}

.buecherliste a img {
  border: 2px solid #59BBE9;
  height: 160px;
  width: 101px;
}
}

#textilehelper ul li {
color:#9ED6F2;
}

#textilehelper.clickable {
  background: transparent url("images/stone_images/icon_info.gif") no-repeat 2px 2px;
  cursor: pointer;
}
#textilehelper.hover,
#textilehelper.active {
  background: transparent url("images/stone_images/icon_info2.gif") no-repeat 0 0;
}
#textilehelper ul {
  margin-bottom: 1em;
}
#textilehelper.clickable ul {
  background: transparent;
}
#textilehelper ul li {
  color: #5b9cff;
}

code {
background:#F4FCFF none repeat scroll 0% 50%;
border:1px dashed #B1C3DD;
clear:both;
color:#A6101E;
display:block;
font-family:courier,monospace;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:120%;
margin:15px 0pt;
overflow:auto;
padding:10px;
}

pre, code {
font-family:monospace;
font-size:1.1em;
}

span.warning {
background:#FFFFFF none repeat scroll 0% 50%;
border-bottom:medium none;
color:red;
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.3;
margin:1em 1.5em 1em 0.5em;
padding:0.1em 1em 0.5em 0px;
text-decoration:none;
width:450px;
}
.warning {
background:#FFDDDD none repeat scroll 0%;
border-bottom:1px dotted #DDBBBB;
padding:1em;
}

.datum {
display:block;
font-weight:bold;
margin-bottom:-0.3em;
}


/* @end */

/* End of Stylesheet */