/* ----------------------------------------------------------------
 *   Global Style fr den Body Body (Schatten, HG-Grafik, etc.)
 * ---------------------------------------------------------------- */   

/*CI-ANP*/ /* markiert nderungen von Farben und Grafiken abh. vom CI */

BODY {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 40px;
}
#bg_normal {
	BACKGROUND: url(../layout/back-all.gif) repeat-y; 
	LEFT: -10px; MARGIN: 0px auto; WIDTH: 920px; POSITION: relative;
	display: block; 
}
#main_normal {
	CLEAR: both; MARGIN: 0px auto; WIDTH: 900px; POSITION: relative;
	display:table;
}
#outer_content {
	CLEAR: both; 
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px; 
	PADDING-BOTTOM: 10px; 
	MARGIN-LEFT: 0px; 
	POSITION: relative;
	BACKGROUND-COLOR: #FFFFFF;
}

#nocontent {
	width: auto;
	height: auto;
}

/* ----------------------------------------------------------------
 *   Global Styles fr die Seite
 * ---------------------------------------------------------------- */   

#nocss              { visibility: hidden; display: none; }

body, p            { font-size: 11px; text-align: left;
					font-family: tahoma, verdana, arial, sans-serif; } 
a                  { text-decoration: none; }
img                { border: 0px; }
form               { margin: 0px; padding: 0px; }
td                 { text-align: left; font-size: 11px; }

/* alle Grundlegenden HTML-Tags: Headlines */
h1, h2, h3         { margin: 0px; padding: 0px; }
h3                 { font-weight: normal; }
h4, h5             { padding: 0px; margin: 0px 0px 6px 8px; } 
h1                 { font-size: 14px; }
h2, h3, h4, h5     { font-size: 11px; }

/* alle Grundlegenden HTML-Tags: Headlines mit Links */
h1 a               { color: white; text-decoration: none; }
h1 a:hover         { color: white; text-decoration: underline; }
h1 em              { font-style: normal; }

/* Headlines: Edit-Link */
h2 .edit           { display: inline; margin-left: 8px; }
h4 .edit           { display: inline; margin-left: 8px; }
h5 .edit           { display: inline; margin-left: 8px; }


/* Jede Menge Hilfsmittel */
.paddingvert10     { padding: 10px 0px; }
.center            { margin-left: auto; margin-right: auto; }
div.clear          { clear: both; }
ul.ul_slim          { margin-left: 15px; margin-top: 6px; padding-left: 0px;
					 padding-top: 0px; }
ul.ul_slim li       { padding: 5px 0px; }
ul.ul_slim li span  { color: black; }

#error             { margin: 0px 10px 10px 19px; padding: 10px; border: solid 1px #dd3c10; background: #ffebe8; }
#error p           { margin: 4px 0px 0px; }
#note              { margin: 0px 10px 10px 19px; padding: 10px; border: 1px solid #009900; background: #D9FFEC; }

/* ----------------------------------------------------------------
 *   BEGIN Seitenlayout
 * ---------------------------------------------------------------- */   

/* Linke Navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.nav           { margin-top: 0px; padding: 0px; float: left; width: 184px; 
	overflow: visible;  }

.navleft           { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 10px 0px; padding: 10px; padding-left: 20px; height: 380px}

.navleft a         { padding: 3px 3px; margin: 0px; width: 134px;
	display: block; float: left; }

.navleft a:hover   { text-decoration: none; }
.space           { padding: 4px 0px; margin: 0px; width: 150px; height: 5px; display: block; float: left; }

.noticeleft { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 10px 0px; padding: 10px; height: 140px; padding: 40px 24px 20px 20px; }


/* Schnellsuche ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navsearch  ,.navsearch      { width: 140px; padding-top: 10px; padding-bottom: 10px}
#navsearch input,.navsearch input { 
	padding-left: 17px; padding-right: 3px;
	padding-top: 3px; padding-bottom: 3px; 
	font-size: 11px; 
	width: 112px; }

#searchform        { text-align: center; margin-bottom: 20px; }
#searchform input.queryfield { font-size: 18px; width: 400px; margin-bottom: 10px; }


/* Schnell Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#loginform       {  margin: 10px 0px; padding: 10px; padding-left: 20px; height: 380px}
#loginform label { display: block; padding: 0px 0px 2px; margin: 0px; color: gray; font-weight: bold; }
#loginform .buttons { text-align: left; padding: 3px 0px 0px; }
#loginform .inputtext { width: 115px; }
#loginform .inputtext, #loginform .inputpassword { 
	border-left: 1px solid #666666; border-top: 1px solid #666666;
	border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
	padding: 3px; font-size: 11px; 
}
#loginform a { color: #FFFFFF; }
#loginform a:hover { text-decoration: underline; }


/* Header Navigation ganz oben ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#headertop         { position: relative; height: 216px; }
#leftlogo         { position: relative; top: 0px; left: 0px; width: 180px; height: 54px; cursor: pointer;}

#navtop,.navtop    { text-align: right; position: absolute; line-height: 32px; list-style: none; top: 1px; left: 320px; width: 540px; margin: 0px; padding: 3px 0px; }
#navtop li,.navtop li { display: inline; }
#navtop a, .navtop a  { margin: auto 0px; padding: 2px 5px;  }
#navtop a:hover, .navtop a:hover    { color: white; background-color:#FF9966 ; }

/* Headline direkt über Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#headline          { 
	font-weight: bold; 	font-family: tahoma, verdana, arial, sans-serif;
	padding: 20px 25px 0px;  margin: 0px; height: 45px;
}

#headline.flushright      { text-align: right; } /* fr Headline links/rechts */
#headline.flushright h1   { float: left; }
#headline h1 { font-size: 18px; }

