a
{
	text-decoration: none;
   color: #315e8d;
	border-bottom: 1px dotted #315e8d;
}



a:hover
{
	border-bottom: 1px solid #315e8d;
}

img
{
	border: none;
}


img.xml_pic
{
	vertical-align: baseline;
}


html
{
   background: #f8f8f8;
   font-family: "Trebuchet MS";
   color: #525252;
}


.header
{
   border-top: 1px solid #c9c9c9;
   border-bottom: 1px solid #c9c9c9;
   position: absolute;
   top: 60px;
   left: 12px;
   right: 12px;
   padding: 10px;
   padding-left: 120px;
   background: #f1f1f1;
}

.header h1
{
   display: inline;
   font-family: verdana, sans;
   font-size: 140%;
}

.header input
{
   background: #f8f8f8;
   position:absolute;
   right: 10px;
   border: 2px solid #315e8d;
   padding: 3px;
   font-size: 80%;
}

.header input:hover, .header input:focus
{
   background-color: #f1f1f1;
}
   


.content
{
   position: absolute;
   top: 140px;
   left: 12px;
   right: 12px;
}



.content .article_box
{
   position: absolute;
   top: 12px;
   left: 0px;
   right: 254px;
}


.content .sidebar
{
   position: absolute;
   top: 12px;
   right: 0px;
   width: 250px;
   border-top: 1px solid #c9c9c9;
   margin-left: -2px;
}


.content .article_box
{
   border-top: 1px solid #c9c9c9;
   border-bottom: 1px solid #c9c9c9;
   margin-right: -5px;
}

.content .article_box .item h3
{
   margin-left: 20px;
   font-weight: bold;
   font-size: 120%;
   color: #315e8d;
}


.content .article_box .item .date
{
   font-size: 80%;
   margin-left: 20px
}

.content .article_box .item .license
{
   font-size: 80%;
   margin-left: 20px;
   margin-top: 10px;
}

.content .article_box .item p
{
   margin-left: 40px;
   text-align: justify;
}

.content .article_box div.item, 
.content .article_box div.author, 
.content .article_box div.big_date
{
   padding-right: 20px;
   margin-top: -1px;
   border-left: 100px solid #eeeee0;
   border-top: 1px solid #c9c9c9;
   border-bottom: 1px solid transparent;
   display: block;
	overflow: hidden;
}



.content .article_box div.item:hover,
.content .article_box div.author:hover,
.content .article_box div.big_date:hover
{
   background-color: #f1f1f1;
   border-left: 100px solid #e5e5d3;
}


.content .article_box div.big_date
{
	border-left: 60px solid #eeeee0;
}
	

.content .article_box div.big_date:hover
{
   border-left: 60px solid #e5e5d3;
}

.content .article_box div.author
{
	border-left: 80px solid #eeeee0;
	padding-top: 2em;
	padding: .2em;
}

.content .article_box div.author span
{
	font-size: 90%;
	font-weight: bold;
}	



.content .article_box div.author:hover
{
	border-left: 80px solid #e5e5d3;
}


.content .article_box div.author h2
{
	display: inline;
	font-weight: bold;
}



.content .sidebar div.side
{
   width: 220px;
   border-right: 30px solid #eeeee0;
   border-top: 1px solid #c9c9c9;
   border-bottom: 1px solid transparent;
   margin-top: -1px;
	padding-left: .7em;
}

.content .sidebar div.side:hover
{
   background-color: #f1f1f1;
   border-right: 30px solid #e5e5d3;
}

.content .sidebar div.side h3
{
   color: #315e8d;
   font-size: 95%;
	line-height: 0;

}

a.img
{
	border: none;
}

a.img:hover
{ 
	border: none;
}

.content .sidebar div.side ul
{
	display: inline;
	list-style: none;
}

.content .sidebar div.side li
{
   font-size: 80%;
}


div#logo
{
   position: absolute;
   left: 15px;
   top: 25px;
   background: url("http://www.planetplanet.de/images/design/logo.png");
   background-repeat: no-repeat;
   height: 125px;
   width: 125px;
   z-index: 10;
}