/*
Theme Name: Planet
Theme URI: http://www.nasendackel.de
Description: kleines, feines Theme
Author: Christoph Schroeder
Author URI: http://www.nasendackel.de
Version: 0.16
*/


* {
	margin: 0;
	padding: 0;
	}

html, body {
	background: #4C6FB1;
	color: #170c06;
	}

body {
	text-align: center; /* IE quirks auto margins workaround */
	font: 12px Arial;
	line-height: 20px;
	padding: 0;
	text-align: center;
	}

#preloader {
height:1px;
width:1px;
overflow: hidden;
position: fixed;
top:-1px;
left:-1px;
}

#background {
height:100%;
width: 100%;
background: #3F7ABD;
position:fixed;
top:0;left:0;
}

#backimg {
height:100%;
width:100%;
opacity:0.9;
}

#cloudfront {
background: url(images/cloud.png);
width:722px;
height:381px;
bottom: 0;
left: 50%;
margin-bottom: -120px;
margin-left: -366px;
position: fixed;
}

.cloudon {
opacity:0.8;
}

.cloudon2 {
opacity:0.8;
	-webkit-animation-name:fadecloud2;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}

.cloudoff {
opacity:0.4;
	-webkit-animation-name:fadecloud1;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}


@-webkit-keyframes fadecloud1 { 
	from { opacity:0.8 } 
	to { opacity: 0.4 } 
}

@-webkit-keyframes fadecloud2 { 
	from { opacity:0.4 } 
	to { opacity: 0.8 } 
}

#nocloud1 {
position: fixed;
top:50%;
left: 50%;
margin-left: 3px;
margin-top: 37px;
height:90px;
width:152px;
}

a:link {
	color: #678826;
	text-decoration: none;
	}
a:visited {
	color: #678826;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}

h2 a, h2 a:link, h2 a:visited, h2 a:active {
	color: #333;
	text-decoration: none;
	}

h2 a:hover {
	color:#111;
}

input {
	font: 11px Arial;
}

#main_home {
	position: fixed;
	background: url(images/planet0a.png);
	height: 496px;
	width:402px;
	top:50%;
	left:50%;
	margin-top: -260px;
	margin-left: -201px;
}

#main {
	position: fixed;
	background: url(images/planet11a.png);
	height: 496px;
	width:402px;
	top:50%;
	left:50%;
	margin-top: -260px;
	margin-left: -201px;
}


#404 {
	background: url(images/404.jpg);
	position: fixed;
	height: 240px;
	width:385px;
	display: block;
	overflow: hidden;
	top:50%;
	left:50%;
	margin-top: -260px;
	margin-left: -195px;
}

#prev {
position: absolute;
top:50%;
left:50%;
margin-left: 122px;
margin-top: -166px;
background: url(images/prevsign.png);
height:25px;
width: 19px;
display: block;
opacity: 0.8;
}

#prev:hover {
opacity: 1.0;
}

#next {
position: absolute;
top:50%;
left:50%;
margin-left: 200px;	
margin-top: -85px;
background: url(images/next2.png);
height:60px;
width: 91px;
display: block;
opacity: 0.8;

}

#next:hover {
opacity: 1.0;
}


#toarchiv {
background: #fff;
position: absolute;
margin-top: -312px;
margin-left: 6px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
line-height: 0px;
opacity:0.4;
display: block;
height:25px;
width: 44px;
}

#toarchiv:hover {
text-decoration: none;
opacity:0;
}

#oldstuff2 {
background: url(images/oldstuff6.png) top left no-repeat;
position: absolute;
top:50%;
left: 50%;
margin-left: -388px;
margin-top:-252px;
display: block;
height: 163px;
width: 200px;
}

#oldstuffpic {
position: absolute;
margin-top: 70px;
margin-left:68px;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
border:1px solid #ccc;
line-height: 0px;
opacity:0.8;
}

#oldstuffpic:hover {
border:1px solid #888;
opacity:1.0;
}

