* {padding:0;margin:0;}


/*### Logische HTML-Elemente */

body {font-family:verdana,sans-serif;font-size:12px;background:#BABABA/*#727272*/ url('../img/metal_body_default.png') center top repeat-x; line-height:1.33; color:#000000;}

input {border:1px #DDDDDD solid; padding:2px; margin:5px 0;}
input:focus, textarea:focus {border-color:#AAA;}
input[type = "text"] {width:50%;}
input[type = "text"].small {width:50px;font-size:9px;}
input[type = "file"] {width:100%;}
.submitbox {text-align:right;}
input[type = "password"] {width:50%;}
.submitbox {text-align:right;}
input.grey {color:#AAAAAA;}
textarea {border:1px #DDDDDD solid; width:100%;height:120px; margin:5px 0;}
textarea#Text {height:370px;}
label {display:block; }
label.checkboxlabel {display:inline;border:0;}
p {margin:20px 0;}
small {font-size:0.9em; color:#999999;}
pre {width: 529px; overflow:auto; background:#F0F0F0; padding:10px 10px 10px 20px;margin:5px 0;white-space:pre;}
code {color:#777777;}
ul { list-style-image:url('../img/bullet.png'); margin-left:20px; }
dl dd {margin-bottom:20px;}
abbr,acronym {border-bottom:1px dotted #666666;cursor:help;}


/*### Logische .class */

br.floatclear {clear:both;}
div.floatclear {clear:both; font-size:1px;/*zoom: 1; */}
.jsHidden {display:none;}
.paging {text-align:center; color:#666666; margin-top:60px; }

/*interesting color: #d7cbc4; *//*6px*/
.quote {margin:20px; color:#555555; font-size:24px; letter-spacing:-0.05em; text-align:center; }
.quote .author {margin-right:170px; color:#777777; font-size:12px; text-align:right;  }
div.image { background:#F0F0F0; padding:5px;}
	div.image img {border:0;}
	div.image p {text-align:right;margin:0;padding:0; }
	div.image a {text-decoration:none; color:#000000;}
div.yt_video { background:#F0F0F0; text-align:right; padding:5px; width:425px;}
	.yt_video object {width:425px; height:350px;}
div.vimeo_video { background:#F0F0F0; text-align:right; padding:5px;}
div.flickr_image {background:#F0F0F0; text-align:right; padding:5px; width:500px;}
	div.flickr_image img {border:0;}
.file {background:#F0F0F0 url('../img/save.png') 11px 6px no-repeat; padding:10px 10px 10px 50px;margin:5px 0;}
a.bookmarklet {color:#000;border:1px #BBB solid;background:#DDD;-moz-border-radius:3px; text-decoration:none; padding:3px 5px;}

img.spoiler, div.spoiler{margin:40px 0 20px 0;}
div.spoiler {background: url('../img/sprite_main.png') 0 -296px/*+39px*/ repeat-x; height:14px; overflow:hidden;}

.annotation {margin:20px 0;}
label.error { font-size:0.9em; color: #FF0000; margin-left: 10px;width: auto;display: inline; }
span.error {color: #AA0000; font-weight:bold; }
.sysmsg {background:#DDDDDD url('../img/sprite_main.png') -912px/*11-923*/ -394px/*+39px*//*6-400*/ no-repeat; padding:10px 10px 10px 50px;margin:5px 0;}

form.locked {/*background:#EEEEEE;*/}
input.reallysmallinput {width:1px; height:1px; visibility:hidden; float:left; padding:0;}
.textarea_toolbar {/*background:#F0F0F0;*/margin-bottom:-5px; margin-top:5px; padding:0 1px;} 
.textarea_toolbarbutton {background:#F0F0F0; border:0; border-right:1px #DDDDDD solid; margin:0;}

h1 {font-size:27px; border-bottom:1px #DDDDDD solid; font-weight:normal; letter-spacing:-0.045em; padding-right:120px; margin:50px 0 20px 0;}
h2 {font-size:17px; border-bottom:1px #E9E9E9 solid; font-weight:normal; letter-spacing:-0.06em; margin:30px 0 10px 0;}
	h2.lessmargin {margin:12px 0 12px 0;}
h4 {font-size:15px; border-bottom:1px #E9E9E9 solid; font-weight:normal; letter-spacing:-0.08em; padding-right:100px; margin:30px 0 10px 0;}
h5 {font-size:11px; text-transform: uppercase; font-weight:normal; letter-spacing:+0.13em; margin:30px 0 30px 0;}
h6 {font-size:11px; text-transform: uppercase; font-weight:normal; letter-spacing:+0.13em; margin:30px 0 0px 0;}
	h6#blognewhead { margin:40px 0 -40px 0;}
	h1 a, h2 a, h4 a {color:#000000; text-decoration:none;}
	h1 a:hover, h2 a:hover, h4 a:hover {color:#707070;}


/*### Layout */
#just4center {text-align:center;background:url('../img/metal_body_small.jpg') center top no-repeat;display: table;width:100%;}
#logo2 {position:relative;}
#globalajaxloading {display:none;position:relative;}
	#logo2 img {position:absolute; left:-1px; top:-90px; border:0;}
	#globalajaxloading img {position:absolute; left:912px; top:-28px; border:0;}
#container {width:960px;margin:90px auto 30px auto; text-align:left;  }
div.header { background:#000000 url('../img/sprite_main.png') 0 -910px/*+39px*/ no-repeat; padding:20px 20px 20px 235px; margin:0 35px; height:160px;}
ul.navi {list-style:none; margin:0;padding:0; color:#FFFFFF; }
	ul.navi li {display:block;float:left; margin:0;padding:0; font-weight:bold;background:url('../img/sprite_main.png') -617px -379px/*+39px*/ no-repeat;}/*10px 23px*/
		ul.navi a {display:block; color:#FFFFFF; text-decoration:none;padding:2px 10px;}
	ul.navi_sub {margin:0;margin-top:20px;padding:0;}
	ul.navi_sub li {display:block; clear:both;  font-weight:normal;background:0;/*background:rgba(0,0,0,0.5); maybe IE 10 ? */ width:100%; }
		ul.navi_sub a:link, ul.navi a:visited {color:#FFFFFF; text-decoration:none;text-shadow:1px 1px 3px #000000;}
		ul.navi_sub a:hover, ul.navi a:active {color:#FFFFFF; text-decoration:none;}
	/*ul.navi li:hover {background-color:rgba(255,255,255,0.1);}*//* ugly? */
	ul.navi li.active {background-color:rgba(255,255,255,0.2);}
.inner_container {width:890px; background:#FFFFFF url('../img/sprite_main.png') 0 -1110px/*+39px*//*-949-200*/ no-repeat; margin:0 35px;float:left; }
	.maincol {/* VERY IMPORTANT: */ width:550px; float:left; padding:20px; min-height:300px;}
	.maincol_left {width:255px;}
	.maincol_right {width:255px;}
	.sidebar {margin:0 0 0 590px; padding:20px; }
		.sidebar input[type = "text"] {width:70%;}
div.footer1,div.footer2{clear:both;float:left;width:390px;}
div.footer3,div.footer4{float:left;width:390px;}
div.footer1 {background:url('../img/sprite_main.png') 0 0 no-repeat; padding:70px 45px 0 45px; height:113px;}
ul.sitemap {list-style:none; margin:0;padding:0;}
	ul.sitemap li {display:block;float:left; padding:2px 10px; font-weight:bold;}
	ul.sitemap_sub {margin:0;padding:0;}
	ul.sitemap_sub li {display:block;clear:both; padding:2px 0; font-weight:normal;}
		ul.sitemap a {color:#E0E0E0; text-decoration:none;}
div.footer2 {color:#555555; background:url('../img/sprite_main.png') 0 -183px no-repeat; padding:0 45px 31px 45px; line-height:61px;text-indent:11px;}
div.footer3 {background:url('../img/sprite_main.png') -480px 0 no-repeat; padding:72px 71px 0 19px; height:111px;color:#e0e0e0;}
	div.footer3 span {font-weight:bold;}
div.footer4 {color:#555555; background:url('../img/sprite_main.png') -480px -183px no-repeat; padding:0 71px 31px 19px; line-height:61px;}
	#shortlinkFooterArea {background:rgba(255,255,255,0.30);color:#fff;-moz-border-radius:2px;line-height:31px;margin:15px;padding:0 10px;visibility:hidden;}
	div.footer4:hover #shortlinkFooterArea{visibility:visible;}


/*### Components */
.searchsubmitbutton {border:0; background: 0; background: url('../img/sprite_main.png') -923px -456px/*+39px*/  no-repeat; width:25px; height:22px; cursor:pointer; text-indent:-9999px; line-height:0; overflow:hidden;}
input#searchfield:focus {border-color:#DDD;}

#searchresultbox a {display:block;padding:3px; margin:0 0 -1.5em -3px;}
#searchresultbox a.active {background:#DDD;} 
#searchresultbox.popup {text-align:left; position:absolute; left:50%;top:338px;display:none;width:239px;padding:20px 10px;margin-left:166px;
	background:#000; background:rgba(0,0,0,0.9); -moz-border-radius:0 3px 3px 3px; color:#fff;}
	#searchresultbox.popup a.active {background:rgba(255,255,255,0.13);-moz-border-radius:1px;}
	#searchresultbox.popup h6 {color:#FFFFFF;font-family:Tahoma,sans-serif;font-size:16px;font-weight:bold;letter-spacing:-0.06em;text-decoration:none;text-transform:none;}
	#searchresultbox.popup h6:first-child {margin-top:0;}
	#searchresultbox.popup a:link {color:#6e89df;}
		#searchresultbox.popup a:visited {color:#7b4ea6;}

.comm {margin:20px 0; text-indent:18px; background:url('../img/sprite_main.png') -922px -588px/*+39px*/ no-repeat; }
.commtext {background:#F0F0F0; padding:10px;margin:5px 0; text-indent:0px; }
.commvip .commtext {background:#DDDDDD; }
.commdate {color:#B9B9B9; font-size:0.9em; text-align:right; margin:-10px 0 10px 0;}
.commmoderate, .commmoderate form.commenthide_form, .commmoderate form.commenthide_form div {display:inline;}
	.commmoderate form.commenthide_form input {border:0; background: 0; background: url('../img/banbutton.png') left top no-repeat; width:25px; height:22px; cursor:pointer; text-indent:-9999px; }


/* lightbox */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;
	-moz-border-radius:3px 3px 0 0;background:rgba(0,0,0,0.9); }
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {/*position: absolute;top: 0;left: 0;height: 100%;width: 100%;z*/-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 30%;height: 100%;/*zoom: 1;*/display: block;   top:0;/*padding-top:20px;*/} /* zoom? omg.  */
#lightbox-nav-btnPrev { position: absolute;left: 0; text-align: left;/*float: left;*/padding-left: 10px;}
#lightbox-nav-btnNext { position: absolute;right:0; text-align:right;/*float:right;*/padding-right:10px;}
	#lightbox-nav-btnPrev span {background:rgba(0,0,0,0.9); padding:5px;-moz-border-radius:0 3px 3px 0;}
	#lightbox-nav-btnNext span {background:rgba(0,0,0,0.9); padding:5px;-moz-border-radius:3px 0 0 3px;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;
	-moz-border-radius:0 0 3px 3px; background:rgba(0,0,0,0.9); }
#lightbox-container-image-data {padding: 0 10px; color: #CCC;/*#666*/ }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {/*width: 66px;*/ float: right;padding-bottom: 0.7em;}

#jquery-lightbox a {text-decoration:none;color:#fff;font-size:16px;/*text-transform:uppercase;*/font-weight:bold;font-family:Tahoma,sans-serif;letter-spacing:-0.06em;}

/*tipsy*/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(../img/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../img/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../img/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../img/tipsy-west.gif); background-position: left center; }

/*codeprettyfyer*/

.str{color:#080}
.kwd{color:#008}
.com{color:#800}
.typ{color:#606}
.lit{color:#066}
.pun{color:#660}
.pln{color:#000}
.tag{color:#008}
.atn{color:#606}
.atv{color:#080}
.dec{color:#606}

/*### Blog */
.blogdate {color:#AAAAAA; text-align:right; margin:-43px 0 43px 0;}
.blogtagarea {padding-left:18px; background:url('../img/sprite_main.png') -922px -481px/*+39px*/ no-repeat; }
.blogsmallcommarea {padding-left:18px; background:url('../img/sprite_main.png') -922px -588px/*+39px*/ no-repeat; }

.blogsmall .blogdate {color:#B9B9B9; font-size:0.75em; text-align:right; margin:-20px 0 10px 0;}
.blogsmallbighead .blogdate {color:#B9B9B9; font-size:0.75em; text-align:right; margin:-27px 0 15px 0;}
.blogsmall h4 {margin:5px 0 5px 0;}

.blogrss {background:#F0F0F0; /*padding:10px 10px 10px 50px;*/margin:5px 0; /*line-height:36px;*//*22px*/}
	a.rssfeed{background:transparent url('../img/sprite_main.png') -912px/*11-923*/ -315px /*+39px*//*6-360*/ no-repeat; padding-left:50px;line-height:36px;display:block;height:36px;}
	a.twitterprofile{background:transparent url('../img/sprite_main.png') -912px/*11-923*/ -355px/*+39px*/ /*6-360*/ no-repeat; padding-left:50px;line-height:36px;display:block;height:36px;}

.blogeditorbox, .projectseditorbox, .userbox {background:#F0F0F0; padding:10px 10px 10px 50px;margin:5px 0;}

.blogedittagcloud {height:160px; overflow:auto; border:1px #DDDDDD solid; padding:2px; margin:5px 0; }
.blogreadon {text-align:right; padding-right:26px; }

.blogsubentrylist {background:#F0F0F0; padding:10px;margin:5px 0;max-height:230px; overflow:auto; }

.blogfeed_intro {font-size:21px; letter-spacing:-0.05em; }
	.blogfeed_intro a {font-size:32px; }
.blogfeed_outro {font-size:21px;letter-spacing:-0.05em;}

#blogseltags {background:#F0F0F0; padding:10px 10px 10px 50px;margin:5px 0;overflow: auto; }
.blogfeedtagcloud a, #blogseltags a {/*vertical-align:bottom;*/ line-height:50px; display:block; float:left; padding:3px;white-space:nowrap;}
.relatedtagsbox {background:#F0F0F0;padding:10px;margin: 50px 0 -20px 0;}

.shortlinkarea {padding-left:18px; background:url('../img/sprite_main.png') -922px -551px/*+39px*/ no-repeat; }

.entrytooltip {padding:10px;-moz-border-radius:3px;-moz-border-radius-topleft:0px; background:#000; padding-top:20px; position:absolute;opacity:0.9;color:#fff;}
	.entrytooltip p {margin:0;}


/*### CMS */
.e_file { background:#F0F0F0; padding:5px; margin:10px 0;}
	.e_file .fileimg {float:left; margin:5px;}
	.e_file img {border:0;}
	.e_file .filedownloadfield { background:#DDDDDD; display:block; width:60px; float:left; padding:20px; text-align:center;}
.abbr_popup {position:absolute;position:fixed;left:50%;top:50%;margin-left:-125px;margin-top:-150px;background:rgba(0,0,0,0.7);width:250px;height:300px;overflow:auto;color:#FFFFFF; padding:20px;}
	.abbr_popup div {border-bottom:1px #999999 solid;padding:2px;margin:3px;cursor:pointer;}
	.abbr_popup div.cancel {color:#DD0000;}
	.abbr_popup div.new {color:#99BBFF;}
		.abbr_popup div .short {color:#999999;}
			.abbr_popup div.acr_choise .short {font-style:italic;}
#relatedTagsList {background:#F0F0F0;padding:10px;line-height:1.5;}

/*### ABOUT */
dl.abouts {width:540px;}
	dl.abouts dt {width:200px; border-bottom:1px #E9E9E9 solid; float:left; font-size:15px; font-weight:normal; letter-spacing:-0.08em; margin:0;line-height:18px;}
	dl.abouts dd {min-height:19px; margin-left:200px; padding-left: 10px; border-left:1px #E9E9E9 solid;  margin-bottom:26px;}


/*### Projects*/
.projectssmall .projectsdate {color:#B9B9B9; font-size:0.75em; text-align:right; margin:-20px 0 10px 0;}
.projectssmall h4 {margin:5px 0 5px 0;}

.projectsreadon {text-align:right; padding-right:26px; }

.projectssmallcommarea {padding-left:18px; background:url('../img/sprite_main.png') -922px -588px/*+39px*/ no-repeat; }
.projectssmallblogentriesarea {padding-left:18px; background:url('../img/sprite_main.png') -922px -522px/*+39px*/ no-repeat; }

/* newProjects 2 */


.projects ul.keywords + p  {clear:left;padding-top:20px;}

.projects ul.keywords {list-style:none;margin:0;}
.projects ul.keywords li {text-transform:uppercase;/*font-weight:bold;*/float:left; padding:0 15px 0 0;}

.projects h1 {margin-bottom:7px;}


.projectsspecial {width:850px;}

.projectsspecial .projectsentry h1 {margin-top:0; font-size:23px;letter-spacing:-0.06em;padding-right:0;line-height:31px;}

.projectsspecial ul.keywords li {font-size:0.85em; }

.projectsspecial .projectsentry{width:410px;float:left;clear:left;padding-bottom:30px;}
.projectsspecial .projectsentrysimages{padding-left:440px;padding-bottom:30px;}

.projectsspecial .projectsentrysimages img {width:400px;}

/*### contact */
.contactmail {background:#F0F0F0; padding:10px;margin:15px 0;}


/*### startpage */
.startpage_content {background:url('../img/sprite_main.png') 0 -310px/*+39px*/ no-repeat;  text-align:right; font-size:32pt; font-weight:normal; letter-spacing:-0.05em; padding:20px; height:550px; }
	.startpage_content a {font-size:40pt; }
.startpage_content_new {background:url('../img/sprite_main.png') 0 -310px/*+39px*/ no-repeat;  text-align:right; font-size:32px; font-weight:normal; letter-spacing:-0.05em; padding:61px 20px 20px 20px; height:510px; line-height:0; }
	.startpage_content_new em {font-style:normal;font-weight:normal; font-size:34.76px;}
	.startpage_content_new div.link a {display:block; font-size:13.33px; padding-right:40px;/* line-height:40px; padding-bottom:15px; */ line-height:55px;}
	.startpage_content_new .small {font-size:19px;}
	div.imagecontainer .bigimage {background:#F0F0F0; padding:5px;}
		div.imagecontainer .bigimage img {display:block; float:none;}
.blogroll {background:#F0F0F0; margin:5px 0;}
	.blogroll a {display:block; padding:6px 10px 6px 50px; border-bottom:1px #FFFFFF solid; }
	.blogroll a:hover {background:#F6F6F6;}
.socbox {margin:5px 0 -5px 0; height:26px; background:#F0F0F0; padding:5px;}
	.socbox a {display:block; float:left;width:16px;height:16px;border:0;padding:4px;line-height:16px;text-indent:-9999px;}
																														/*+39px*/
		.socbox a#soc-delicious {background:url('../img/sprite_main.png') -592px -340px no-repeat;}
		.socbox a#soc-delicious:hover {background:url('../img/sprite_main.png') -592px -315px no-repeat;}
		.socbox a#soc-lastfm {background:url('../img/sprite_main.png') -618px -340px no-repeat;}
		.socbox a#soc-lastfm:hover {background:url('../img/sprite_main.png') -618px -315px no-repeat;}
		.socbox a#soc-vimeo {background:url('../img/sprite_main.png') -644px -340px no-repeat;}
		.socbox a#soc-vimeo:hover {background:url('../img/sprite_main.png') -644px -315px no-repeat;}
		.socbox a#soc-youtube {background:url('../img/sprite_main.png') -670px -340px no-repeat;}
		.socbox a#soc-youtube:hover {background:url('../img/sprite_main.png') -670px -315px no-repeat;}
		.socbox a#soc-flickr {background:url('../img/sprite_main.png') -696px -340px no-repeat;}
		.socbox a#soc-flickr:hover {background:url('../img/sprite_main.png') -696px -315px no-repeat;}
		.socbox a#soc-twitter {background:url('../img/sprite_main.png') -722px -340px no-repeat;}
		.socbox a#soc-twitter:hover {background:url('../img/sprite_main.png') -722px -315px no-repeat;}
		.socbox a#soc-SchülerVZ {background:url('../img/sprite_main.png') -748px -340px no-repeat;}
		.socbox a#soc-SchülerVZ:hover {background:url('../img/sprite_main.png') -748px -315px no-repeat;}
		.socbox a#soc-LinkedIn {background:url('../img/sprite_main.png') -774px -340px no-repeat;}
		.socbox a#soc-LinkedIn:hover {background:url('../img/sprite_main.png') -774px -315px no-repeat;}
		.socbox a#soc-sysprofile {background:url('../img/sprite_main.png') -800px -340px no-repeat;}
		.socbox a#soc-sysprofile:hover {background:url('../img/sprite_main.png') -800px -315px no-repeat;}
		.socbox a#soc-readernaut {background:url('../img/sprite_main.png') -826px -340px no-repeat;}
		.socbox a#soc-readernaut:hover {background:url('../img/sprite_main.png') -826px -315px no-repeat;}


/*### simpleWebpage */
.simpleWebpage .header {background:#000;height:auto;}
	.simpleWebpage .navi li ul {display:none;}
.simpleWebpage .inner_container {background:#000;color:#fff;}
.simpleWebpage .footer1 {display:none;}
.simpleWebpage .footer2 {margin: 0 35px; background:#000;padding:15px;clear:both;width:auto;float:none;}
.simpleWebpage .maincol {min-height:400px;}
.simpleWebpage #searchresultbox.popup {top:210px;}

span.explanation404 {color:red;}
ul#options404 {font-size:20px; line-height:40px;}
ul#options404 a {color:#0099ff;}

@media print {
	#globalajaxloading,form, #logo2,div.header,div.footer1,.sidebar,div.paging,div.blogtagarea,.spoiler,.noscript,#footer3 {display:none;}
	.comm_start_hl {page-break-before:always;}
}