/*
	Standard CSS für merl.ws
	
	Wichtige Farben:
	
	Blau: #0088CC;
	Dunkelblau: #015189;
	Rot: #CC0000;
	
	Grau: #222222;
	Grau: #242424;
	Grau: #333333;
	Grau: #555555;
	Grau: #666666;
	Grau: #888888;
	Grau: #999999;
	Grau: #BBBBBB;
	Grau: #DDDDDD;
	Grau: #E6E6E6;
	Grau: #F3F3F3;
	
	Weiss: #FBFBFB;
*/

/* Open Fonttype include */

/*
@font-face {
	font-family: 'Prociono';
	src: url('/public/fonts/Prociono-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'Junction';
	src: url('/public/fonts/Junction-02.otf') format('opentype');
}
*/


/* @group CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

article, aside, canvas, figure, figcaption, section, nav, footer, header { display: block; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td { padding: 3px 10px 3px 0; }

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul { list-style: none; }

caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after { content: ''; }

abbr,acronym { border: 0; }

em {
	font-style: italic;
	color: #888888;
}

/* @end */

/* @group Helper */

body {
	background-color: #242424;
	font-size: 15px;
	font-family: Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.justify { text-align: justify; }

img.left { margin: 8px 10px 0 0; }

img.blog {
	margin: 0 30px 0 0;
	float: left;
}

strong {
	font-weight: bold;
	color: #2F2A29;
	font-size: 110%;
}

a {
	color: #0088CC;
	text-decoration: underline;
}

a:hover,
a.more:hover {
	color: #CC0000;
	text-decoration: underline;
}

a.more {
	color: #2F2A29;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
}

h1 {
	color: #2F2A29;
	font-size: 200%;
	text-shadow: 1px 1px 0.5px #AAAAAA;
	margin-bottom: 30px;
	text-align: center;
}

h2 {
	color: #333333;
	font-size: 130%;
	line-height: 1.5;
	font-weight: bold;
}

h2 a { 
	color: #333333;
	text-decoration: none;
	-webkit-transition: color 500ms linear;
}

h3 {
	color: #0088CC;
	text-shadow: 0px 1px 1px #E6E6E6;
	font-size: 110%;
	line-height: 1;
	font-weight: bold;
	margin: 3px 0 20px;
}

div.rahmen {
	border: 1px solid #EAEAEA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	background-color: #FEFEFE;
	margin-right: 220px;
}

img.header {
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
}


/* @end */

/* @group Header */

header {
	clear: both;
	background: url(/public/img/pattern-2.gif);
	background: -webkit-gradient(radial, center center, 10, center center, 500, from(transparent), to(rgba(0,0,0,0.85))),
				-webkit-gradient(linear, left top, left bottom, from(#000), color-stop(0.1, transparent), to(#242424)), 
				url(/public/img/pattern-1.gif);
	border-bottom: 1px solid #999999;
}

header div.content {
	position: relative;
	height: 130px;
	width: 750px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}
/* @end */

/* @group Main */

section#maincontent {
	clear: both;
	min-height: 400px;
	background: url(/public/img/body-bg.jpg) repeat-x;
	background-color: #FBFBFB;
}

section#maincontent div.content {
	margin: 0 auto;
	width: 750px;
	padding: 50px 10px 30px;
}

/* @end */

/* @group Footer */

footer {
	clear: both;
	background-color: #242424;
	background: -moz-linear-gradient( center top, #666666 0%, #111111 10%, #242424 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), color-stop(0.15, transparent), to(#242424)); 
	height: 180px;
	color: #888888;
	border-top: 1px solid #333333;
	text-shadow: 1px 1px 1px #000000;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 70%;
}

footer div.content {
	margin: 0 auto;
	width: 750px;
	padding: 30px 10px;
}

/* @end */



/* @group Dock */

div#dock {
	display: inline-block;
}

div#dock div.left {
	background: url(/public/img/dock-bg-left.png) no-repeat bottom;
	width: 17px;
	height: 130px;
	float: left;
}

nav#docknav {
	background: url(/public/img/dock-bg-center.png) repeat-x bottom;
	float: left;
	height: 130px;
	overflow: hidden;
	text-align: left;
	padding:  0 10px;
}

div#dock div.right {
	background: url(/public/img/dock-bg-right.png) no-repeat bottom;
	width: 17px;
	height: 130px;
	float: left;
}

nav#docknav ul { list-style-type: none; }

