﻿/* CSS Document
Name: Einzelhandels Forum CSS
Author: Joe Ray Gregory
Agency: WebSeason GmbH
CSS Version: CSS 2.1
Info: made for modern browsers (Firefox, Opera), works with IE 6 & 7
Last Update: 09 Oktober 2007
*/

/*-->................................................
 #> Global Config
................................................<--*/
body {
	padding: 0;
	margin: 0;
	font: 100.01%  'Trebuchet MS', Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
	background-color: #e9e7d6;
	text-align: center;
	color: #605d53;
	
}

h1, h2, h3, h4, h5, h6, h7, h8, p, ul, li, ol, table, input, fieldset, form, tr , td, dl, dt, dd { padding: 0; margin: 0;  }

ul, li { list-style: none; }

img { border: none; }

.kusiv { font-style: italic; }

/*

*/

#topnav { 
	background: url('bg_topnav.gif') repeat-x #f5f4ea ; 
	width: 100%;
	border-top: 1px solid #e9e7d6;
	border-bottom: 1px solid #e9e7d6;
	text-align: right;
	color: #5c799b;
	float: left;
	line-height: 25px;
}

.center {
	width: 66.7em;
	margin: 0em auto;
	font-size: 0.75em;
}

.letters {
	width: 1.27em;
	height: 1.27em;
}

#topnav .center .box-right {
	float: right;
	padding: 4px 0 0 0;
}

#topnav .center .box-right p, #topnav .center .box-right ul li { float: left; }
#topnav .center .box-right p { font-weight: bold; padding: 0 0.9em 0 0; }

#topnav .center .box-right p a, #topnav .center .box-right p span {
	padding: 0px 0 0 0;
	display: block;
	float: left;
}

#topnav .center .box-right p span { padding: 0 1em 0 0; }

#topnav .center .box-right p a { padding: 0.0em 0 0 0.4em }

#topnav .center .box-right p a img { padding: 0.25em 0 0 0.0em; display: block; }

#topnav .center .box-right ul li { padding: 0 0em 0 0.9em; }

#topnav .center .box-right ul li a { color: #5c799b; font-weight: bold; text-decoration: none; }

#topnav .center .box-right ul li a:hover { text-decoration: underline; }


/*-----------------------------------------------------------------------------------------
Mittlerer Head
-----------------------------------------------------------------------------------------*/
#head { 
	clear: both;
	background: url('bg_head.gif') repeat-x #f7f7f2 ; 
	width: 100%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e9e7d6;
	text-align: left;
	color: #5c799b;
	text-transform: uppercase;
	float: left;
}

#head .center h1 {
	float: left;
	padding: 1em 0 1em 0;
}

#head .center form {
	float: right;
}

#head .center form {
	float: right;
	padding: 3em 0 0 0;
	text-align: left;
}

#head .center form input#submit {
	width: 1.3em;
	height: 1.4em;
}

#head .center legend { display: none; }
#head .center fieldset { border: 1px solid #ffffff; padding: 0; float: left; margin: 0 5px 0 0; }
#head .center input#keywords { width: 13.31em; border: 1px solid #d5d4c6; padding: 1px; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Helvetica, sans-serif; }

/*-----------------------------------------------------------------------------------------
Haupt Navigation
-----------------------------------------------------------------------------------------*/

#mainnav { 
	clear: both;
	position: relative;
	background: url('bg_mainnav.gif') repeat-x #e9e7d6 ;
	font-family: Tahoma, Helvetica, sans-serif;
	width: 100%;
	border-top: 1px solid #ffffff;
	border-bottom: 2px solid #2a415f;
	text-align: left;
	color: #5c799b;
	text-transform: uppercase;
	float: left;
	line-height: 1.75em;
	z-index: 900;
}

#mainnav ul {
	float: left;
}

#mainnav ul li { 
	float: left;
	padding: 0 1.55em 0 0;
	position: relative;
}


#mainnav ul li a { 
	color: #61605b;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
}

#mainnav ul li a:hover { 
	text-decoration: underline;
}

/*Dropdown MenÃ¼*/
#mainnav ul li ul { 
	border-top: 2px solid #d8d6c6;
	  position: absolute;
	  left: -2000px;
	  list-style: none;
	  background-color: #e9e7d6;
	  width: 170px;

	  padding: 5px 0 15px 0;
	  line-height: 2em;
	  text-transform: none;
	  z-index: 1000;
}

#mainnav ul li ul li { 
  width: 170px;
  float: none;
  padding: 0 0 0 10px;
}

#mainnav ul li ul li a{
  border-bottom: 1px dotted #b2b0a3;
  padding: 0px 10px 0px 12px;
  margin: 0;
  float: none;
  color: #3f608c;
  display: block;
  width: 138px;
  background: url('icon_subnav.gif') no-repeat 0 7px ;
}