#oldstuffpic1 {
position: absolute;
margin-top: 91px;
margin-left: 122px;
-webkit-transform: rotate(19deg);
-moz-transform: rotate(19deg);
-o-transform: rotate(19deg);
border:1px solid #ccc;
line-height: 0px;
opacity:0.8;
}

#oldstuffpic1:hover {
border:1px solid #888;
opacity:1.0;
}

#oldstuffpic2 {
position: absolute;
margin-top: 109px;
margin-left: 176px;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
border:1px solid #ccc;
line-height: 0px;
opacity:0.8;
}

#oldstuffpic2:hover {
border:1px solid #888;
opacity:1.0;
}

#oldstuff a{
opacity:0.6;
}

#oldstuff a:hover{
opacity:1.0;
}

#textbox {
background: url(images/textbox8.png) top left no-repeat;
height:140px;
width:190px;
display: block;
cursor: pointer;
position: absolute;
margin-top: -218px;
margin-left:-40px;
padding:31px 20px 37px 68px;
color:#333;
font-size: 11px;
line-height: 15px;
text-align: left;
z-index: 1001;
}

#textbox img {
display: none;
}

.textopa0 {
opacity:0.95;
	-webkit-animation-name:fadetext0;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
}

@-webkit-keyframes fadetext0 { 
	from { opacity:0 } 
	to { opacity: 0.95 } 
}

.textopa1 {
opacity:0.1;
	-webkit-animation-name:fadetext1;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:0.5s;
}

@-webkit-keyframes fadetext1 { 
	from { opacity:0.95 } 
	to { opacity: 0.1 } 
}

.textopa2 {
opacity:0.95;
	-webkit-animation-name:fadetext2;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:0.5s;
}

@-webkit-keyframes fadetext2 { 
	from { opacity:0.1 } 
	to { opacity: 0.95 } 
}

#closetextbox {
position: absolute;
height:16px;width:16px;
display: block;
background: url(images/closesmall.png);
margin-top: -8px;
margin-left: 184px;
cursor: pointer;
opacity:0.8;
}

#closetextbox:hover {
opacity:1.0;
}

@-webkit-keyframes zoom { 
from { -webkit-transform: scale(0.0000000000001) rotate(5deg) } 
to { -webkit-transform: scale(1) rotate(0deg) } 
}

#bigtext {
background: #fff;
position: fixed;
top:5%;
left: 50%;
margin-left: -250px;
display: block;
height: 80%;
width: 440px;
padding: 30px;
overflow:auto;
font: 14px Courier;
line-height: 18px;
text-align: justify;
color:#222;
z-index:1000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#wrap {
	width: 400px;
	margin:20px auto; /* auto centers the div */
	text-align: center; /* after centering #wrap above for IE we return to normal alignment */
	padding: 0 0 0 40px;
	z-index: 500;
	}


#headerpic {
	margin:0 20px;
	background: transparent;
	padding:0;
	height: 188px;
	width:200px;
	display: block;
}

#headerpic:hover {
	text-decoration: none;
}

#hmenu {
width:330px;
height: 30px;
padding:0 0 5px 0;
margin-top: -8px;
}

#hmenu_home {
width:330px;
height: 30px;
padding:0 0 5px 0;
margin-top: 8px;
}

#hmenu2 {
width:310px;
text-align: right;
padding: 3px 10px 0 0;
color: #eaeaea;
font-weight: bold;
}

#hmenu_txt a {
color:#eaeaea;
font-weight: bold;
}

#commentlink {
background: url(images/comment0a.png) left bottom no-repeat;
height:36px;
width:48px;
padding-top:12px;
display:block;
margin-top: -137px;
margin-left: 206px;
position: absolute;
text-align: center;
font-size: 14px;
color: #222;
opacity:0.8;
cursor: pointer;
}

#commentlink:hover {
background: url(images/comment1.png) left bottom no-repeat;
text-decoration: none;
opacity:1.0;
}


#menu:hover {
background: #444;

}