nav#docknav ul li {
	position: relative;
	height: 130px;
	float: left;
	width: 38px;
	-webkit-transition: width 100ms linear;
}

nav#docknav img {
	width: 100%;
	position: absolute;
	bottom: 15px;
	border: 0;
	-webkit-box-reflect: below -3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(0,0,0,0.4)));
}

nav#docknav a span {
	display: none;
	background: rgba(0,0,0,0.6);
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.55);
	padding: 2px 5px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	position: absolute;
	text-align: center;
	top: 15px;
	left: -6px;
	width: 70px;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

nav#docknav a span:after {
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-12px;
	left:35px;
	width:0;
	height:0;
	border:6px solid transparent;
	border-top-color: rgba(0,0,0,0.6);
}

nav#docknav li:hover { width: 70px; }

nav#docknav li:hover span {	display: inline-block; }

nav#docknav li.sibling { width: 48px; }

nav#docknav a { text-decoration: none; }

/* @end */

/* @group Main Content */

section#maincontent p {
	line-height: 1.5;
	color: #555555;	
	margin-bottom: 20px;
}

section#maincontent p strong { text-align: left; }

section#maincontent p.fussnote {
	font-size: 80%;
	color: #999999;
}

section#maincontent p.h1-subline,
section#maincontent h1 + h2 {
	color: #999999;
	font-size: 90%;
	text-shadow: 1px 1px 1px #FFFFFF;
	margin: -30px 0 30px 0;
	text-align: center;
	font-weight: normal;
}

section#maincontent hr {
	border: 0;
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 1px #FFFFFF;
	margin: 20px 0;
}

section#maincontent section.rahmen hr {
	border-top: solid 1px #08C;
	margin: 5px 0 0 0;
}

section#maincontent ul.square {
	list-style: square outside;
	padding: 10px 0 20px 15px;
	margin-bottom: 20px;
	color: #555555;
	line-height: 1.5;
}

section#maincontent ul.disc {
	list-style: disc outside;
	padding: 10px 0 20px 15px;
	margin-bottom: 20px;
	color: #555555;
	line-height: 1.5;
}

section#maincontent p + ul.disc,
section#maincontent p + ul.square { margin-top: -20px; }

section#maincontent .cols2 {
	-moz-column-count: 2;
 	-webkit-column-count: 2;
 	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	margin: 20px 0;
}

section#maincontent .cols3 {
	-moz-column-count: 3;
 	-webkit-column-count: 3;
 	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	margin: 20px 0;
}

section#maincontent div.linkliste {
	background-color: #F3F3F3;
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #E6E6E6 5%, #F5F5F5 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.05, #E6E6E6), to(#F5F5F5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	border: 1px solid #EEEEEE;
}

section#maincontent div.linkliste ul { padding: 10px 0; }
section#maincontent div.linkliste li:nth-child(odd) { background-color: rgba(255,255,255,0.9); }
section#maincontent div.linkliste li:hover { 
	background-color: #0088CC;
	background:-moz-radial-gradient(center, #0088CC, #015189);
	background:-webkit-gradient(radial, center center, 0, center center, 200, from(#0088CC), to(#015189));
}

section#maincontent div.linkliste h3 {
	padding: 10px 10px 0 10px;
	margin: 0;
	font-size: 100%;
	color: #888;
	text-shadow: 0px 1px 1px #FFFFFF;
}

section#maincontent div.linkliste li:hover span.info { 
	color: #DDDDDD;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

section#maincontent div.linkliste li:hover span.title,
section#maincontent div.linkliste li:hover time { 
	color: #FFFFFF;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

section#maincontent div.linkliste a {
	text-decoration: none;
	color: #555555;
	display: block;
	line-height: 1.1;
	padding: 3px 10px 5px;
}


section#maincontent div.linkliste time,
section#maincontent div.linkliste span.title {
	color: #333333;
	font-size: 85%;
}
section#maincontent div.linkliste span.info {
	color: #999999;
	font-size: 75%;
}
section#maincontent div.linkliste time {
	padding-right: 10px;
}

div.topthema { font-size: 90%; }

div.topthema span.comment_total {
	font-size: 80%;
	color: #CCCCCC;
}

section#maincontent img.rahmen {
	border: 1px solid #EAEAEA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 8px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background-color: #FFFFFF;
	margin: 20px 0;
}



/* @end */

/* @group Last Blog Entries */

