/* @override http://yatil.de/css/2009-05/main.css */

.invisible {
	position: absolute;
	left: -1000em;
	top: -100em;
}

a.invisible:focus {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	color: #fff;
	font-size: 2em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

body { line-height: 1.65; font-weight:normal; color: #555; min-width:760px; font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2", "Helvetica Neue", Arial, sans-serif;text-rendering: optimizeLegibility;}


header, nav, article, footer, section {display:block; margin: 0;}
a { color: #2B85A1;  background-color: #fff; -webkit-transition: background-color 1s linear;}
a:focus, a:hover, a:active { background-color: #ffa; -webkit-transition-duration: .3s; outline:none;}

a.datenschutz {
	display: block;
	text-align: center;
	padding: 5px;
	background-color: #ffa;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #333;
	border: 1px solid #333;
	line-height: 1.3;
	margin: 5px;
	text-decoration: none;
}

a.datenschutz:focus,
a.datenschutz:hover,
a.datenschutz:active {
	text-decoration: underline;
}


h1, h2, h3 {
	font-family: "chaloops-medium-1","chaloops-medium-2", "Helvetica Neue", Arial, sans-serif;
}
h1 a, h2 a, h3 a {text-decoration: none;}

#hd {padding: 35px 0;}
#hd h1 {font-size:60px; font-weight:bold; color: #666; float: left; line-height:60px; font-style: italic; }
#hd h1 a {color: #666;}
#hd h1 span.cufon {float:left;}
#hd p {padding-top:30px;}


#bd article.hentry {
	padding-left: 10px;
	overflow: auto;
}
#bd .hentry h1 {font-size:24px; line-height: 1; margin-bottom: .5em; color:#999; font-weight:bold; line-height:40px; }
#bd .hentry h1 a {color:#333;}
#bd .hentry h1 a:focus, #bd .hentry h1 a:hover, #bd .hentry h1 a:active {text-decoration:underline}
#bd .hentry h1 .published {color:#2B85A1; font-size:1.5em}
#bd h2 {font-size: 18px; font-weight: bold; clear: both; margin-bottom: 10px; line-height:18px;}
#bd .hentry h2 {margin-top: 20px;}
#bd h3 {font-size: 16px; margin-bottom: 1em; line-height:18px;}
#bd .hentry p, #bd .hentry pre {margin-bottom: 1em;}
#bd .hentry pre {
	line-height: 1.4;;
	border-left: 2px solid #2B85A1;
	padding-left: 10px;
}
#bd .hentry a.imgfull img {
	display:block;
	clear: both;
	float:none;
}


#bd code {
	font-family: "Anonymous Pro","anonymous-pro-1","anonymous-pro-2", Menlo, Monaco, Consolas, "Courier New", Courier, monospace;
	font-size: 1em;
}
#bd .hentry p img {float:right; margin-left: 10px; clear: right}
#bd .hentry p.footnote {margin-bottom: 0; padding: .5em 0; border-top: 1px solid #999;}
#bd .hentry p.footnote + p.footnote {border: none;}
#bd .hentry p.footnote sup {
	font-size: 1em;
	vertical-align: baseline;
	background-color: #95c2d0;
	color: #fff;
	font-weight: bold;
	padding: 2px 6px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

div.entry-content {
 font-size: 14px;
}

#bd article aside { float: left; width: 100%; margin: 10px 0 20px 0;}
#bd article aside ul {float: left; width:100%;}
#bd article aside ul li {float: left; width:25%; margin:0; padding:0; list-style:none;}
#bd article aside ul li.shorturl a { display: block; background: url(/img/2009-05/shorturl.png) left top no-repeat; padding-left: 15px; height: 30px;}
#bd article aside ul li a.tweetme { display: block;background: url(/img/2009-05/tweetme.png) left top no-repeat; padding-left: 30px;}
#bd article aside ul li li {float:none; width: auto;}

#bd #oldernewer { float: left; width: 100%; margin: 10px 0 20px 0; color: #ddd}
#bd #oldernewer .older { float: left; width: 49%;}
#bd #oldernewer .newer { float: right; width: 49%; text-align: right;}
#bd #oldernewer a { display:block; padding: 3px; background-color: #2B85A1; color: #fff}
#bd #oldernewer a:focus, #bd #oldernewer a:hover, #bd #oldernewer a:active { background-color: #133c49; color: #fff}

#navigation { margin: 0 0 20px; float: left; width:100%; line-height:1.4}
#navigation li {display:inline;}
#navigation li a { display: block; color: #777; font-weight: 900;text-decoration: none; font-size: 15px; -webkit-transition: color 0.5s ease-in; text-align:right; border-bottom: 1px solid #eee; padding: 3px 0; letter-spacing: 1px;font-family: "chaloops-medium-1","chaloops-medium-2", "Helvetica Neue", Arial, sans-serif;}
#navigation li a:focus, #navigation li a:hover, #navigation li a:active { border-left-color: #aaa;background-color: #f9f9f9; font-weight:bold; color:#2B85A1;}
#navigation li.current a,
.default #navigation li.default a, 
.Weblog #navigation li.default a, 
.archiv #navigation li.archiv a, 
.tag #navigation li.tag a, 
.presentations #navigation li.presentations a, 
.impressum #navigation li.impressum a, 
.uebermich #navigation li.uebermich a { color:#2B85A1; }

#side .box {margin: 20px 0; border-top: 2px solid #ccc; clear:both; font-size: 13px;}
#side h2 {font-size: 16px; font-weight: bold;}
#side .about img {float: right; border: 3px solid #eee; padding: 1px; background-color: #bbb; margin: 0 0 5px 5px;}

#side .outline a {
	display:block;
	background-color: #5BD800;
}