#menu a {
	text-align: left;
	color: #fff;
}

#menu a:hover {
	text-decoration: none;
}


#content {
	text-align: left;
	margin: 0px 0px 0px 36px;
	}

#link {
width:304px;
display: block;
opacity: 0.95;
background: #fff;
padding: 2px 4px;
margin: -40px 0 16px 9px;
}	


.beitrag {
}

.beitrag_video {
	width:312px;
	height:190px;
	padding: 10px 9px 0 9px;
	margin-bottom: 16px;
}

.beitrag_gif {
margin-bottom: 0px;
}

.beitrag_gif img {
	width:312px;
	height:190px;
	overflow: hidden;
	padding: 10px 9px 0 9px;
}

.beitrag_gif object, embed{
	width:312px;
	height:190px;
	overflow: hidden;
	padding: 10px 9px 0 9px;
}

.beitrag_text {
margin-bottom: 0px;
}

.beitrag_text img {
	width:312px;
	height:190px;
	overflow: hidden;
	padding: 10px 9px 0 9px;
}

.beitrag_text_im img {
display:none;
}

#topic img {
	width:312px;
	height:190px;
	overflow: hidden;
	padding: 10px 9px 10px 9px;
	
}

#topic2 img {
	width:312px;
	height:190px;
	overflow: hidden;
	padding: 10px 9px 0 9px;
}

#topic3 img {
	width:312px;
	height:590px;
	overflow: hidden;
	padding: 10px 9px 20px 9px;
}

#imp_topic {
	width:312px;
	height:190px;
	overflow: hidden;
	padding: 10px 9px 20px 9px;
}

#imp_topic2 {
	background: #fff;
	width:302px;
	height:180px;
	padding:5px;
	overflow:auto;
	font-size: 10px;
	margin: 0;
}

.beitrag img {
	display:none;
}

.imbeitrag img {
	display: block;
	text-align: center;
	border: 1px solid #444;
}

.beitrag a:hover img {
border:1px solid #678826;
}

#footer {
	color: #888;
	text-align: center;
	margin: 0 20px 0 20px;
	font-size:10px;
	}

/*	Header image and link	 */



h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none;
	}

/*	Giving block elements a default margin.	 */

h2, h3, h4, h5, h6, p, ul, ol, dl, pre, fieldset, address, table {
	margin: 0 0 10px 0;
	}

/* 	General styling		*/

h2 {
	font: normal 22px Arial;
	margin-bottom: 3px;
	text-transform: uppercase;
	text-align: left;
	}

h3 {
	font: normal 20px Arial;
	margin-bottom: 3px;
	}

h4 {
	font-size: 14px;
	}

h5 {
	font-size: 12px;
	}

address {
	font-style: italic;
	}


dt {
	margin: 12px 0 6px 0;
	font-weight: bold;
	}

code, pre, var {
	font-family: 'bitstream vera sans mono', 'andale mono', monospace;
	font-size: 12px;
	display: block;
	padding: 0 0 0 12px;
	border-left: 4px solid #ddd;
	}

dd {
	margin: 6px 0 12px 18px;
	}

img {
	border: none;
	}

#content {
	text-align: justify;
	}

#content form p {
	text-align: left;
	}

ol {
	margin-left: 3em;
	}

textarea {
	width: 324px;
	border:1px solid #999;
	padding:2px;
	}

ul {
	list-style: square;
	margin-left: 18px;
	}


.commentlink {
	text-align: right;
	}

ol.commentlist {
	list-style: none;
	margin-left: 0;
	}

.commentlist li {
	color: #444;
	font-style: normal;
	padding: 12px;
	}

.commentlist .alt {
	background: #f6f6f6;

	}

.commentlist p {
	margin: .6em 0 0 0;
	}

.hilite {
	background: #f93;
	}

#content .more {
	margin-top: -12px;
	text-align: right;
	}

.posted {
	clear: both;
	color: #888;
	margin-top: .3em;
	margin-left: 0px;
	text-align: left;
	}