section#maincontent div.lastblogentries {
	width: 358px;
	float: left;
	margin-top: 30px;
}

/* @end */

/* @group Last Comments Entries */

section#maincontent div.lastcomments {
	width: 358px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}

section#maincontent div.lastcomments img.gravatar {
	float:  left;
	margin: 4px 10px 0 0;
	border-left: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 1px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

section#maincontent div.lastcomments li { clear: both; }

/* @end */

/* @group Anzeigen */

#anzeigen { background-color: #FBFBFB; }
#anzeigen div.content { width: 750px; margin: 0 auto; padding: 0 0 30px 0;}
#anzeigen div.content > div {
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);*/
	-moz-box-shadow: 0 1px 1px #FFFFFF;
	-webkit-box-shadow: 0 1px 1px #FFFFFF;
	box-shadow: 0 1px 1px #FFFFFF;
}

/* @end */

/* @group Footer Content */

footer div.copy {
	float: left;
	width:  auto;
}

footer div.network {
	float: right;
	width: auto;
	margin-right: 20px;
}

footer p { margin-bottom: 10px; }

footer a {
	color:  #888888;
	text-decoration: none;
}

footer a:hover {
	color:  white;
	text-decoration: underline;
}

footer div.network ul { list-style-type: none; }

footer div.network li {
	position: relative;
	float: left;
	height: 34px;
	width: 34px;
	margin-right: 3px;
	background: url(/public/img/social-icons.png) no-repeat;	
	overflow: hidden;
}

footer div.network li a {
	display: block;
	width:  30px;
	height:  30px;
}

footer div.network li.facebook { background-position: -6px -5px; }
footer div.network li.facebook:hover { background-position: -6px -43px; }

footer div.network li.flickr { background-position: -44px -5px; }
footer div.network li.flickr:hover { background-position: -44px -43px; }

footer div.network li.lokalisten { background-position: -82px -5px; }
footer div.network li.lokalisten:hover { background-position: -82px -43px; }

footer div.network li.xing { background-position: -120px -5px; }
footer div.network li.xing:hover { background-position: -120px -43px; }

footer div.network li.twitter {	background-position: -157px -5px; }
footer div.network li.twitter:hover { background-position: -157px -43px; }

footer div.newsletter {
	float: right;
	width: auto;
}

footer div.newsletter label {
	position: absolute;
	left: -10000px;
}

footer div.newsletter input {
	width:  120px;
	margin-right: 4px;
	border:  0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	padding: 3px;
	outline: none;
	border-top: 0;
	background-color: white;
	font-size: 12px;
	color: #333;
}

footer hr {
	border: 0;
	border-top: solid 1px #222222;
	margin: 30px 0 10px;
}

/* @end */

/* @group Forms */

button.nicebutton  {
	border: 0;
	background: #222 url(/public/img/buttonoverlay.png) repeat-x; 
	display: inline-block; 
	padding: 3px 10px 2px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-webkit-transition: background-color 200ms linear;
}

button.nicebutton:hover { background-color: #000; color: #fff; }
button.nicebutton:active { top: 1px; }

form#contact_form input,
form#contact_form textarea {
	width: 400px;
	border: 1px solid #BBBBBB;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	outline: none;
	background-color: #F3F3F3;
	font-size: 100%;
	color: #333333;
}

form#contact_form input:focus,
form#contact_form textarea:focus,
form#contact_form input:hover,
form#contact_form textarea:hover { background-color: white; }



/* @end */

/* @group Comments */

section#comments article { display: block; }

section#comments article.autor { /* meine beiträge */ } 

section#comments { 
	margin-bottom: 20px;
	display: block;
}

section#comments img.gravatar {
	position: absolute;
	float: left;
	margin: 4px 10px 0 10px;
	border-left: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 3px;	
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section#comments header {
	background: none;
	margin-left: 70px;
	border: none;
	height: 40px;
	padding-top: 5px;
}

section#comments header h5 a,
section#comments header h5 {
	color: #333333;
	font-size: 100%;
}

section#comments header time {
	font-size: 80%;
	color: #999999;
}

section#comments section.comment {
	margin-left: 60px;
	margin-top: 12px;
	display: block;
	
}


section#comments section.comment {
	position:relative;
	padding:15px;
	margin: 40px 0 20px;
	border:5px solid #E6E6E6;
	color:#333;
	background:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

section#comments section.comment:before {
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-40px;
	left:10px;
	width:0;
	height:0;
	border:20px solid transparent;
	border-top-color:#E6E6E6;
}

