/*
 * Standardformatierungen
 */

*
{
	margin:					0;
	padding:				0;
}

img
{
	border:					none;
}




/*
 * Inhaltsbereich
 */

body
{
	background:				[bodyBgColor][bodyBgImage];
	color:					[bodyFontColor];
	font:					normal 13px Verdana, sans-serif;
	text-align:				left;
	overflow-y:				scroll;
}

#page_margins
{
	margin:					[bodyMargin] auto;
	position:				relative;
	width:					950px;
	[bodyBorder]
}

#page
{
	background:				[pageBgColor][pageBgImage];
	overflow:				hidden;
	position:				relative;
	width:					100%;
}

#content
{
	clear:					none;
	float:					left;
	font-size:				12px;
	margin:					25px 0 50px 20px;
	width:					625px;
	z-index:				10;
}

#content.nosidebar
{
	width:					925px;
}




/*
 * Popup-Fenster
 */

body.popup
{
	background:				[pageBgColor];
	color:					[bodyFontColor];
	text-align:				left;
	overflow-y:				auto;
}

#popup #content
{
	left:					20px;
	margin:					20px 20px;
	top:					0;
	width:					90%;
}




/*
 * Kopfzeile
 */

#header
{
	background:				[headerBgColor][headerBgImage];
	border:					none;
	height:					[headerHeight];
	position:				relative;
}

#theme
{
	height:					[themeHeight];
	position:				relative;
}

#theme #logo
{
	display:				block;
	float:					left;
	margin:					20px 30px 0 20px;
}

#theme h1
{
	color:					[headerFontColor];
	font-size:				24px;
	padding:				30px 0 0 20px;
}

#theme h1 a
{
	color:					[headerFontColor];
}

#theme h2
{
	color:					[headerFontColor];
	font-size:				15px;
	padding:				5px 0 0 20px;
}





/*
 * Navigation
 */

#navi
{
	background:				[naviBgColor];
	height:					30px;
	overflow:				hidden;
	position:				relative;
	width:					100%;
	z-index:				30;
}


ul#navilist
{
	background:				transparent;
	list-style-type:		none;
	margin:					0;
	overflow:				hidden;
	padding:				0;
	width:					890px;
}

ul#navilist li
{
	background:				[naviTabColor];
	border-bottom:			2px solid transparent;
	display:				block;
	float:					left;
	height:					19px;
	list-style-type:		none;
	line-height:			0px;
	margin:					0 2px 0 0;
	padding:				8px 0 0 0;

}

ul#navilist li:first-child
{
	border-left:			2px solid transparent;
	margin-left:			20px;
}

ul#navilist span
{
	display:				block;
	padding:				0 10px 0 10px;
}

ul#navilist li span a
{
	margin:					0;
}

ul#navilist li.active,
ul#navilist li:hover
{
	background:				[naviActiveColor];
	padding-bottom:			1px;
}

ul#navilist li.add
{
	padding:				8px 5px 0 7px;
	line-height:			30px;
}

ul#navilist .cursor,
ul#navilist .edit
{
	cursor:					pointer;
}

ul#navilist a
{
	color:					[naviFontColor];
	font-size:				12px;
	font-weight:			bold;
	line-height:			16px;
}

ul#navilist img.edit,
ul#navilist img.move
{
	margin:					0 0 2px 0;
	vertical-align:			middle;
}

#navi img.sliderright
{
	bottom:					5px;
	cursor:					pointer;
	position:				absolute;
	right:					5px;
}

#navi img.sliderleft
{
	bottom:					5px;
	cursor:					pointer;
	position:				absolute;
	right:					20px;
}

#navislider
{
	overflow:				hidden;
	position:				relative;
}


/*
 * Unter-Navigation
 */

#subnavi
{
	background:				[naviActiveColor];
	height:					32px;
	margin-top:				-2px;
	width:					100%;
	z-index:				14;
}

#subnavi a.portrait img
{
	background:				[naviFontColor];
	border:					1px solid [naviBgColor];
	height:					22px;
	margin:					0 15px 0 0;
	padding:				1px;
	width:					22px;
	vertical-align:			middle;
}

#subnavi ul
{
	height:					30px;
	list-style-type:		none;
	margin:					2px 0;
	overflow:				hidden;
	padding:				0;
	width:					920px;
}

#subnavi li
{
	border:					1px solid [naviActiveColor];
	display:				block;
	float:					left;
	list-style-type:		none;
	margin:					2px 10px 0 0;
	padding:				0 10px;
	position:				relative;
	text-align:				center;
}

#subnavi li:first-child
{
	margin:					2px 10px 0 10px;
}

#subnavi.edit li
{
	border:					1px dotted [naviFontColor];
}

#subnavi.edit li a
{
	line-height:			26px;
}

#subnavi li.add
{
	padding:				5px 10px 2px 10px;
}

#subnavi a
{
	color:					[naviFontColor];
	font-size:				12px;
	font-weight:			bold;
	line-height:			29px;
}

#subnavi .counter
{
	background:				[naviFontColor];
	color:					[naviActiveColor];
	display:				inline-block;
	font-size:				10px;
	font-weight:			bold;
	line-height:			10px;
	padding:				3px 4px;
	-webkit-border-radius:	7px;
	-khtml-border-radius:	7px;
	-moz-border-radius:		7px;
}

#subnavi img.icon,
#subnavi img.move,
#subnavi img.edit
{
	cursor:					pointer;
	padding:				0 0 4px 0;
	vertical-align:			middle;
}

#subnavi img.sliderright
{
	cursor:					pointer;
	position:				absolute;
	right:					5px;
	top:					5px;
}

#subnavi img.sliderleft
{
	cursor:					pointer;
	position:				absolute;
	right:					20px;
	top:					5px;
}

#subnavislider
{
	overflow:				hidden;
	position:				relative;
}

#subnaviempty
{
	background:				[naviActiveColor];
	height:					5px;
	overflow:				hidden;
}




/*
 * Fusszeile
 */

#footer
{
	background:				[footerBgColor];
	bottom:					0;
	font-size:				10px;
	left:					0;
	padding:				12px 0;
	overflow:				hidden;
	position:				absolute;
	width:					100%;
}

#footer p
{
	color:					[footerFontColor];
	font-size:				10px;
	margin:					0 20px;
}

#footer a
{
	color:					[footerFontColor];
}