#mainnav ul li ul li a:hover {
	color: #434138;
	text-decoration: none;
}

#mainnav ul li:hover ul { left: auto; }
#mainnav ul li:hover ul, #mainnav li.sfhover ul { left: auto; }

#picture { 
	clear: both;
	background: url('bg_content.gif') repeat-x #e9e7d6 ;
	width: 100%;
	text-align: center;
	color: #5c799b;
	text-transform: uppercase;
	float: left;
	height: 160px;
}

#picture img {
	padding: 22px 1.8em 10px 26px;
	background: url('bg_pic2.gif') no-repeat 18px 15px;
}

#content { 
	clear: both;
	width: 100%;
	text-align: left;
	float: left;
}

#content a { 
	background: url('icon_link.gif') no-repeat 0px 0.35em;
	padding: 0 5px 0 17px;
	color: #3f608c;
	font-weight: bold;
}

#content #breadcrumb { 
	padding: 1.2em 0 0 0;
	font-weight: bold;
	font-size: 0.9em;
	color: #434138;
	margin: 0 0 20px 0;
}

#content #breadcrumb a { 
	color: #3f608c;
	background: none;
	padding: 0 0.2em 0 0.2em;
}

#content #breadcrumb a:hover { color: #434138; text-decoration: none; }

#content #left {
	width: 41.68em;
	float: left;
	padding: 0 1.59em 0 0;
}

#content #left p.event-info {
	float: left;
}

#content #left p.event-info span.event-veranstalter {
	padding: 0 0 0 0;
	margin: 0 20px 0 0;
	display: inline;
}

#content #left p.event-info span.event-dates {
	background: url('icon_date.gif') 0 0.28em no-repeat;
	padding: 0 0 0 1.3em;
	margin: 0 0 0 0;
	display: inline;
}

#content #left p.event-info span.write {
	background: url('icon_write.gif') 0 0.39em no-repeat;
	padding: 0 0 0 1.6em;
	margin: 0 0 0 0;
	display: inline;
}

#content h2 {
	background: url('bg_h1.gif') 0 0em repeat-y #d8d6c6;
	color: #3f608c;
	padding: 0;
	margin: 0 0 0.45em 0;
	text-align: left;
	font-size: 1.7em;
	width: 39.26em;
}

#content #left h2 {
	width: 24.5em;
}
#content #right h2 {
	width: 13.76em;
}

#content #left h3 {
	font-size: 1.1em;
}

#content #left .accordion p {
	padding: 0 0 0 0.5em;
}

#content #left .accordionhead .h1-text {
	font-size: .65em;
	padding: .2em;
	padding-left: 1.5em;
}

#content #left hr {
	border: none;
	border-bottom: 1px dotted #605d53;
	background: none;
	color: #e9e7d6;
	margin: 0 0 5px 0;
	padding: 0;
	clear: both;
}

#content #left ul {
	padding: 0 0px 10px 10px;
}

#content #left ul li {
	background: url('icon_ul.gif') no-repeat 0 0.4em;
	padding: 0 0 0 13px;
	margin: 0 0 5px 0;
}

#content h2 span, #content h2 b, #content #dates span, #content p#dates b { display: block; }

#content span.h1-top-left, #content .h1-top, #content span.h1-top-right, #content span.h1-bottom-left, #content .h1-bottom, #content span.h1-bottom-right, #content #dates span {
	height: 4px;
}

#content span.h1-top-left { 
	background: url('h1_top_left.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 15px;
	padding: 0;
	margin: 0;
	float: left;
}

#content .h1-top { 
	background-color: #d8d6c6;
	font-size: 0em;
	padding: 0;
	margin: 0;
}

#content span.h1-top-right { 
	background: url('h1_top_right.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 8px;
	padding: 0;
	margin: 0;
	float: right;
}

#content span.h1-bottom-left { 
	background: url('h1_bottom_left.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 15px;
	padding: 0;
	margin: 0;
	float: left;
}

#content .h1-bottom { 
	background-color: #d8d6c6;
	font-size: 0em;
	padding: 0;
	margin: 0;
}

#content span.h1-bottom-right { 
	background: url('h1_bottom_right.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 8px;
	padding: 0;
	margin: 0;
	float: right;
}

#content span.h1-text { 
	background: url('icon_h1_pfeil.gif') no-repeat 0.18em 0.19em;
	padding: 0 0 0 0.9em;
	margin: 0;
}

#content #right .h1-bottom {
	display: none;
}

#content #right .h1-text {
	padding-bottom: 4px;
}

#content #left p { 
	padding: 0 0 0.88em 0;
}
/*pdates start*/

/*pdates end*/
/*
Div Dates

*/
/*dates start*/
#content #left #dates {
	background-color: #d8d6c6;
	color: #3f608c;
	padding: 0;
	margin: 0px 0 9px 0;
	text-align: left;
	clear: both;
}