section#comments section.comment:after {
	content:"\00a0";
	display:block;
	position:absolute;
	bottom:-26px;
	left:17px;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#fff;
}

section#comments p {
	margin-bottom: 0;
}


section#commentform {
	display: block;
	margin-top: 50px;
}

section#commentform label {
	display: block;
	margin-top: 15px;
}

section#commentform label span.info {
	color: #999999;
	font-size: 70%;
}

section#commentform label span.info a { color: #666666; }


fieldset#comment_fields input,
fieldset#comment_fields textarea {
	width: 400px;
	border: 1px solid #BBBBBB;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	outline: none;
	background-color: #F3F3F3;
	font-size: 100%;
	color: #333333;
}

fieldset#comment_fields input:focus,
fieldset#comment_fields textarea:focus,
fieldset#comment_fields input:hover,
fieldset#comment_fields textarea:hover { background-color: white; }

fieldset#comment_fields textarea { width: 600px; }

fieldset#comment_action { margin-bottom: 20px; }

fieldset#comment_action button.nicebutton { background: #666 url(/public/img/buttonoverlay.png) repeat-x; }

fieldset#comment_action button.nicebutton:hover { background-color: #333333; }

/* @end */

/* @group Categories */

section#maincontent ul.categories {
	margin-bottom: 10px;
	padding: 0;
}

section#maincontent ul.categories li {
	display: inline;
	margin-right: 5px;
}

section#maincontent ul.categories a {
	font-size: 10px;
	background-color: #E6E6E6;
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px;
	border-radius: 9px;
	color: #888888;
	text-shadow: 1px 1px 1px rgba(255,255,255, 0.5);
	text-decoration: none;
	padding: 2px 10px;
	font-family: Arial;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-transition: background-color 100ms linear;
	line-height: 14px;
	position: relative;
	font-weight: bold;
}

section#maincontent ul.categories a:hover {
	background-color: #0088CC;
	color: #F6F6F6;
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.1);
}

section#maincontent ul.categories a:active {
	top: 1px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* @end */

/* @group Gallery */

section#gallery {
	margin: 30px 0 0;
	clear: both;
}

section#gallery img { 
	margin: 0 5px;
	border-left: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}



/* @end */

/* @group Aside */

aside {
	float: right;
	width: 200px;
	margin: 0 0 30px 20px;

}

aside section.rahmen {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #0088CC;
	margin-bottom: 10px;
	background-color: #F8FDFF;
}

aside section.rahmen > p {
	padding: 10px 10px 0;
	font-size: 80%;
	margin-bottom: 5px !important;
}

aside section.rahmen > p iframe{
	margin-top: 8px;
}
/*
input#paypalsubmit {
	margin-left: 10px;
}
*/

section#flattr {
	text-align: center;
	margin: 25px 0 20px;	
}

section#flattr div.info{
	margin-bottom: 8px;
	color: #B0B0B0;
	font-size: 70%;
}

section#maincontent aside ul {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 10px 0;
}

aside li:hover { background: url(/public/img/arrow-blue.png) no-repeat right; }

aside h3 {
	background-color: #0088CC;
	background: -moz-linear-gradient(center top, #00a8ec 0%, #0088CC 5%, #006f9e 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#00a8ec), color-stop(0.05, #0088CC), to(#006f9e));
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding: 6px 10px;
	margin: 0;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

aside section img.icon {
	width: 50px;
	position: absolute;
}

aside section#downloads p { margin: 0 0 0 60px; }

aside section#downloads a {	padding-bottom: 10px; }

aside li a {
	text-decoration: none;
	color: #555555;
	display: block;
	padding: 2px 10px;
	font-size: 85%;
	-webkit-transition: color 100ms linear;
}

aside li a:hover {
	text-decoration: none;
	color: #0088CC;
}

aside span.title {
	color: #333333;
	font-size: 85%;
}
aside span.info {
	color: #999999;
	font-size: 75%;
}

section.sidebar.frei p {
	padding: 10px;
	font-size: 80%;
	margin: 0 !important;
}

aside figure {
	text-align: center;
	margin-bottom: 20px;
}

section#maincontent aside figure img.rahmen {
	margin-bottom: 2px;
}

aside figcaption {
	font-size: 80%;
}


/* @end */



nav#archiv {
	margin-top: 30px;
}

nav#archiv li {
	float: left;
	padding-right: 20px;
}



