/* CSS Document */

body {
	background:#ffffff url(/images/schatten.gif) top center repeat-y;
	text-align:center;
	width:100%;
}


* html body {
	padding-left:1px;
}

/* Rahmen für Header, Search_Layer, Quickinfos und Topmenue */

div#top_navi{
	width:912px;
	height:25px;
	position:relative;
	margin:0 auto;
	text-align:left;
	line-height:25px;
	padding:0px;
	background:#ffffff url(/images/header-herbst-top.jpg) bottom right no-repeat;
}

div#top_navi a.first { margin-left:20px; }

div#top_frame{
	width:900px;
	height:183px;
	position:relative;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

/* Rahmen Boxen (re, li), Center Content */
div#middle_frame{
	position:relative;
	padding:0px;
	margin:0px auto; 
	width:900px;
	height:auto;
	background-image:url(../images/bg.gif);
	text-align:left;
}

/* Rahmen für Footer und Footer Text */
div#bottom_frame{
	position:relative;
	margin:0px auto; 
	padding:0px 0px 0px 1px;
	width:900px;
	height:auto;
	text-align:left;
}

/* Header-Bild */
div#header{
	margin:0;
	left:1px;
	top:0px;
	width:900px;
	height:171px;
	background-image:url(../images/header.jpg);	
}

/* Schnellsuche im Header */
div#search_layer{
    position:absolute;
	left:285px;
	top:99px;
	width:430px;
	margin:0;
	padding:0;	
}

/* Layer für die Quickinfos */
div#top_info{
    position:absolute;
	left:100px;
	top:88px;
	width:230px;
	height:80px;
	visibility:hidden;	
}

/* Top-Menue */
div#topmenu{
	position:absolute;
	top:148px;
	left:187px;
	width:550px;
	background-color:none;	
}

/* für alle Boxen auf der linken Seite */
div#box_left{
    position:absolute;
	left: 0px;
	top:6px;
	width:186px;
	height:auto;	
}

/* für alle Boxen auf der rechten Seite */
div#box_right{
    position:absolute;
	left: 714px;
	top:6px;
	width:186px;
	height:auto;
	padding-left:0px;	
}

/* Banner rechts */
div#banner_right{
    position:absolute;
	left: 913px;
	top:192px;
	width:auto;
	height:auto;
	padding-left:0px;	
}

div#banner_right_trenner{
    position:absolute;
	left: 900px;
	top:192px;
	width:13px;
	padding-left:0px;	
}

/* Center Content mit Mindesthöhe -> IE */
div#center{
	margin-left:189px;
	margin-bottom:0;
	margin-top:0;
	padding-top:0px;
	width:522px;
	height:auto !important;
	height: 1650px; /* für IE */
	background-image:url(../images/bg_center.gif);
	background-repeat:no-repeat;	
}

/* Center Content mit Mindesthöhe -> Mozilla, Opera, Netscape, ... */
div#center[id]{
	margin-left:189px;
	margin-bottom:0;
	margin-top:0;
	padding-top:0px;
	width:522px;
	min-height:1650px;
	height:auto !important;
	background-image:url(../images/bg_center.gif);
	background-repeat:no-repeat;	
}

/* statisch editierbarer Bereich im Center Content */
div#center_CMS{
	padding-left:0px;
	margin-left:0px;
	margin-bottom:0;
	margin-top:0;
	width:522px;	
}

/* Footer-Bild, Copyrighttext, Hinweise */
div#footer{
	margin:0;
	width:900px;
	height:14px;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;	
}


div.info_box {
	background-color:#f1f9ea;
}

div.info_box_rechts {
	width:200px;
	margin:0px 10px 10px 10px;
	float:right;
}

div.info_box .label {
	background-color:#7BBF44;
	border-bottom:1px solid #FFFFFF;
	height:auto;
	margin:0;
	padding:5px;
	width:auto;
	color:#ffffff;
	font-family:verdana,arial,helvetica;
	font-size:12px;
	font-weight:bold;
	line-height:17px;
}

div.info_box ul {
	list-style:none;
	margin-left:0px;
	margin-bottom:10px;
	margin-top:10px;
	padding-left:28px;
	padding-bottom:0px;
	padding-right:10px;
	background:transparent url(/images/divider-dots.gif) bottom left no-repeat;
}

div.info_box ul li {
	padding-bottom:5px;
}

.nobg {
	background-image:none !important;
}

.recommendation_engines_list {
	list-style:none;
	padding-left:5px;
}

.recommendation_engines_list li {
	background-image:none;
	list-style-image:none;
}


/* UserVoice Tab */
#uv_feedback {
background-position:top left !important;
background-repeat:no-repeat !important;
display:block !important;
height:100px !important;
margin:-45px 0 0 !important;
padding:0 !important;
position:fixed !important;
text-indent:-9000px;
top:45% !important;
width:26px !important;
z-index:100001 !important;
background-image:url(/images/button_feedback.png);
}

#uv_feedback:hover {
	background-position:top right !important;
}

/* Blog */
.blog_index {
	margin-top:20px;
	padding-left:11px;
	padding-right:13px
}

.blog_index .teaserimg {
	border-left:1px solid #7AC244;
	border-top:1px solid #7AC244;
	border-right:1px solid #7AC244;
	border-bottom:5px solid #14407D;
	float:left;
	margin:2px 10px 10px 0px;
	display:inline-block;
}

.blog_index .headline {
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	font-size:14px !important;
}

.blog_index .entry {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px dotted #A4AAB8;
	min-height:160px;
}

.blog_entry {
	margin-top:1em;
	padding-left:11px;
	padding-right:13px
}

.blog_entry .teaserimg {
	border-left:1px solid #7AC244;
	border-top:1px solid #7AC244;
	border-right:1px solid #7AC244;
	border-bottom:5px solid #14407D;
	float:right;
	margin:0 0px 6px 10px;
}

.blog_entry ul {
	margin-top:5px;
	padding-left:20px;
}

.blog_entry label {
	font-style:italic;
	font-size:10px;
	display:block;
	text-align:center;
	margin:2px 10px 2em 10px;
}

.blog_entry label a {
	font-size:10px !important;
}


.blog_entry table {
	border:1px solid #7AC244;
	border-collapse:collapse;
}

.blog_entry table th {
 	background-color:#7AC244;
	color:#fff;
}

.blog_entry table tfoot td {
 	background-color:#f2f2f2;
	color:#2a2a2a;
	border-top:1px dotted #2a2a2a;
}

.blog_entry table tr.left th {
	text-align:left;
}

.blog_entry table th,
.blog_entry table td {
	padding:2px 5px;
	vertical-align:top;
}

.blog_entry table.dotted td {
	border-top:1px dotted #A4AAB8;
	padding-top:5px;
	padding-bottom:5px;
}

.blog_entry table.dotted tr.first td {
	border-top:0px !important;
}

.blog_qa li {
	margin-bottom:2em;
}
.blog_qa li .q {
	display:block;
	margin-bottom:5px;
}