.posted cite {
	font-weight: bold;
	font-style: normal;
	}


#postcomment {
	text-align: left;
	}

.kommentarinput {
border:1px solid #999;
padding:2px;
width:160px;
}


.komm1text {
margin-top:4px;
height:50px;
}

.komm2text {
margin-top: 4px;
margin-left: 58px;
}


#adminarea {
height: 16px;
text-align: left;
position: fixed;
bottom:5px;
left: 5px;
 
}

#adminarea a{
color:#444;
font-size: 10px;
}

#mobil {

}

#info {
width:330px;
margin: 0 20px;
text-align: right;
font-size: 10px;
}





.kommleft {
float:left;
width:215px;
height:30px;
display: block;
color: #444;
}

.kommright {
text-align: right;
float:right;
width:110px;
height:30px;
display: block;
}

.prewimg {
height: 48px;
width: 48px;
background-position: right bottom;
border:1px solid #888;
}

.prewimg:hover {
border:1px solid #678826;
}


.kommpic {
padding: 2px;
width:16px;
height:16px;
margin-bottom: 3px;
vertical-align: top;
}

.kommpic2 {
background: #999;
border-left:1px solid #000;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding: 2px 2px 228px 2px;
width:16px;
height:16px;
margin-bottom: 3px;
vertical-align: top;
}


textarea {
font:12px Arial;
}

#commentsback, #archivback {
	background: url(images/black.png);
	height:100%;
	width:100%;
	top:0;left:0;
	position: fixed;
}

#comments {

}

#commentleft {
	position: fixed;
	height:350px;
	width: 200px;
	top: 50%;
	left: 50%;
	margin-top: -195px;
	margin-left: -300px;
	overflow: hidden;
	padding: 44px 29px;
	color:#eaeaea;
	background: url(images/commentleftback.png) top left no-repeat;
}


.eingabefeld {
width: 220px;
padding: 3px;
border: 1px solid #111;
height:14px;
font-size: 12px;
margin-bottom: 2px;
}

.eingabetext {
width: 220px;
height: 175px;
padding: 3px;
border: 1px solid #111;
margin-top:0;
}

#submitComment {
font-size: 12px;
background: #222 url(images/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}

#submitComment:hover {
background: #000 url(images/overlay.png) repeat-x;
	}	
	
	
#submitaus0 {
	background: #eaeaea;
	padding: 2px 10px;
	width: 60px;
	border: 1px solid #111;
	text-align: center;
	display: block;
	color: #222;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: right;
font-size: 12px;
margin-top: -26px;
	}

#submitaus0:hover {
	background: #444;
	color: #fff;
	border: 1px solid #fff;
	}

#submitclose {
	position: absolute;
	height:30px;
	width:30px;
	display: block;
	background: url(images/close.png);
	margin-top: -388px;
	margin-left: -21px;
}

#submitaus:hover {
	background: url(images/comment1b.png);
	text-decoration: none;
		opacity:1.0;
}

#submitaus a {
	color:#444;
}

#commentright {
background: url(images/commentright5.png);
text-align: left;
color:#fff;
margin-bottom: 20px;
position: fixed;
width:227px;
height:366px;
top:0;
left:50%;
margin-left:-460px;
padding: 110px 50px 20px 50px;
-webkit-animation-name:comment;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:1s;
z-index: 1001;
}

@-webkit-keyframes comment { 
from { top:-500px; } 
to { top:0px; } 
}


#tocomment {
background: url(images/kommentarbeitrag2.png);
height:156px;
width:216px;
display: block;
opacity:0.9;
position: fixed;
top:0;
left:50%;
margin-left:240px;
z-index: 1001;
}

#tocomment:hover {
opacity:1.0;
}

.kommentarnummer {
font-size: 18px;
color:#888;
text-align: right;
margin-top:10px;
}


.gesagtes {
text-align:justify;margin-right:10px;margin-top: -14px;
}

.tdmain {
width:260px;
margin-left: 220px;
}

