@CHARSET "UTF-8";

hmtl, body, div, img, ul, ol, li, h1, h2, h3, p, form, blockquote {
	border:		0;
	margin: 	0;
	padding: 	0; }
li { list-style-type: none; }
a { outline: none; }

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	height: 100%;
	color: #2c2c2c;
	background-image: url(../imgs/page.png); }

div.outer {
	margin:		0 auto;
	min-height: 100%;
	width: 		998px;
	background: url(../imgs/outer-bg.png) center repeat-y; }

div.banner img {
	width: 998px;
	display: block; }
div.banner img.spacer {
	clear: both;
}

div.footer {
	clear: both;
	width: 850px;
	height: 52px;
	margin: 15px auto 0;
	background: url(../imgs/footer.png) bottom no-repeat; }

#navigation {
	color:		#262626;
	width: 		901px;
	height: 	56px;
	padding:	0 0 0 97px;
	background: url(../imgs/navi/navi-bg.png) no-repeat; }
#navigation a {
	color: 		#272727;
	height: 	30px;
	display: 	block;
	float: 		left; }

#navigation a:focus, #navigation a:hover {
	color: #c6e5b4;
	background: url(../imgs/navi/btn_hover.png) repeat-x; }
#navigation a.active {
	color: #c6e5b4;
	background: url(../imgs/navi/btn_hover.png) repeat-x; }
#navigation #nojs a {
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	text-align: center; }
#navigation #nojs span { padding: 0 15px 0 15px; }

.blog, .about, .contact, .admin {
	width: 804px;
	padding: 0 23px 0;
	margin: 0 auto 0;
}

