/*  
Template name: Colorvoid
Template URI: http://templates.arcsin.se/colorvoid-website-template/
Release date: 2008-04-25
Description: Soft and natural, gray and blue two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* ----------------------------------------
   Standard Elements
------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: #404040 url('http://www.arbeitslosenspiel2.de/img/body.jpg');
	font: normal 13px Verdana,sans-serif;
	color: #345;
	padding-bottom: 1em;
}

a {color: #06A;}
#pagenav a:hover {
    color: red;
    text-decoration: none;
    border-bottom: 1px dotted green;
  }

p {padding: 0.1em 0 0.8em;}

h1 {font: normal 1.8em Georgia,Tahoma,sans-serif;}
h2 {font: normal 1.5em Georgia,sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

blockquote {
	background: #FFF url('http://www.arbeitslosenspiel2.de/img/quote.gif') no-repeat;
	border: 1px solid #EAEAEA;
	color: #555;
	display: block;
	font: normal 1em sans-serif;
	margin-bottom: 1em;
	padding: 10px 1em 0.2em 42px;
}

code {
	display: block;
	background: #FFFFFA;
	color: #335;
	border: 1px solid #E8E8D5;
	padding: 5px 10px;
	overflow: auto;
	margin: 1em 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

ul,ol {margin: 0 0 1em 1.6em;}
ul ul, ol ol {margin: 0.3em 0 0.3em 1em;}

img {border: none;}

 img.bordered {background: #FFF; padding: 5px; border: 1px solid #DDD;}
img.left {margin-right: 1em;}
img.right {margin-left: 1em;}

small,.small {font-size: 0.8em;}
big,.big {font-size: 1.2em;}


/* ----------------------------------------
  Forms
------------------------------------------- */

/* Inputs */
input#s, textarea, input.styled {
	border: 1px solid #BBB;
	padding: 3px;
	width: 160px;
	font: normal 1em Verdana,sans-serif;
}
textarea {width: 440px;}
#searchsubmit {
	border: 1px solid #BBB;
	background: #EEE;
	font: normal 0.9em Verdana,sans-serif;
	padding: 2px 3px;
}

/* Seachform */
table.search {
	width: 100%;
	border-collapse: collapse;
}
.search td {vertical-align: center;}


/* ----------------------------------------
   Layout
------------------------------------------- */

/* Main */
#layout_wrapper {
	margin: 2px 0;
	width: 910px;	
}
#layout_container {
	background: #FFF;
	padding: 0 5px;
}

.navigation {
	float: left;
	width: 165px;
	height: 650px;
	background: url(http://www.arbeitslosenspiel2.de/img/backleft.jpg) no-repeat;
}

#rbtop div    { background: url('http://www.arbeitslosenspiel2.de/img/layoutedge_left.gif') no-repeat top left; 
display: block;
	height: 10px;	
	font-size: 0;
	line-height: 0;
		margin:0;
	padding:0;
	}
#rbtop div div  { background: url('http://www.arbeitslosenspiel2.de/img/layoutedge_right.gif') no-repeat top right;

	height: 10px;	
	font-size: 0;
	line-height: 0;
		margin:0;
	padding:0;
	
	 }
#rbtop          { background: url('http://www.arbeitslosenspiel2.de/img/layoutedge_middle.gif') repeat top  ;
	display: block;
		height: 10px;	
	font-size: 0;
	line-height: 0;
		
	
	}
#rbunder div     { background: url('http://www.arbeitslosenspiel2.de/img/layoutedge_left.gif') no-repeat bottom left; 
display: block;
	height: 10px;	
	font-size: 0;
	line-height: 0;
	}
#rbunder div div { background: url('http://www.arbeitslosenspiel2.de/img/layoutedge_right.gif') no-repeat bottom right;
display: block;
	height: 10px;	
	font-size: 0;
	line-height: 0;
	 }
#rbunder         { background: url('http://www.arbeitslosenspiel2.de/img/layoutedge_middle.gif') repeat-x bottom; 
	display: center;
	height: 10px;	
	font-size: 0;
	line-height: 0;
	}	
#goto a       { display:block;
             background-image:url(http://www.arbeitslosenspiel2.de/img/backg1.gif);
             width:154px; height:30px; margin: 5Px 0; }


