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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend { 	background: transparent; 	border: 0; 	font-size: 100%; 	margin: 0; 	outline: 0; 	padding: 0; 	vertical-align: baseline } body { line-height: 1 } ul { list-style: none } blockquote, q { 	quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: none } :focus { outline: 0 } ins { 	text-decoration: none } del { text-decoration: line-through } table { border-collapse: collapse; border-spacing: 0 } 
/*Schriften festlegen*/
@font-face {font-family: 'Kalenderblatt Grotesk Regular';src: url('../fonts/KalenderblattGrotesk.eot');src: local('Kalenderblatt Grotesk Regular'), local('KalenderblattGrotesk'), url('../fonts/KalenderblattGrotesk.woff') format('woff'), url('../fonts/KalenderblattGrotesk.ttf') format('truetype'), url('../fonts/KalenderblattGrotesk.svg#KalenderblattGrotesk') format('svg');
	}
/*Allgemeine Styles*/
html {
height:100%;
background-color: #f4dead;
background-image: -moz-repeating-linear-gradient(top left -45deg, #f4d99d, #f4d99d 5px, transparent 5px, transparent 10px);
background-image: -o-linear-gradient(0deg, transparent 50%, transparent 50%),	-o-linear-gradient(-45deg, rgba(255, 255, 255, .3) 25%, transparent 25%,
		transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, transparent)),-webkit-gradient(linear, 100% 100%, 0 0,
		color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),	color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 	  			255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
background-size: 50% 50%, 10px 10px;
}
a { 	color: #000 } a img { 	border: none } a:visited { border: none; color: #2d2d2d } #weblog a { 	border-bottom: 1px dotted; 	cursor: pointer } h1, h2, h3, h4, h5, h6, legend, dt {font: normal 110%/95% "Kalenderblatt Grotesk Regular", KalenderblattGrotesk, "Helvetica Neue", Tahoma, "Bitstream Vera Sans", Helvetica, sans-serif; text-transform: uppercase; color: #25496F} weblog p a:hover{color:#01162D} 
body {color: #2d2d2d; 
min-width:950px; text-rendering:optimizeLegibility;} .artikel p > em{font-style:italic;font-weight:200}
#weblog .comment,.faq p, #weblog p.download, #weblog p.attention{background-color:#42729C} 

/*
background:#f4dead; background-image: -moz-repeating-linear-gradient(top left -45deg, #f4d99d, #f4d99d 5px, transparent 5px, transparent 10px);
*/

body, .artikel svg text{font: normal 100.01%/1.45 Calibri, "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans", "Trebuchet MS", "Droid Sans", "FF Nuvo", Verdana, Helvetica, sans} body h1 { color: #d20; text-shadow 0 0 5px red; float: right; font-size: 3em; position:absolute; top:58px; right:2em; width: 22% } body h1 span { color: #fff;font-weight: bold; opacity: 0.6 } 
abbr{border-bottom:1px dotted; cursor:help} 
body:before {content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100;}
#weblog h1 { position:static; float: left; margin: .1em 0 .3em; 	text-align: left; text-shadow: 4px 3px 2px #ccc; width: 100% } 
hr {clear: both;margin-top:1.5em; opacity: 0.6; border-color:#fff; height:.5em; border-radius: 1em}
p {margin: .5em 0}
pre{	border-left: 3px solid #d20;	line-height: 97%; margin: 1em 0 1em 1em; padding-left: .5em}
blockquote { position:relative; border-radius: 0.3em; box-shadow: inset 0 0 5px #ccc; padding:1em 1em 1em 2em; font-style: italic;} 
blockquote:after{content:"\00201B"; z-index:-1; font-family: "Times New Roman", Georgia, serif; font-size:5em; color:#222; position:absolute;width:10px; height:20px; top:-30%; left:-2%; font-style:bold; text-shadow:0 0 3px #fff, 10px 0 0 #222, 10px 0 3px #fff}
pre, code{ white-space: pre-wrap;/* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ word-wrap: break-word; text-overflow: ellipsis; /* for IE and WebKit (Safari, Chrome) */-o-text-overflow: ellipsis; /* for Opera since 9.0 */}
.date {font-family: "Kalenderblatt Grotesk Regular", KalenderblattGrotesk,arial, sans-serif; color:#d20; background-color:#f4dead; background-color:rgba(251,200,0,0.4); margin:0 1em 1em 0;padding:2em 0.5em 0;width: 5em;position:relative; font-weight:700; float:left; border-radius: 0.8em; box-shadow:0 0 5px #ccc}
.date .day {font-size:2em;line-height:1.5em;position:absolute;top:0;left:0.3em}
.date .month {font-size:1.8em;line-height:1.5em;text-transform:uppercase}
.date .year {color: #42729C; -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);display:block;font-size:1.5em;position:absolute;font-weight:400;left:2.1em;bottom:1.1em}
#content {margin: 0 5% 30px 5%; min-height: 40em; padding: 1em 2em; float:left;} 
#feedback #weblog input {background-color: #fbd582; background-color:rgba(251,200,0,0.4); border-radius: 1em;	margin-top: 5px; 	padding: 4px; 	width: 97% } 
#feedback fieldset { 	padding: 20px } 
#feedback fieldset, #feedback textarea, #feedback fieldset>input { border-radius: 1em; border: 4px solid rgba(255,255,255,0.4) } 
#feedback input.check { 	border: 0 none; 	margin: 5px 0 0; 	width: auto } 
#feedback #weblog input:focus, #feedback textarea:focus, #feedback #weblog input:hover, #feedback textarea:hover { background: #fbd582; border-color: red; opacity: 1.0 } 
#feedback label { 	cursor: pointer; 	display: block; 	margin: 5px 15px 0 0; 	width: 100% } 
#feedback label strong { 	color: #904c25; 	font-size: 1.7em; 	margin-left: 5px } 
#feedback select { 	margin-top: 5px; 	width: auto } 
#feedback textarea { background-color: #fbd582; background-color:rgba(251,200,0,0.4); height: 20em; 	margin-top: 5px; 	overflow: auto; 	padding: 4px; 	width: 97% } 
/*Footer*/
#footer { 	clear: both; 	color: #d20; 	font-size: 130%; 	font-weight: 400; 	padding: .75em 1em 1em } 
#footer a { 	color: #d20; 	font-weight: 700; 	text-decoration: underline } 
#footer p { 	margin: 0 auto; 	text-align: center; 	width: 80% } 
/*mainnavi*/
#mainnavi { 	display: inline; 	float: left; 	font-size: 150%; 	list-style-type: none; 	margin: 3em 0 .5em 5% ; 	width: 60% } 
#mainnavi a { 	background: transparent; 	color: #d20; 	display: block; 	margin-left: .5em; 	text-align: center; 	text-decoration: none; 	width: 100% }
#mainnavi li { 	background: transparent; 	float: left; 	height: 1em; 	margin: .4em .6em 0 0; 	padding-left: .8em; 	width: 4em } 
/*sidebar*/
#sidebar { 	padding: 1em .5em; 	 float:right; 	width: 38% } 
.svg{position: relative;background:#42729C; background-color:rgba(255,255,255,0.4); border-radius: 1em; border:4px solid rgba(255,255,255,0.4); padding: 1em ; min-height:21em; margin-bottom:1em}
#sidebar li{background: url(../img/spriteimg.png) no-repeat 0 -291px; padding-left: 10px; line-height:120%;border-bottom: 1px dotted #2d2d2d}
#sidebar li:last-child{border:none}
#sidebar li:hover{background-position: 0 -211px}
#sidebar .col_left { 	float: left; 	width: 50% } 
#sidebar .col_left div.searchbar, #sidebar .col_left div.themes{border-top-left-radius: 1em; border-top-right-radius: 1em; border:3px solid rgba(255,255,255,0.3);background-color: #d81800;background:rgba(216,24,0,0.5); border-bottom: 1px dotted; 	border-top-left-radius: 1em; 	border-top-right-radius: 1em; 	padding: 1em 1.5em } 
#sidebar .col_left div.themes{padding: 1em .5em 0} 
#sidebar .col_left .searchbar a { 	border-bottom: 1px dotted; 	color: #fff; 	cursor: help; 	font-weight: 700; text-decoration: none } 
#sidebar .col_left .themes a { 	color: #fff; 	cursor: pointer; 	font-weight: 700; text-decoration: none } 
#sidebar .col_left .themes li {background-position:0 -250px; padding-left:20px; border-color:#fff} 
#sidebar .col_left .themes li:hover{background-position: 0 -211px; border-color: #25496F }
#sidebar .col_left div.reading {border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; background-color: #fbd582; background-color:rgba(251,200,0,0.2); border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; padding: 1em .5em 0; border:3px solid rgba(255,255,255,0.3); border-top:none} 
#weblog #sidebar h2, #sidebar .col_left p { 	color: #fff; 	line-height: 102% } 
#sidebar .col_left h2 { 	font-weight: bold; 	margin: 1em 0 } 
#sidebar .col_left ul {margin: .5em 0 0 -0.5em} 
#sidebar .col_right li{background-position:0 -250px; padding-left:20px; border:none} 
#sidebar .col_right li.morelink{background-image:none; margin-top:1em; font-size:120%}
li.morelink:after{content:" \00BB"; color:#fff;}
li.morelink:hover:after{color:red;}
#sidebar .col_right ul.feeds li { background-position:0 -26px; } 
#sidebar .col_left li a {color: #2d2d2d;font-weight: 500;text-decoration: none } 
#sidebar .col_left li a:hover, #weblog h2:hover, #weblog h2 a:hover{color: #25496F} 
#sidebar .col_right li:hover{background-position:0 -290px}
#weblog hr:hover { 	border-top: 1px solid #25496F } 


#sidebar .col_right { 	float: right; 	width: 40% } 
#sidebar a { 	color: #062e77; 	font-weight: 500 } 
#sidebar form { position: relative; padding:0; margin:1em 0 } 
#sidebar .col_right h2, .col_left .twitter h2 { 	color: #2d2d2d; 	font-size: 120%; 	text-decoration: none } 
#sidebar .col_right h2{color: #d4dde4; border-top-left-radius: 1em; border-top-right-radius: 1em; border:3px solid rgba(255,255,255,0.3);border-bottom:none; background:#42729C; padding:.8em}
#sidebar input, #searchbar input { border: none; height: 18px; margin:0; font-size:1.2em; height:1.5em;padding:0.1em 1.5em; } 
#sidebar input.input, #searchbar input.input{border-bottom-left-radius: 2px; border-top-left-radius: 2px; background: #fff url(../img/spriteimg.png) 5px -422px no-repeat;width:40%;} 
#sidebar input.input:focus { background-color: #fbd582} 
#sidebar input.submit, #searchbar input.submit {background-color: #f60; border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #fff; width: 11%; padding:0.1em; font-size:1.4em} 
#sidebar form{position:relative}
#sidebar input.submit{position:absolute; top:-1px}
#sidebar input.submit:hover { 	background-color: #ec4000; color: #fbd582 } 
#sidebar li a {	color: #d4dde4; font-size: 80%; font-weight: 600; text-decoration: none} 
#sidebar ul { list-style: none; margin: 0 0 1.5em; padding: .25em 0 .5em 1em } 



#sidebar .col_right ul, #sidebar .col_right form{ margin: 0 0 2em; padding:.8em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border:3px solid rgba(255,255,255,0.3); border-top:none;background:#42729C }
#weblog { margin: 0; width: 55%; float:left} 
#weblog h2 { font-size: 160%; font-weight: bold; 	margin-left: .5em; width: 90%; line-height:1.2em  } 
#weblog h2 a{color: #42729C}
#weblog h2, #weblog h3, #weblog h4, #weblog h5, #weblog dt{text-shadow: 0 0 5px #ccc}
#weblog dt,#weblog h3, #weblog h4, #weblog h5{ 	color: #42729C; 	font-size: 120%; 	margin: 1em;}
#weblog h4, #weblog h5{margin-left:2em; font-size:100%} 
#weblog h5{color:#d20; margin-top:2em}}
#weblog img { 	background-color: #fff; background-color: rgba(255,255,255,0.4); border: 1px solid #ccc; 	float: left; 	margin: .5em; 	padding: .2em; border-radius: 0.4em;} 
#weblog img[src*="flickr.com"]{width:70%; border-radius:.5em; float:left; margin:0 0.4em 0.2em 0}
#weblog a[href^="http"]{background: url('../img/spriteimg.png') 0 -131px no-repeat; padding-left: 12px } #weblog a[href^="http://www.pixelfans.de"], #weblog a[href*="flickr.com"] {background: none; padding-left: 0 } 
#weblog ul li{ background: url(../img/spriteimg.png) no-repeat 0 -291px; padding-left: 20px; margin-left:0.5em;clear:both} #weblog ol li{color: #42729C;list-style-type:decimal-leading-zero; }.alert { 	color: red; 	font-size: 1.2em; 	font-weight: 700 } 
#weblog ul.categories li{background:none } #weblog ul.categories li ul li{background:url(../img/spriteimg.png) no-repeat 0 -171px} #weblog ul li a{border:none}
#weblog .comment,.faq p{ padding: 5px;margin-top:0.5em; border: 4px solid rgba(255,255,255,0.4);border-radius: 0.4em;color:#fff}
#weblog .faq p a{color:#fff}
#weblog p.download a, #weblog .artikel p.attention a { color:#fff;font-weight:700; font-size:1.3em; }
#weblog p.download, #weblog p.attention{ font-weight:400; border: 4px solid rgba(255,255,255,0.4); font-size:.8em; color:#fff; padding:.8em;border-radius: 4px}
#weblog .comment{min-height:5em;}
.artikel, .bg { margin-top: 1em; background:rgba(255,255,255,0.5); padding:2%;border-radius:1em; border:4px solid rgba(255,255,255,0.4)} #content .bg{margin-top:1.3em} .extras {clear: both; font-weight: 700 } 
.artikel object, .artikel svg {width:14em; height:13em;float:left}
.artikel svg#full{width:100%; height:30em}
.artikel svg text{fill:#fff; font-size:1.8em}
.artikel svg text tspan{font-size:0.5em}
ul.morecontent{height:1.5em;list-style: none; margin-top:1em; display: table  }
#content ul.morecontent li{display: table-cell; background:none}
.hidden { visibility: hidden } .posted { color: #2d2d2d; font: 1.1em; font-weight: 700 } .comment .posted { color:#fff; }
.reading { border-top: 1px dotted #fff } 
a.skip { height: 1px; 	left: -1000em; 	position: absolute; top: -1000em; width: 1px } 
a.skip:focus, a.skip:active { 	background-color: #fbd582; color: #2d2d2d; font-weight: bold; height: auto; left: 5em; outline: 1px solid #d81800; padding: .2em; position: absolute; text-decoration: none; top: 2em; width: auto; z-index: 1 } 
#sidebar .col_left h2, #sidebar .svg h2, #feedback legend {border-radius: 4px; 	background-color: #2d2d2d; 	color: #fbd582; 	display: inline; 	font-size: 99%; 	font-weight: 500; 	padding: .2em 1em; 	text-align: center } 
#sidebar .col_left .themes h2{background-color:#fff; color: #d20;} #sidebar .svg h2{color:#fff}
/*Twitter*/
.twitterbox{width:90%; float:left; padding:0.5em}
#pawel, #caba{position:absolute; top:83%;left:-13%; width:10.5em; font:0.8em/0.9em "Comic Sans MS", Helvetica, Verdana, sans-serif; border-radius: 1em; background-color: #d0e7f1; background-color: rgba(255,255,255,0.6); border: 1px solid #ccc; padding:0.5em; opacity:0}
#pawel a, a{color: #42729C}
#caba{top:85%;left:60%;width:14em}
#pawel li, #caba li{background-image:none; border:none}

a:link, #sidebar li a:hover { 	color: #2d2d2d }
#sidebar .col_right li a:hover { 	color: #DD2200;} 
#mainnavi a:hover{color:#25496F} 
#sidebar .col_left .reading h2:hover, #sidebar .col_left h2.search:hover, #feedback legend:hover { 	color: #fff } 
#weblog a, #weblog p.posted a, strong{ color: #42729C; font-weight: 700; text-decoration: none }
#weblog .comment a, #weblog .comment p.posted a { 	color: #fff; }
#weblog .artikel a{border: none}
#weblog .artikel p a{color:#25496F}
#weblog .artikel p a:hover{color:#01162D}
#weblog .spam {display:none}
.svg svg{height:16em; position:absolute; bottom:-1.5em;left:-0.1em}
#pixelfans{width:100%;margin-top:-2em}

/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}
/* triangles for speech bubbles */
#pawel:before, #caba:before{content:"";	display:block;position:absolute;bottom:-40px;left:40px;	width:0;height:0;border:1px solid transparent;border-top-color:#ccc;}
#pawel:after, #caba:after {content:"";display:block; position:absolute;	bottom:-26px; left:47px; width:0;height:0;border:13px solid transparent;	border-top-color:rgba(255,255,255,0.6);}
#pawel:before {	top:10px;right:-30px;bottom:auto; left:auto;border-width:1px 0 1px 1px;	border-style:solid;border-color:transparent #ccc;}
#pawel:after {top:30px;	right:-21px; bottom:auto;left:auto;border-width:9px 0 9px 21px;	border-style:solid;border-color:transparent rgba(255,255,255,0.6);}
#caba:before {top:-40px;right:40px;bottom:auto;	left:auto;border:1px solid transparent;	border-bottom-color:#ccc;}
#caba:after {top:-26px;	right:70px; bottom:auto;left:auto;border:13px solid transparent;border-bottom-color:rgba(255,255,255,0.6);}
@media (max-width:600px) {#sidebar .col_left div.searchbar, #sidebar .svg,#sidebar .col_left div.reading, #sidebar .svg,#sidebar .col_right, .date .year{
display:none}#content div#weblog{width:100%} #sidebar {width:100%;clear:both} body h1{position:absolute; left:10%; top:5%}.date{width:2em}.date .day {font-size:3em, font-weight:bold} #sidebar .col_left div.themes{background:none; border:none} #sidebar .col_left div.themes h2, #sidebar .col_left div.themes li:hover{background-color:#42729C; color:#fff} #sidebar .col_left div.themes li{background:none; border-color:#42729C} #sidebar .col_left div.themes a{color:#42729C}}