td {
vertical-align: top;
}

#nocomment {
position: fixed;
width:270px;
height:130px;
text-align:center;
background: url(images/notfound.png) center center no-repeat;
color:#fff;

padding:15px;
text-shadow: #000 3px 3px 5px;
margin-top: 20px;
}



#zoom {
position: absolute;
margin-top: -42px;
margin-left: 12px;
}

#zoom img{
height:24px;
width:24px;
}

#nebula {
	position: fixed;
	height: 536px;
	width:800px;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left: -400px;
	display: block;
	background: transparent url(images/wolke.gif) center center no-repeat;
	-webkit-animation-name:nebula;
	-webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:480s;
    opacity: 0.6;
}


@-webkit-keyframes nebula { 
from { -webkit-transform:rotate(0deg) } 
to { -webkit-transform:rotate(360deg) } 
}

@-webkit-keyframes zoom { 
from { -webkit-transform: scale(0.0000001) } 
to { -webkit-transform: scale(1) } 
}

.avatar {
height:48px;width:48px;
display: block;	
margin: 0 2px 2px 70px;
float: left;
border: 2px solid #fff;
}

img .avatar {

}

div.bubble {
	width: 265px;
	font-size: 12px;
	margin-bottom: 24px;
	margin-right: 10x;
	float: right;
	margin-left: 10px;
	text-align: left;
	
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #c9c2c1;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 9px 0px 0px 2px;
	top: 3px;
	background: transparent url(images/newtip.gif) no-repeat 10px 0;
	font-style: normal;
	color:#eaeaea;
	font-size: 11px;
}

div.bubble cite a {
	color: #eaeaea;
}

div.bubble cite a:hover {
	color: #fff;
}

#download {
	position: absolute;
	height:160px;
	width:212px;
	display: block;
	background: url(images/download4.png);
	margin-top: -104px;
	margin-left: -204px;
}

#download_frame {
	position: absolute;
	height:47px;
	width:42px;
	display: block;
	margin-top: 20px;
	margin-left: 70px;
	cursor: pointer;
	}

#help_frame {
	position: absolute;
	height:50px;
	width:50px;
	display: block;
	margin-top: 0px;
	margin-left: 11px;
	cursor: pointer;
	}

#b_download {
	position: absolute;
	height:74px;
	width:142px;
	display: block;
	background: url(images/b_download.png);
	margin-top: -150px;
	margin-left: -154px;
	-webkit-animation-name:fadein;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}

#b_beitrag{
	position: absolute;
	height:74px;
	width:142px;
	display: block;
	background: url(images/b_beitrag.png);
	margin-top:-170px;
	margin-left: 300px;
	-webkit-animation-name:fadein;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}


#b_archiv {
	position: absolute;
	height:74px;
	width:142px;
	display: block;
	background: url(images/b_archiv.png);
	margin-top: -420px;
	margin-left: -114px;
	-webkit-animation-name:fadein;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}

#b_start {
	position: absolute;
	height:74px;
	width:142px;
	display: block;
	background: url(images/b_start.png);
	margin-top: -470px;
	margin-left: 44px;
	-webkit-animation-name:fadein;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}

#b_comments {
	position: absolute;
	height:74px;
	width:142px;
	display: block;
	background: url(images/b_comments.png);
	margin-top: -444px;
	margin-left: 190px;
	-webkit-animation-name:fadein;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}

#b_wayback {
	position: absolute;
	height:74px;
	width:142px;
	display: block;
	background: url(images/b_wayback.png);
	margin-top: -408px;
	margin-left: 254px;
	-webkit-animation-name:fadein;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}

#b_bild {
	position: absolute;
	height:74px;
	width:142px;
	display: block;
	background: url(images/b_bild.png);
	margin-top: -170px;
	margin-left: 234px;
	-webkit-animation-name:fadein;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
}


@-webkit-keyframes fadein { 
	from { opacity:0 } 
	to { opacity: 1.0 } 
}