/* Blog */
.blog, .contact {
	background: url(../imgs/blog-bg.png) repeat-y;
}
.blog { padding-top: 1px; margin: 5px auto 0; }
.blog #left {
	width: 510px;
	float: left;
}
.blog li {
	margin: 0 0 50px;
}
.blog li.pagelinks { margin: 0 0 15px 42px; }
.blog h1 {
	font-family: Georgia, serif;
	border-top: 4px solid #9cb68e;
	border-bottom: 1px dotted #9cb68e;
	padding: 7px 0 6px 35px;
	font-size: 22px;
	font-weight: normal;
	font-style: oblique;
	margin: 0 0 10px;
}
.blog h1 a {
	color: #454545;
	text-decoration: none;
}
.blog h1 a:hover {
	color: #676767;
}
.blog #left div.text { padding: 0 0 0 65px }
.blog div.text blockquote { margin: 17px 0 17px 13px; font-family: Georgia, serif; font-size: 11px; line-height: 16px; padding: 5px 15px 3px 20px; border-left: 10px solid #9cb68e; }
.blog p {
	font-size: 11px;
	line-height: 130%;
	margin-bottom: 13px;
	text-align: justify;
}
.blog p.center {
	text-align: center;
}
.blog p b, .blog p strong { color: #414141; }
.blog p img { border: 1px solid #9cb68e; }
.blog p img.full { padding: 0; background: #fff; border: 8px solid #e8e8e8; }
.blog p img.left { float: left; margin: 0 15px 10px 0; padding: 0; background: #fff; border: 8px solid #e8e8e8; }
.blog p img.right { float: right; margin: 0 0 5px 15px; padding: 0; background: #fff; border: 8px solid #e8e8e8; }

.blog p a.teaser { border: 0; display: block; float: left; background: #e8e8e8; margin: 0 15px 10px 0; padding: 7px; }
.blog p a.teaser:hover { background: #c6c6c6; }
.blog p a.teaser img { border: 0; }

.blog a {
	color: #439017;
	text-decoration: underline;
}
.blog a:hover {
	color: #2E6F09;
	text-decoration: none;
}
.blog p.teaser {
	text-align: left;
	margin-bottom: 0px;
}
.blog p.moreinfo {
	color: #696969;
	font-weight: bold;
}
.blog p.more { padding-top: 5px; }
.blog p.more a span {
	font-size: 10px;
	font-weight: normal;
} 
.blog p.more a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.blog p.more a:hover {
	text-decoration: none;
}
.blog p.description {
	clear: both;
	background: url(../imgs/blog-description.png) no-repeat left;
	margin-top: 12px;
	line-height: 12px;
	text-align: right;
	font-size: 10px;
	color: #979797;
}
.blog .description span { padding: 0 5px; color: #94b87c; }
.blog .bookmarks { margin: 0px; }
.blog .bookmarks a { color: #000000; text-decoration: none; margin: 0 3px 0 0; padding: 2px; border: 1px solid #9cb68e; display: inline-block; background: #fbfbfb; }
.blog .bookmarks img { border: 0; }
.blog .bookmarks a.trackback { padding: 2px 5px 3px; }

.blog div.similar { clear: both; margin: 12px 0 0; border-left: 4px solid #94b87c; padding: 3px 0 3px 10px; font-size: 10px; }
ul.similar { margin: 2px 0 0 5px; padding: 0; font-size: 11px; }
ul.similar li { list-style-position: inside; list-style-type: disc; margin: 0; padding: 0; }


.blog .comments {
	padding-left: 65px;
}
.blog h2 {
	border-bottom: 5px solid #9cb68e;
	padding: 5px 0;
	margin: 0 0 15px 65px;;
	font-size: 16px;
}
.blog .comments h3 {
	font-size: 12px;
	margin: 0 0 3px;
}
.blog .comments h3 span {
	padding: 0 0 0 15px;
	font-size: 10px;
	font-weight: normal;
	color: #979797;
}
.blog .comments h3 a { color: #2c2c2c; text-decoration: none; }
.blog .comments h3 a:hover { color: #2c2c2c; }
.blog .comments p {
	margin: 0;
}
.blog .comments li {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #9cb68e;
}
.blog form.comments {
	margin: 40px 0 0;
}
.blog form.comments div.msg { width: 300px; margin: 0 auto 10px; padding: 5px; border: 1px solid #515749; background: #cbddc2; text-align: center; }
.blog form.comments h3 {
	border-bottom: 1px solid #9cb68e;
	padding: 5px 0;
	margin: 0 0 20px 0;
	font-size: 13px;}
.blog form.comments fieldset { border: 0; }
.blog form.comments label {
	width: 80px;
	float: left;
}
.blog form.comments input, textarea {
	background: #efefef; padding: 2px; width: 160px; border: 1px solid #CCCCCC; }
.blog form.comments textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:	12px; width: 315px; }
.blog form.comments .inp3 { background: #bebebe; width: 125px; }
.blog form.comments .inp4 { display: none; }
.blog form.comments p { margin: 0 0 7px; }
.blog #right {
	width: 231px;
	float: right;
}
.blog #right img.headline {
	display: block;
	border: none;
	margin: 0 0 5px 0;
}

.blog #right .teaser {
	font-size: 11px;
	margin: 0 0 35px; }
.blog #right .teaser p {
	margin: 0 0 5px;
	text-align: left; }
.blog #right a.aboutteaser {
	display: block;
	text-align: center;
	margin: 0 auto 10px;
	border-top: 4px solid #9cb68e;
	border-bottom: 1px solid #9cb68e;
	background: #e8e8e8; }

.blog #right #calendar { margin: 0 0 35px; }
.blog #right #calendar table { margin: 0 auto; text-align: center; }
.blog #right #calendar td { padding: 3px 0 3px 0; width: 29px; border: 1px solid #fff; }
.blog #right #calendar td.month { width: 157px; } /* fucking IE */
.blog #right #calendar th { padding: 0 0 3px; }
.blog #right #calendar tr.navi { font-weight: bold; color: #bbbbbb; }
.blog #right #calendar tr.navi a { color: #bbbbbb; text-decoration: none; padding: 0 3px; }
.blog #right #calendar tr.navi td { padding: 4px 0 0 0; }
.blog #right #calendar td.empty { background: #efefef; width: 29px; }
.blog #right #calendar td.haspost { background: #7BC452; color: #FFFFFF; width: 29px; }
.blog #right #calendar td.haspost a { display: block; width: 100%; height: 100%; color: #FFFFFF; text-decoration: none; }
.blog #right div.tooltip { position: absolute; display: none; background: #FFFFFF; color: #2c2c2c; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 5px; font-size: 11px; }
.blog #right div.tooltip span { font-weight: bold; }
.blog #right div.tooltip ul { margin: 1px 0 0; }
.blog #right div.tooltip li { list-style-type: disc; list-style-position: inside; margin: 0; }
	
.blog #right div.tags { width: 224px; margin: 0 auto; line-height: 17px; }
.blog #right div.tags a {
	padding: 0 1px 0;
	color: #696969;
	text-decoration: none;
}
.blog #right div.tags a.imp1 {
	font-size: 17px;
	font-weight: bold;
	color: #878787;
}
.blog #right div.tags a.imp2 {
	font-size: 13px;
	font-weight: bold;
	color: #969696;
}
.blog #right div.tags a.imp3 {
	font-size: 10px;
	color: #c9c9c9;
}
.blog #right div.tags a:hover {
	background: #7BC452;
	color: #FFFFFF;
}

.blog #right div.rss img { float: left; margin: 1px 4px 10px 5px; }
.blog #right div.rss {
	border-top: 1px solid #cccccc;
	padding: 9px 0 0;
	margin: 46px 0 0; }
.blog #right div.rss a { padding: 0 1px 0; font-size: 12px; color: #696969; text-decoration: none; line-height: 15px; }
.blog #right div.rss a:hover { background: #7BC452; color: #FFFFFF; }

.blog #right div.icons { margin: 25px 0 0; }

/* GeSHi - http://qbnz.com/highlighter */
.blog pre.code { margin: 0 0 10px 0; padding: 3px 5px 3px; border: 1px dotted #9cb68e; background-color: #f1f2f0; }
.blog .code div { margin: 0; }
.blog pre.code li { margin: 0; color: black; line-height: 17px; font-family: 'Courier New', Courier; font-weight: normal; font-style: normal; }
.blog .code .de1, .code .de2 {
	font-weight: normal; }
.blog .code .imp {
	font-weight: bold;
	color: red; }
.blog .code li.li2 { font-weight: bold; }
.blog .code .kw1 { color: #b1b100; }
.blog .code .kw2 { color: #000000; font-weight: bold; }
.blog .code .kw3 { color: #000066; }
.blog .code .co1 { color: #808080; font-style: italic; }
.blog .code .co2 { color: #808080; font-style: italic; }
.blog .code .coMULTI { color: #808080; font-style: italic; }
.blog .code .es0 { color: #000099; font-weight: bold; }
.blog .code .br0 { color: #66cc66; }
.blog .code .st0 { color: #ff0000; }
.blog .code .nu0 { color: #cc66cc; }
.blog .code .me1 { color: #006600; }
.blog .code .me2 { color: #006600; }
.blog .code .re0 { color: #0000ff; }
.blog .code .re1 { color: #ff0000; }

/* About */
.about {
	font-size: 11px;
	background: url(../imgs/about-bg.png) repeat-y;
}
.about a {
	color: #439017;
	text-decoration: underline;
}
.about a:hover {
	color: #275101;
	text-decoration: none;
}
.about .left {
	width: 430px;
	float: left;
}
.about .left h1 { font-size: 19px; font-weight: normal; padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #9cb68e; }
.about .left h2 { margin: 0 0 5px 15px; font-size: 13px; font-style: oblique; }
.about .left p { margin: 0 0 15px 15px; line-height: 14px; }
.about .left span { color: #2f352b; background: #cbddc2; padding: 1px 3px 1px; }
.about .right {
	float: right;
	width: 320px;
}
.about .right img.headline {
	display: block;
	border: none;
	margin: 0 0 5px 0;
}
.about .right ul { padding: 0 0 0 5px; margin: 0 0 45px; }
.about .right ul.person { }
.about .right li {
	margin: 0 0 13px;
	line-height: 14px;
	background: url(../imgs/last-li.png) left top no-repeat;
}
.about .right ul.netzwerk li { margin: 0 0 1px; }
.about .right ul.netzwerk a { color: #275101; text-decoration: none; }
.about .right ul.netzwerk a:hover { color: #439017; text-decoration: underline; }
.about .right ul.person span { font-weight: bold; line-height: 16px; padding: 0 0 0 22px; }
.about .right ul.netzwerk span { line-height: 16px; padding: 0 0 0 22px; }
.about .right h2 {
	font-size: 12px;
	margin: 18px 0 8px;
}

/* Kontakt */
.contact { }
.contact .left {
	width: 510px;
	float: left;
}
.contact .left h1 { font-size: 19px; font-weight: normal; padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #9cb68e; }
.contact .left p { font-size: 11px; margin: 0 0 25px 18px; line-height: 14px; }
.contact .left form {
	width: 350px;
	margin: 0 auto 35px; }
.contact .left form p {
	font-size: 11px; font-weight: bold;
	margin: 0 0 5px;
}
.contact .left input, textarea { border: 1px solid #CCCCCC; background: #efefef; margin: 0 0 10px; padding: 2px; width: 200px; }
.contact .left .inp2 { width: 350px; }
.contact .left .inp3 { background: #d5d5d5; margin: 10px 0 0; width: 125px; }
.contact .left .msg { width: 300px; margin: 0 auto 25px; padding: 5px; border: 1px solid #515749; background: #cbddc2; text-align: center; }
.contact .right {
	width: 230px;
	float: right;
}
.contact a {
	color: #5c5c5c;
	text-decoration: none;
}
.contact a:hover {
	color: #afafaf;
}
.contact .right li { margin: 0 0 15px; line-height: 17px; }
.contact .right li.small { font-size: 11px; line-height: 14px; }
.contact .right img.icq { height: 12px; }
.contact .right span {
	font-size: 12px; font-weight: bold; line-height: 16px;
}