html,body{
	height: 100%;
	width: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;	
	font-weight: normal;
}

body *{
	background-repeat: no-repeat;	
	border-width: 0px 0px 0px 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

a{
	font-size: inherit;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img, a img{
	border: none;
}

table{
	border-collapse: collapse;
}

td, th{
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

th, td, tr, tbody, thead{
	margin: 0px;
	padding: 0px;
}

.text{
	clear: both;	
}
.text p, .text ul{
	line-height: 1.3em;
}
.text p{
	margin-bottom: 1.1em;
}

.text h1, 
.text h2, 
.text h3, 
.text h4, 
.text h5, 
.text h6{
	margin-bottom: 0.4em;
	font-weight: bold;
	padding-top: 0.8em;
	overflow: visible;
}

.text h1{
	opacity: 0.714;
	font-size: 1.4em;
}

.text h2{	
	opacity: 0.769;
	font-size: 1.3em;
}

.text h3{	
	opacity: 0.833;
	font-size: 1.2em;
}

.text h4{
	opacity: 0.909;
	font-size: 1.1em;
}

.text h5, 
.text h6{
	font-size: 1em;	
}

.text p a{
	text-decoration: none;
}

.text p a:hover{
	text-decoration: underline;
}

.text p img, 
.text p .s-image{
	float: left;
	position: relative;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-top: 0.15em;
}

.text p .s-image img{
	position: relative;	
	top: 0px;
}

.text p .s-image .s-caption{
	font-size: 0.9em;	
	line-height: 1.1em;
	text-align: left;
}

.text ul, .text ol{
	margin-left: 1.5em;
}

.text li{
	margin-bottom: 0.5em;
}

body{
	background-color: #ffffff;
	font-family: "Tahoma";
	font-size: 13px;
}

* html body #s-page{
	overflow: hidden;
}

a{
	color: #1134aa;
}

a:hover{
	text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color: #000000;
}

/* layout */ 

#s-menu{
	width: 100%;
	height: 20px;	
	background-color: #000000;
	color: #ffffff;
}

#s-header, #s-container{
	max-width: 1000px;
	margin: auto;
	margin-top: 0px;
	background-color: #ffffff;
}

#s-container{
	position: relative;	
}
#s-sidebar, #s-body{
	padding-top: 2em;
}

#s-body{
	margin-right: 300px;
}

#s-sidebar{
	width: 300px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/* header */
#s-header{
	height: 90px;
	background-image: url(http://static.einfallsreich.net/chrome/images/einfallsreich_logo.png);
	background-position: 10px 15px;
}

#s-header .static{
	float: right;
	margin-right: 10px;
}
#s-header .static a{
	color: #666666;
}

/* menu */

#s-menu > .s-content{
	max-width: 1000px;
	margin: auto;
}


#s-menu .s-menu > li{
	float: left;
	list-style: none;
	padding	
}
#s-menu .s-menu{
	margin-left: 10px;
}
#s-menu .s-menu a{
	color: #ffffff;
	height: 19px;
	width: auto;	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1px;
	display: block;
}

#s-menu .s-menu a:hover{
	background-color: #f18e00;
	color: #000000;
	text-decoration: none;
}

/**/

.IndexText{
	padding-top: 0px;
}
.IndexText h1{
    margin-bottom: 0px;
}

.IndexText .text p img{
	padding: 0px;
	margin: 0px;
	float: none;
}

.IndexText .text h1{
	padding-top: 0px;
}

/**/

.PostTeaserList .PostTeaserBox{
	float: left;
}
.PostTeaserList:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.PostTeaserBox{
	position: relative;
	width: 200px;
	height: auto;
}
.PostTeaserBox .s-content{
	padding-right: 20px;
}

.PostTeaserBox .teaser{
	margin-top: 110px;
	margin-right: 20px;
}

.PostTeaserBox .teaser p img{
	width: 180px;
	height: 90px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.PostTeaserBox .teaser .s-image .s-caption{
	display: none;
}

.PostTeaserBox h2{
	position: absolute;
	top: 95px;
	left: 0px;
	font-size: 15px;
}

.tag_0{font-size: 0.9em;}
.tag_1{font-size: 1em;}
.tag_2{font-size: 1.15em;}
.tag_3{font-size: 1.3em;}
.tag_4{font-size: 1.45em;}

/**/

.post-list{	
	list-style: none;
}

.post-list > li{
    margin-top: 1em;
	margin-bottom: 2em;
	clear: both;
}

.post-list > li:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.post-list .post{
    position: relative;
    padding-left: 200px;
    min-height: 100px;
}
.post-list .post .title, 
.post-list .post .subtitle{
	display: block;
}
.post-list .post .header a{
	color: #222222;
}

.post-list .post .title{
	font-size: 15px;
	font-weight: bold;
}

.post-list .post .subtitle{
	font-size: 15px;
}              
.post-list .post .text.teaser p .s-image .s-caption{
    display: none;
}
.post-list .post .teaser img, .post-list .post .text.teaser p .s-image{
    position: absolute;
    left: 0px;
    top: 0px;
}