#logout a       { display:block; float:right;
             background-image:url(http://www.arbeitslosenspiel2.de/img/backg1.gif);
             width:154px; height:30px; margin: 5px 0; }
#logout a:hover { background-image:url(http://www.arbeitslosenspiel2.de/img/backg2.gif); }

#goto a {
	font: bold 1.0em sans-serif; 
	letter-spacing: 1px; 
	color: #000000;
	text-decoration: none;
text-align: center;
line-height: 2;
margin: -5px 0;
}
#goto a:hover {
        text-decoration: none;
      }
#goto2 a       { display:block;
             background-image:url(http://www.arbeitslosenspiel2.de/img/buttonr3.png);
             width:150px; height:25px; }
#goto2 a:hover { background-image:url(http://www.arbeitslosenspiel2.de/img/buttonr4.png); }

#goto2 a {
	font: bold 1.0em sans-serif; 
	letter-spacing: 1px; 
	color: #000000;
	text-decoration: none;
text-align: center;

line-height: 2;
}

/* Site Title */
#site_title {
	background: #fd2d0e url('http://www.arbeitslosenspiel2.de/img/site_title.jpg') repeat-x left top;
	padding: 6px 18px;
}
#site_title h1 {
	font: normal 2.4em sans-serif;
	letter-spacing: -1px;
}
#site_title h1,#site_title h1 a {color: #507A9A;}
#site_title h1 a {text-decoration: none;}
#site_title h1 a:hover {color: #305A7A}
#site_title h2 {
	padding-top: 1.4em;
	font: normal 1.1em sans-serif;
	color: #679;
}
.headline {
	font-family: Verdana,Sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #EB0000;
	font-size: 10px;
}
.winline {
	font-family: arial,Sans-serif;
	font-weight: bold;
	background-color: #000000;
	font-size: 12px;
}
.mainrow {
	font-family: Verdana,Sans-serif;
	color: #000000;
	background-color: #F2F2F2;
	font-size: 10px;
}
#top_separator {
	background: url('http://www.arbeitslosenspiel2.de/img/top_separator.gif') repeat-x left top;
	display: block;
	font-size: 0;
	height: 3px;
	line-height: 0;
}

/* Navigation */
#navigation {
	background-color: #fd2d0e;
}

/* Tabs */
#tabs ul {
	margin: 0;
	padding: 0;
}
#tabs li {
	display:inline;
	list-style:none;
}
#tabs iframe {
	background: #fd2d0e;
}
#tabs a {
	background: url("http://www.arbeitslosenspiel2.de/img/tableftC.gif") no-repeat left top;
	float: left;
	font: bold 0.9em sans-serif;
	margin-right: 3px;
	padding-left: 4px;
	text-decoration: none;
}
#tabs a span {
	float: left;
	display: block;
	background: url("http://www.arbeitslosenspiel2.de/img/tabrightC.gif") no-repeat right top;
	padding: 5px 10px 5px 6px;
	color: #000000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float: none;}
/* End IE5-Mac hack */

#tabs a:hover span {color: #000000;}
#tabs a:hover {background-position: 0% -42px;}
#tabs a:hover span {background-position:100% -42px;}

#tabs li.current_page_item a {color: #47A; background-position: 0% -42px;}
#tabs li.current_page_item a span {background-position:100% -42px;}

/* Main Layout */
#main_left {width: 220px;}
#main_right {width: 100%%;
	float: left;}
	
/* Footer */
#footer {
	background: #fd2d0e url('http://www.arbeitslosenspiel2.de/img/footer.gif') no-repeat left top;
	padding: 8px 12px 2px;
	font-size: 0.85em;
	color: #FFFFFF;
}
#footer .right {color: #FFFFFF;}
#footer .right a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer .right a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* ----------------------------------------
   Miscellaneous
------------------------------------------- */

/* Images */
img.bordered {
	border: 1px solid #DDD;
	background: #FFF;
	padding: 5px;
}