.cdownload_back0 {
	background: url(images/downloadback.png);
	position: fixed;
	height:515px;
	width:198px;
	top:100%;
	left:50%;
	margin-top:515px;
	margin-left: -385px;
	display: none;
}

.cdownload_back1 {
	background: url(images/downloadback.png);
	position: fixed;
	height:515px;
	width:198px;
	top:50%;
	left:50%;
	margin-top: -260px;
	margin-left: -385px;
	-webkit-animation-name:download;
    -webkit-animation-timing-function:ease-out;
    -webkit-animation-duration:4s; 
}


@-webkit-keyframes download {
	from { top:100%;margin-top:515px;-webkit-transform:rotate(-10deg) } 
	to { top:50%;margin-top:-260px;-webkit-transform:rotate(0deg) }

}

.cdownload_back2 {
	background: url(images/downloadback.png);
	position: fixed;
	height:515px;
	width:198px;
	top:100%;
	left:50%;
	margin-top:515px;
	margin-left: -385px;
	-webkit-animation-name:download2;
    -webkit-animation-timing-function:ease-out;
    -webkit-animation-duration:4s; 
}

@-webkit-keyframes download2 {
	from { top:50%;margin-top:-260px;-webkit-transform:rotate(0deg);}
	to { top:100%;margin-top:515px;-webkit-transform:rotate(60deg);} 
}

#downloadclose {
	position: absolute;
	height:99px;
	width:101px;
	display: block;
	background: url(images/downloadclose.png);
	margin-top: 2px;
	margin-left: 98px;
	cursor: pointer;
}

#download_tiny {
	position: absolute;
	height:93px;
	width:73px;
	display: block;
	background: url(images/tinytheme.png);
	margin-top: 121px;
	margin-left: 64px;
	border:1px solid #000;
	opacity:0.8;
}

#download_tiny:hover {
	opacity:1.0;
}

#download_tinyex {
	position: absolute;
	height:93px;
	width:73px;
	display: block;
	background: url(images/tinythemeex.png);
	margin-top:252px;
	margin-left: 65px;
	border:1px solid #000;
	opacity:0.8;
}

#download_tinyex:hover {
	opacity:1.0;
}

#help {
	position: absolute;
	height:157px;
	width:164px;
	display: block;
	background: url(images/help.png);
	margin-top: -111px;
	margin-left: 324px;
	cursor: pointer;
}



.night0 {
display:none;
}

.nighton {
height:100%;
width: 100%;
background: url(images/night2.png);
position:fixed;
top:0;left:0;
display: block;
-webkit-animation-name:fadenight;
-webkit-animation-timing-function:ease-in;
-webkit-animation-duration:3s;
z-index: 1002;
}

@-webkit-keyframes fadenight { 
from { opacity:0 } 
to { opacity:1.0 } 
}



#latern {
height:205px;
width: 206px;
background: url(images/laternon2.png);
position:fixed;
top:50%;left:50%;
margin-left:28px;
margin-top:-305px;
display:block;
opacity:0.5;
cursor: pointer;
}

#lightout {
height:35px;
width: 20px;
position:absolute;
margin-left:286px;
margin-top:-395px;
display:block;
cursor: pointer;
}

.beitrag_home {
width:312px;
height:190px;
display:block;
overflow: hidden;
margin-top: 11px;
margin-left: 9px;	
}

#homepic1 {
height:90px;
width:152px;
margin-left:0;
margin-top:0;
}


#homepic2 {
margin-left: 158px;
height:90px;
width:152px;
margin-top: -92px;
}

#homepic3 {
margin-top: 6px;
margin-left: 0;
height:90px;
width:152px;
}

#homepic4 {
margin-top: -92px;
margin-left: 158px;
height:90px;
width:152px;
}