/* Hauptinhalt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main             { font-size: 11px; margin-left: 0px; float: left;
					text-align: left; width: 716px;  display: table; }
#main a:hover     { text-decoration: underline; }
 * html #main      { f\loat: right; margin: 0px; c\lear: both; text-align: left; o\verflow: hidden; } 

#content, #contentx { display: block; padding: 0px; }
#content           { padding: 10px 10px 10px 20px;  }

#contentx          { padding: 10px 0px 0px 0px}
#content_nopadding { display: block; padding: 0px; clear: both; display: block;  }

#content:after     { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contentx:after    { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

#content, #contentx, #content_nopadding {
  overflow : hidden ! important;
  _height : 1% ! important;
}


/* Seitenfuß ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer        { clear: both; font-size: 10px; line-height: 15px;  }
#footer p      { text-align: center; margin: 0; padding: 10px; }
#footer a      { padding: 3px 5px; }
#footer a:hover { text-decoration: underline; }

/* ----------------------------------------------------------------
 *   Immer wiederkehrende Dinge, Hilfsmittel
 * ---------------------------------------------------------------- */   

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

* html .clearfix { height: 1%; }
.clearfix { display: block; }


 /* Action-Buttons */
.contentactions         { margin: 0px; background: white; }
.contentactions a       { margin: 0px; padding: 2px 3px; display: block; font-size: 11px;}
.contentactions a:hover { text-decoration: none; }

/* ein showup ist ein Ding, was erscheint, wenn man auf es klickt. */
.showup          { display: none; }
.showup2         { margin-bottom:5px; padding:5px; }
.showup2 p       { margin: 0; margin-bottom: 8px; }

/* used for tabs with msg */
.exactinside { padding-left: 4px; padding-right: 7px; }


/* die paddingbox dient dazu, dass unter einer Headline korrekter Abstand zu den Seiten gehalten wird */
.paddingbox        { margin: 0px; padding: 10px 8px 15px 8px; line-height: 13px; overflow: visible; }
.paddingbox h4     { margin-top: 1px; margin-left: 0px; margin-bottom: 0; padding-left: 0px; }
.paddingbox div.clear { clear: both; margin: 0px; padding: 0px; border: none; background: none; }

/* sekundrer Header - prim. sind h1-h4 */
.cheader         { margin: 0px; padding: 3px 8px; font-size: 11px;
	font-weight: bold;	text-align: center; 
}
.cheader_nor         { margin: 0px; padding: 3px 8px; font-size: 11px;
	font-weight: bold;	text-align: center; 
}

.cfooter         { margin: 0px; padding: 3px 8px; font-size: 11px;
	font-weight: bold; text-align: center; 
} 

.schmal .cheader { }

.cheader2        { margin: 0px; padding: 2px 8px; font-size: 11px;
	font-weight: bold; text-align: left; margin-bottom: 15px; }

.witheditlink    { text-align: right; }
  .witheditlink h2 { float: left; }

.cheader h2      { font-size: 11px; }
#friendcheader   { padding: 6px 8px; text-align: center; }

/* cheader_sub - unter dem Sekundren header */

.cheader_sub         { font-weight: bold; font-size: 12px; margin: 0px; padding: 2px 8px; }
.cheader_sub ul 		{ margin-left: 18px; margin-top: 6px; padding-left: 0px; padding-top: 0px;  }
.cheader_sub ul li       { padding: 1px 0px; }