#content #left #dates b {
	height: 4px;
}

#content #left #dates b span {
	float: left;
	height: 4px;
}

#content #left #dates b span.round-top-left {
	background: url('round-top-left.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: left;
}

#content #left #dates b span.round-top-right {
	background: url('round-top-right.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: right;
}

#content #left #dates b.round-bottom span.round-bottom-left {
	background: url('round-bottom-left.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: left;
}

#content #left #dates b.round-bottom span.round-bottom-right {
	background: url('round-bottom-right.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: right;
}

#content #left #dates a { 
	background: url('icon_special-link.gif') no-repeat 0px 0.3em;
	padding: 0 12px 0 17px;
	color: #3f608c;
	font-weight: bold;
}

#content #left #dates a:hover { 
	color: #152f51;
	text-decoration: none;
}

#content #left #dates b.round-top { 
	background-color: #d8d6c6;
	font-size: 0em;
	height: 4px;
	padding: 0;
	margin: 0;
}

#content #left #dates b.round-bottom { 
	background-color: #d8d6c6;
	height: 4px;
	padding: 0;
	margin: 0;
}

#content #left #dates span.info-text { 
	padding: 0 0 0 20px;
	margin: 0;
	text-align: right;
	height: 1.7em;
}
/*dates end*/
/*
Div Dates

*/
/*dates2 start*/
#content #left #dates2 {
	background-color: #d8d6c6;
	color: #3f608c;
	padding: 0;
	margin: 0px 0 9px 0;
	text-align: left;
	clear: both;
}

#content #left #dates2 b {
	height: 4px;
}

#content #left #dates2 b span {
	float: left;
	height: 4px;
}

#content #left #dates2 b span.round-top-left {
	background: url('round-top-left.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: left;
}
/*dates2 end*/

#content #left #dates2 b span.round-top-right {
	background: url('round-top-right.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: right;
}

#content #left #dates2 b.round-bottom span.round-bottom-left {
	background: url('round-bottom-left.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: left;
}

#content #left #dates2 b.round-bottom span.round-bottom-right {
	background: url('round-bottom-right.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: right;
}

#content #left #dates2 a { 
	background: url('icon_special-link.gif') no-repeat 0px 0.3em;
	padding: 0 12px 0 17px;
	color: #3f608c;
	font-weight: bold;
}

#content #left #dates2 a:hover { 
	color: #152f51;
	text-decoration: none;
}

#content #left #dates2 b.round-top { 
	background-color: #d8d6c6;
	font-size: 0em;
	height: 4px;
	padding: 0;
	margin: 0;
}

#content #left #dates2 b.round-bottom { 
	background-color: #d8d6c6;
	height: 4px;
	padding: 0;
	float: left;
	margin: 0;
}

#content #left #dates2 span.info-text { 
	padding: 0px 0 0px 20px;
	margin: 0;
	text-align: right;
}

/*END*/

#content #left p a.readmore { 
	float: right;
	background: url('icon_link.gif') no-repeat 0px 0.4em;
	padding: 0 12px 0 17px;
	color: #3f608c;
	font-weight: bold;
}

#content #left p a.readmore:hover { 
	color: #152f51;
	text-decoration: none;
}

img.rahmen-links {
	float: left;
	display: block;
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #d8d6c6;
	margin: 0 8px 0 0;
}

.clearall {
	clear: both;
	font-size: 0em;
	height: 12px;
}

#content #left .aktuelle-termine {
	border-bottom: 1px solid #d8d6c6;
	padding: 0px 0 10px 0;
	float: left;
	margin: 0 0 8px 0;
}

#content #left #termine h2 {

}

#content #left p#dates {
	padding: 0 0 0em 0;
	margin: 0 0 20px 0;
}

#content #left .archiv-month {
}

#content #left #termine .archiv-month h3 {
	font-size: 1.5em;
	border-bottom: 1px solid #c2c0b1;
	border-top: 1px solid #e9e7d6;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	line-height: 1.5em;
	clear: both;
}

#content #left .aktuelle-veranstaltungen {
	float: left;
	border-bottom: 1px dotted #b3b1a1;
	padding: 0.2em 0 0.2em 0em;
}

#content #left .aktuelle-veranstaltungen p {
	padding: 0;
	margin: 0;
}

#content #left .aktuelle-veranstaltungen h4 {
	padding: 0.1em 0 0 0;
}

#content #left .aktuelle-veranstaltungen .termine-left {
	float: left;	
}

#content #left .aktuelle-veranstaltungen p.readmore {
	float: right;	
}



#content #left .aktuelle-termine p {
	padding: 0;
}

#content #left .aktuelle-termine h3 {
	padding: 0 0 0px 0;
}

#content #left h3 {
	padding: 0 0 5px 0;
}

#content #left .aktuelle-termine .termine-left {
	width: 32.9em;
	float: left;
}