#footer ul,
#content #footer ul
{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

#footer ul li
{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

#footer > ul > li
{
	float:					left;
	margin-right:			40px;
}

#footer > ul > li li:first-child
{
	font-weight:			bold;
}





/*
 * Sidebar
 */

#sidebar
{
	float:					right;
	font:					normal 11px Verdana;
	margin-bottom:			50px;
	margin-top:				25px;
	width:					300px;
	z-index:				3;
}

#sidebar_content
{
	margin:					0 20px;
	z-index:				4;
}

#sidebar a:hover
{
	border-bottom:			1px dotted [sidebarActiveColor];
	color:					[sidebarActiveColor];
}

#sidebar ul
{
	margin:					0;
	padding:				0;
	list-style-type:		none;
}

#sidebar #sidebar_content > ul > li
{
	background:				[sidebarBgColor];
	color:					[sidebarFontColor];
	margin:					0 0 8px 0;
	overflow:				hidden;
	padding:				0;
	width:					100%;
	[sidebarBorder]
	[sidebarRoundCorners]
}

#sidebar h3
{
	color:					[sidebarFontColor];
	display:				block;
	font-size:				12px;
	line-height:			22px;
	margin:					0;
	overflow:				hidden;
	padding:				7px 8px 4px 8px;
	position:				relative;
}

#sidebar h3 span
{
	display:				block;
	overflow:				hidden;
	position:				absolute;
	right:					8px;
	top:					7px;
	width:					auto;
}

#sidebar h3 img.icon,
#sidebar h3 img.edit
{
	cursor:					pointer;
	float:					right;
}

#sidebar ul li p
{
	padding:				0 8px;
}

#sidebar ul li a
{
	color:					[sidebarFontColor];
}

#sidebar ul li a.plain:hover
{
	border:					none;
}


#sidebar ul li p.filter strong,
#sidebar ul li td strong
{
	color:					[bodyActiveColor];
	font-weight:			normal;
}

#sidebar ul li ul,
#sidebar ul li ul#plain
{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

#sidebar ul li ul.functions
{
	list-style-type:		square;
	margin:					0 0 10px 15px;
}

#sidebar ul li ul.functions li 
{
	list-style-type:		square;
}

#sidebar ul li ul.functions li ul
{
	list-style-type:		square;
	margin:					3px 0 3px 10px;
}

#sidebar ul li ul li,
#sidebar ul li ol li,
#sidebar ul li ul#plain li
{
	background:				none;
	border:					none;
	list-style-type:		none;
	margin:					0 0 5px 8px;
	overflow:				visible;
	padding:				0;
	vertical-align:			bottom;
	width:					auto;
}

#sidebar ul li ul li a.active,
#sidebar ul li ol li a.active
{
	color:					[sidebarActiveColor]];
}

#sidebar ul li ol
{
	list-style-type:		decimal;
	margin:					0 0 10px 15px;
}

#sidebar ul li ol li
{
	list-style-type:		decimal;
	margin-left:			10px;
}

#sidebar form#loginform
{
	margin:					0;
}

#sidebar form#loginform input.text,
#sidebar form#loginform input.password
{
	font-size:				11px;
	width:					90px;
}

#sidebar form#searchform input.text
{
	font-size:				11px;
	width:					160px;
}

#sidebar ul li.rss,
#sidebar #sidebarAdminInfo
{
	background:				[pageBgColor];
}

#sidebar ul li.rss a,
#sidebar #sidebarAdminInfo a
{
	color:					[bodyFontColor];
}

#sidebar ul li.rss a:hover,
#sidebar #sidebarAdminInfo a:hover
{
	color:					[bodyActiveColor];
}

#sidebar ul li .portrait
{
	float:					left;
	margin-top:				-2px;
	position:				relative;
}

#sidebar ul li .portrait a:hover
{
	border:					0;
}

#sidebar ul li .portrait a img
{
	height:					80px;
	width:					80px;
}

#sidebar ul li .portrait small
{
	display:				none;
}

#sidebar ul li strong.active
{
	color:					[bodyActiveColor];
	font-weight:			normal;
}

#sidebar #sidebar_content > ul > li.single
{
	background:				transparent;
	border:					none;
}

#sidebar ul li.single p
{
	color:					[bodyFontColor];
	margin:					0;
	padding:				8px 8px 0 8px;
}

#sidebar ul li.single a
{
	color:					[bodyFontColor];
}

#sidebar ul li.single img
{
	vertical-align:			middle;
}



/*
 * Liste von Inhalten in der Sidebar
 */

#sidebar ul.thumblist
{
	margin:					0 10px 7px 10px;
	padding:				0;
}

#sidebar ul.thumblist li
{
	border-bottom:			1px dotted #FFFFFF;
	overflow:				hidden;
	margin:					0 0 7px 0;
	padding:				0 0 7px 0;
	width:					100%;
	-webkit-border-radius:	0;
	-khtml-border-radius:	0;
	-moz-border-radius:		0;
}

#sidebar ul.thumblist li.last,
#sidebar ul.thumblist li:last-child
{
	border-bottom:			none;
	margin:					0;
	padding:				0;
}

#sidebar ul.thumblist a
{
	font-weight:			bold;
}

#sidebar ul.thumblist a.plain
{
	font-weight:			normal;
}

#sidebar ul.thumblist a.thumb
{
	display:				block;
	float:					right;
	margin:					0 0 3px 10px;
}

#sidebar ul.thumblist a.thumb:hover
{
	border:					none;
}

#sidebar ul.thumblist a.thumb img
{
	border:					1px solid [sidebarFontColor];
	height:					50px;
	padding:				2px;
	width:					50px;
}

#sidebar ul.thumblist a.thumb:hover img
{
	border:					1px solid [bodyActiveColor];
}



/*
 * Einstellungen in der Sidebar
 */

#sidebar ul li p.sidebar_configlast
{
	padding:				0 8px 10px 30px;
	position:				relative;
}

#sidebar ul li p.sidebar_configlast label
{
	white-space:			normal;
}

#sidebar ul li p.sidebar_configlast .checkbox
{
	left:					8px;
	position:				absolute;
	margin:					0 5px 0 0;
	top:					3px;
}



/*
 * Tabelle fuer Statistik zu einem Benutzer
 */

.sidebar_stats
{
	border-collapse:		collapse;
	font-size:				11px;
	margin:					0 6px 7px 6px;
	width:					245px;
}

.sidebar_stats td
{
	padding:				3px 0 4px 0;
}

.sidebar_stats td.value
{
	text-align:				right;
}

.sidebar_stats td.sum
{
	border-top:				1px dotted [sidebarFontColor];
}


/*
 * Filter in der Sidebar aufheben
 */

#sidebar ul li p.filter_delete
{
	margin:					7px 0;
}

#sidebar ul li p.filter_delete a
{
	color:					[sidebarFontColor];
}

#sidebar ul li p.filter_delete a:hover
{
	border-bottom:			1px dotted [bodyActiveColor];
	color:					[bodyActiveColor];
}





/*
 * Filter fuer Benutzersuche
 */

#sidebar dl.usersfilter
{
	margin: 				0 8px 8px 8px;
	overflow:				hidden;
}

#sidebar dl.usersfilter dt,
#sidebar dl.usersfilter dd
{
	float:					left;
	margin:					0;
	overflow:				hidden;
	padding:				4px 0;
}

#sidebar dl.usersfilter dt
{
	width:					45%;
}

#sidebar dl.usersfilter dd
{
	width:					55%;
}

#sidebar dl.usersfilter dd.price
{
	text-align:				right;
	width:					90px;
}

#sidebar dl.usersfilter .pricesum
{
	border-top:				2px solid [sidebarFontColor];
}


#sidebar dl.usersfilter dd input,
#sidebar dl.usersfilter dd select
{
	width:					99%;
}

#sidebar dl.usersfilter dd input.withdetails
{
	width:					80%;
}

#sidebar dl.usersfilter dd input.checkbox
{
	width:					auto;
}



/**
 * Verlauf anhand von Thumbnails in Sidebar
 */

#sidebar ul.thumbhistory
{
	display:				block;
	list-style-type:		none;
	overflow:				hidden;
	width:					100%;
}

#sidebar ul.thumbhistory li
{
	display:				block;
	float:					left;
	margin:					0 8px;
	padding:				0;
	width:					90px;
}

#sidebar ul.thumbhistory li.next
{
	text-align:				left;
}

#sidebar ul.thumbhistory li.next a
{
	background-image:		url(../images/sidebar_history_next.gif);
	background-repeat:		no-repeat;
	background-position:	right;
	padding-right:			30px;
	display:				block;
}

#sidebar ul.thumbhistory li.back
{
	text-align:				right;
}

#sidebar ul.thumbhistory li.back a
{
	background-image:		url(../images/sidebar_history_back.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	display:				block;
	padding-left:			30px;
}

#sidebar ul.thumbhistory li a img
{
	border:					1px solid [sidebarFontColor];
	height:					50px;
	padding:				2px;
	width:					50px;
}

#sidebar ul.thumbhistory li a:hover
{
	border:					none;
}

#sidebar ul.thumbhistory li a:hover img
{
	border:					1px solid [bodyActiveColor];
}




/*
 * Kurzinformationen in Sidebar anzeigen
 */

#sidebar p.details
{
	padding-left:			80px;
}

#sidebar p.details a
{
	font-weight:			bold;
}

#sidebar p.details a.email,
#sidebar p.details a.tel
{
	font-weight:			normal;
}

#sidebar p.details a.thumb,
#sidebar p.details span.thumb
{
	border:					none;
	float:					left;
	margin:					0 10px 0 -70px;
}

#sidebar p.details a.thumb img,
#sidebar p.details span.thumb img
{
	height:					60px;
	width:					60px;
}

#sidebar p.details a.thumb:hover img
{
	border:					none;
}




/*
 * Kurzinformationen in Sidebar anzeigen
 */

#sidebar ul li ul.overview
{
	list-style-type:		none;
	margin:					0 10px 7px 10px;
}

#sidebar ul li ul.overview li
{
	border-top:				1px dotted [sidebarFontColor];
	list-style-type:		none;
	margin:					0;
	padding:				5px 0 0 0;
	overflow:				hidden;
	width:					100%;
}

#sidebar ul li ul.overview li.first,
#sidebar ul li ul.overview li:first-child
{
	border-top:				none;
}

#sidebar ul li ul.overview li.active
{
	background:				url('../images/bg_active.png');
}


#sidebar ul li ul.overview li a
{
	font-weight:			bold;
}

#sidebar ul li ul.overview li a.thumb
{
	background:				[sidebarBgColor];
	border:					none;
	float:					left;
	margin:					0 10px 5px 0;
}

#sidebar ul li ul.overview li a.thumb img
{
	border:					1px solid [sidebarFontColor];
	height:					50px;
	padding:				2px;
	width:					50px;
}

#sidebar ul li ul.overview li a.thumb:hover img
{
	border:					1px solid [sidebarActiveColor];
}





/*
 * Gestaltungselemente
 */

#content h1
{
	line-height:			100%;
	margin:					0 0 15px 0;
}

#content h1 a,
#content h1 a:hover
{
	border:					none;
}

#content h2
{
	border-bottom:			1px dotted [bodyFontColor];
	font-size:				14px;
	font-weight:			bold;
	padding:				5px 0;
	margin:					0 0 5px 0;
}

#content h2.inorder
{
	margin-top:				30px;
	position:				relative;
}

#content h2.empty
{
	background:				transparent;
}

#content h2 span
{
	font-size:				12px;
	font-weight:			normal;
	position:				absolute;
	right:					0;
	text-transform:			none;
	top:					7px;
}

#content h2.empty span
{
	right:					0;
}


#content h2 span strong
{
	font-weight:			bold;
}

#content h2 span a
{
	color:					[bodyFontColor];
}

#content h2 .switchicon
{
	border-style:			none;
	cursor:					pointer;
	height:					18px;
	vertical-align:			bottom;
	width:					18px;
}

#content h4
{
	font-size:				12px;
	font-weight:			normal;
}

#content h5
{
	font-size:				10px;
	font-weight:			normal;
}

h3
{
	padding:				0 0 6px 0;
	position:				relative;
}

h3 span
{
	display:				block;
	font-size:				11px;
	font-weight:			normal;
	position:				absolute;
	right:					0;
	top:					3px;
}

h3 span a
{
	border-bottom:			1px dotted [bodyFontColor];
}


/*
 * Box fuer H2-Element
 */

#content .h2box
{
	background:				[contentBgColor];
	margin:					0 0 10px 0;
	overflow:				hidden;
	padding:				7px 0;
	width:					100%;
}

#content .h2box p.tab1,
#content .h2box p.tab2
{
	float:					left;
	min-width:				300px;
	overflow:				visible;
	width:					49%;
}

#content .h2boxlarge p.tab1,
#content .h2boxlarge p.tab2
{
	min-width:				400px;
}





#content a:hover
{
	border-bottom:			1px dotted [bodyActiveColor];
	color:					[bodyActiveColor];
}

#content a.clean:hover
{
	border:					none;
}


.urlteaser
{
	font-style:				italic;
}

p
{
	margin:					0 0 10px 0;
	line-height:			20px;
}

p.plain
{
	margin:					0;
}

p.warning,
span.warning
{
	padding-left:			0;
}

p.warning img.icon,
#sidebar p.warning img.icon,
span.warning img.icon
{
	height:					17px;
	vertical-align:			bottom;
	width:					17px;
}

p.warning a,
span.warning a
{
	color:					#333;
}

ul, ol
{
	margin:					0 0 1em 0
}

li
{
	margin-left:			1.5em;
	line-height:			1.5em;
}

blockquote,
{
	border-left:			3px solid [contentCiteColor];
	color:					[contentCiteColor];
	font-style:				italic;
	margin:					15px 0;
	padding-left:			10px;
	width:					auto;
}

blockquote a
{
	color:					[contentCiteColor];
	font-style:				italic;
}

a
{
	color:					[bodyFontColor];
	text-decoration:		none;
}

a.ajaxrequest,
#content a.ajaxrequest:hover
{
	border-bottom:			none;
	display:				none;
}

a.more
{
	font-weight:			bold;
}




/*
 * Formatierungen fuer Seitenlayout
 */

#content a.preview
{
	display:				block;
	float:					left;
	width:					auto;
}

#content a.preview:hover
{
	border:					none;
}

#content a.preview img
{
	border:					1px solid [bodyFontColor];
	height:					50px;
	margin:					0 15px 0 0;
	padding:				2px;
	width:					50px;
}

#content a.preview:hover img
{
	border:					1px solid [bodyActiveColor];
}

a.portrait img
{
	border:					1px solid [bodyFontColor];
	height:					50px;
	padding:				3px;
	width:					50px;
}

a.portrait:hover img
{
	border:					1px solid [bodyFontColor];
	height:					50px;
	padding:				3px;
	width:					50px;
}

#content a.thumb,
#content span.thumb,
#content a.thumb:hover,
#content span.thumb:hover
{
	border:					none;
	display:				block;
	height:					60px;
	position:				relative;
}

#content a.thumb img,
#content span.thumb img
{
	height:					60px;
	width:					60px;
}

#content a.thumb img.infoicon
{
	background:				[pageBgColor];
	bottom:					8px;
	height:					11px;
	left:					3px;
	padding:				1px;
	position:				absolute;
	width:					16px;
}

#content a.thumb img.highlighticon
{
	background:				none;
	height:					18px;
	left:					-8px;
	position:				absolute;
	top:					-8px;
	width:					18px;
}

pre
{
	font-family:			Courier;
	background:				[contentCiteColor];
	padding:				5px;
}

.smiley
{
	border:					none;
	height:					15px;
	width:					15px;
}

.floatbox
{
	overflow:				hidden;
	width:					100%;
}

.ergof
{
	margin:					0 0 5px 0;
}

.favicon {
	border:					0;
	height:					16px;
	margin:					0 2px 0 0;
	width:					16px;
}





/*
 * Formatierungen fuer Bilder
 */

#content .align_center
{
	display:				block;
	margin:					15px auto;
	text-align:				center;
	width:					auto;
}

#content .align_left
{
	display:				block;
	float:					left;
	margin:					0 10px 10px 0;
}

#content .align_right,
#sidebar .align_right
{
	display:				block;
	float:					right;
	margin:					0 0 10px 10px;
}

#content a.align_right,
#content a.align_right,
#sidebar a.align_right:hover,
#sidebar a.align_right:hover
{
	border:					none;
}




/*
 * Tabellenformatierung
 */

.tab
{
	border-collapse:		collapse;
	margin:					0 10px 15px 0;
	width:					100%;
}

.tab tr
{
	border-bottom:			3px solid [pageBgColor];
}

.tab th,
#content h2.tabhead
{
	background:				[contentThBgColor];
	color:					[contentThFontColor];
	font-size:				12px;
	font-weight:			bold;
	padding:				5px 3px;
	text-align:				left;
	text-transform:			none;
	vertical-align:			middle;
}

.tab td,
#content .tabfield
{
	background:				[contentTdBgColor];
	color:					[bodyFontColor];
	padding:				5px 3px;
	text-align:				left;
	vertical-align:			middle;
}

.tab th.left,
.tab td.left
{
	text-align:				left;
}

.tab th.center,
.tab td.center
{
	text-align:				center;
}

.tab th.right,
.tab td.right
{
	text-align:				right;
}

.tab th.ratio14,
.tab td.ratio14
{
	width:					25%;
}

.tab th.ratio34,
.tab td.ratio34
{
	width:					75%;
}

.tab th.ratio15,
.tab td.ratio15
{
	padding-right:			20px;
	text-align:				right;
	width:					20%;
}

.tab th.ratio45,
.tab td.ratio45
{
	width:					80%;
}

.tab td.value
{
	font:					normal 16px Verdana;
	width:					125px;
}

.tab td.checkbox
{
	width:					30px;
}

.tab td.date
{
	width:					125px;
	vertical-align:			top;
}

.tab td.icons
{
	vertical-align:			top;
	width:					30px;
}

.tab tr td.icons a
{
	display:				none;
}

.tab tr:hover td.icons a
{
	display:				block;
}

#content .tab td a:hover
{
	border:					none;
	color:					[bodyActiveColor];
}

#content .tabhead
{
	margin-top:				30px;
}

#content .tabfield p
{
	margin:					0;
	padding:				0;
}




/*
 * History von Bildern in Popup
 */

.imgHistory a
{
	margin:					0 13px 0 0;
}



/*
 * Icons
 */

.icon
{
	border-style:			none;
	height:					17px;
	vertical-align:			bottom;
	width:					17px;
}

.delete,
.move
{
	cursor:					pointer;
}


/*
 * Fehlermeldungen
 */

p.error,
span.error
{
	color:					#FF7145;
	display:				block;
	font-weight:			bold;
	margin-bottom:			15px;
}



/*
 * Statusmeldungen auf der Webseite ausgeben
 */

div#doneList
{
	color:					#FFF;
	margin:					0 0 15px 0;
	padding:				10px 20px;
	position:				relative;
}

div#doneList.withsubtiles
{
	margin-bottom:			30px;
}

div#doneList.error
{
	background:				#FF7145;
}

div#doneList.success
{
	background:				#66AA00;
}

ul#doneList li.working,
ul#doneList li.warning
{
	background:				#FFE24F;
}

div#doneList a
{
	color:					#FFF;
}

div#doneList #statusError
{
	cursor:					pointer;
	display:				none;
}

div#doneList #statusClose
{
	background-image:		url(../images/icon_close.png);
	background-repeat:		no-repeat;
	cursor:					pointer;
	display:				none;
	height:					11px;
	position:				absolute;
	right:					8px;
	top:					8px;
	width:					11px;
}

div#doneList #statusClose strong
{
	display:				none;
}




/*
 * Formatierungen fuer die Toolbar bei Textareas
 */

div.toolbar
{
	padding:				0 0 3px 0;
	position:				relative;
}

div.toolbar img
{
	cursor:					pointer;
	height:					16px;
	margin-right:			3px;
	vertical-align:			bottom;
	width:					16px;
}

div.toolbar div.language
{
	position:				absolute;
	right:					5px;
	top:					1px;
}





/*
 * Formatierungen fuer HTML-Formulare
 */

form
{
	border-style:			none;
	width:					auto;
	padding:				0;
}

form select
{
	font:					normal 9pt Arial;
	width:					45%;
}

form input.checkbox,
form input.radio
{
	width:					auto;
}

#content form input.checkbox
{
	margin:					0 5px 0 10px;
}

form input.text,
form input.color,
form input.password,
form textarea,
form input.text_access,
form input.text_select
{
	background:				[pageBgColor];
	border:					1px solid [bodyFontColor];
	color:					[bodyFontColor];
	font:					normal 9pt Arial;
	padding:				2px 0;
	width:					99%;
}

input.button
{
	border:					none;
	cursor:					pointer;
	font-size:				12px;
	font-weight:			bold;
	padding:				2px 10px;
	overflow:				visible;
	width:					auto;
}

#content input.button
{
	background:				[bodyActiveColor];
	color:					[pageBgColor];
}

#sidebar input.button
{
	background:				[sidebarFontColor];
	color:					[sidebarBgColor];
}

#sidebar a.button,
#sidebar a.button:hover
{
	background:				[sidebarFontColor];
	border:					none;
	color:					[sidebarBgColor];
	cursor:					pointer;
	font-size:				11px;
	font-weight:			bold;
	padding:				3px 10px;
	width:					auto;
	white-space:			nowrap;
}

input.buttonsec
{
	background:				[contentBgColor];
	border:					none;
	color:					[bodyFontColor];
	cursor:					pointer;
	font:					bold 12px Verdana;
	font-size:				12px;
	font-weight:			bold;
	padding:				3px 10px;
	overflow:				visible;
	width:					auto;
}

input.buttonsec:hover
{
	color:					[bodyActiveColor];
	-o-transition-duration: .33s;
	-o-transition-property: color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color;
}

input.button:active,
input.button:focus,
{
	border:					none;
	background:				[bodyActiveColor];
}

#content a.buttonsec
{
	background:				[contentBgColor];
	border:					none;
	color:					[bodyFontColor];
	cursor:					pointer;
	font-size:				12px;
	font-weight:			bold;
	padding:				3px 10px;
	width:					auto;
	white-space:			nowrap;
}

#content a.buttonsec:hover
{
	color:					[bodyActiveColor];
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color;
}

#content a.button
{
	background:				[bodyActiveColor];
	border:					none;
	color:					#FFFFFF;
	cursor:					pointer;
	font-size:				12px;
	font-weight:			bold;
	padding:				2px 10px;
	width:					auto;
	white-space:			nowrap;
}

#sidebar a.button:active
{
	background:				[bodyActiveColor];
}


#content form fieldset,
#searchForm form#usersSearchForm ul.normal fieldset
{
	border:					none;
	position:				relative;
}

#content form ul,
#searchForm form#usersSearchForm ul.normal
{
	float:					none;
	list-style-type:		none;
	margin:					0 0 20px 0;
	padding:				0;
	width:					auto;
}

#content form ol
{
	list-style-type:		decimal;
	margin:					0 0 20px 0;
	padding:				0;
}

#content form ul li,
#searchForm form#usersSearchForm ul.normal li
{
	margin:					0 0 20px 0;
	padding:				0;
	overflow:				visible;
	width:					100%;
}

#content form ol li
{
	font-weight:			bold;
	list-style-type:		decimal;
	margin-bottom:			20px;
	padding:				0;
}

#content form ol li p,
#content form ol li span
{
	font-weight:			normal;
}

#content form ul li.error,
#searchForm form#usersSearchForm ul.normal li.error
{
	background:				#FF7145;
	color:					#FFF;
	padding:				7px 0;
}

#content form ul li.error a.boxed,
#content form ul li.error a.boxed:hover
{
	color:					#FFF;
}

#content form ul li label
{
	display:				block;
	float:					left;
	font-weight:			bold;
	line-height:			20px;
	margin:					0 15px 0 0;
	text-align:				left;
	vertical-align:			top;
	white-space:			nowrap;
	width:					140px;
}

#searchForm form#usersSearchForm ul.normal li label
{
	display:				block;
	float:					left;
	font-weight:			bold;
	line-height:			20px;
	margin:					0;
	text-align:				left;
	vertical-align:			top;
	white-space:			nowrap;
	width:					125px;
}

#content form ol li label
{
	display:				block;
	font-weight:			bold;
	line-height:			16px;
	margin:					0 15px 10px 0;
	text-align:				left;
}

#content form ol li label span
{
	font-weight:			normal;
	line-height:			16px;
}

#content form ol li label span.block
{
	display:				block;
}

#content form ul li.error label
{
	padding-left:			3px;
}

#content form ul li fieldset label
{
	display:				inline;
	float:					none;
	font-weight:			normal;
	line-height:			150%;
	margin:					0 15px 0 0;
	padding:				0 0 2px 0;
	white-space:			normal;
	width:					100%;
}

#content form ul li fieldset label.block
{
	display:				block;
	width:					100%;
}

#content form ul li fieldset p
{
	margin:					7px 0 0 0;
}

#content form ul li fieldset > p
{
	margin:					0;
}

#content form ul li span.error
{
	background-image:		url(../images/icon_error.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	color:					#FFF;
	line-height:			18px;
	margin:					5px 0 3px 155px;
	padding:				0 0 0 25px;
}

#content form ul li fieldset span.error,
#content form ul li p span.error
{
	background-image:		url(../images/icon_error.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	color:					#FFF;
	line-height:			18px;
	margin:					5px 0 3px 0;
	padding:				0 0 0 25px;
}

#content form ul li p
{
	margin:					7px 0 0 155px;
	padding:				0;
}

#content form ul li p.normal
{
	margin:					0 0 7px 0;
}

#content form ul li input.text,
#content form ul li textarea
{
	width:					95%;
}

#content form ul li input.text_access,
#content form ul li input.ratio23
{
	width:					300px;
}

#content form ul li input.ratio13
{
	width:					150px;
}

#content form ul li input.ratio15
{
	width:					90px;
}

#content form ul li input.checkbox
{
	margin:					0;
}


#content form ul li ul.typical
{
	list-style-type:		square;
	padding:				0 0 0 20px;
}

#content form ul li ul.typical li
{
	list-style-type:		square;
	margin:					0 0 5px 0;
	padding:				0;
	overflow:				visible;
}

#content form ul li ul.formlist,
#content form ul#configlist li ul.formlist
{
	margin:					5px 0 0 0;
}

#content form ul li ul.formlist li,
#content form ul#configlist li ul.formlist li
{
	padding:				3px 0;
	margin:					0;
	position:				relative;
}

#content form ul li ul.formlist li input,
#content form ul#configlist li ul.formlist li input
{
	margin:					3px 0;
}

#content form ul li ul.formlist li p,
#content form ul#configlist li ul.formlist li p
{
	margin:					4px 4px;
}

#content form ul li ul.formlist li a.buttondelete,
#content form ul#configlist li ul.formlist li a.buttondelete
{
	border:					none;
	display:				none;
	position:				absolute;
	right:					7px;
	top:					7px;
}

#content form ul li ul.formlist li:hover a.buttondelete,
#content form ul#configlist li ul.formlist li:hover a.buttondelete
{
	display:				block;
}

#content form ul li ul.formlist li:hover,
#content form ul#configlist li ul.formlist li:hover
{
	background:				[contentBgColor];
}




/*
 * Tags anderer Benutzer
 */

form ul li p.tagsuser
{
	padding:				0;
}


form ul li p.tagsuser a
{
	border-bottom:			1px dotted #FFF;
}


form ul li p.tagsuser a.active
{
	border-bottom:			1px dotted #333;
}





/*
 * Formularangaben fuer Sidebar
 */

#sidebar ul li form ul
{
	margin:					0 0 10px 13px;
}

#sidebar ul li form.elementform ul
{
	margin:					0 8px 10px 8px;
}

#sidebar ul li form ul li
{
	list-style-type:		square;
	margin-bottom:			7px;
}

#sidebar ul li form.elementform ul li
{
	list-style-type:		none;
	margin:					0 0 7px 0;
}

#sidebar ul li form.elementform ul li ul li
{
	list-style-type:		square;
	margin:					0 0 7px 10px;
}


#sidebar ul li form ul li label,
#sidebar ul li form ul li h3
{
	background:				none;
	display:				block;
	font-weight:			lighter;
	margin:					0 0 3px 0;
	padding:				0;
}


#sidebar ul li form ul li p
{
	font-size:				11px;
	margin:					0;
	padding:				0 0 9px 0;
}


#sidebar ul li form ul li span.error
{
	margin-bottom:			6px;
}


#sidebar ul li form ul li input.text,
#sidebar ul li form ul li textarea
{
	font-size:				11px;
	margin:					0;
	text-align:				left;
	width:					200px;
}

#sidebar ul li form fieldset
{
	border:					none;
	margin:					0;
	padding:				0;
	text-align:				left;
	width:					225px;
}

#sidebar ul li form.elementform ul li input.text,
#sidebar ul li form.elementform ul li textarea,
#sidebar ul li form.elementform ul li fieldset
{
	width:					98%;
}

#sidebar ul li form.elementform ul li label
{
	font-weight:			bold;
}

#sidebar ul li form.elementform ul li fieldset label
{
	display:				inline;
	font-weight:			normal;
}

#sidebar ul li form p.ratio11 select
{
	display:				inline;
	width:					50%;
}

#sidebar ul li form p.ratio11 input.button
{
	display:				inline;
	width:					47%;
}

#sidebar a.buttonsec
{
	border:					none;
	color:					[sidebarFontColor];
	cursor:					pointer;
	font-size:				11px;
	font-weight:			bold;
	padding:				2px 0 2px 10px;
	width:					auto;
	white-space:			nowrap;
}

#sidebar a.buttonsec:hover
{
	color:					[sidebarActiveColor];
}




/*
 * Ajax mit Autocomplete
 */

div.auto_complete 
{
	background-color:		white;
	border:					1px solid #888;
	margin:					0;
	padding:				0;
	position:				absolute;
	width:					200px;
}

div.auto_complete ul 
{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

div.auto_complete ul li.selected
{
	background:				[contentBgColor];
	color:					[bodyActiveColor];
}

div.auto_complete li
{
	display:				block;
	list-style-type:		none;
	margin:					0;
	padding:				4px;
}




/*
 * normale Tagcloud
 */

div.tagcloud
{
	margin:					0 0 10px 0;
	padding:				10px 0;
	text-align:				left;
}

div.tagcloud a
{
	border-bottom:			1px dotted [pageBgColor];
	color:					[bodyFontColor];
	vertical-align:			middle;
}

div.tagcloud a.tag1
{
	font-size:				9px;
}

div.tagcloud a.tag2
{
	font-size:				11px;
}

div.tagcloud a.tag3
{
	font-size:				13px;
}

div.tagcloud a.tag4
{
	font-size:				15px;
}

div.tagcloud a.tag5
{
	font-size:				17px;
}

div.tagcloud a.tag6
{
	font-size:				19px;
}

div.tagcloud a.tag7
{
	font-size:				21px;
}

div.tagcloud a.tag8
{
	font-size:				23px;
}

div.tagcloud a.tag9
{
	font-size:				25px;
}

div.tagcloud a.tag10
{
	font-size:				27px;
}

div.tagcloud a.tag11
{
	font-size:				29px;
}

div.tagcloud a.tag12
{
	font-size:				31px;
}





/*
 * Tagcloud in Sidebar
 */

#sidebar div.tagcloud
{
	background:				#4D4D4D;
	margin:					0;
	padding:				0 10px 7px 10px;
	text-align:				left;
}

#sidebar div.tagcloud a
{
	border-bottom:			1px dotted #4D4D4D;
	color:					#FFF;
	vertical-align:			middle;
}

#sidebar div.tagcloud a:hover
{
	border-bottom-color:	[bodyActiveColor];
	color:					[bodyActiveColor];
}

#sidebar div.tagcloud span.active a
{
	color:					[bodyActiveColor];
}

#sidebar div.tagcloud a.tag1
{
	font-size:				9px;
}

#sidebar div.tagcloud a.tag2
{
	font-size:				10px;
}

#sidebar div.tagcloud a.tag3
{
	font-size:				11px;
}

#sidebar div.tagcloud a.tag4
{
	font-size:				12px;
}

#sidebar div.tagcloud a.tag5
{
	font-size:				13px;
}

#sidebar div.tagcloud a.tag6
{
	font-size:				14px;
}

#sidebar div.tagcloud a.tag7
{
	font-size:				15px;
}

#sidebar div.tagcloud a.tag8
{
	font-size:				16px;
}

#sidebar div.tagcloud a.tag9
{
	font-size:				17px;
}

#sidebar div.tagcloud a.tag10
{
	font-size:				18px;
}

#sidebar div.tagcloud a.tag11
{
	font-size:				19px;
}

#sidebar div.tagcloud a.tag12
{
	font-size:				20px;
}





/*
 * Liste von Stichwoertern
 */

.taglist
{
	background:				[contentBgColor];
	margin:					0 0 10px 0;
	padding:				10px 0;
	text-align:				left;
}

.taglist a
{
	border-bottom:			1px dotted [contentBgColor];
	color:					[bodyFontColor];
}





/*
 * Kalender fuer beliebigen Inhalten
 */

#sidebar #calendar
{
	border-collapse:		collapse;
	empty-cells:			show;
	margin:					0 0 7px 10px;
}

#sidebar #calendar th,
#sidebar #calendar td
{
	border-left:			1px dotted [sidebarFontColor];
	color:					[sidebarFontColor];
	font-size:				11px;
	text-align:				center;
	vertical-align:			middle;
}

#sidebar #calendar td
{
	height:					23px;
	width:					27px;
}

#sidebar #calendar td a
{
	color:					[sidebarFontColor];
	margin-left:			0;
}

#sidebar #calendar td a.full
{
	color:					[sidebarActiveColor];
	font-weight:			bold;
}

#sidebar #calendar td a:hover
{
	color:					[sidebarActiveColor];
}

#sidebar #calendar .kw
{
	border-left:			none;
	color:					[sidebarFontColor];
	text-align:				left;
	width:					42px;
}

#sidebar #calendar td.currentmo,
#sidebar #calendar td.currentth,
#sidebar #calendar td.currentwe,
#sidebar #calendar td.currentth,
#sidebar #calendar td.currentfr,
#sidebar #calendar td.currentsa,
#sidebar #calendar td.currentsu
{
	background:				[sidebarActiveColor];
}

#sidebar #calendar td.currentmo a,
#sidebar #calendar td.currentmo span,
#sidebar #calendar td.currentth a,
#sidebar #calendar td.currentth span,
#sidebar #calendar td.currentwe a,
#sidebar #calendar td.currentwe span,
#sidebar #calendar td.currentth a,
#sidebar #calendar td.currentth span,
#sidebar #calendar td.currentfr a,
#sidebar #calendar td.currentfr span,
#sidebar #calendar td.currentsa a,
#sidebar #calendar td.currentsa span,
#sidebar #calendar td.currentsu a,
#sidebar #calendar td.currentsu span
{
	color:					[sidebarBgColor];
	padding:				2px 5px 2px 4px;
}

#content ul li.vevent abbr
{
	border:					0;
}





/*
 * Kalender innerhalb des Inhaltsbereiches
 */

#content #calendar
{
	border-collapse: 		collapse;
	empty-cells: 			show;
	width:					100%;
}

#content #calendar th
{
	background: 			[contentThBgColor];
	border:					2px solid [pageBgColor];
	color: 					[contentThFontColor];
	font-size:				11px;
	font-weight:			bold;
	padding: 				5px 3px;
	text-align: 			center;
	vertical-align: 		middle;
}

#content #calendar td 
{
	background: 			[contentTdBgColor];
	border:					2px solid [pageBgColor];
	height: 				85px;
	padding:				3px;
	text-align: 			left;
	vertical-align: 		top;
	width: 					85px;
}

#content #calendar td a 
{
	color: 					[contentFontColor];
}

#content #calendar td ul
{
}

#content #calendar td ul li
{
	list-style-type: 		square;
}

#content #calendar td span.date
{
	background:				[contentThBgColor];
	display:				block;
	padding:				1px 0 2px 0;
	text-align:				center;
	width:					16px;
}

#content #calendar td span.date a
{
	color:		 			[contentTdBgColor];
	font-size:				9px;
	line-height:			10px;
}

#content #calendar td.currentmo, 
#content #calendar td.currentth, 
#content #calendar td.currentwe, 
#content #calendar td.currenttu, 
#content #calendar td.currentfr, 
#content #calendar td.currentsa, 
#content #calendar td.currentsu 
{
	border:					3px solid [bodyActiveColor];
}

#content #calendar td.currentmo span.date, 
#content #calendar td.currentth span.date, 
#content #calendar td.currentwe span.date, 
#content #calendar td.currenttu span.date, 
#content #calendar td.currentfr span.date, 
#content #calendar td.currentsa span.date, 
#content #calendar td.currentsu span.date 
{
	background:				[bodyActiveColor];
}

#content #calendar td.hidemo span.date, 
#content #calendar td.hideth span.date, 
#content #calendar td.hidewe span.date, 
#content #calendar td.hidetu span.date, 
#content #calendar td.hidefr span.date, 
#content #calendar td.hidesa span.date, 
#content #calendar td.hidesu span.date 
{
	background:				[contentTdBgColor];
}

#content #calendar td.hidemo span.date a, 
#content #calendar td.hideth span.date a, 
#content #calendar td.hidewe span.date a, 
#content #calendar td.hidetu span.date a, 
#content #calendar td.hidefr span.date a, 
#content #calendar td.hidesa span.date a, 
#content #calendar td.hidesu span.date a
{
	color:				[bodyFontColor];
	font-weight:		bold;
}

#content #calendar td span.date:hover
{
	background:				[bodyActiveColor];
}

#content #calendar td a:hover 
{
	color: 					[bodyActiveColor];
}






/*
 * Details zu einem Benutzer
 */

ul#usersview
{
	margin-top:				0;
	list-style-type:		square;
}

ul#usersview li
{
	margin-bottom:			10px;
}


ul#usersview li b
{
	display:				block;
	margin-bottom:			10px;
}

ul#usersview li small
{
	display:				block;
	width:					90%;
	margin-bottom:			10px;
	font-size:				11px;
	font-style:				italic;
	line-height:			20px;
}

ul#usersview li ul
{
	list-style-type:		circle;
	padding:				0 15px;
}



/*
 * Anzeige des anstehenden Geburtstages im Profil
 */

#user_birthday_message
{
	color:					#FF7145;
	font-weight:			bold;
}





/*
 * Liste von Kontakten in Sidebar
 */

#sidebar ul.detailslist
{
	margin:					0 10px 0 10px;
	padding:				0;
}

#sidebar ul.detailslist li
{
	border-bottom:			1px dotted [sidebarFontColor];
	overflow:				hidden;
	margin:					0 0 10px 0;
	padding:				0 0 5px 0;
	width:					100%;
	-webkit-border-radius:	0;
	-khtml-border-radius:	0;
	-moz-border-radius:		0;
}

#sidebar ul.detailslist a
{
	font-weight:			bold;
}

#sidebar ul.detailslist a.thumb
{
	display:				block;
	float:					left;
	margin:					0 10px 0 0;
}

#sidebar ul.detailslist a.thumb:hover
{
	border:					none;
}

#sidebar ul.detailslist a.thumb img
{
	height:					56px;
	padding:				0;
	width:					56px;
}





#userportrait {
	display:				block;
	left:					0;
	position:				absolute;
	top:					0;
}

#userportrait img
{
	border:					1px solid [bodyFontColor];
	float:					left;
	height:					110px;
	padding:				3px;
	width:					110px;
}

#content .usersbusiness
{
	background:				[contentBgColor];
	overflow:				hidden;
	padding:				10px 0;
}

#content .usersbusinesscontact,
#content .usersbusinessinfo
{
	float:					left;
	margin:					0;
}

#content .usersinfo
{
	display:				block;
	left:					140px;
	position:				absolute;
	top:					0;
	width:					240px;
}

#content .userscontact
{
	display:				block;
	left:					380px;
	position:				absolute;
	top:					0;
	width:					240px;
}

#content .usersbusinessinfo
{
	width:					300px;
}




/*
 * detailierte Benutzerangaben anzeigen
 */

p.usersdetails
{
	overflow:				hidden;
	width:					auto;
}
/*	padding-left:			125px;*/

p.usersdetails img.profilimage
{
	border:					1px solid [bodyFontColor];
	display:				block;
	float:					left;
	height:					100px;
	margin-right:			20px;
	padding:				3px;
	width:					100px;
}
/*margin-left:			-125px;*/



/*
 * detailierte Benutzerangaben in Sidebar anzeigen
 */

#sidebar ul li p.usersdetails
{
	padding-left:			98px;
	overflow:				hidden;
	width:					100%;
}

#sidebar ul li p.usersdetails img.profilimage
{
	border:					1px solid [bodyFontColor];
	display:				block;
	float:					left;
	height:					80px;
	margin-left:			-92px;
	padding:				3px;
	width:					80px;
}



/*
 * Formatierungen fuer Instant-Messenger
 */

ul#usersims
{
	background:				[contentBgColor];
	list-style-type:		none;
	overflow:				hidden;
	width:					100%;
}

ul#usersims li
{
	display:				block;
	float:					left;
	list-style-type:		none;
	margin:					0;
	padding:				3px 0;
	width:					49%;
}

ul#usersims li a
{
	font-weight:			bold;
}





/*
 * Liste von Kontakten (detailiert)
 */

dl#userslist
{
	background:				[contentBgColor];
	list-style-type:		none;
	margin:					0 0 25px 0;
	overflow:				hidden;
	padding:				0;
	width:					100%;
}

dl#userslist dt,
dl#userslist dd,
dl#userslist dt.detail,
dl#userslist dd.detail
{
	border-bottom:			3px solid [pageBgColor];
	float:					left;
	height:					60px;
	margin:					0;
	overflow:				hidden;
	padding:				7px 0 7px 0;
	position:				relative;
	width:					50%;
}

dl#userslist dt strong
{
	padding:				0;
}

dl#userslist dt strong a
dl#userslist.detail dt strong a
{
	font-weight:			bold;
	line-height:			20px;
}

dl#userslist dt p
{
	line-height:			20px;
	margin:					0;
}

dl#userslist dt a.thumb,
dl#userslist.detail dt a.thumb
{
	display:				block;
	float:					left;
	margin:					0 10px 0 7px;
}

dl#userslist dd .icon
{
    vertical-align:			middle;
}

dl#userslist dt .icon
{
    vertical-align:			top;
}

dl#userslist dt a.tooltip:hover
{
	border:					none;
}

dl#userslist dt:last-of-type,
dl#userslist dd:last-of-type
{
	border-bottom:			none;
}

dl#userslist dt:nth-of-type(even),
dl#userslist dd:nth-of-type(even)
{
	border-bottom:			3px solid [pageBgColor];
}


/*
 * Liste von Kontakten (einfach)
 */

dl#userslist.normal dt
{
	float:					left;
	height:					60px;
	margin:					0;
	overflow:				hidden;
	padding:				7px 0;
	width:					50%;
}

dl#userslist.normal dd
{
	display:				none;
	height:					67px;
}





/*
 * Liste von Kontakten (kompakt)
 */

dl#userslist.compact dt
{
	border:					none;
	float:					left;
	height:					60px;
	margin:					0;
	overflow:				hidden;
	padding:				7px 0;
	width:					69px;
}

dl#userslist.compact dd
{
	display:				none;
}

dl#userslist.compact dt strong,
dl#userslist.compact dt p,
dl#userslist.compact dt span.job,
dl#userslist.compact dt span.fn
{
	display:				none;
}





/*
 * Bild-Vorschau im Formuler eines Beitrages
 */

#imagepreview p
{
	font-style:				normal;
	height:					50px;
}





/*
 * grosses Bild anzeigen
 */

.image_full
{
	background-image:		url(../images/bg_active.png);
	display:				block;
	margin:					0 0 20px 0;
	position:				relative;
	width:					100%;
}

.image_full img
{
	display:				block;
	margin:					0 auto;
	text-align:				center;
}





/*
 * Hinweis auf naechstes Bild in einem Bilderalbum anzeigen
 */

.image_full div#image_next
{
	border:					1px solid black;
	background:				#4D4D4D;
	color:					white;
	padding:				5px 0;
	position:				absolute;
	text-align:				center;
	top:					0;
	width:					300px;
	z-index:				90;
	-webkit-border-radius:	7px;
}




/*
 * Anmeldeformular
 */

#content form#loginform
{
	height:					75px;
	margin:					40px;
}

#content form#loginform div
{
	overflow:				hidden;
	width:					100%;
}

#content form#loginform div
{
	margin:					0;
}

#content form#loginform fieldset
{
	border:					none;
	margin:					0;
	padding:				0;
}

#content form#loginform input.text,
#content form#loginform input.password
{
	width:					150px;
}

#content form#loginform label
{
	display:				block;
	float:					left;
	font-weight:			bold;
	padding:				0;
	width:					163px;
}





/*
 * Element fuer Tooltip markieren
 */

.tooltip
{
	border:					none;
    cursor:					pointer;
	white-space:			nowrap;
}


/*
 * Tabs zum Wechseln der Inhalte
 */

#content .tabs
{
	overflow:				hidden;
	padding:				5px 0;
	width:					100%;
}

#content .tabs strong,
.tabs a
{
	display:				block;
	float:					left;
	height:					20px;
	margin:					5px 7px 0 0;
	text-align:				center;
	width:					20px;
}

#content .tabs strong
{
	background:				[bodyActiveColor];
	color:					[pageBgColor];
	font-size:				11px;
	font-weight:			bold;
	line-height:			20px;
}

#content .tabs a
{
	background:				[bodyFontColor];
	color:					[pageBgColor];
	font-size:				11px;
	font-weight:			bold;
	line-height:			20px;
}

#content .tabs a:hover
{
	background:				[bodyActiveColor];
	color:					[pageBgColor];
	border:					none;
	color:					#FFF;
}

#content .tabs a.next,
.tabs a.back
{
	font:					bold 9pt/20px Verdana;
}





/*
 * alphabetische Navigationszeile
 */

#bar_alphabet
{
	background:				[contentThBgColor];
	color:					[contentThFontColor];
	font-size:				11px;
	margin:					0 0 3px 0;
	padding:				7px 0;
	text-align:				center;
}

#bar_alphabet span.active
{
	color:					[bodyActiveColor];
	font-weight:			bold;
}

#bar_alphabet a
{
	color:					#FFF;
}

#bar_alphabet span.middot
{
	padding:				0 4px;
}





/*
 * Mini-Icons bei Portraits
 */

.portraiticons small
{
	display:				none;
}

.portraiticons
{
	display:				block;
	left:					1px;
	position:				absolute;
	top:					7px;
}

#sidebar .portraiticons
{
	display:				block;
	left:					10px;
	position:				absolute;
	top:					3px;
}

#usersViewInfo
{
	padding:				10px 0 0 0;
	position:				relative;
	height:					175px;
	width:					100%;
}

#usersPortraitInfos
{
	font-size:				11px;
	list-style-type:		none;
	margin:					0;
	padding:				0;
	position:				absolute;
	top:					120px;
	left:					0;
	width:					118px;
	z-index:				60;
}

#usersPortraitInfos li 
{
	background:				[bodyFontColor];
	border-bottom:			2px solid [pageBgColor];
	color:					[pageBgColor];
	list-style-type:		none;
	margin:					0;
	padding:				2px 0;
	text-align:				center;
}

#usersPortraitInfos li:hover
{
	background:				[bodyActiveColor];
}

#usersPortraitInfos a,
#usersPortraitInfos a:hover
{
	color:					[pageBgColor];
}

#usersViewInfo .portraiticons
{
	display:				block;
	left:					4px;
	position:				absolute;
	top:					4px;
}

.portraiticon_vip,
.portraiticon_online,
.portraiticon_freund,
.portraiticon_activity_0,
.portraiticon_activity_1,
.portraiticon_activity_2,
.portraiticon_activity_3
{
	display:				block;
	height:					11px;
	margin:					0 0 1px 0;
	padding:				0;
	width:					11px;
}


.portraiticon_vip
{
	background-image:		url(../images/portraiticon_vip.gif);
	background-repeat:		no-repeat;
}

.portraiticon_online
{
	background-image:		url(../images/portraiticon_online.gif);
	background-repeat:		no-repeat;
	margin:					2px 0 1px 0;
}

.portraiticon_freund
{
	background-image:		url(../images/portraiticon_friend.gif);
	background-repeat:		no-repeat;
}

.portraiticon_activity_0
{
	background-image:		url(../images/portraiticon_activity_0.gif);
	background-repeat:		no-repeat;
}

.portraiticon_activity_1
{
	background-image:		url(../images/portraiticon_activity_1.gif);
	background-repeat:		no-repeat;
}

.portraiticon_activity_2
{
	background-image:		url(../images/portraiticon_activity_2.gif);
	background-repeat:		no-repeat;
}

.portraiticon_activity_3
{
	background-image:		url(../images/portraiticon_activity_3.gif);
	background-repeat:		no-repeat;
}





/*
 * Liste von Inhalten
 */

#content .overview
{
	display:				block;
	list-style-type:		none;
	margin:					0;
	overflow:				hidden;
	padding:				0;
	width:					100%;
}

#content .overview li
{
	background:				[contentBgColor];
	margin:					0 0 3px 0;
	overflow:				hidden;
	padding:				7px 33px 7px 0;
	position:				relative;
}

#content .overview li.replies
{
	background:				#FFDE73;
}

#content .overview li.directmessages
{
	background:				#FFA073;
}

#content .overview li a.thumb,
#content .overview li span.thumb
{
	display:				block;
	float:					left;
	margin:					0 10px 0 7px;
}

#content .overview li .date
{
	font-size:				11px;
	padding:				0;
	display:				none;
	line-height:			17px;
}

#content .overview li .timestamp
{
	display:				block;
	float:					right;
	font-size:				11px;
	margin:					5px 10px 0 0;
	padding:				0;	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
	line-height:			17px;
}

#content .overview li .icons
{
	font-size:				11px;
	line-height:			17px;
	position:				absolute;
	right:					5px;
	top:					7px;
	visibility:				hidden;
}

#content .overview li:hover .icons
{
	visibility:				visible;
}

#content .overview li .icons a,
#content .overview li .icons span
{
    display:				block;
	height:					18px;
	padding:				1px;
	width:					18px;
}

#content .overview li .icons a.favorit
{
	background:				url(../images/icon_favorite.png) no-repeat;
}

#content .overview li .icons a.isfavorit,
#content .overview li .icons a.favorit:hover
{
	background:				url(../images/icon_favorite.png) 0 -18px no-repeat;
}

#content .overview li .icons .move
{
    display:				block;
	padding:				1px;
}

#content .overview li .icons a:hover
{
	color:					#333;
	border-bottom:			none;
}

#content .overview li input.checkbox
{
    display:				block;
    float:					left;
    margin:					7px 5px 2px 4px;
}

#content .overview h3
{
	margin:					0px 0 3px 7px;
	padding:				0;
}

#content .overview li h3 a.tooltip
{
	font-size:				11px;
	font-weight:			bold;
	line-height:			17px;
}

#content .overview li h3 a.tooltip:hover
{
	border:					none;
	color:					[bodyFontColor];
}

#content .overview li h3 span.tooltip img
{
	cursor:					default;
	vertical-align:			top;
}

#content .overview li p
{
	margin:					0;
	padding:				0 0 0 7px;
}

#content .overview li.withthumb p
{
	padding-left:			77px;
}
#content .overview li p.details
{
	font-size:				11px;
}

#content .iconsvisible li .icons
{
	visibility:				visible;
}

#content .datevisible li .icons
{
	visibility:				visible;
}

#content .minheight li
{
	height:					70px;
}




/*
 * Icons fuer Typen von Dokumenten
 */

a.doctype_doc,
a.doctype_pdf,
a.doctype_gif,
a.doctype_jpg,
a.doctype_png,
a.doctype_zip,
a.doctype_ppt
{
	line-height:			22px;
	padding:				2px 0 2px 25px;
}

a.doctype_doc
{
	background:				transparent url(../images/icon_doctype_word.gif) no-repeat 0 -1px;
}

a.doctype_pdf
{
	background:				transparent url(../images/icon_doctype_pdf.gif) no-repeat 0 -1px;
}

a.doctype_gif
{
	background:				transparent url(../images/icon_doctype_gif.gif) no-repeat 0 -1px;
}

a.doctype_jpg
{
	background:				transparent url(../images/icon_doctype_jpg.gif) no-repeat 0 -1px;
}

a.doctype_png
{
	background:				transparent url(../images/icon_doctype_png.gif) no-repeat 0 -1px;
}

a.doctype_zip
{
	background:				transparent url(../images/icon_doctype_zip.gif) no-repeat 0 -1px;
}

a.doctype_ppt
{
	background:				transparent url(../images/icon_doctype_ppt.gif) no-repeat 0 -1px;
}




/*
 * moegliche Einstellungen anzeigen
 */

ul#configlist
{
	list-style-type:		none;
}

ul#configlist li
{
	background:				[contentTdBgColor];
	margin:					0 0 15px 0;
}

ul#configlist li h3
{
	background:				[contentThBgColor];
	border-bottom:			3px solid #FFF;
	color:					[contentThFontColor];
	font-size:				12px;
	font-weight:			bold;
	line-height:			20px;
	padding:				5px 3px;
	text-align:				left;
}

#content ul#configlist li h3 a
{
	color:					[contentThFontColor];
	font-size:				12px;
	font-weight:			bold;
}

#content ul#configlist li h3 img
{
	vertical-align:			top;
}

ul#configlist li table
{
	margin:					0;
	padding:				0;
	width:					95%;
}

ul#configlist li table img
{
	vertical-align:			top;
}

ul#configlist li ul
{
	list-style-type:		none;
	margin:					0;
	padding:				0;
	position:				relative;
	overflow:				hidden;
	width:					100%;
	z-index:				3;
}

ul#configlist li ul li
{
	background:				[contentTdBgColor];
	border-bottom:			3px solid [pageBgColor];
	color:					[bodyFontColor];
	font-size:				11px;
	margin:					0;
	line-height:			18px;
	overflow:				hidden;
	padding:				7px 13px 7px 3px;
	text-align:				left;
}

ul#configlist li ul li.noborder
{
	border-bottom:			none;
}

#content form ul#configlist li ul li label
{
	float:					none;
	display:				inline;
	font-size:				11px;
	font-weight:			normal;
	line-height:			20px;
	margin:					0;
	width:					auto;
}

#content form ul#configlist.bigger li ul li label
{
	display:				block;
	float:					left;
	width:					220px;
}

ul#configlist li ul li p
{
	display:				inline;
	font-style:				normal;
	padding:				0 10px 0 0;
}

ul#configlist li ul li fieldset
{
	display:				inline;
	width:					390px;
}

#content form ul#configlist li ul li label.thumb,
#content form ul#configlist li ul li label.address
{
	display:				block;
	float:					left;
	margin:					0;
	padding:				0;
	width:					225px;
}

#content form ul#configlist li ul li fieldset.thumb,
#content form ul#configlist li ul li fieldset.address
{
	width:					300px;
}

ul#configlist li ul li fieldset.address input.text
{
	width:					280px;
}

ul#configlist li ul li textarea
{
	width:					600px;
}

ul#configlist li ul li input.checkbox
{
	margin:					0 5px;
}

ul#configlist li ul li input.radio
{
	margin:					0 5px;
}

ul#configlist li ul li ul li img
{
	cursor:					pointer;
}




/*
 * Liste von Thumbnails anzeigen
 */

#content ul.thumbnails
{
	margin:					0;
	background:				[contentBgColor];
	list-style-type:		none;
	margin-bottom:			15px;
	overflow:				hidden;
	padding:				0;
	width:					100%;
}

#content ul.thumbnails li
{
	display:				block;
	float:					left;
	height:					60px;
	margin:					0;
	padding:				7px 0;
	text-align:				left;
	vertical-align:			top;
	position:				relative;
}

#content ul.thumbnails li a.thumb
{
	display:				block;
	float:					left;
	margin:					0 10px 0 7px;
	padding:				0;
	position:				relative;
	width:					auto;
}

#content ul.thumbnails li p
{
	display:				none;
}





/*
 * Popup-Fenster einer ID-Card
 */

.tooltipcont
{
	z-index:				90;
}

.tooltipcont .tip
{
	color:					#FFF;
	font-size:				12px;
	width:					172px;
}

.tooltipcont .tip-title
{
	background:				transparent url(../images/bubble.png) repeat top left;
	font-size:				11px;
	font-weight:			bold;
	margin:					0;
	padding:				8px 8px 4px;
	z-index:				50;
}

.tooltipcont .tip-text
{
	background:				transparent url(../images/bubble.png) repeat bottom right;
	font-size:				11px;
	padding:				4px 8px 8px;
	z-index:				50;
}





/*
 * ID-Card
 */

.idcard-tip
{
	color:					#FFF;
	font-size:				11px;
	height:					95px;
	width:					250px;
	z-index:				50;
}

.idcard-bg
{
	background:				transparent url(../images/idcard.png) no-repeat top left;
	height:					95px;
	margin:					0;
	overflow:				hidden;
	padding:				8px;
}

.idcard-bg span
{
	display:				block;
	line-height:			20px;
	padding:				0;
}

.idcard-bg span.idcard-nickname
{
	font-size:				11px;
	font-weight:			bold;
	line-height:			17px;
}

.idcard-bg img
{
	float:					left;
	height:					75px;
	margin:					0 10px 0 0;
	width:					75px;
}





/*
 * Darstellung einer Liste aendern
 */

#listview_change
{
	float:					right;
	text-align:				right;
	width:					300px;
}

#content h2 #listview_change
{
	font-size:				12px;
	position:				absolute;
	right:					10px;
	text-transform:			none;
	margin:					0;
	padding:				0;
	display:				block;
	text-align:				right;
	top:					7px;
}

#content h2 #listview_change span
{
	position:				relative;
	right:					0;
	top:					0;
}

#content h2 #listview_change strong
{
	color:					[bodyActiveColor];
	font-weight:			bold;
}

#content h2 #listview_change a
{
	font-weight:			normal;
}






/*
 * Auswahl von Tags per Checkbox
 * (in der Regel nur in Popups)
 */

#content #tags_select_list
{
	list-style-type:		none;
	margin:					0 0 20px 0;
	overflow:				hidden;
	padding:				0;
	width:					100%;
}

#content #tags_select_list li
{
	display:				block;
	float:					left;
	list-style-type:		none;
	margin:					0 0 10px 0;
	padding:				0;
	width:					207px;
}

#content #tags_select_list li input
{
	margin-right:			10px;
}

#content #tags_select_list li label
{
	display:				inline;
	float:					none;
	font-size:				12px;
	line-height:			20px;
}





/*
 * zwei-spaltige Liste von Kurzinformationen
 */

div.infos_tab2
{
	background:				[contentBgColor];
	overflow:				hidden;
	padding:				0;
	width:					100%;
}

div.infos_tab2 p
{
	margin:					0;
	padding:				4px 0 0 0;
}

div.infos_tab2 dl.important,
div.infos_tab2 dl.secondary
{
	display:				block;
	float:					left;
	overflow:				hidden;
	width:					49%;
}

div.infos_tab2 dl.important dt,
div.infos_tab2 dl.secondary dt
{
	display:				block;
	float:					left;
	font-weight:			bold;
	height:					18px;
	margin:					0;
	padding:				3px 0;
	width:					49%;
}

div.infos_tab2 dl.important dd,
div.infos_tab2 dl.secondary dd
{
	display:				block;
	float:					left;
	height:					18px;
	margin:					0;
	padding:				3px 0;
	width:					49%;
}




/*
 * versteckte Elemente
 */

.element_hidden
{
	display:				none;
}





/*
 * Tabelle fuer die Charts anzeigen
 */

#content table.charts
{
    border:					none;
    border-collapse:		collapse;
	margin:					0 0 25px 0;
    width:					625px;
}

#content table.charts td
{
	background:				[contentBgColor];
	border-bottom:			3px solid #FFF;
    padding:				4px 0 2px 0;
}

#content table.charts td.position
{
    font-size:				20px;
    text-align:				center;
    vertical-align:			middle;
    width:					60px;
}

#content table.charts td.positionchange
{
    text-align:				center;
    width:					80px;
}

#content table.charts td.content
#content table.charts td.contact
{
	padding-right:			30px;
    width:					250px;
}

#content table.charts td.img
{
    width:					80px;
}




/*
 * Liste mit zwei Spalten
 */

dl.listdetails
{
	background:				[contentBgColor];
	display:				block;
	margin:					0 0 25px 0;
	padding:				4px 0;
	overflow:				hidden;
	width:					100%;
}

dl.listdetails dt
{
	display:				block;
	float:					left;
	font-weight:			bold;
	margin:					0;
	padding:				5px 0;
	width:					34%;
}

dl.listdetails dd
{
	display:				block;
	float:					left;
	margin:					0;
	padding:				5px 0;
	width:					65%;
}

dl.listdetails dd input.text
{
	margin-right:			5px;
	width:					225px;
}

dl.listdetails dd textarea
{
	width:					99%;
}

dl.listdetails dd input.button
{
	margin-right:			5px;
}

dl.listdetails dd .icon
{
	margin-left:			5px;
}



/*
 * Auswahl fuer Sprache anzeigen
 */

#switchLang 
{
	bottom:					6px;
	right:					10px;
	position:				absolute;
	z-index:				90;
}

#switchLang img
{
	cursor:					pointer;
}




/*
 * Bilder mit Bildunterschriften
 */

.gupsi_imageSubtitle_center,
.gupsi_imageSubtitle_left,
.gupsi_imageSubtitle_right
{
	background:				#CACACA;
	margin:					5px;
	padding:				0 0 3px 0;
	text-align:				center;
}

.gupsi_imageSubtitle_center
{
	display:				block;
	margin:					auto;
}

#content .gupsi_imageSubtitle_left img.align_left,
#content .gupsi_imageSubtitle_center img.align_center,
#content .gupsi_imageSubtitle_center img.align_right
{
	border-bottom:			4px solid #FFF;
	margin:					0 0 5px 0;
}

.gupsi_imageSubtitle_left
{
	float:					left;
	margin:					5px 10px 10px 0;
}

.gupsi_imageSubtitle_right
{
	float:					right;
	margin:					5px 0 10px 10px;
}




/*
 * Suchformular
 */

#searchForm
{
	padding:				0;
	position:				relative;
}



/*
 * Suchformular fuer Kontaktdaten
 */

#searchForm form#usersSearchForm
{
	padding:				0;
}

#searchForm form#usersSearchForm .clearer
{
	clear:					left;
	padding:				10px 0;
}

#searchForm form#usersSearchForm ul
{
	float:					left;
	overflow:				hidden;
	width:					300px;
}

#searchForm form#usersSearchForm ul.basics
{
	margin:					0 20px 0 0;
}

#searchForm form#usersSearchForm ul.single
{
	margin:					0;
	overflow:				hidden;
	width:					100%;
}

#searchForm form#usersSearchForm ul.hidden
{
	display:				none;
}

#searchForm form#usersSearchForm ul.details
{
	margin:					0;
}

#searchForm form#usersSearchForm ul li
{
	margin:					0 0 15px 0;
	padding:				0;
	overflow:				hidden;
	width:					300px;
}


#searchForm form#usersSearchForm ul li label
{
	display:				block;
	float:					left;
	font-weight:			bold;
	line-height:			20px;
	margin:					0;
	text-align:				left;
	vertical-align:			top;
	white-space:			nowrap;
	width:					125px;
}

#searchForm form#usersSearchForm ul li fieldset
{
	position:				static;
}

#searchForm form#usersSearchForm ul li fieldset label
{
	line-height:			20px;
}

#searchForm form#usersSearchForm ul li select
{
	width:					165px;
}

#searchForm form#usersSesarchForm ul li input.text
{
	width:					155px;
}

#searchForm form#usersSearchForm ul li input.checkbox
{
	margin:					0 5px 0 0;
}

#searchForm form#usersSearchForm ul li span.error
{
	margin:					0 0 0 125px;
}

#searchForm form#usersSearchForm ul.single li
{
	float:					left;
	margin:					0 10px 0 0;
	width:					195px;
}

#searchForm form#usersSearchForm ul.single li label,
#searchForm form#usersSearchForm ul.single li fieldset
{
	display:				block;
	float:					none;
	font-size:				11px;
	padding:				2px 0;
}

#searchForm form#usersSearchForm ul.single li fieldset label,
#searchForm form#usersSearchForm ul.single li fieldset label input
{
	display:				inline;
	width:					auto;
}

#searchForm form#usersSearchForm ul.single li select,
#searchForm form#usersSearchForm ul.single li input
{
	width:					180px;
}



/*
 * Details anzeigen
 */

ul#infoslist
{
	list-style-type:		none;
}

ul#infoslist li
{
	margin:					0 0 7px 0;
}

ul#infoslist li p
{
	margin:					0 0 7px 0;
}

ul#infoslist ul 
{
	list-style-type:		square;
	margin:					0 0 7px 0;
}

ul#infoslist ul li
{
	list-style-type:		square;
	margin-bottom:			7px;
	margin-left:			15px;
	margin-right:			0;
	margin-top:				0;
}

ul#infoslist li h3
{
	color:					[bodyFontColor];
	font-weight:			bold;
	padding:				2px 0;
	text-align:				left;
}

ul#infoslist li h3.active
{
	color:					[bodyActiveColor];
}




/*
 * Spinner 
 */

.spinner
{
	background:				#FFF;
	opacity:				0.9;
	position:				absolute;
	filter:					alpha(opacity=90);
	z-index:				90;
}

.spinner-msg
{
	color:					[bodyFontColor];
	font-weight:			bold;
	text-align:				center;
}

.spinner-img
{
	background:				url('../images/spinner.gif') no-repeat;
	height:					16px;
	margin:					0 auto;
	width:					16px;
}