/* Reset CSS */
/* TweetWall r09 */
@import url("reset.css");

body { background: #666; font:13px/21px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; color:#fff; text-align:center; }
a { text-decoration:none; color:#fff; font-weight:bold; }
a:hover { text-decoration:underline; }
a img { border:0; }




.fragen {
	background-color:#333;
	border-bottom:1px solid #CCC;
	padding:2px 0px 10px 4px;
	height:18px;
}

#infos h2 {
float:left;	
font-size:18px;
color:#666;
padding-left:15px;
padding-right:15px;
border-right:1 px solid #CCC;
}

#infos h2.frage {
	color:#999;
	padding-right:0px;
}


#infos .info {
	clear:both;	
	text-align:left;
	font-size:14px;
	display:none;
	width:600px;
	padding:5px 0px 5px 120px;
}

.impressum {
	display:none;
	background-color:#000;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:10px;
}

.impressum_link {
	text-decoration:underline;
	cursor:pointer;
}

#infos .twitterwall_inhalt {
	background:url(icons/twitterwall.gif) no-repeat top left;
}

#infos .hashtag_inhalt {
	background:url(icons/hashtag.gif) no-repeat top left;
}

#infos .eintweet_inhalt {
	background:url(icons/tweet.gif) no-repeat top left;
}

#infos .twitter_inhalt {
	background:url(icons/twitter.gif) no-repeat top left;
}

#infos .hannover96_inhalt {
	background:url(icons/hannover96.gif) no-repeat top left;
}


.rahmen {
	background-color:#000;	
	border-bottom:1px solid #333;
}

#header {
	width:100%;
	height:50px;
	padding:20px 30px 0 20px;
	background-color:#000;
	border-bottom:1px solid #333;
	text-align:left;
}

#header #logo { float:left;}

#header span {padding:5px 10px;font-weight:bold;font-size:20px; height:20px;}
#header span.die {background-color:#FFF; color:#000;}
#header span.roten {background-color:#003300; color:#FFF;}
#header span.roten.rot {background-color:#F00;}

#wrapper {
	width:900px;
	margin:20px 20px 0 20px;
	text-align:left;
	overflow:hidden;
}

#refcontent {
float:left;
width:600px;
}

#sidebar {
	margin-left:660px;
	padding-left:20px;
	width:220px;
}

.element {
		background-color:#333;
		border: 1px solid #666;
		padding:8px;
}

.element ul li {
	padding-bottom:3px;
	border-bottom:1px dotted #fff;
	margin-bottom:3px;
}

.element  span.titel {
	background-color:#840015
}
	
.loading {
	overflow:hidden;
	margin-top:100px;
	margin-bottom:100px;
	display:block;
	text-align:center;
}

#header  h1 {
	font:normal 25px/normal Georgia, "Times New Roman", Arial, sans-serif;
	float:left;
	padding-left:15px;
}

#wrapper #footer {
clear:both;
}

.trenner {
	margin:0 5px;
	color:#C7EEFF;
}

.post span.rtrp a{
	font-weight:normal;
}
.post span.rtrp {
	display:none;
	visibility:none;
}
.post:hover span.rtrp {
	display:block;
	visibility:visible;
}

.tweet {
	width:500px;
	margin-top:-5px;
	padding-top:5px;
	background:url("images/blase-top.png") no-repeat top left;
}

.tweet .post {
	padding:3px 8px 8px;
	background:url("images/blase-bottom.png") no-repeat bottom left;
	color:#000;
	text-align:left;
	font:15px/21px "Trebuchet MS", sans-serif;
}

.tweet .post a {
	color:#000;
}

.tweet .pic {
	width:80px;
	padding-top:5px;
	height:48px;
	text-align:right;
	float:left;
	background:url("images/zipfel-left.png") no-repeat;
}

.tweet .by {
	width:410px;
	padding-top:5px;
	padding-left:5px;
	float:right;
	font-size:15px;
	text-align:left;
}

.right {
	margin-left:100px;
}

.right .by {
	width:410px;
	text-align:right;
	padding-left:0;
	padding-right:5px;
	float:left;
}

.right .pic {
	width:80px;
	float:right;
	padding-top:5px;
	height:48px;
	text-align:left;
	background:url("images/zipfel-right.png") no-repeat top right;
}