#content #left .aktuelle-termine p.readmore {
	width: 8.5em;
	float: left;
}

#content #left .aktuelle-termine p.readmore a {
	color: #3f608c;
	font-weight: bold;
	font-size: 0.9em;
	background: url('icon_link.gif') no-repeat 0px 0.3em;
	padding: 0 2px 0 18px;
	
}

#content #left .aktuelle-termine p.readmore a:hover {
	color: #152f51;
	text-decoration: none;
}
/*-----------------------------------------------------------
-> Pagina fÃ¼r mehseitige Seiten
-----------------------------------------------------------*/
#content #left ul.pagination {
	float: left;
	padding: 0 0 0 10px;
}

#content #left .block .pagination li {
	float: left;
	padding: 0px 2px 0 2px;
	margin: 0 0 0 2px;
	display: block;
	background: none;
}

#content #left #dates2 .info-text .pagination li a {
	float: left;
	background: none;
	padding: 0;
}

.pagination_current {
	display: block;
	font-weight: bold;
	color: #ffffff;
}

#content #left #dates2 .info-text .pagination p {
	float: right;
	background: none;
	padding: 0 10px 0 0 ;
}


/*--------------------------------------------------------
-> Comments
--------------------------------------------------------*/
#content #left .comment-head {
	padding: 0.3em;
	border: 1px solid #b6b5a8;
	background-color: #d8d6c6;
	margin: 0 0 1px 0;
}

#content #left .comment-head h3 {
	float: left;
	padding: 0 0 0px 0;
}

#content #left h4 {
	font-size: 1em;
}

#content #left h4 a {
	background: none;
	padding: 0;
}

#content #left .comment-head h3 span {
	display: inline;
}

#content #left .comment-head p { padding: 0; margin: 0; }

#content #left .comment-head p.comment-date {
	float: right;
	padding: 0 0.5em 0 0em;
	font-size: 0.9em;
}

#content #left .comment-head p.comment-company {
	clear: both;
}

#content #left .comment-text {
	padding: 0.7em 0.2em 0.4em 0.2em;
	border-top: 1px solid #e3e1d1;
	margin: 0 0 0.9em 0;
}

#content #left .comment-text p {
	padding: 0px 0 0.7em 0;
}



#content #left dl {
	padding: 0px 0 10px 0;
	float: left;
}

#content #left dl dt {
	font-weight: bold;
	clear: both;
	padding: 5px 0 0px 0;
}

#content #left dl dd {
	float: left;
}

#content #left dl dd.readmore {
	float: right;
}

#content #left dl dd.readmore a {
	color: #3f608c;
	font-weight: bold;
	font-size: 0.9em;
	background: url('icon_link.gif') no-repeat 0px 0.4em;
	padding: 0 2px 0 18px;
	
}

#content #left dl dd.readmore a:hover {
	color: #152f51;
	text-decoration: none;
}

#content #left dl dd.spacer {
	clear: both;
	float: left;
	height: 1px;
	padding: 0 0 5px 0;
	width: 41.5em;
	border-bottom: 1px solid #d8d6c6;
}


/*-------------------------------------------------------
Mitgliederliste
--------------------------------------------------------*/
#content #left #mitgliederliste h3 {
	clear: none;
	padding: 0 0 0px 0;
}

#content #left #mitgliederliste .ce_text {
	float: left;
	width: 165px;
	overflow: hidden;
}

#content #left #mitgliederliste .Trennlinie  {
	width: 100%;
	height: 2px;
	padding: 0 0 1em 0;
}

#content #right {
	width: 23.42em;
	float: left;
	padding: 0 0px 0 0;
}


#content #right h2 {
	background: url('bg_h1.gif') 0 0px;
	color: #3f608c;
	padding: 0;
	margin: 0 0 0px 0;
	text-align: left;
	font-size: 1.7em;
	border-bottom: 1px solid #e9e7d6;
}

#content #right span { display: block; }

#content span.news-top { 
	background-color: #d8d6c6;
	font-size: 0em;
	height: 4px;
	padding: 0;
	margin: 0;
}

#content #right span.news-text { 
	background: url('icon_h1_pfeil.gif') no-repeat 0.18em 0.38em;
	padding: 4px 0 4px 1em;
	margin: 0;
}

#content #right .news-list-item {
	background-color: #cdcbb9;
	padding: 10px 0 10px 1.4em;
	float: left;
	width: 22em;
	border-bottom: 1px solid #e9e7d6;
}
#content #right .news-list-item h3 {
	font-size: 1.2em;
}
#right .ce_download {
	clear: both;
	background-color: #cdcbb9;
	padding: 0.5em 0 0.5em 1.3em;
	margin: 0 0 1px 0;
}

#right .ce_download a {
	padding: 0;
	background: none;
}