/* Formtable: alles was tabellarisch angeordnet Formularelemente enthlt */
.formtable         { margin: 0px auto; }
.formtable         { margin: 0px; }
.formtable td      { border: none; margin: 0px; padding: 3px 1px; }
.formtable td.labelred { padding-right: 10px; font-weight: bold; color: #ff0000; }
.formtable td.label { padding-right: 10px; font-weight: bold; color: gray; }
.formtable td.labelp { padding-top: 5px; padding-right: 10px; font-weight: bold; color: gray; }
.formtable td.labelX { padding-right: 10px; font-weight: bold; color: #FF4040; }
.formtable td.labelY { padding-right: 10px; }
.formtable tr.tallrow { vertical-align: top; }
.formtable .formerror { font-size: 10px; color: #FF4040; }
.formbuttons       { text-align: center; margin: 10px 10px; }
.formbuttons .inputsubmit, .formbuttons .inputbutton { margin: 2px 4px; }

/* stars */
.stars { border: none; margin: 0px; paddin: 0px; }
.stars td      { border: none; margin: 0px; padding: 0px; }

/* error messages für nicht korrekt befüllte Formulardaten*/
.error_messages_div .error_message {
	font-weight: bold; 	background: url(../img/icon_error_new.gif) no-repeat 2px 1px;
	color:#BC100E; 	padding:4px 8px 3px 23px; 	display:block; 	margin:1px;
}
/* info für Formulare */
div.info-list div {
	background: url(../img/icon_information_new.gif) no-repeat 2px 1px;
	color: gray; padding:4px 8px 3px 23px; display:block; margin:1px;
}

/* und alle Formularelemente */

.inputsubmit1, .inputsubmit2, .inputsubmit3, .inputsubmit4 {
	font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; padding: 1px; 
}

input[type~="submit"], input[type~="button"] { 
	border-style: solid; 
	border-top-width: 1px; border-left-width: 1px;
  	border-bottom-width: 1px; border-right-width: 1px; 
	font-family: tahoma, verdana, arial, sans-serif; font-size: 11px;
}

.inputbutton, .inputsubmit, .inputsubmit1, .inputsubmit2, .inputsubmit3, .inputsubmit4 { 
	border-style: solid; 
	border-top-width: 1px; border-left-width: 1px;
  	border-bottom-width: 1px; border-right-width: 1px; 
	font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; padding: 1px; 
}
.inputtext, .inputpassword { 
	border: 1px solid #7b9ebd; padding: 3px; font-size: 11px; 
}
input[type~="text"], input[type~="password"] { 
	border: 1px solid #7b9ebd; padding: 3px; font-size: 11px; 
}

textarea           { border: 1px solid #7b9ebd; padding: 3px; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; }
select             { border: 1px solid #7b9ebd; padding: 2px; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif }
option 				{  }

.status            { margin: 0px 20px 10px 10px; padding: 10px; border: solid 1px #ffe222; background: #fffbe2; }
.status p          { margin: 4px 0px 0px; }
.status a          { text-decoration: underline; }


/* Dialogelement - User wird direkt adressiert */
#dialog            { margin: 0px auto; }
#dialogm           { margin: 0px 20px; }
#dialog p          { margin: 10px; text-align: left; }
#dialog h3         { margin-left: 10px; padding: 0px 0px 2px; font-size: 15px; font-weight: bold; }
#dialog h4         { margin: 5px 10px 5px; padding: 0px 0px 2px; font-size: 13px; }
#dialog            { color: gray; }
#dialog td.dialog  { padding-top: 10px; }
#dialog td td      { border: none; }
#dialog td .formtable { margin: 5px 10px 0px; }
#dialog .buttons   { padding: 10px; text-align: right; }
#dialog .buttons input { margin-left: 10px; }


/* Seitentabs */
#tabs {
	BACKGROUND: url(../img/tabs/tabs_back.gif) repeat-x bottom; WIDTH: 100%; LINE-HEIGHT: normal;
	height: 24px;
	padding: 0px;
	margin: 0px;
}
#tabs UL {
	height: 24px; 
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
	overflow: hidden;
	width: inherit;
}

#tabs .activetab, #tabs .inactivetab, #tabs .activetab2, #tabs .inactivetab2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 4px; 
	BACKGROUND: url(../img/tabs/tabs_i_l.gif) no-repeat left top; 
	FLOAT: left;
	height: 24px;
}
#tabs .none {
	FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px; PADDING-RIGHT: 10px;
}

#tabs .activetab A, #tabs .inactivetab A, #tabs .activetab2 A, #tabs .inactivetab2 A {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; 
	BACKGROUND: url(../img/tabs/tabs_i_r.gif) no-repeat right top; FLOAT: left; 
	PADDING-BOTTOM: 4px; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#tabs A {
}

#tabs A:hover {
	text-decoration: none;
}
#tabs .activetab {
	height: 24px;
	BACKGROUND-IMAGE: url(../img/tabs/tabs_a_l.gif)
}
#tabs .activetab A {
	BACKGROUND-IMAGE: url(../img/tabs/tabs_a_r.gif); PADDING-BOTTOM: 5px; COLOR: #333
}
#tabs .none A  {
	BACKGROUND: none;
}