/* Text */
.bold {font-weight: bold;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.tright {text-align: right;}

/* Floats */
.left {float: left;}
.right {float: right;}

/* Clear */
.clear,.clearer {clear: both;}
.clearer,.spacer {
	display: block;
	font-size: 0;
	line-height: 0;
}

/* Icons */
span.comment {
	background: url('http://www.arbeitslosenspiel2.de/img/icon_comment.gif') no-repeat left center;
	padding-left: 18px;
}


/* ----------------------------------------
   Post, page
------------------------------------------- */

.post {
	margin-bottom: 5px;
	color: #444;
}
.post_title {
	background: #E8E8E8 url('http://www.arbeitslosenspiel2.de/img/post/title.gif') no-repeat left top;
	padding: 6px 12px 5px;
}
.post_title h1 {font: bold 0.9em Verdana,sans-serif;}
.post_title h1 a {color: #444;}
.post_title h1 a:hover {
	color: #469;
	text-decoration: underline;
}
.post_title h1.left {width: 380px}
.post_date {
	color: #999;
	padding-top: 1px;
	font-size: 0.85em;
}
.post_metadata {
	margin-top: 5px;
	padding: 0 5px;
	background: #F5F5F5;
}
.post_metadata .content {
	border-top: 1px solid #E5E5E5;
	padding: 8px 5px 6px;
	font-size: 0.8em;
	color: #666;
}
.post_metadata .content a {color: #567;}
.post_metadata .content a:hover {color: #002;}

.post_body {
	background: #F5F5F5 url('http://www.arbeitslosenspiel2.de/img/post/body.gif') repeat-x left top;
	padding: 10px 10px 1px;
}
.post_body img {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 3px;
}
.post_bottom {
	background: url('http://www.arbeitslosenspiel2.de/img/post/bottom.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.post_search_text {
	font-size: 0.85em;
	padding: 2px 0;
}


/* ----------------------------------------
   Sidebar box
------------------------------------------- */

.box {margin-bottom: 5px;}
.box_title {
	background: #fd2d0e url('http://www.arbeitslosenspiel2.de/img/box/title.gif') no-repeat left top;
	padding: 6px 10px 5px;
	font-weight: bold;
	font-size: 0.8em;
	color: #FFFFFF;
}
.box_body {
	background: #fd2d0e url('http://www.arbeitslosenspiel2.de/img/box/body.gif') repeat-x left top;
	padding: 8px 10px 1px;
	font-size: 0.8em;
	color: #FFFFFF;
}
.box_bottom {
	background: url('http://www.arbeitslosenspiel2.de/img/box/bottom.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
		font-size: 0.8em;
	color: #FFFFFF;
}

.box ul {
	margin-left: 0;
	border-bottom: 1px solid #FFFFFF;
}
.box li:first-child {border-top: none;}
.box ul li {
	list-style: none;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.box ul a {text-decoration: none;
	font-size: 1.1em;
	color: #FFFFFF;
	}
.box ul a:hover {text-decoration: underline;
	font-size: 1.1em;
	color: #FFFFFF;
	}


/* ----------------------------------------
   Lists
------------------------------------------- */

.nicelist {
	padding: 1px 0 0;
}
.nicelist ol {margin: 0;}
.nicelist ol li {
	list-style: none;
	padding: 8px 10px 1px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
}
.nicelist li.alt {background: #EEE;}
.nicelist .body {padding-top: 5px;}
.nicelist .date {
	color: #888;
	padding-top: 4px;
	font-size: 0.85em;
}
.nicelist .date a {
	color: #567;
	text-decoration: none;
}
.nicelist .date a:hover {
	color: #002;
	text-decoration: underline;
}


/* ----------------------------------------
   Archives
------------------------------------------- */

.archive_title {font: normal 1.4em sans-serif;}
.archive_title a {text-decoration: none;}
.archive_title a:hover {text-decoration: underline;}
.archive_postinfo {
	font: normal 1em sans-serif;
	padding-bottom: 6px;
}


/* ----------------------------------------
   Comments
------------------------------------------- */

.comment_gravatar {width: 48px;}
.comment_gravatar img {padding: 2px;}
.comment_author {padding-top: 2px;}


/* ----------------------------------------
   Pagination
------------------------------------------- */

.pagenavigation {
	background: #DDEBF4 url('http://www.arbeitslosenspiel2.de/img/pagenav_top.gif') no-repeat;
	margin-bottom: 5px;
}
.pagenav_bottom {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 5px;
	background: url('http://www.arbeitslosenspiel2.de/img/pagenav_bottom.gif') no-repeat;
}

/* ----------------------------------------
   Width, height, margin, padding
------------------------------------------- */

.h5 {height: 5px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.ro {
	background:url("http://www.arbeitslosenspiel2.de/images/roundedbox_ro.gif") top right no-repeat;
	margin:0;
	padding:0;
}

.lo {
	background:url("http://www.arbeitslosenspiel2.de/images/roundedbox_lo.gif") top left no-repeat;
	margin:0;
	padding:0;
}

.ru {
	background:url("http://www.arbeitslosenspiel2.de/images/roundedbox_ru.gif") bottom right no-repeat;
	margin:0;
	padding:0;
}

.lu {
background:url("http://www.arbeitslosenspiel2.de/images/roundedbox_lu.gif") bottom left no-repeat;
margin:0;
padding:0 0 1.5em 0;
}
.counter{
font-family: Arial;
font-size: 24px;
font-style: bold;
color: #002;

} 
.inhalt {
margin:0;
padding:1.5em 2.5em 0 1.5em;
font-size: 12px;
} 
.inhalt p {
 margin:0;
 padding:0;
 font-size: 12px;
 }
 .webnavigation {
	float: right;
	width: 150px;
	height: 600px;
	position: absolute;
left: 2%;
width: 150px;
}
div#ladebalken {

				  	 width:  	   	   	   	 350px;

				  	 border:  	   	   	   	 1px solid #000;

				  	 background:  	   	   	   	 #c0c0c0;

				  	 height:  	   	   	   	 15px;

				}

				div#ladebalken p {

				  	 height:  	   	   	   	 15px;

				  	 display:  	   	   	   	 block;

				  	 background:  	   	   	   	 #0f0;

				  	 margin:  	   	   	   	 0px;

				}

				div#ladebalken span {

				  	 position:  	   	   	   	 relative;

				  	 margin:  	   	   	   	 0px 0px 0px 65px;

				}
				#container {

				  	 width: 60px;

				}

				#container a {

				  	 color: #000;

				  	
				  	font: small; 
				  	text-decoration: none;
				  	 color: blue;

				}

				#container a .box {

				  	 display: none;

				}

				#container a:hover .box {

				  	 width: 60px;

				  	 display: block;

				  	 border: 1px dashed #000;

				  	 margin-left: 5px;

				}
div#ladebalkenlife {

				  	 width:  	   	   	   	 305px;

				  	 border:  	   	   	   	 1px solid #000;

				  	 background:  	   	   	   	 #c0c0c0;

				  	 height:  	   	   	   	 30px;

				}

				div#ladebalkenlife p {

				  	 height:  	   	   	   	 30px;

				  	 display:  	   	   	   	 block;

				  	 background:  	   	   	   	 #FF8040;

				  	 margin:  	   	   	   	 0px;

				}

				div#ladebalkenlife span {

				  	 position:  	   	   	   	 relative;

				  	 margin:  	   	   	   	 0px 0px 0px 65px;

				}
				#containerlife {

				  	 width: 60px;

				}

				#containerlife a {

				  	 color: red;

				  	
				  	font: small; 
				  	text-decoration: underline;
				  	 color: blue;

				}

				#containerlife a .box {

				  	 display: none;

				}

				#containerlife a:hover .box {

				  	 width: 60px;

				  	 display: block;

				  	 border: 1px dashed #000;

				  	 margin-left: 5px;

				}
div#ladebalkenmini {

				  	 width:  	   	   	   	 400px;

				  	 border:  	   	   	   	 1px solid #000;

				  	 background:  	   	   	   	 #c0c0c0;

				  	 height:  	   	   	   	 15px;

				}

				div#ladebalkenmini p {

				  	 height:  	   	   	   	 15px;

				  	 display:  	   	   	   	 block;

				  	 background:  	   	   	   	 #FF8040;

				  	 margin:  	   	   	   	 0px;

				}

				div#ladebalkenmini span {

				  	 position:  	   	   	   	 relative;

				  	 margin:  	   	   	   	 0px 0px 0px 65px;

				}
				#container {

				  	 width: 60px;

				}

				#container a {

				  	 color: #000;

				  	
				  	font: small; 
				  	text-decoration: underline;
				  	 color: blue;

				}

				#container a .box {

				  	 display: none;

				}

				#container a:hover .box {

				  	 width: 60px;

				  	 display: block;

				  	 border: 1px dashed #000;

				  	 margin-left: 5px;

				}				
				a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #4dbcf3;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-style: Normal;
text-align: left;
}