#right .ce_download img {
	float: left;
	padding: 0 5px 0 0;
}

#content #right .ce_text {
	background-color: #cdcbb9;
	padding: 10px 0 10px 1.4em;
	float: left;
	width: 22em;
	border-bottom: 1px solid #e9e7d6;
}

*html #content #right .news-list-item { float: none; }

#content #right .news-list-item a {
	background: none;
	padding: 0;
}

#content #right .news-list-item a:hover {
	color: #152f51;
}

#content #right .news-list-item span.date {
	font-weight: bold;
	display: inline;
}

#content #right .news-list-item .news-list-left {
	float: left;
	/*border-right: 1px solid #d8d6c6;*/
}

#content #right .news-list-item .news-list-left p {
	font-size: 0.9em;
}

#content #right .news-list-item .news-list-right {
	float: left;
	width: 7.25em;
}

#content #right .news-list-item h3 {
	color: #434138;
	padding: 0 0 0px 0;
}

#right .year {
	background-color: #cdcbb9;
	padding: 5px 0 5px 20px;
	margin: 0 0 1px 0;
	border-top: 1px solid #c2c0b1;
	clear: both;
}

#right .year h3 {
	padding: 0;
	margin: 0;
	line-height: 0.75em;
}

#content #right ul {
	padding: 0.7em 0 0 1em;
}

#content #right ul li {
	background: url('icon_ul.gif') no-repeat 0em 0.39em;
	padding: 0em 0 0em 0.7em;
	margin: 0;
	background-color: #cdcbb9;
}

#content #right ul li a {
	margin: 0px 0 0px 0;
	padding: 0 0 0 0em;
	background: none;
}

#content #right ul.month_list {
	padding: 0em 0 0em 0em;
	background-color: #cdcbb9;
	float: left;
	margin: 0 0 1px 0;
}

#content #right ul.month_list li {
	background: url('icon_ul.gif') no-repeat 1.8em 0.79em;
	padding: 0.4em 0 0.3em 2.82em;
	margin: 0;
	background-color: #dcdaca;
	float: left;
	width: 20.6em;
	background-color: #cdcbb9;
}

#content #right ul.month_list li a {
	margin: 0px 0 0px 0;
	padding: 0 0 0 0em;
	background: none;
	text-decoration: none;
}

#content #right p#news-foot {
	background-color: #cdcbb9;
	text-align: right;
	clear: both;
	line-height: 2.5em;
}

#content #right p#news-foot a {
	background-image: none;
	font-size: 0.9em;
	padding: 5px 10px 5px 16px;
	background: url('icon_link.gif') no-repeat 0px 0.8em;
}

#content #right p#news-foot a:hover {
	color: #152f51;
}

#content #right p#news-foot b{
	background-color: #cdcbb9;
	display: block;
	height: 4px;
	font-size: 0em;
	line-height: 0em;
}

#content #right p#news-foot b span.news-bottom-left{
	background: url('news_bottom_left.gif') 0 0px no-repeat;
	height: 4px;
	width: 5px;
	float: left;
	font-size: 0em;
}

#content #right p#news-foot b span.news-bottom-right{
	background: url('news_bottom_right.gif') 0 0px no-repeat;
	background-position: right;
	height: 4px;
	width: 5px;
	float: right;
	font-size: 0em;
}


#footer {
	clear: both;
	margin: 20px 0 0 0;
	background: url('bg_footer.gif') repeat-x #f5f4ea ; 
	width: 100%;
	border-top: 2px solid #2a415f;
	text-align: right;
	color: #5c799b;
	float: left;
	height: 73px;
}

#footer p {
	padding: 8px 0 0 0;
	color: #ffffff;
}

.Rahmen {
	display: block;
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #d8d6c6;
	margin: 0 8px 0 0;
}

#content #right .image_container_single {
	background-color: #cdcbb9;
	padding: 0px 0 10px 0em;
	float: left;
	width: 23.4em;
	border-bottom: 1px solid #e9e7d6;
	text-align: center;
}

#content #right .image_container_single .Rahmen{
	text-align: center;
	display: block;
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #d8d6c6;
	margin: 10px 0px 0 4px;
}

*html #content #right .image_container_single .Rahmen{
	text-align: center;
	display: block;
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #d8d6c6;
	margin: 10px 0px 0 0px;
}

#content #right .image_container_single a {
	text-align: center;
	background: none;
	padding: 0;
	margin: 0;
}



#content #left .image_container .Rahmen{
	text-align: center;
	display: block;
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #d8d6c6;
	margin: 0px 8px 0 0px;
}

#content #left .image_container a {
	text-align: center;
	background: none;
	padding: 0;
	margin: 0;
}


.clearme {
	clear: both;
	padding: 0;
	margin: 0;
	line-height: 0em;
	font-size: 0em;
}

.floatleft {
	float: left;
}