/* Helpboxes: das sind auch so aufpopper... */
.helpbox { margin: 3px 0 10px 10px; padding: 5px 5px 5px 10px; }
.helpbox2 { margin: 3px 0 10px 10px;  padding: 0px 0px 0px 0px; }
.helpbox3 { border-spacing: 2px;
	border-top-width:1px;  border-top-style:solid;  border-top-color: #dddddd; 
	border-left-width:1px;  border-left-style:solid;  border-left-color: #dddddd; 
	border-right-width:1px;  border-right-style:solid;  border-right-color: #666666; 
	border-bottom-width:1px;  border-bottom-style:solid;  border-bottom-color: #666666; 
	padding: 5px 5px 5px 10px;
}
.helpboxhd { padding: 4px 8px 4px 8px; font-size: 11px; display: block;
	font-weight: bold;  text-align: center; 
}

/* diverse globale */
.nodata { 
	margin: 0px; padding: 18px; margin-bottom: 8px; background: white; 
	text-align: center; font-weight: bold; 
}

/* for pages with lists of subitems */

.bigcontainer { display: block;	width: 705px; margin-left: 4px;
	padding: 0px; padding-bottom: 7px; position: relative; height: inherit; }

.previewcontainer { padding: 10px; background: #ffffff; margin: 6px;
	text-align: left; float: left; width: 312px; }

.bigpageheader { font-weight: bold; margin-left: 5px; margin-right: 5px; height: 15px; }
.bigpageheaderl { height: 15px; float: left}
.bigpageheaderr { height: 15px; float: right; }
.bigpagepaddingbox  { margin: 0px; padding: 10px 12px 8px 13px; line-height: 13px; overflow: visible; }