.homeborder0 {
display: inline;
border:1px solid #ccc;
display: block;
cursor:pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.homeborder1 {
display: inline;
border:1px solid #fff;
display: block;
cursor:pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-animation-name:fadehome;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:0.5s;
opacity:0.8;
}

@-webkit-keyframes fadehome { 
from { border:1px solid #ccc;opacity:1.0; } 
to { border:1px solid #fff;opacity:0.8; } 
}

.homeborder2 {
opacity:1.0;
display: inline;
border:1px solid #ccc;
display: block;
cursor:pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-animation-name:fadehome2;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:0.5s;
}

@-webkit-keyframes fadehome2 { 
from { border:1px solid #fff;opacity:0.8; } 
to { border:1px solid #ccc;opacity:1.0; } 
}

.home_com0 {
background: url(images/home_com2.png) no-repeat top left;
width: 18px;
height: 20px;
display: block;
padding-left:26px;
color: #000;
}

.home_title0 {
background: url(images/white90.png);
width: 144px;
height: 12px;
display: block;
padding:2px 4px;
font-size: 10px;
line-height: 10px;
color: #000;
text-align: left;
overflow: hidden;
margin-top: 54px;
}


 
#bigtextframe {
background: url(images/black.png);
position:fixed;
top:0;left:0;
z-index: 1001;
height: 100%;
width: 100%;
overflow: auto;
z-index: 1001;
display: block;
-webkit-animation-name:fadetext;
-webkit-animation-timing-function:ease-in;
-webkit-animation-duration:1s;
cursor: default;
}

#bigtextframeswitch {
height:190px;
width:312px;
display: block;
cursor: pointer;
margin: 10px 9px 16px 9px;
}

#bigtextlesen {
background: url(images/bigtext_lesen9.png) top left no-repeat;
height:140px;
width:190px;
display: block;
cursor: pointer;
position: absolute;
margin-top: -218px;
margin-left:-40px;
padding:31px 20px 37px 68px;
color:#333;
font-size: 11px;
line-height: 15px;
text-align: left;
z-index: 1001;
}



@-webkit-keyframes fadetext { 
from { opacity:0 } 
to { opacity:1.0 } 
}

#bigtextframeclose {
	position: absolute;
	height:30px;
	width:30px;
	display: block;
	background: url(images/close.png);
	margin-top: -40px;
	margin-left: 510px;
	cursor: pointer;
}

#bigtexttable {
height: 95%;
width: 100%;	
padding: 20px;
overflow: auto;
text-align: center;
}

#bigtexttable td {
vertical-align: middle;
}

#bigtextbox {
margin: auto;
padding: 30px;
color: #444;
font: 14px Courier;
line-height: 22px;
background: #fff url(images/paper.jpg);
width: 500px;
display: block;
text-align: justify;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#bigtextbox blockquote{
border-left: 4px solid #888;
color: #888;
padding-left: 10px;
font: 14px Courier;
}

.c_ani1 {
display:block;margin:10px 40px 10px 10px; height:100px;width:48px;background:red;
}

.c_ani1b {
display:block;margin:10px 40px 10px 10px; height:100px;width:48px;background:red;
-webkit-animation-name:farbe;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:5s;
}


@-webkit-keyframes farbe { 
from { background:red } 
to { background:green } 
}

.c_ani1c {
display:block;margin:10px 40px 10px 10px; height:100px;width:48px;background:red;
-webkit-animation-name:farbe2;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:5s;
}

@-webkit-keyframes farbe2 { 
0% { background:red } 
50% { background:green } 
100% { background:red } 
}

.archivpic {
height:100px;
width:330px;
border:1px solid #eaeaea;
cursor: pointer;
margin-left: 60px;
}

.archivpic:hover {
border:1px solid #fff;
}

#archivright {
background: url(images/commentright5.png);
text-align: left;
color:#fff;
margin-bottom: 20px;
position: fixed;
width:227px;
height:366px;
top:0;
left:50%;
margin-left:-460px;
padding: 110px 50px 20px 50px;
}

#s{
background: #fff;
color: #444;
border: 1px solid #000;
font: 12px Arial;
padding:6px 10px 6px 30px;	
text-align: right;
width: 180px;
margin: 2px;
}