#left a.gif {
	background: url('icon_gif.gif') no-repeat 0 0.1em; 
	padding: 0 0 0 1.8em;
	margin: 0 0 0 10px;
}

#left a.jpg {
	background: url('icon_jpg.gif') no-repeat 0 1px; 
	padding: 0 0 0 1.8em;
	margin: 0 0 0 10px;
}

#left a.pdf {
	background: url('icon_pdf.gif') no-repeat 0 1px; 
	padding: 0 0 0 1.8em;
	margin: 0 0 0 10px;
}

#left a.packed {
	background: url('icon_packed.gif') no-repeat 0 1px; 
	padding: 0 0 0 1.8em;
	margin: 0 0 0 10px;
}

.back {
	float: right;
}

.forum_functions {
	float: right;
	padding: 0 0 10px 0;
}

#content .forum_top {
}

#content table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #acaa9c ;
}

#content table th {
	background: url('bg_tr.gif') repeat-x #d8d6c6;
	padding: 5px;
	border-top: 1px solid #acaa9c ;
	border-bottom: 1px solid #acaa9c;
}

#content table .category, .subject {
	border-right: 1px solid #acaa9c;
}

#content table .latestpost {
	border-right: 1px solid #acaa9c;
}


#content table .datarow td {
	background-color: #cccabc;
	padding: 5px;
	border-bottom: 1px solid #acaa9c ;
}

#content table .datarow td.category, #content table .datarow td.subject {
	background-color: #dad8c8;
	padding: 5px;
}



#content table .datarow td a {
	background: none;
	padding: 0;
	text-decoration: none;
}

#content table .datarow td a.forum_link {
	font-size: 1.1em;
	text-decoration: none;
}

#content table .iconcol {
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #bbb9ab;
}

#content table .datarow td.iconcol {
	vertical-align: middle;
	text-align: center;
}

#content table .centered {
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #bbb9ab;
}

#content a.forum_newtopic {
	background: url('system/modules/helpdesk/themes/default/images/add16.png') no-repeat 0 2px;
	padding: 0 10px 0 1.9em;
}

#content a.forum_read {
	background: url('system/modules/helpdesk/themes/default/images/checked16.png') no-repeat 0 2px;
	padding: 0 0 0 1.9em;
}

#content .functionbar a {
	background: none;
	float: left;
	padding: 0;
}

#content .functionbar img {
	float: left;
	display: block;
	padding: 1px;
	background-color: #d8d6c6;
	border: 1px solid #b6b5a8;
	margin: 0 2px 0 0px;
}

#content .functionbar .textbutton {
	float: left;
	display: block;
	padding: 1px;
	background-color: #d8d6c6;
	border: 1px solid #b6b5a8;
	margin: 0 2px 0 0px;
	line-height: 24px;
}

fieldset.form_input {
	clear: both;
	border: none;
	border: 1px solid #b6b5a8;
	padding: 5px;
	background-color: #d8d6c6;
	width: 99%;
	margin: 0 0 10px 0;
	float: left;
	position: relative;
}

*+html fieldset.form_input {
	padding:  20px 5px 0 5px;
	margin: 10px 0 0 0;
}

fieldset.form_input legend {
	font-size: 1.1em;
	font-weight: bold;
	color: #3f608c;
	position: absolute;
	top: -7px;
}

fieldset.form_input input {
	width: 99%; border: 1px solid #d5d4c6; padding: 2px; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
}

fieldset.form_input textarea {
	width: 98%; border: 1px solid #d5d4c6; padding: 5px; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
}

fieldset.form_input input, fieldset.form_input textarea  {
	margin: 0 0 5px 0;
	background-color: #ebe9d7;
	border: 1px solid #b6b5a8;
}

/*----------------------------------------------------------
-> Kommentar Form Styles
-----------------------------------------------------------*/
fieldset.form_comment {
	clear: both;
	border: none;
	border: 1px solid #b6b5a8;
	padding: 5px;
	background-color: #d8d6c6;
	width: 40.67em;
	margin: 0 0 10px 0;
	position: relative;
}

*+html fieldset.form_comment {
	float: left;
	margin: 0 0 10px 0;
}

fieldset.form_comment p label {
	padding: 0px 0 0 0;
	float: left;
}

fieldset.form_comment p img {
	padding: 0px 0 0 5px;
}

fieldset.form_comment .error {
	padding: 1em 0em 1em 1.9em;
	background: url(error16.png) no-repeat 0.3em 1.1em;
	position: absolute;
	width: 13em;
	border: 1px solid #b6b5a8;
	background-color: #ebe9d7;
	right: 20px;
}

fieldset.form_comment .form-infotext {
	float: right;
	width: 20em;
	margin: 1.1em 0 0 0;
	padding: 0.7em;
	border: 1px solid #b6b5a8;
	background-color: #ebe9d7;
}