/* @group Section Widgets */

section#widgets {
	width: 500px;
	margin: 50px auto;
	border: 1px solid #EAEAEA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background-color: #FEFEFE;
}

section#widgets article.widget {
	clear: both;
	min-height: 80px;
	margin: 0 auto 20px;
	padding: 10px;
	background-color: #F3F3F3;
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #F8F8F8 5%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.05, #F8F8F8), to(#EFEFEF));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	border: 1px solid #EAEAEA;
	position: relative;
}

section#widgets article.widget:hover {
	background-color: #F5F5F5;
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #FEFEFE 5%, #F5F5F5 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.05, #FEFEFE), to(#F5F5F5));
}

section#widgets article.widget:last-child { margin-bottom: 0; }

section#widgets article.widget div.content {
	margin: 0 0 0 100px;
	padding: 0;
	width: 380px;
}

section#widgets article.widget h2 {
	margin-top: 1px;
	font-size: 110%;
	color: #000000;
	text-shadow: 1px 1px 1px white;
}

section#widgets article.widget p {
	margin: 0;
	font-size: 100%;
	text-align: left;
}

section#widgets article.widget img {
	position: absolute;
	padding: 0 15px 0 0;
}

section#widgets article.widget a {
	height: 80px;
	display: block;
	text-decoration: none;
}

/* @end */

/* @group Changelog */

article.changelog {
	margin-bottom: 20px;
	border: 1px solid #EAEAEA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background-color: #FEFEFE;
}

article.changelog h2 {
	color: #888888;
	text-shadow: 0px 1px 1px white;
}

article.changelog ul {	
	list-style: square outside;
	padding: 10px 0 20px 15px;
	margin-bottom: 20px;
	color: #555555;
	line-height: 1.5;
}

section#changelogentries { margin: 20px 0; }

/* @end */

/* @group FAQ */

article.faq {
	margin-bottom: 20px;
	border: 1px solid #EAEAEA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background-color: #FEFEFE;										
}

section.faqs h2 {
	color: #C5C5C5;
	text-shadow: 1px 1px 1px #888888;
	margin: 40px 0 10px;
}

article.faq div.faq_question {
	padding:10px 20px;
	background-color: #EAEAEA;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

article.faq div.faq_answer { padding:10px 20px; }

article.faq p {	margin:0 !important; }

/* @end */



section#projekte {
	margin-top: 30px;
	border: 1px solid #EAEAEA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background-color: #FFFFFF;	
	overflow: hidden;
}

section#projekte a {
	display: block;
	text-decoration: none;
	height: 195px;
}

section#projekte article.picright img {
	margin: 20px 0 0 10px;
	float: right;
}

section#projekte article.picbottom img {
	margin-top: 15px;
}


article.projekt {
	float: left;
	width: 337px;
	padding: 12px 18px 0;
	border-left: 1px solid #EAEAEA;
	height: 205px;
	text-overflow: hidden;
	text-align: center;
}

article.left {
	width: 338px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

article.right {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

article.projekt:hover {
	background-color: #0088CC;
	background:-moz-radial-gradient(center, #0088CC, #015189);
	background:-webkit-gradient(radial, center center, 0, center center, 200, from(#0088CC), to(#015189));
}

article.projekt:hover a h2 {
	color: #DDDDDD !important;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

article.projekt:hover a p {
	color: #FFFFFF !important;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

article.projekt:first-child {
	border-left: none;
}

section#projekte p {
	font-size: 14px;
	margin-bottom: 0px;
	text-align: left;
}

section#projekte h2 {
	text-align: left;
	margin-bottom: 8px;
	color: #333333;
}

img.mirror {
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(0,0,0,0.3)));
}


section.code {
	background-color: #CCCCCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 2px #CCCCCC;
	-moz-box-shadow: 1px 1px 2px #CCCCCC;
	box-shadow: 1px 1px 2px #CCCCCC;
	border: 1px solid #333333;
	font-family: monospace, Courier;
	font-size: 10px;
	padding: 10px;
	margin: 40px 0;
}

section.code.html:before {
	content:"HTML";
	display: block;
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	margin-top: -30px;
}

section.code.css:before {
	content:"CSS";
	display: block;
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	margin-top: -30px;
}

span.comment_total {
	font-size: 90%;
}


@media print {
	* { background: #fff; color: #000; }
	body > header, footer, aside, ul.categories, span.comment_total, div#anzeigen { display: none; }
}