#comments {padding-left:10px;}

#comments ol li.hentry {border-bottom: 2px solid #d5d5d5; padding:10px 0;}
#comments ol li.hentry h3 a.fn {font-size: 18px; display:inline; font-weight:bold; line-height:18px;}
#comments ol li.hentry h3 a[rel=bookmark] img { display: block;float: right; width: 50px; height:50px; -webkit-transform: rotate(5deg); border: 1px solid #d5d5d5;}
#comments ol li.hentry h3 a[rel=bookmark] {
	text-decoration: none;
	color: #bbb;
}
/*#comments ol li h3 a[rel=bookmark]:hover:after { content: '#'; float: right; display: block; position: absolute; left: -10px; font-size: 30px; font-weight: bold; text-decoration: none;}*/

#comments ol li abbr.published { font-size: 11px; position:relative; float: left; top:-1.3em;left: 5px}
#comments ol li abbr.published:before { content: "// ";}
#comments ol li div.entry-content { clear:left}

#kommentareingabe {padding: 20px 0;}
#kommentareingabe div {width: 33%;float:left}
#kommentareingabe div.message, #kommentareingabe div.cb {width: auto;float:none}
#kommentareingabe div.cb {text-align:right;}
#kommentareingabe div input{width: 95%;}
#kommentareingabe div.message input, #kommentareingabe div.cb input {width: auto}
#kommentareingabe label {font-size:16px; color: #2B85A1; display:block;}
#kommentareingabe .cb label {display:inline; font-size:13px}
#kommentareingabe textarea {width: 100%; height:170px}
#kommentareingabe div.submit { float: right; }
#kommentareingabe div.submit input { display:block; padding: 3px; background-color: #2B85A1; color: #fff; border-color: #2B85A1; font-weight: bold;}
*[aria-required] {background-color: #ffc;}

.threecols {-webkit-column-count: 3; -moz-column-count:3; column-count:3;}
.twocols {-webkit-column-count: 2; -moz-column-count:2; column-count:2;}

article + article {margin-top:50px;}


#side .box h2 {margin-top:10px;}
#side .box ul, .hentry ul, .hentry ol { margin-bottom:1em;}
#side .box ul li, .hentry ul li, .linklist li, .hentry ol li {margin-left:20px; list-style: disc; }
.hentry ol li {list-style-type: decimal; margin-bottom: .3em;}


blockquote { font-style: italic;}
blockquote.pullquote { width: 40%; float: left; margin-right: 10px; }
blockquote.alt { float: right; margin-right: 0; margin-left:10px;}
blockquote cite { display: block;border-top: 1px solid #ddd; font-style:normal;}

.entry-content blockquote { 
	border-left: 2em solid#eee;
	padding-left: 1em;
	border-right: 3px double #2B85A1;
}

#twitter_update_list a[href^="http://www.twitter.com"],
#twitter_update_list a[href^="http://twitter.com"],
#upcoming_badge_1 .upb_venue a {
	color:#555;
}

#upcoming_badge_1 .upb_venue a {
	font-size: 85%;
}

#memberships li {
	display: inline;
}
#memberships li a {
	display: block;
	float: left;
}

.extlinkbtn {
	background-color: #2B85A1;
	color: #fff;
	text-decoration: none;
	padding: 3px 5px;
	border:1px solid #666;
	border-color: #aaa #666 #666 #aaa;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	text-shadow: 0 0 1px #2B85A1;
}

.extlinkbtn:focus, .extlinkbtn:hover,.extlinkbtn:active {
	background-color: #133c49;
}


#ft {
	background: #222;
	color: #bbb;
	padding: 20px;
	margin: 50px 0;
	border: 1px solid #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#ft footer{
	padding-top: 20px;
	text-align: center;
}

#ft h2 {
	font-weight: bold;
	color: #fff;
	padding-bottom: 2px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 3px;
	font-size: 1.5em;
}

#ft a {
	background: #222;
	color: #888;
}

#warning {
	padding: 12px 10px 5px;
	color: #000;
	background: #ff0 url(/img/2009-05/warning.png) repeat-x;
	text-align: left;
	display:none;
}

/*FireFox 2+3*/
#warning, x:-moz-any-link {
	display: block;
} 

/*FireFox 3*/
#warning, x:-moz-any-link, x:default {
    display: none;
}


#warning strong {
	background-color: #000;
	color: #ff0;
	padding: 2px 3px;
}

.largeimage, .flashmovie {width:100%;}

/* @group Photoset */

ul.photoset {
	width: 100%;
	float: left;
}

ul.photoset li {
	width: 75px;
	height: 75px;
	float: left;
	list-style: none;
	padding: 0 2px 2px 0;
	margin: 0;
}

ul.photoset li a {
	display: block;
	width: 75px;
	height: 75px;
	float: left;
	position: relative;
}

ul.photoset li.lastone, ul.photoset li.lastone a {
	width: 286px;
}

ul.photoset li.lastone a {
	font-size: 1.5em;
	line-height: 55px;
	height: 55px;
	padding: 10px;
	color: #999;
	background-color: #eee;
	text-decoration: none;
}

ul.photoset li.lastone a:hover {
	color: #2B85A1;
	background-color: #ffa;
}

ul.photoset li a .large {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 50%;
	left: -80px;
	opacity: 0;
	-webkit-transition: width .3s ease-out, opacity .6s linear, visibility 0 linear;
	z-index: 500;
	border: 1px solid #333;
	background-color: #fff;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none !important;
	text-align: center;
	visibility: none;
}

ul.photoset li a:hover .large {
	width: 240px;
	height: auto;
	opacity: 1;
	visibility:	visible;
}

h3.photoset {
	color: #2B85A1;
	margin-bottom: .3em !important;
}

/* @end */