#content #left fieldset.form_comment .form-infotext p {
	padding: 0;
	margin: 0;
}

#content #left input.submit {
	margin: 0;
	margin: 0 0 5px 0;
	background-color: #d8d6c6;
	border: 1px solid #b6b5a8;
	width: 10em;
}

fieldset.form_comment legend {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #3f608c;
	position: absolute;
	top: -0.7em;
	left: 0;
}

fieldset.form_comment input, fieldset.form_comment select {
	width: 17em; border: 1px solid #d5d4c6; padding: 2px; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
}

fieldset.form_comment textarea {
	width: 97%; border: 1px solid #d5d4c6; padding: 5px; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
}

fieldset.form_comment input, fieldset.form_comment textarea, fieldset.form_comment select  {
	margin: 0 0 5px 0;
	background-color: #ebe9d7;
	border: 1px solid #b6b5a8;
}


#content .functionbar span.buttongroup {
	float: left;
}

#content p.error_message {
	background: url('system/modules/helpdesk/themes/default/images/error16.png') no-repeat 0 1.1em;
	padding: 1em 0 1em 1.9em;
}

#content .message-container {
	margin: 0 0 0 0em;
	width: 98%;
	border: 1px solid #b6b5a8;
	padding: 5px 5px 10px 5px;
	background-color: #b6b5a8;
	float: left;
}

#content #left .left-loggedin {
	float: left;
	width: 19.5em;
	padding: 1em 30px 0 0;
}

#content #left .right-loggedin {
	padding: 1em 0px 0 0;
	float: left;
	width: 19.5em;
}

#content #left .left-loggedin img, #content #left .right-loggedin img {
	padding: 0 10px 0 0;
}

#content .list_header {
	float: left;
	background: #dbdad1;
	border-bottom: 1px solid #b6b5a8;
	clear: both;
}

#content .user_icon {
	float: left;
	border-right: 1px solid #b6b5a8;
	background: url('bg_icon.gif') repeat-x #dbdad1;
	padding: .2em 0 0 0;
}

#content .user_name {
	float: left;
	font-size: 1.1em;
	text-decoration: none;
	color: #3f608c;
	font-weight: bold;
	padding: 2px 0 0 5px;
}

#content .user_name span {
	float: left;
	font-size: 0.8em;
	text-decoration: none;
	color: #605d53;
	font-weight: normal;
}

#content .post_date {
	padding: 0.2em;
	float: right;
	border-left: 1px solid #b6b5a8;
}

#content .helpdesk-message {
	clear: both;
	background: #b6b5a8;
	
}

#content .helpdesk-message-inside {
	background: #d4d2c2;
	padding: 5px;
	border: 1px solid #dbdad1;
}

#content .helpdesk-message h3 {
	background: url('bg_tr.gif') repeat-x #d4d2c2;
	margin: 0px 0 5px 0;
	padding: 2px;
	border: 1px solid #dbdad1;
}

#content .helpdesk-message h3 span {
	color: #3f608c;
}

#content .post_buttons {
	width: 99.3%;
	background: #dbdad1;
	border-top: 1px solid #b6b5a8;
	float: left;
	padding: 3px;
}

#content .post_buttons a {
	background: none;
	padding: 2px;
	float: left;
	margin: 0 0 0 5px;
}

#content .post_buttons a img {
	background: none;
	padding: 0px 0 0 0;
	margin: 0 5px 0 0;
	float: left;
}

#content .new-post {
	background: url('system/modules/helpdesk/themes/default/images/warning16.png') no-repeat 0 0.1em;
	padding: 0 0 0 20px;
	font-weight: bold;
}

#content #forum-funcs {
	background: #d8d6c6;
	width: 99.5%;
	float: left;
	padding: 0 0 5px 0;
}

#content #forum-funcs b.round-top { 
	background-color: #d8d6c6;
	font-size: 0em;
	height: 4px;
	padding: 0;
	margin: 0;
}

#content #forum-funcs b.round-bottom { 
	background-color: #d8d6c6;
	height: 4px;
	padding: 0;
	margin: 0;
}

#content #forum-funcs b span.round-top-left {
	background: url('round-top-left.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: left;
}

#content #forum-funcs b span.round-top-right {
	background: url('round-top-right.gif') 0 0px no-repeat;
	font-size: 0em;
	width: 5px;
	padding: 0;
	height: 4px;
	margin: 0;
	float: right;
}

#content #forum-funcs .functions {
	float: right;
}

#content #forum-funcs h3 {
	clear: both;
	float: left;
	padding: 0 0 0 7px;
}

#content h3.previous {
	border-bottom: 1px dotted #b2b0a3;
	margin: 10px 0 10px 0;
}

#content .enclosure a {
	background: none;
	padding: 0;
}

#content .enclosure h3 {
	float: left;
	padding: 0 5px 0 0;
}