.previewcontainerheadline { color: #000000;  font-size: 12px;  font-weight: bold; margin-right: 10px; display: inline; width: inherit;}
.previewcontainerheadliner { color: #999;  font-size: 12px;  display: inline; }

.listbottomright {	width: 310px; height: auto; text-align: left;
	margin-right: 10px; float: right; }

.actionbottomleft { margin-right: 10px; margin-left: 8px; width: 200px; height: 100px;
	text-align: left; float: left }


.boxcontainer_container { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px;BACKGROUND-COLOR: #fff}
.boxcontainer {	PADDING-LEFT: 10px; PADDING-RIGHT: 10px; MARGIN: 0px; WIDTH: 180px; BACKGROUND-COLOR: #f7fdf1 }
.boxcontainer_cap {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
.boxcontainer_last { PADDING-LEFT: 10px; WIDTH: 180px;  BACKGROUND-COLOR: #f7fdf1 }

.hinfo { width:180px; vertical-align:top; }
.hinfo h2 { text-align: left; margin:0px 0px 10px 0px; font-size:13px; border-bottom:1px solid #000000; }


/* Fortschrittsanzeige */

#please_wait { BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 10px; border-top: red 1px solid; PADDING-LEFT: 10px; Z-INDEX: 3; BACKGROUND: url(../images/translation/bg1.gif) #f9cccc repeat-x 50% top; PADDING-BOTTOM: 10px; OVERFLOW: hidden; BORDER-LEFT: red 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: red 1px solid; POSITION: absolute; }
.loading { FONT-SIZE: 11px; MARGIN: 0px 0px 3px; COLOR: #904040 }
#please_wait_overlay {Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 0px; BACKGROUND-COLOR: black; opacity: 0}


/* ----------------------------------------------------------------
 *   Einzelne Templates
 * ---------------------------------------------------------------- */   

/* mode */
.starcomm {
	float: right; display: inline; position: relative; top: -14px;
}

* html .starcomm {
	float: right; display: inline; position: relative; top: -17px;
}



/* start */
.startteaser       { margin: 0px; margin-bottom:20px; }
.startteaser .icon { width:150px; text-align:center; vertical-align:top; }
.startteaser .info { width:280px; vertical-align:top; }
.startteaser .info h2 { margin:10px 0px; font-size:13px; border-bottom:2px solid #000000; }
.startteaser .info p { margin:8px 0px; }

/* profil */
.twocol {  margin: 0px;  padding: 0px 0px 0px; background: url(../images/narrowleftbg.gif) repeat-y 10px; }
.twocol .left { padding: 0px 13px 0px 0px; width: 200px; }
.twocol .right { padding: 0px; padding-left: 0px; width: 463px; }
.two_column .right, .two_column .left { float: left; }


.profiletable      { margin: 0px; padding: 0px; margin-bottom: 8px; margin-left: 0px; width: 100%}
.profiletable td   { vertical-align: top; font-size: 11px; line-height: 13px; margin: 0px; padding: 1px 0px 1px 0px; }
.profiletable .label { width: 160px; color: gray; }

#profilegroups.ul_slim li { padding: 2px 0px; }

.persontable      { margin: 0px; padding: 0px; width: 200px;}
.persontable td   { margin: 0px; padding: 3px 0px; vertical-align: bottom; text-align: center; width: 62px; font-size: 11px; }
.persontable img  { margin-bottom: 4px; }
.givememore       { margin-top: 5px; }
.locationtable      { float: left; margin: 0px; padding: 0px; width: 88px; margin-right: 5px; line-height: 14px; list-style: none; }
.locationtable .columnright { width: 88px; margin-right: 0px; }

.profile { margin: 0px;  padding: 10px 10px 0px; }
.profile .left { padding: 0px; padding-left: 5px; width: 463px; }
.profile .right { padding: 0px 0px 0px 15px;  width: 200px;  }
.profile .fallback, .fallback {
  background: #f7f7f7; border-top: solid 1px #ccc; border-bottom: solid 1px #D8DFEA;
  color: gray; padding: 15px 0px 15px 0px;  text-align: center;
}

.profile .info_table { margin: 0px; margin-bottom: 10px; padding: 0px 0px 0px; }
.profile .info_table caption { 
	color: #3B5998;  font-weight: bold; text-align: left;  padding: 0px; padding-bottom: 2px; margin: 0px 0px 0px; 
}
.profile .info_table caption a { margin-left: 4px;  color: lightgrey; }
.profile .info_table caption a:hover { color: inherit; }
.profile .info_table td { vertical-align: top; font-size: 11px;  line-height: 13px;  margin: 0px; padding: 1px 0px 1px; }
.profile .info_table td.label { width: 120px; width: 100px; color: gray; }

.profile .picture { background: white;   text-align: center; }
.profile .withedit { text-align: right; }
.profile .withedit h2 { float: left; }
.profile .box { margin: 0px; padding: 10px 8px 15px 8px;  overflow: visible; }
.profile .box h4 { margin-top: 1px; margin-left: 0px;  margin-bottom: 0;
    padding-left: 0px; }

.profile .darklink {color: #555; }

.fallback {
  background: #f7f7f7;  border-top: solid 1px #ccc;  border-bottom: solid 1px #D8DFEA;  color: gray;
  padding: 15px 0px 15px 0px;   text-align: center;
}

.info_table {  margin: 0px;   margin-bottom: 10px;  padding: 0px 0px 0px; }
.info_table caption { 
	color: #3B5998; font-weight: bold; text-align: left; padding: 0px; padding-bottom: 2px;
    margin: 0px 0px 0px; 
}
.info_table caption a { margin-left: 4px; color: lightgrey; }
.info_table caption a:hover { color: inherit; }
.info_table td { vertical-align: top; line-height: 13px; margin: 0px; padding: 1px 0px 1px; }
.info_table td.label { width: 120px; width: 100px; color: gray; }

/* Userkommentare */
.comment          { padding: 0px; margin: 0px; float: left; margin-bottom: 15px; }
.comment td       { padding: 0px; vertical-align: top; }
.comment td.image { width: 55px; text-align: left; }
.comment .info    { }
.comment .info .header { padding: 3px 5px 3px; border-bottom: solid 1px #cccccc; }
.comment .info .actions { padding: 3px 5px; border-bottom: solid 1px #cccccc; border-top: none; }
.comment .info .actions a:hover { text-decoration: underline; }
.comment .info .text { padding: 5px 5px; }
.comment .info .blogtext { padding: 0px 5px; }
.comment .info .blogtext p { margin-top: 8px;  }


/* Nachrichtenbox */

.msg .tlc {	cursor:pointer; table-layout:fixed; }
.msg .tlc col { }
.msg .cc { text-align:right; width:31px; }
.msg .tlc td { empty-cells:show; overflow:hidden; white-space:nowrap; width:100%; border-bottom:1px solid #BBBBBB; }
.msg .show table {	white-space: normal; }
.msg .v { background-image:url(../templates/img/star_off_2.gif); }
.msg .sc { background-position:1px 3px; background-repeat:no-repeat; }
.msg .p { color:#777777; }
.msg .filter td { border-bottom:0px; }
.msg .filter a { font-weight: bold }
.msg .rrnew  {background: #Ffffff none repeat scroll 0%; }
.msg .rrnew a, .msg .rrnew .subj { font-weight: bold; }
.msg r1 { font-weight: bold; }

.history { margin: 10px auto; width: 360px; }
.history h4 { margin: 5px 0px; padding: 0px 0px 2px; font-size: 13px; }
.history table { margin: 0px; }
.history .outgoing { font-weight: bold; color: #DD6666; }
.history table tr { vertical-align: top; }
.history td { padding: 5px; }
.history .date { color: gray; }
.history .incoming { font-weight: bold; color: #DE7272; }

/* album.tpl */

.photocontainer { margin: 6px; float: left; background: #ffffff; text-align: center; padding: 5px;
	border: solid 1px #ff8080; }

.photopreviewcontainer { margin: 6px; background: #ffffff; text-align: center; padding: 5px;
	border: solid 1px #ff8080; }

.photoheader { padding: 2px 0px; color: #000000; font-size: 11px; font-weight: bold; text-align: left; border-bottom: solid 1px #cccccc;}
.nophotos { width: 585px; height: 100px; font-size: 12px;  line-height: 17px;  text-align: center;  color: #999;  background: #f7f7f7;  border: solid 1px #ddd; }
.albumdescription { float: left; padding: 10px; margin-top: 10px;  color: #000000; font-size: 11px; text-align: left;}
.albumdescription_overview { margin-top: 10px;  color: #000000; font-size: 11px; text-align: left;}
.albumlocation_overview { margin-top: 10px;  color: #000000; font-size: 11px; text-align: left;}
.albumlinks_overview { margin-top: 10px;  color: #000000; font-size: 11px; text-align: left; position: relative; bottom : 0px;}

.photopreview { width: 150px }
.photocomments { padding: 15px; text-align: left; width: 462px}
.photocomments .spam_message {color: #FF4040;}
.photonewcomment { padding: 15px; color: #000000; font-size: 11px; font-weight: bold; text-align: left; width: 450px}

/* edit-options */

.dragbox { border: #ff8080 1px solid; cursor: default; }
.startdragbox { border: #ff0000 1px solid; cursor: default; }
.overdragbox { border: #ff8080 1px solid; cursor: move; }
.dragdragbox {  
	border: #ff8080 1px solid;
	filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity: 0.5; cursor: move;
}

.dragbox {
	border-right: #ff8080 1px solid; border-top: #ff8080 1px solid; BORDER-LEFT: #ff8080 1px solid; CURSOR: default; BORDER-BOTTOM: #ff8080 1px solid
}
.overdragbox {
	border-right: #ff8080 1px solid; border-top: #ff8080 1px solid; BORDER-LEFT: #ff8080 1px solid; CURSOR: move; BORDER-BOTTOM: #ff8080 1px solid
}
.dragdragbox {
	border-right: #ff8080 1px solid; border-top: #ff8080 1px solid; FILTER: alpha(opacity=50); BORDER-LEFT: #ff8080 1px solid; CURSOR: move; BORDER-BOTTOM: #ff8080 1px solid; moz-opacity: 0.5; khtml-opacity: 0.5; opacity: 0.5
}

.checkboxtext {	padding-top: 4px; }
.titlephoto { font-size: 9px; font-weight: bold; }


/* search, groups */

#listview {  
	display: block; width: 705px; margin-left: 4px; 
	padding: 0px; padding-bottom: 7px; position: relative;
	height: inherit; padding-top: 7px;
	background: #FCCF94; 
	border-top: solid 1px #FCCF94;
	border-bottom: solid 1px #FCCF94; 
}

#listview .grouprow {  background: white;
  border: solid 1px #ccc;  width: 670px;
  padding: 5px;  margin: 0px 10px 5px; }

#listview .searchrow {  background: white;
  border: solid 1px #ccc;  width: 460px;
  padding: 5px;  margin: 0px 10px 5px; }

#listview table {  background: white;  border-bottom: none; }
#listview .image {  vertical-align: top;  text-align: left;  width: 60px; }
#listview .tunaimage { vertical-align: top; text-align: left;  width: 110px; }
#listview .tunaimages { vertical-align: top; text-align: left;  width: 60px; }
#listview .tunaimageb { vertical-align: top; text-align: left;  width: 80px; }

#listview .info { vertical-align: top; width: 468px; }
#listview .infos { vertical-align: top; width: 468px; }
#listview .infos .contentactions { vertical-align: top; width: 200px; }
#listview .contentactions { vertical-align: top; width: 130px; }

#listview .infotables {  }
#listview .infotables .label { width: 80px; }
#listview .infotables .printcontent { width: 180px; }


#listview .label { width: 50px; }
#content .groupdialog { margin: 10px; }
#content .groupdialog h4 { margin: 10px; }

#findagroup {  float: left;  width: 420px;  padding: 10px 0px 10px 20px;
  text-align: center; }

#startagroup {  float: left; width: 200px; padding: 10px 20px; text-align: left; }

input.queryfield { font-size: 12px;  width: 200px;  margin: 0px 10px 10px 10px;  float:left; }

#grouptypes { margin: 10px 0px; }

#grouptypes td { padding: 2px 16px 2px 0px; }

/* search */
.search { margin: 0px; padding: 5px 6px 0px 0px; } 
.search .left { padding: 0px; width: 503px; }
.search .right { overflow: hidden;  width: 206px; }
* html .search .right {  width: 204px; }

.scontainer {
	width: 500px; border-top: #000000 solid 1px; 
	border-right: #000000 solid 1px; border-bottom: #000000 solid 1px;
}

/* search(no-result) */
.searchn { margin: 0px; padding: 5px 6px 0px 0px; } 
.searchn .left { padding: 0px; width: 703px; }
.searchn .right { overflow: hidden;  width: 006px; }
* html .searchn .right {  width: 004px; }

.search .headlinepadding, .searchn .headlinepadding  { padding: 5px 1px 0px 4px; }

.summary_bar { 
	position: relative;  color: #666666;  font-weight: bold; line-height: 21px;
	padding: 10px 10px 0px; border-bottom: solid 1px #D8DFEA; 
}
  
.footer_bar { padding: 3px 10px; }
.footer_bar .pager { float: right; }

/* groups, Themenübersicht */  

.board .filter_bar { background: #f7f7f7;  border-bottom: 1px solid #D8DFEA;  color: gray;  padding: 3px; }
.board .filter_bar label { display: block; float: left; font-weight: bold; padding-left: 10px; }
.board .filter_bar select {font-weight: normal; margin-left: 5px; }
.board .filter_bar input { float: left; margin-left: 25px; width: 120px; }
.board .filter_actions { float: right; padding: 4px 0;}
.board .column_header {  
	background: #f7f7f7;  border-bottom: 1px solid #d8dfea;  border-top: 1px solid white;
	color: #666; font-size: 9px; padding: 5px 20px; }

/*  groups, Diskussion  */
.topic .posts { clear: both; padding: 0px; }
.topic .post {  border-bottom: solid 1px #D8DFEA;  padding: 9px 12px 10px 12px; }
.topic .post .info { float: left; font-size: 9px; padding-top: 3px; width: 62px; }

.topic .post .info img { margin-bottom: 3px }
.topic .post .info .post_index { color: gray }
.topic .post .info .post_index a { color: gray }
.topic .post .info .post_index a:hover { color: #3b5998; }
  
.topic .post .post_body { float: left; padding-top: 3px; width: 500px;}

.topic .post .post_header { 
	background: #f7f7f7; border-bottom: 1px solid #d8dfea; 
	color: #222; font-size: 11px; padding: 2px 4px; 
}

.topic .post .post_header .post_author a { font-weight: bold; }    
.topic .post .post_header .timestamp { color: #666; display: block; padding-top: 1px;   font-size: 9px; }    
  
.topic .post .post_message { line-height: 14px; padding: 10px 40px 4px 4px; word-wrap: break-word; }
.topic .post .post_message br { border-width: 0; margin: 0px; padding: 0px; line-height: 0.5em; }

.topic .post .contentactions { float: right; padding-top: 3px; width: 100px; }

.post_editor { 
	display: none; background: #f7f7f7; border-bottom: 1px solid #d8dfea;
	float: left; float: none; padding: 20px 0px 20px 75px; 
}

.post_editor label { color: #666; display: block; font-weight: bold; padding: 0px 0px 2px 0px; }
.post_editor textarea { height: 130px; width: 390px; }
.post_editor div { color: #666; padding: 5px 0px; }

.forumpic          { border: solid 1px #cccccc; margin-top: 10px; padding: 8px; text-align: center; }
#attach_pic_div    { border: solid 1px #cccccc; }


/*  ----------------------------------------------------------------------- */
*  Search
*  ------------------------------------------------------------------------ */

.filters {	width: 200px; text-align: left; }
.filters select { width: 148px; margin: 2px 0px 4px 0px; }
.filters .age_1 { width: 50px;  margin-left: 0px; margin-right: 4px; }
.filters .age_2 { width: 50px; margin-left: 4px; margin-right: 0px; }  
.filters label { color: #666;  margin: 0px; }
.filters .inputtext { width: 142px }
.filter_search { padding: 0px 0px 10px 0px; }
.filter_buttons { margin: 0px; padding: 10px 0px 5px 5px; }
.filter_buttons input { margin: 0px 0px 5px 0px; }
.filter_superset { border-top: 1px solid #ddd;  width: 190px; }
.filter_set .radio label { color: black;  display: inline;  font-weight: normal; }
.filters fieldset {
	border: 0px; border-bottom: 1px solid #ddd;clear: both; margin: 0px;
	padding: 5px 0px;  width: 190px; 
}
.filters .filter_controls { display: block; padding-top: 2px; padding-left: 23px }
.filters legend {
	border-top: 1px solid white; color: #666; cursor: pointer; display: block;
	font-weight: bold; margin: 0px; padding: 4px 0px 0px 17px; width: 133px; 
}
.filters .on { background: url(../img/filterset_on.gif) 2px 8px no-repeat }
.filters .off { background: url(../img/filterset_off.gif) 4px 6px no-repeat }

.filters fieldset label { color: black; font-size: 11px; font-weight: normal; padding-left: 4px; }
.filters fieldset input { margin: 0px; }

.filters .checkbox { padding-bottom: 4px }



/*  ------------------------------------------------------------------------ */
/* search results */
.fullsearch .filters { width: 300px; text-align: left; }
.fullsearch .filters select { width: 148px;  margin: 2px 0px 4px 0px; }
.fullsearch .filters .age_1 { width: 50px; margin-left: 0px; margin-right: 4px; }
.fullsearch .filters .age_2 { width: 50px; margin-left: 4px; margin-right: 0px; }  
.fullsearch .filters label {color: #666; margin: 0px; }
.fullsearch .filters .inputtext { width: 142px }
.filter_set .radio label { color: black; display: inline; font-weight: normal; }
.fullsearch .filters fieldset { 
	border: 0px; border-bottom: 1px solid #ddd; clear: both; margin: 0px;
	padding: 5px 0px;  width: 300px; 
}
.fullsearch .filters .filter_controls {	display: block; padding-top: 2px;  padding-left: 23px }
.fullsearch .filters legend { 
	border-top: 1px solid white; color: #666; cursor: pointer; display: block; 
	font-weight: bold; margin: 0px; padding: 4px 0px 0px 17px; width: 133px; 
}

.fullsearch .filters .on { background: url(../img/filterset_on.gif) 2px 8px no-repeat }
.fullsearch .filters .off { background: url(../img/filterset_off.gif) 4px 6px no-repeat }

.fullsearch .filters fieldset label { color: black; font-size: 11px; font-weight: normal; padding-left: 4px; }
.fullsearch .filters fieldset input { margin: 0px; }
.fullsearch .filters .checkbox { padding-bottom: 4px }

/* ----------------------------------------------------------------------- */
.tagcloud_container { width: 360px }
.cloud { width: 320px; margin: 0; padding-top: 5px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-color: #f2f4f6; border: 1px solid #abc; text-align:center;  }
.cloud .wrap { width: 302px; margin: 10px auto; padding: 0; text-align:center; }
.cloud .tag9 { font-size: 27px; color: #e1a;}
.cloud .tag8 { font-size: 25px; color: #d2a;}
.cloud .tag7 { font-size: 23px; color: #c3a;}
.cloud .tag6 { font-size: 21px; color: #b49;}
.cloud .tag5 { font-size: 19px; color: #b49;}
.cloud .tag4 { font-size: 17px; color: #a59;}
.cloud .tag3 { font-size: 15px; color: #859;}
.cloud .tag2 { font-size: 13px; color: #659;}
.cloud .tag1 { font-size: 11px; color: #479; }
.cloud .ccheader_sub {
	text-align: center; font-weight: bold; font-size: 10px; padding: 5px;
}


/* ----------------------------------------------------------------------- */
div#chat p { margin: 0.2em 0; }
div#chat .clearer { clear: both; }
div#chat label.small {  color: #666666; }
div#chat { 
	width: 665px; margin-left: 4px; margin-right:10px; text-align: left; 
	padding: 20px; 
}
div#chat div#messages, div#chat div#userlist { 
	width: 490px; height: 300px; background: white; border: 1px solid #eee; 
	float: left; text-align: left; padding: 5px; overflow: auto;
}
div#chat div#messages { margin-bottom: 10px; z-index: -100;}
div#chat div#userlist { width: 133px; margin: 0 0 10px 10px; } 
input#msginput { 
	background: white; border: 1px solid #cccccc; width: 490px;
	padding: 3px; margin-right: 10px;
}
input#msginput:focus { border: 1px solid #aaa; }