@CHARSET "UTF-8";
/*
 * Stylesheet für die verschiedenen Kästen und Rahmen.
 */

/* 
 * Mittelgroße Box (u.a. in der Mitte der Startseite)
 */
div.bigBox {
	width: 413px;
	margin: 8px 11px 0px 12px;
	padding-bottom: 8px;
	/*background: url(../images/bigbox_bottom.png) no-repeat bottom left;*/
}
div.bigBox div.head {
	height: 7px;
	margin-top: 3px;
	/*background: url(../images/bigbox_top.png) no-repeat top left;*/
	overflow: hidden;
}
div.bigBox div.content {
	margin: 0;
	padding: 1px 8px 1px 0;
}

#center div.bigBox h1 {
	margin-left: 0px;	
}

/*
 * Kleine Box (u.a. in der Mitte der Startseite)
 * Je zwei davon passen nebeneinander unter eine bigBox.
 */
div.smallBox {
	float: left;
	width: 195px;
	margin: 8px 11px 0px 0px;
	padding-bottom: 8px;
	/*background: url(../images/smallbox_bottom.png) no-repeat bottom left;*/
}
div.smallBox div.head {
	height: 8px;
	margin-top: 3px;
	/*background: url(../images/smallbox_top.png) no-repeat top left;*/
	overflow: hidden;
}
div.smallBox div.content {
	margin: 0;
	padding: 1px 12px;
	/*background-color: #F4F3E9;*/
}

/*
 * Sehr große Box (für Text und ähnlichen Inhalt)
 */
div.hugeBox {
	width: 630px;
	margin: 8px 11px 0px 12px;
	padding-bottom: 7px;
	/*background: url(../images/hugebox_bottom.png) no-repeat bottom left;*/
}
div.hugeBox div.head {
	height: 7px;
	margin-top: 3px;
	/*background: url(../images/hugebox_top.png) no-repeat top left;*/
	overflow: hidden;
}
div.hugeBox div.content,
div.hugeBox div.rawContent {
	margin: 0;
	padding: 1px 0px;
	/*background-color: #F4F3E9;*/
}
div.hugeBox div.content {
	/*padding: 1px 8px;*/
}

/*
 * Zweispaltiges Layout innerhalb einer sehr großen Box
 */
div.firstColumn {
	float: left;
	width: 302px;
	margin-right: 8px;
}

div.secondColumn {
	float: left;
	width: 302px;
}

div.textColumn {
	width: 286px;
	padding-left: 8px;
	padding-right: 8px;	
}

/* Bricht den Dokumentenfluss nach den Spalten um */
.clearColumns {
	clear: left;
}


/* 
 * Infoboxen auf der Startseite
 */
#leftSide ol {
	height: 148px;
	margin: 3px 0px 8px 0px;
	padding: 0;
	background: url(../images/other_box.png) no-repeat top left;
	list-style: none;
}

#leftSide ol li {
	position: relative;
	height: 38px;
	margin: 0px 12px 0px 8px;
	padding: 4px 8px;
	text-align: right;
	line-height: 170%;
	background: url(../images/leftside_border.png) repeat-x top left;
}

#leftSide ol li.first {
	border: none;
	background: none;
}

#leftSide ol li a.thumbnail {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 0px;
}

#leftSide ol li img {
	margin: 2px 0 0 0;
	padding: 0;
	border: 1px solid #CECECE;
}

#topRated h3 {
	height: 14px;
	padding-left: 24px;
	background: url(../images/toprated_icon.gif) no-repeat 8px 0px;
	color: #3E6B1A;
}
#topRated ol {
	background-image: url(../images/toprated_box.png);
}
#topRated ol li {
	margin: 0px 12px 0px 8px;
	padding: 4px 8px 4px 33px;	
}

#newestLogos h3 {
	height: 14px;
	padding-left: 24px;
	background: url(../images/newlogo_icon.gif) no-repeat 4px 0px;
	color: #3E6B1A;
}

#newestUsers h3 {
	height: 14px;
	padding-left: 24px;
	background: url(../images/newuser_icon.gif) no-repeat 10px 0px;
	color: #3E6B1A;
}