#content .enclosure img {
	margin: 0px 5px 0 0;
	float: left;
}

/* highlight classe fÃ¼r die suche */
span.highlight {
	display: inline !important;
	color: #F7F7F2;
	font-weight: bold;
	background-color: #3F608C;
	padding: 0 .2em;
}
.toggler:hover {
	cursor: pointer;
}

/*-----------------------------------------
Tabellen Layout Standart
-----------------------------------------*/

#content #left .ce_table table {
	border: none;
	margin: 10px 0 20px 1px;
	border: 1px solid #cccabb;
	width: 99%;
}

#content #left .ce_table table th {
	border-bottom: 5px solid #cccabb;
	border-top: 2px solid #cccabb;
	background: #d8d6c6;
	text-align: center;
}

#content #left .ce_table table td {
	padding: 5px 0 5px 5px;
	text-align: center;
	border-bottom: 1px solid #cccabb;
}

#content #left .ce_table table td.col_first {
	padding: 5px 0 5px 5px;
	text-align: left;
	width: 14em;
}

#content #left .ce_table table th.col_first {
	padding: 5px 0 5px 5px;
	text-align: left;
	width: 14em;
}

#content #left .ce_table table tr.row_last td {
	border-bottom: 5px solid #cccabb;
	border-top: 2px solid #cccabb;
	font-weight: bold;
}

/*----------------------------------
Tabellen Layout 2
----------------------------------*/

#content #left .Tabelle_2 table {
	border: none;
	margin: 10px 0 20px 1px;
	border: 1px solid #cccabb;
	width: 99%;
}

#content #left .ce_table table th {
	border-bottom: 5px solid #cccabb;
	border-top: 2px solid #cccabb;
	background: #d8d6c6;
	text-align: center;
}

#content #left .ce_table table td {
	padding: 5px 0 5px 5px;
	text-align: center;
	border-bottom: 1px solid #cccabb;
}

#content #left .Tabelle_2 table td.col_first {
	padding: 5px 0 5px 5px;
	text-align: left;
	width: 10.5em;
}

#content #left .Tabelle_2 table th.col_first {
	padding: 5px 0 5px 5px;
	text-align: left;
	width: 10.5em;
}

#content #left .ce_table table tr.row_last td {
	border-bottom: 5px solid #cccabb;
	border-top: 2px solid #cccabb;
	font-weight: bold;
}

#content #left .Tabelle_2 table th.head_3, #content #left .Tabelle_2 table th.head_4, #content #left .Tabelle_2 table th.head_5 {
	border-bottom: 5px solid #cccabb;
	border-top: 2px solid #cccabb;
	background: #d1cfbf;
}

#content #left .Tabelle_2 table td.col_3, #content #left .Tabelle_2 table td.col_4, #content #left .Tabelle_2 table td.col_5 {
	background: #dfddce;
	border-bottom: 1px solid #cccabb;
}


/*-----------------------------------------------------
Style WYSIWYG
----------------------------------------------------- */

#content #left p.Text_Links_2Spaltig {
	float: left;
	padding: 0 0 0 7em;
	font-weight: bold;
}

#content #left p.Text_Rechts_2Spaltig {
	float: right;
	padding: 0 8em 0 0;
	font-weight: bold;
}

/* slideshot */
#head-motiv {
	position: relative;
	height: 0;
	text-align: left;
}
#head-motiv img {
	z-index: 0;
	padding: 22px 1.8em 10px 26px;
	background: url('bg_pic2.gif') no-repeat 18px 15px;
	position: absolute;
	display: none;
	height: 130px;
	width: 750px;
	top: 0;
}

/* lightbox */
#lbOverlay {
	z-index: 100000;
}#lbCenter {
	z-index: 100001;
}#lbBottomContainer {
	z-index: 100001;
}
/* suche */
#content .mod_search #submit {
	height: 2em;
}
#content #left .mod_login p.error {
	right: 0;
	position: relative;
	float: right;
	width: 18em;
	padding: .7em;
	padding-left: 2.7em;
	padding-top: 1em;
	margin: 1.1em 0 0 0;
}
/* downloads */
#content #left .ce_downloads a {
	background-image: none;
	padding: 0;
	padding-left: .5em;
	margin-bottom: .2em;
}
#content #left .ce_downloads img {
	vertical-align: middle;
}
#content #left .form_comment .form-infotext a {
	background-image: none;
	padding: 0;
}

.Internet { background: url('icon_www.gif') no-repeat 0px 3px; padding: 0 0 0 15px;  }
.Telefon { background: url('icon_phone.gif') no-repeat 0px 3px; padding: 0 0 0 15px; }
.Fax { background: url('icon_fax.gif') no-repeat 0px 3px; padding: 0 0 0 15px; }
.EMail { background: url('icon_nail.gif') no-repeat 0px 3px; padding: 0 0 0 15px; }