/* Logo - Breite, Abstand von Oben, Abstand von Links */
/* Logo - Width, margin top, margin left */

@baseLogoWidth:						250px;
@baseLogoMarginTop:					14px;
@baseLogoMarginLeft:				15px;

/* Menühöhe */
/* Height menu */

@baseMenuHeight:					80px;

/* Menüabstand von oben */
/* Menu margin top */Ben

@baseMenuMarginTop:					20px;

/* Logo links neben dem Menü (1) oder im Header anzeigen (0) */
/* Logo left next to the menu (1) or below the menu (0) */

@baseLogoPosition:					1;

/* Headerbild Abdunklung */
/* Header aperture  */

@baseMainHeaderAperture:			rgba(0,0,0,0.5);

/* Userheader einblenden (1) ausblenden (0) */
/* Userheader switch on (1) switch off (0) */

@switchUserheader: 					1;

/* Gästeheader einblenden (1) ausblenden (0) */
/* Guestheader switch on (1) switch off (0) */

@switchUserheaderVisitor:			1;

/* Fixiertes Userpanel einschalten (1) ausschalten (0) */
/* Fixed userpanel switch on (1) switch off (0) */

@switchFixedUserpanel:              1;

/* Avatare abrunden */

.userAvatarImage {
    border-radius: 200px;
}

.sidebar > div > fieldset > .userAvatar img {
	border-radius: 0 !important;
}

/* Fixiertes Userpanel */

@media only screen and (min-width: 801px) {

    .fixedUserpanelMixin (0) {
        position: relative !important;
    }

    .fixedUserpanelTopMenuContainerMixin (0) {
        display: none !important;
    }

    .fixedUserpanelTopMenuContainerDivMixin (0) {
        width: 100% !important;
        max-width: 100% !important;
        background-color: @wcfUserPanelBackgroundColor !important;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.0) !important;
    }

    .topMenuContainer {
        .fixedUserpanelTopMenuContainerMixin(@switchFixedUserpanel);
    }

    .userPanel.opacity.fixed {
        .fixedUserpanelMixin(@switchFixedUserpanel);
    }

    .userPanel:not(.fixed) #userMainMenu {
        display: none;
    }

    .userPanel.fixed #userMainMenu {
        .fixedUserpanelTopMenuContainerMixin(@switchFixedUserpanel);
    }

    .userPanel.fixed > div {
        .fixedUserpanelTopMenuContainerDivMixin(@switchFixedUserpanel);
    }

    .userPanel.fixed .userPanelItems {
        height: 40px;
        overflow: hidden;
    }


}

@media only screen and (max-width: 800px) {

    .topMenuContainer {
        display: none !important;
    }

}

.topMenuContainer {
    height: 40px;
    display: none;
}

.topMenuContainer.fixed {
    display: block;
}

.userPanel.opacity {
    .transition(opacity, .3s);
}

.userPanel.opacity.fixed {
    opacity:1;
    .transition(opacity, .3s);
}

.userPanel {
    .transition(opacity, .3s);
}

/* Userheader ausblenden */

.headerContentMixin (0) {
	display: none;
}

#pageHeader.pageHeaderUser .headerContentMessage {
	.headerContentMixin(@switchUserheader);
}

/* Gästeheader ausblenden */

@media only screen and (min-width: 801px) {

    .headerGuestsLoginMixin (1) {
    	display: none !important;
    }

    #userLogin {
        .headerGuestsLoginMixin(@switchUserheaderVisitor);
    }

}

.headerGuestsContentMixin (0) {
	display: none !important;
}

#pageHeader.pageHeaderGuests .headerContentMessage {
	.headerGuestsContentMixin(@switchUserheaderVisitor);
}

#userLogin > a {
	padding: 12px 8px 8px 15px;
}

/* Userpanel fixiert */

@media only screen and (min-width: 801px) {

	#topMenu.fixed {
		position: fixed;
		top: 0 !important;
		background-color: rgba(0, 0, 0, 0.0);
	}

	.userPanel.fixed > div {
		width:@wcfLayoutMaxWidth;
		max-width:@wcfLayoutMaxWidth;
		min-width:@wcfLayoutMinWidth;
		margin:0 auto;
		background-color: fade(@wcfTabularBoxBackgroundColor,90%);
		z-index:500;
		position:relative;
		z-index:500;
		box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
	}

}

/* Themen */

@media only screen and (max-width: 800px) {

    .message .messageSidebar {
        border-bottom: 1px solid @wcfContainerBorderColor;
    }

}

@media only screen and (min-width: 801px) {


	.quoteBoxAuthor > .quoteAuthorAvatar::before {
	    border-color: transparent @wcfColor transparent transparent;
	    left: 75px;
	    z-index: 100;
	}

	.quoteBoxAuthor > .quoteAuthorAvatar::before,
	.quoteBoxAuthor > .quoteAuthorAvatar::after {
	    border-width: 10px;
	    top: 15px;
	}

	.quoteBoxAuthor > .quoteAuthorAvatar::after {
	    border-color: transparent @wcfColor transparent transparent;
	    left: 76px;
	}

	.quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {
	    margin-left: 83px;
	}

	.message {
		background-color: #FFF;
		border-radius: @wcfContainerBorderRadius;
	}

	.message {
		border-top: 1px solid darken(@wcfContainerBorderColor,2%) !important;
		border-bottom: 1px solid darken(@wcfContainerBorderColor,7%) !important;
		border-left: 1px solid lighten(@wcfContainerBorderColor,2%) !important;
		border-right: 1px solid lighten(@wcfContainerBorderColor,2%) !important;
	}

	.message:not(.messageReduced) {
		border-top: 1px solid fade(@wcfContainerBorderColor,50%);
		border-bottom: 1px solid @wcfContainerBorderColor;
	}

	.message.messageReduced {
		border-top: 1px solid fade(@wcfContainerBorderColor,50%);
		border-bottom: 1px solid @wcfContainerBorderColor;
		border-radius: @wcfContainerBorderRadius;
	}

	.message .messageContent {
		background-color: @wcfContainerHoverBackgroundColor;
		border-radius: 0 @wcfContainerBorderRadius @wcfContainerBorderRadius 0;
	}

	li:nth-child(2n+1) .message .messageContent {
		background-color: @wcfContainerHoverBackgroundColor;
	}

	.message .messageContent .messageHeader .messageHeadline > h1 {
		white-space: nowrap;
	}

	.message.messageSidebarOrientationLeft .messageContent {
		border-left: 1px solid @wcfContainerBorderColor;
	}

	.userOnlineBadge {
		margin: 7px 0 0;
	}

	.newMessageCustomBadge {
		border-radius: @wcfContainerBorderRadius;
	}

	.message .messageSidebar .userTitle .userTitleBadge,
	.userOnlineBadge .badge {
		font-weight: normal;
		border-radius: @wcfContainerBorderRadius;
	}

	.userBadgeOffline {
		opacity:0.5;
	}

	.message .messageContent .messageHeader {
		padding: 7px 21px 0;
	}

	.message .messageSidebar header .username {
		border-bottom: 1px dotted @wcfContainerBorderColor;
	}

	.message .messageSidebar .userTitle,
	.message .messageSidebar .userCredits {
		border-top: 1px dotted @wcfContainerBorderColor;
	}

	.message .messageSidebar .userTitle {
		padding: 5px 0 0;
	}

	li:nth-child(2n+1) .message.messageSidebarOrientationLeft .messageHeader:after {
		border-right-color: @wcfContainerHoverBackgroundColor;
	}

	.message.messageSidebarOrientationLeft .messageHeader:before {
		border-color: transparent @wcfContainerBorderColor transparent transparent;
		left: -10px;
	}

	.message.messageSidebarOrientationLeft .messageHeader:after {
		border-color: transparent @wcfContainerHoverBackgroundColor transparent transparent;
		left: -9px;
	}

	.message.messageSidebarOrientationLeft .messageHeader:before,
	.message.messageSidebarOrientationLeft .messageHeader:after,
	.message.messageSidebarOrientationRight .messageHeader:before,
	.message.messageSidebarOrientationRight .messageHeader:after {
		border-width: 10px;
		top: 8px;
	}

	.messageList .messageGroupStarter > .message:after {
		content: "";
	}

	.message .messageSidebar header .username,
	.message .messageSidebar .userOnlineBadge,
	.message .messageSidebar .userTitle {
		text-align: center;
	}

	.message.messageSidebarOrientationLeft .newMessageBadge {
		left: -167px;
	}

}

/* Themen - Sidebar */

@media only screen and (min-width: 801px) {

	.message .messageSidebar {
		padding: 7px 14px 21px;
		width: 132px;
	}

	.message.messageSidebarOrientationLeft .messageContent {
		margin: 0 0 0 160px;
	}

}

.framed > canvas,
.framed > img,
.framed > .{
	border: 1px solid darken(@wcfContainerBackgroundColor,8%);
}

/* Themen - BB-Codes */

.codeBox,
.spoilerBox {
	border: 1px solid @wcfContainerBorderColor;
	border-radius: @wcfContainerBorderRadius;
	background-color: #FFF;
}

.codeBox > div {
	border-radius: @wcfContainerBorderRadius;
}

.spoilerBox {
	padding: 14px 21px !important;
}

.bbcodeTable > .table {
	border-bottom: 0;
}

.bbcodeTable {
	border-left: 1px solid @wcfContainerBorderColor;
	border-right: 1px solid @wcfContainerBorderColor;
	border-radius: @wcfContainerBorderRadius;
}

.bbcodeTable > .table td {
	background-color: rgba(255, 255, 255, 1);
}

.container > .table > tbody > tr:first-child > td:first-child {
	border-top-left-radius: @wcfContainerBorderRadius;
}

.container > .table > tbody > tr:first-child > td:last-child {
	border-top-right-radius: @wcfContainerBorderRadius;
}

.container > .table > tbody > tr:last-child > td:first-child {
	border-bottom-left-radius: @wcfContainerBorderRadius;
}

.container > .table > tbody > tr:last-child > td:last-child {
	border-bottom-right-radius: @wcfContainerBorderRadius;
}

/* Layout */

@media only screen and (min-width: 801px) {

	body {
		background-image: url('@{style_image_path}background.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		box-sizing: border-box;
	}

}

#main > div > div > .content {
	padding: 7px 14px 14px;
}

.messageGroupList .columnSubject > h3 > .messageGroupLink,
.containerHeadline > h3 {
	font-size: 1.1rem;
}

.tabularBox {
	background-color: @wcfContentBackgroundColor;
}

/* Sidebar */

#main.sidebarOrientationLeft .sidebar fieldset > legend {
	border-bottom: 1px dotted darken(@wcfContainerBorderColor,7%);
}


.sidebar fieldset > nav ul > li.active {
	box-shadow:
		0 -1px 0 darken(@wcfContainerBorderColor,0%),
		0 1px 0 darken(@wcfContainerBorderColor,0%);
}

#main > div > div > .sidebar {
	background-color: @wcfContainerHoverBackgroundColor;
}

.sidebar fieldset > legend {
	color: @wcfLinkColor;
	padding-bottom: 5px;
	text-transform: none;
}

@media only screen and (min-width: 801px) {


    #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar {
    	width: 14px;
    }

    #main > div > div > .sidebar > span > .collapsibleButton {
    	background-color: @wcfContainerHoverBackgroundColor;
    	border-radius: @wcfContainerBorderRadius 0 0 @wcfContainerBorderRadius;
    	left: -10px;
    	width: 18px;
    	border-top: 1px solid darken(@wcfContainerBorderColor,5%);
    	border-left: 1px solid darken(@wcfContainerBorderColor,5%);
    	border-bottom: 1px solid darken(@wcfContainerBorderColor,5%);
    }

    #main.sidebarOrientationRight > div > div > .sidebar fieldset > legend > a {
    	color: #ffffff;
    }

    #main.sidebarOrientationRight > div > div > .sidebar {
    	box-shadow: 1px 0 0 darken(@wcfContainerBorderColor,0%) inset;
    }

    #main.sidebarOrientationLeft > div > div > .sidebar {
    	box-shadow: -1px 0 0 darken(@wcfContainerBorderColor,0%) inset;
    }

    #main.sidebarOrientationRight > div > div > .sidebar fieldset > legend {
    	background-color: @wcfTabularBoxBackgroundColor;
    	border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
    	box-sizing: border-box;
    	color: #ffffff;
    	margin-bottom: -8px;
    	padding: 7px;
    	text-transform: none;
    	border-bottom:0;
    }

    #main.sidebarOrientationRight > div > div > .sidebar fieldset:not(.dashboardBoxSidebarButton) > div,
    #main.sidebarOrientationRight > div > div > .sidebar fieldset > dl,
    #main.sidebarOrientationRight > div > div > .sidebar fieldset > nav,
    #main.sidebarOrientationRight > div > div > .sidebar fieldset > ul:not(#marketplaceButtonContainer) {
    	background-color: @wcfContentBackgroundColor;
    	padding: 7px 7px 14px;
    	border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
    	border-bottom: 1px solid darken(@wcfContainerBorderColor,7%);
    	border-left: 1px solid lighten(@wcfContainerBorderColor,4%);
    	border-right: 1px solid lighten(@wcfContainerBorderColor,4%);
    	border-top: 1px solid lighten(@wcfContainerBorderColor,1%);
    }

}

.sidebar > div > fieldset:not(:last-child),
.sidebar > div > div:not(:last-child) {
	border-bottom: 0;
}

.sidebar .sidebarBoxList > li:not(:last-child) {
	border-bottom: 1px dotted darken(@wcfContainerBorderColor,5%);
	padding-bottom: 3px;
	margin-bottom: 3px;
}

/* Userpanel */

#userMenu > a > .icon-user {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: rgba(0,0,0,0);
}

.userPanel {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.075) inset;
	overflow:visible;
    position: relative;
    height: auto;
    min-height: 40px;
}

.userPanel > div {
	max-width:100%;
}

@media screen and (min-width: 801px) {

    .pageHeaderUser .userPanelItems {
    	margin-left: 80px;
    }

}

.pageHeaderUser .userPanelItems {
    margin-right: 42px;
}

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

.userPanel > div > ul.userPanelItems > li > a > .badge.badgeInverse,
.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > .badge.badgeInverse {
	color: #ffffff;
	background: #00b200;
}

#pageLanguageContainer-languageChooser {
	padding: 12px 15px 8px;
}

.dropdownMenu .iconFlag,
#pageLanguageContainer .iconFlag {
	border: 0;
}

.dropdownMenu {
	border-radius: @wcfContainerBorderRadius;
}

/* Mainmenu */

@media only screen and (min-width: 801px) {


    .baseLogoPositionMenuMarginMixin (0) {
        padding-left: 15px !important;
        text-align: left !important;
    }

	.mainMenu {
		padding-left: @baseLogoWidth + 10;
		text-align: right;
        .baseLogoPositionMenuMarginMixin(@baseLogoPosition);
	}

    .mainMenu {
    	background-color: @wcfContentBackgroundColor;
    	border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
    	height: @baseMenuHeight;
    	padding-right: 15px;
        margin-bottom: 7px;
    }

    .mainMenu > ul {
    	background-color: rgba(0, 0, 0, 0);
    	margin-top: @baseMenuMarginTop;
    }

    .mainMenu > ul > li.active,
    .mainMenu > ul > li {
    	font-size: 1.1rem;
    	margin-top: 0;
    	padding-top: 0;
    }

    .mainMenu > ul > li:not(.active) {
    	padding-top: 0;
    }

    .mainMenu > ul > li > a,
    .mainMenu > ul > li.active > a {
    	min-width: 20px;
    	padding: 0 14px;
    	height: 40px;
    	line-height: 40px;
    	font-weight: normal;
    	border-radius: @wcfContainerBorderRadius;
    	.transition(all, .2s);
    }

    .mainMenu > ul > li:hover > a,
    .mainMenu > ul > li > a:hover {
    	background-color: @wcfTabularBoxBackgroundColor;
    	font-weight: normal;
    	color:#FFF;
    }

    .mainMenu > ul > li:hover > a .badge.badgeUpdate {
    	background-color: #fff;
    	color:@wcfLinkColor;
    }

    .mainMenu > ul > li:not(:last-child) > a {
    	border-right: 0 none;
    }

    .mainMenu > ul > li.active > a,
    .mainMenu > ul > li.active > a:hover {
    	background-color: @wcfTabularBoxBackgroundColor;
    	color: #FFF;
    	font-weight: normal;
    	.transition(all, .2s);
    }

    .mainMenu > ul > li {
    	margin-right: 3px;
    }

    .mainMenu > ul > li > a:hover .badge.badgeUpdate,
    .mainMenu > ul > li.active > a .badge.badgeUpdate {
    	background-color: #FFF;
    	color: @wcfLinkColor;
    	.transition(all, .2s);
    }

}

.mainMenu > ul > li > a .badge.badgeUpdate {
    display: inline;
    .transition(all, .2s);
    padding: 2px 6px;
}

.dropdownMenu .badge.badgeUpdate {
    background-color: @wcfContentBackgroundColor;
    color: @wcfLinkHoverColor;
}

/* Header - Mobile Anpassung  */

@media screen and (max-width: 800px) {

	#pageHeader {
		margin-top: 2px !important;
	}

	.mainMenu {
		border-radius: 0 !important;
		height: 50px !important;
        padding-left: 7px;
	}

	.mainMenu > ul {
		margin-top: 5px !important;
	}

	.userOnlineBadge {
		display: none;
	}

	#pageHeader .headerContentMessage h2 {
		display: none;
	}

    #mainMenu {
        background-color: @wcfContentBackgroundColor;
        margin-bottom: 3px;
    }

    .mainMenu > ul > li:not(:last-child) > a {
        border-right: 0;
    }

    .mainMenu > ul > li.active > a,
    .mainMenu > ul > li.active > a:hover {
        background-color: @wcfTabularBoxBackgroundColor;
        color: #fff;
    }

    .mainMenu > ul > li > a:hover .badge.badgeUpdate,
    .mainMenu > ul > li.active > a .badge.badgeUpdate {
    	background-color: #FFF;
    	color: @wcfLinkColor;
        display: inline;
    }

    .mainMenu > ul > li > a,
    .mainMenu > ul > li.active > a,
    .mainMenu > ul > li.active > a:hover {
    	min-width: 20px;
    	height: 40px;
    	line-height: 40px;
    	border-radius: @wcfContainerBorderRadius;
        font-weight: normal;
    }

    .mainMenu > ul > li > a {
    	padding: 0 7px;
    }

    .mainMenu > ul > li.active > a,
    .mainMenu > ul > li.active > a:hover {
        padding: 0 12px;
    }


}

#pageHeader {
	position:relative;
	margin-top: 35px;
	z-index: 210;
}

@media only screen and (min-width: 801px) {

	#pageHeader	 {
		background-position: center top;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		box-sizing: border-box;
	}

}

#pageHeader > div {
	background-color:@baseMainHeaderAperture;
	border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
}

/* Logo */



.baseLogoPositionPositionMixin (0) {
    position: relative !important;
}

.userPanel + .logo {
	margin-top: 0;
}

.logo {
    left: 0;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    .baseLogoPositionPositionMixin(@baseLogoPosition);
}

.logo a {
	position: relative;
	z-index: 100;
	width: @baseLogoWidth;
	height: @baseMenuHeight;
	overflow: hidden;
}

.logo img {
	padding-top: @baseLogoMarginTop;
	padding-left: @baseLogoMarginLeft;
}

/* Navigation */

.navigationHeader {
	border-bottom: 1px solid darken(@wcfContainerBorderColor,0%);
	border-top: 1px solid #fff;
}

.navigationFooter {
	border-top: 1px solid darken(@wcfContainerBorderColor,0%);
	border-bottom: 1px solid #fff;
}

.navigation {
	min-height:26px;
}

.navigation {
	background-color: @wcfContainerHoverBackgroundColor;
}

/* Menüdropdown */

.mainMenu > ul li:hover .subNavigationDropdown {
	position: absolute;
	margin-top:0px;
	.linearGradient(@wcfContentBackgroundColor, @wcfContentBackgroundColor, @wcfContentBackgroundColor);
	z-index:301;
	height:auto;
	width:auto;
	padding: 5px 0 4px 0;
	opacity: 1;
	.transition(all, .1s);
	border-radius: 0;
	left:0px;
	box-shadow:	2px 2px 10px 0 rgba(0, 0, 0, 0.2);
	border-radius: @wcfContainerBorderRadius;
    min-width: 80px;
}

.mainMenu > ul .subNavigationDropdown a {
	font-size: 0.85rem;
	margin-bottom:1px;
	color:@wcfColor;
	padding:3px 14px;
	display: block;
}

.mainMenu > ul .subNavigationDropdown li {
	display:block;
	width:100%;
	text-align: left;
	padding:0;
}

.mainMenu > ul .subNavigationDropdown li:not(:last-child) {
	border-bottom: 1px dotted rgba(255,255,255,0.15);
}

.mainMenu > ul .subNavigationDropdown li:hover {
	background-color:@wcfContainerBorderColor;
}

.mainMenu > ul .subNavigationDropdown li:hover a {
	text-decoration:none;
	color:@wcfColor;
}

.mainMenu > ul .subNavigationDropdown {
	opacity: 0.0;
	.transition(all, .1s);
	position:absolute;
	height:0;
	overflow:hidden;
	z-index:301;
}

@media screen and (min-width: 801px) {

    .mainMenu > ul > li.subNavigation > a:after {
    	content: "\f107";
    	font-family: FontAwesome;
    	font-size: 12px;
    	margin-left: 3px;
    }

}

.mainMenu > ul > li.subNavigation {
	position: relative;
}

.dropdownOpen .subNavigationDropdown {
	display:none;
}

@media screen and (max-width: 800px) {

    .mainMenu > ul .subNavigationDropdown {
            display: none;
    }

}




/* Kategorien */

.tabularBoxTitle > header {
	background-color: @wcfTabularBoxBackgroundColor;
	padding: 7px 9px;
	border-bottom: 0 !important;
	margin: -1px -1px 0;
}

.tabularBoxTitle > header > h2 {
	font-weight: normal;
	font-size: 1.1rem;
}

.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {
	float: right;
	opacity:0.2;
	.transition(all, .1s);
	margin-right: 0;
	margin-top: 3px;
}

.tabularBoxTitle > header:hover	 .collapsibleButton {
	opacity:1;
	.transition(all, .1s);
}

.wbbBoardList .wbbCollapsibleCategory > header > small {
	margin-left: 0;
}

/* Footer */

.footer {
	margin-bottom: 35px;
	background-color:@wcfTabularBoxBackgroundColor;
	padding-bottom: 21px;
}

@media screen and (min-width: 801px) {

    .footer {
    	border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
    }

}

.footer .footerContent {
	margin: 0 14px;
	text-align: left;
	position:relative;
}

/* Tooltips */

.balloonTooltip, .spinner {
	border-radius: @wcfContainerBorderRadius;
	color: #FFFFFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	.linearGradient(#000, #000, #000);
	border: 1px solid #000;
	box-shadow:1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.balloonTooltip .pointer {
	border-color: #000 transparent;
}


/* Useravatar */

@media screen and (max-width: 800px) {

    .headerUserAvatar {
            display: none;
    }

}

#topMenu:not(.fixed) .headerUserAvatar {
	left: 12px;
	position: absolute;
	top: -33px;
}

#topMenu:not(.fixed) .headerUserAvatar img {
	padding: 2px;
	border: 0 !important;
	height: 60px !important;
	width: 60px !important;
}

#topMenu.fixed .headerUserAvatar {
	left: 14px;
	position: absolute;
	top: 5px;
}

#topMenu.fixed .headerUserAvatar img {
	padding: 2px;
	border: 0 !important;
	height: 24px !important;
	width: 24px !important;
}

.pageHeaderUser #topMenu.fixed .userPanelItems {
	margin-left: 48px;
}

/* Headercontent */

@media only screen and (max-width: 800px) {

	.headerContentMessage {
		display: none !important;
	}

}

.pageHeaderGuests .headerContentMessage {
    min-height: 150px;
}

.headerContentMessage {
	width:100%;
	color:#FFF;
	text-align: center;
    padding:14px 0 21px;
}

.headerContentMessage h2 {
	font-size: 2.0rem;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.headerContentMessageGridBox {
	text-align: center;
}

.headerContentMessage p {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}


@media screen and (max-width: 800px) {

	.headerContentMessage a {
		border: 2px solid #fff;
		border-radius: @wcfContainerBorderRadius;
		color: #fff;
		display: inline-block;
		font-size: 1.0rem;
		padding: 5px 10px;
		background-color: rgba(255,255,255,0.1);
		.transition(all, .2s);
		margin-top: 7px;
		width: 70%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.headerContentMessage a:hover {
		border: 2px solid rgba(255,255,255,0.0);
		background-color: rgba(255,255,255,0.35);
		.transition(all, .2s);
	}

	.headerContentMessageGridBox {
		padding:2px 0 0 0;
	}

}

@media screen and (min-width: 801px) {

	.headerContentMessage a {
		border: 2px solid #fff;
		border-radius: @wcfContainerBorderRadius;
		color: #fff;
		display: inline-block;
		font-size: 1.3rem;
		min-width: 250px;
		padding: 7px 14px;
		background-color: rgba(255,255,255,0.1);
		.transition(all, .2s);
		margin-top: 14px;
	}

	.headerContentMessage a:hover {
		border: 2px solid rgba(255,255,255,0.0);
		background-color: rgba(255,255,255,0.35);
		.transition(all, .2s);
	}

	.headerContentMessageGridBox {
		padding:30px 0 0 0;
	}

}

.headerContentMessageGridBox {
	box-sizing: border-box;
	width:50%;
}

.headerContentBoxLeft {
	float:left;
}

.headerContentBoxRight {
	float:right;
}

@media screen and (max-width: 800px) {

	.headerContentMessage p {
		 display: none;
	}

}

.headerContentUserData {
	margin-top: 14px;
}

.headerContentUserData > li {
	display: inline-block;
	padding: 0 9px;
}

.headerContentUserData > li:not(:last-child) {
	border-right:1px solid rgba(255,255,255,0.3);
}

.userHeaderDataEntry p {
	font-size: 0.85rem;
	color:fade(@wcfUserPanelColor,50%);
}

.userHeaderDataEntry h3 {
	font-size: 1.2rem;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}


/* Boardlist Icons */

@media only screen and (min-width: 801px) {

	.wbbBoardList .icon32.icon-folder-close-alt:before,
	.wbbBoardList .icon32.icon-lock:before {
		color:rgba(255,255,255,1);
		content: "\f075";
	}

	.wbbBoardList .icon32.icon-folder-close:before {
		color:rgba(255,255,255,1);
		content: "\f075";
	}


	.wbbBoardList .icon32.icon-lock:before,
	.wbbBoardList .icon32.icon-folder-close-alt:before,
	.wbbBoardList .icon32.icon-folder-close:before {
		font-size: 1.6rem;
		position: relative;
		top: -1px;
	}

	.wbbBoardList .icon32.icon-globe:before {
		font-size: 1.6rem;
		position: relative;
		top: 0;
		color:rgba(255,255,255,1);
	}

	.wbbBoardList .icon32.icon-globe,
	.wbbBoardList .icon32.icon-folder-close {
		background-color: @wcfLinkColor;
		border-radius:@wcfContainerBorderRadius;
		box-shadow:0 2px 2px rgba(0, 0, 0, 0.05);
	}

	.wbbBoardList .icon32.icon-folder-close-alt,
	.wbbBoardList .icon32.icon-lock {
		background-color: @wcfContainerBorderColor;
		border-radius:@wcfContainerBorderRadius;
		box-shadow:0 2px 2px rgba(0, 0, 0, 0.0);
	}

	.wbbBoardList .icon32 {
		margin-top: 2px;
	}

}

/* Additional Footer - Social Media */

.socialMedia {
	position:absolute;
	right: 0;
	top:0;
	z-index: 201;
}

.socialMedia p {
	margin-bottom: 7px;
}

.socialMedia > ul > li {
	display: inline-block;
}

.socialMedia > ul > li:not(:first-child) {
	margin:0 0 0 @wcfGapSmall - 3;
}

.socialMedia a {
	display: inline-block;
	height:20px;
	width:20px;
	padding:@wcfGapTiny;
	color:#FFF;
	border-radius:@wcfContainerBorderRadius;
	text-align: center;
}

.socialMedia .icon {
	color:#FFF;
	width:20px;
	height:20px;
	line-height:20px;
	text-align: center;
	font-size:1.35rem;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.socialMedia a,
.socialMedia a:hover {
	.transition(all, .2s);
}

.facebookLink {
	background-color: #45609d;
}

.twitterLink {
	background-color: #55acee;
}

.githubLink {
	background-color: #5cc97f;
}

.googleplusLink {
	background-color: #cf3e30;
}

.youTubeLink {
	background-color: #db2724;
}

.instagramLink {
	background-color: #416e91;
}

.flickrLink {
	background-color: #da1068;
}

.rssLink {
	background-color: #e27839;
}

/* Formulare*/

.formSuccess input[type="text"],
.formSuccess input[type="email"],
.formSuccess input[type="number"],
.formSuccess input[type="url"],
.formSuccess input[type="password"],
.formSuccess textarea {
	background-color: rgba(0,255,0,0.1);
	border-color: #00CC00;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.025) inset;
}

.formError input[type="text"],
.formError input[type="search"],
.formError input[type="email"],
.formError input[type="number"],
.formError input[type="url"],
.formError input[type="password"],
.formError textarea {
	background-color: rgba(255,0,0,0.1);
	border-color: #FF9999;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.025) inset;
}

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="password"],
textarea,
select[multiple] {
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.025) inset;
	.transition(all, .2s);
	border-color: darken(@wcfInputBorderColor,10%) lighten(@wcfInputBorderColor,2%) lighten(@wcfInputBorderColor,2%) darken(@wcfInputBorderColor,10%);
}

input[type="text"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
textarea:hover,
select[multiple]:hover,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select[multiple]:focus {
	.transition(all, .2s);
	background-color: @wcfInputHoverBackgroundColor;
	border-color: darken(@wcfInputBorderColor,10%) @wcfInputBorderColor @wcfInputBorderColor darken(@wcfInputBorderColor,10%);
}

input[type="text"][disabled],
input[type="search"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="url"][disabled],
input[type="password"][disabled],
textarea[disabled],
select[multiple][disabled],
input[type="text"][readonly],
input[type="search"][readonly],
input[type="email"][readonly],
input[type="number"][readonly],
input[type="date"][readonly],
input[type="datetime"][readonly],
input[type="url"][readonly],
input[type="password"][readonly],
textarea[readonly],
select[multiple][readonly]{
	background-color: fade(@wcfInputBorderColor,50%);
}

select {
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.025) inset;
	background:@wcfInputBackgroundColor;
	border:1px solid @wcfInputBorderColor;
	border-radius:@wcfContainerBorderRadius;
	color:@wcfInputColor;
}

.innerError,
.info,
.error,
.success,
.warning {
	border-radius:@wcfContainerBorderRadius;
}

/* Buttons */

/* Hover */

.button:hover,
input[type='reset']:not([disabled]):hover,
input[type='submit']:not([disabled]):hover,
input[type='button']:not([disabled]):hover,
button:not([disabled]):hover,
.button.buttonPrimary:hover,
input[type='submit']:not([disabled]):hover,
input[type='button']:not([disabled]).buttonPrimary:hover,
button:not([disabled]).buttonPrimary:hover {
	border-color: darken(@wcfButtonHoverBorderColor,5%);
	color: @wcfButtonHoverColor;
	.linearGradient(darken(@wcfButtonHoverBackgroundColor, 0%), darken(@wcfButtonHoverBackgroundColor, 0%), darken(@wcfButtonHoverBackgroundColor, 0%));
}

.button .icon,
input[type='reset']:not([disabled]) .icon,
input[type='submit']:not([disabled]) .icon,
input[type='button']:not([disabled]) .icon,
button:not([disabled]) .icon {
	.transition(color, .05s);
	color: @wcfButtonColor;
}

.button:hover .icon,
input[type='reset']:not([disabled]):hover .icon,
input[type='submit']:not([disabled]):hover .icon,
input[type='button']:not([disabled]):hover .icon,
button:not([disabled]):hover .icon,
.button.buttonPrimary:hover .icon,
input[type='submit']:not([disabled]):hover .icon,
input[type='button']:not([disabled]).buttonPrimary:hover .icon,
button:not([disabled]).buttonPrimary:hover .icon {
	color: @wcfButtonHoverColor;
}

/* Aktiv */

.button:active,
input[type='reset']:not([disabled]):active,
input[type='submit']:not([disabled]):active,
input[type='button']:not([disabled]):active,
button:not([disabled]):active,
.button.buttonPrimary:active,
input[type='submit']:not([disabled]):active,
input[type='button']:not([disabled]).buttonPrimary:active,
button:not([disabled]).buttonPrimary:active {
	border-color: darken(@wcfButtonHoverBorderColor,15%);
	color: @wcfButtonHoverColor;
	.linearGradient(darken(@wcfButtonHoverBackgroundColor,15%), darken(@wcfButtonHoverBackgroundColor,15%), darken(@wcfButtonHoverBackgroundColor,15%));
}

.button:active .icon,
input[type='reset']:not([disabled]):active .icon,
input[type='submit']:not([disabled]):active .icon,
input[type='button']:not([disabled]):active .icon,
button:not([disabled]):active .icon,
.button.buttonPrimary:active .icon,
input[type='submit']:not([disabled]):active .icon,
input[type='button']:not([disabled]).buttonPrimary:active .icon,
button:not([disabled]).buttonPrimary:active .icon {
	color: @wcfButtonHoverColor;
}

/* Radien Smallbuttons */

.message.messageSidebarOrientationLeft .messageOptions nav ul.smallButtons > li:last-child a.button,
.message.messageReduced .messageOptions nav ul.smallButtons > li:last-child a.button {
	border-bottom-right-radius: @wcfSmallButtonBorderRadius;
}

.messageOptions nav ul.smallButtons > li:first-child a.button {
	border-top-left-radius: @wcfSmallButtonBorderRadius;
}

/* Suche */

.userPanel > div > .searchBar > form input[type="search"]:focus,
.userPanel > div > .searchBar > form input[type="search"]:hover {
	background-color: fade(@wcfLinkColor,10%);
	.transition(all, .2s);
}

.userPanel > div > .searchBar > form input[type="search"] {
	.transition(all, .2s);
}

/* Dialoge */

.dialogContent .formSubmit {
	border-bottom-left-radius: @wcfContainerBorderRadius;
	border-bottom-right-radius: @wcfContainerBorderRadius;
}

.dialogTitlebar {
	border-top-left-radius: @wcfContainerBorderRadius;
	border-top-right-radius: @wcfContainerBorderRadius;
}

.dialogContainer {
	background: @wcfContentBackgroundColor;
	border: 0;
	border-radius: @wcfContainerBorderRadius;
}

.dialogOverlay {
	background-color: rgba(255, 255, 255, 0.75);
}

.dialogContent .formSubmit {
	border-top: 1px solid @wcfContainerBorderColor;
}

.dialogContent .sitemapList > li:not(:last-child) {
	border-bottom: 1px solid @wcfContainerBorderColor;
}

.dialogContent .sitemapList {
	margin: 0;
}

/* Tabmenü */

.tabMenu > ul > li.ui-state-active > a {
	border-top-left-radius: @wcfSmallButtonBorderRadius;
	border-top-right-radius: @wcfSmallButtonBorderRadius;
	font-weight: 400;
	font-size: 1.1rem;
	border-top: 1px solid @wcfContainerBorderColor;
	border-left: 1px solid @wcfContainerBorderColor;
	border-right: 1px solid @wcfContainerBorderColor;
	border-bottom-color: #FFFFFF;
}

.tabMenu {
	padding: 0 14px;
}

.tabMenuContainer > .menu {
	border-bottom: 1px solid @wcfContainerBorderColor;
}

.tabMenu > ul > li.ui-state-active > a:before,
.tabMenu > ul > li.ui-state-active > a:after {
	border-color: #e8e8e8;
	border-image: none;
	border-style: solid;
	bottom: -1px;
	clip: rect(0px, 4px, 4px, 0px);
	content: " ";
	height: 3px;
	position: absolute;
	width: 3px;
}

.tabMenu > ul > li.ui-state-active > a:before {
	border-bottom-right-radius: @wcfContainerBorderRadius;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 1px 0 0 #FFF;
	left: -4px;
}

.tabMenu > ul > li.ui-state-active > a:after {
	border-bottom-left-radius: @wcfContainerBorderRadius;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 1px 0 0 #FFF;
	right: -4px;
}

.tabMenu > ul,
.tabMenuContainer > .menu {
	border-top-right-radius: @wcfContainerBorderRadius;
	border-top-left-radius: @wcfContainerBorderRadius;
}

.tabMenu > ul {
	background-color: @wcfContainerHoverBackgroundColor;
}

/* Rundungen */

.wbbBoardList .wbbBoardNode1,
.wbbBoardList .wbbBoardNode2 {
	border-radius: @wcfContainerBorderRadius;
}

/* Tabellenköpfe */

.table th,
.cke_wysiwyg_div table th {
	background-color: rgba(0,0,0,0);
	border-bottom: 1px solid @wcfContainerBorderColor;
	border-right: 1px solid @wcfContainerBorderColor;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	color:@wcfLinkColor;
	font-weight: normal;
}

.table th > a,
.cke_wysiwyg_div table th > a {
	color:@wcfLinkColor;
}

.table th:hover > a,
.cke_wysiwyg_div table:hover th > a {
	background-color: rgba(0,0,0,0);
	color:@wcfLinkColor;
}

.table th.active > a, .cke_wysiwyg_div table th.active > a {
	background-color: rgba(0,0,0,0);
	color:@wcfColor;
}

table > thead > tr > th:last-child {
	border-right:0;
}

.table th.active > a,
.cke_wysiwyg_div table th.active > a {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.0) inset;
}

/* Zitate */

.quoteBox {
	background-color: #FFFFFF;
	border-left-color: @wcfColor !important;
	border-bottom-color: lighten(@wcfContainerBorderColor,1%);
	border-style: solid;
	border-width: 0 0 1px 3px !important;
	color: @wcfDimmedColor;
}

.quoteBox .quoteBox {
	background-color: @wcfContainerHoverBackgroundColor;
}

.quoteBox .quoteBox .quoteBox {
	background-color: #FFFFFF;
}

.quoteBox .quoteBox .quoteBox .quoteBox {
	background-color: @wcfContainerHoverBackgroundColor;
}

.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {
	background-color: #FFFFFF;
}

.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {
	background-color: @wcfContainerHoverBackgroundColor;
}

.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {
	background-color: #FFFFFF;
}

.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {
	background-color: @wcfContainerHoverBackgroundColor;
}

.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {
	background-color: #FFFFFF;
}

.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {
	background-color: @wcfContainerHoverBackgroundColor;
}

.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox{
	background-color: #FFFFFF;
}

/* Fix Communtiy Calendar */

.calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li.calendarToday {
	background-color: darken(@wcfContainerHoverBackgroundColor,5%);
}

.calendarMonthView > .calendarWeeks > li:nth-child(2n) {
	background-color: @wcfContainerHoverBackgroundColor;
}

.calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li:not(:last-child) {
	border-right-color: lighten(@wcfContainerBorderColor,3%);
}

.calendarFullMonthView > .calendarWeeks > li > div {
	background-color: darken(@wcfContainerHoverBackgroundColor,2%);
}

.sidebar fieldset .calendarMonthView {
	padding: 0 !important;
	border-top-width: 0 !important;
}

.sidebar fieldset .calendarMonthView > .calendarMonthViewHeader {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.sidebar fieldset .calendarMonthView > .calendarMonthViewHeader > li:last-child {
	border-right: 0;
}

.sidebar fieldset .calendarMonthView > .calendarMonthViewHeader {
	border-left-color: @wcfTabularBoxBackgroundColor;
	border-right-color: @wcfTabularBoxBackgroundColor;
	border-bottom-color: @wcfTabularBoxBackgroundColor;
	box-shadow: -1px 0 0 @wcfTabularBoxBackgroundColor, 1px 0 0 @wcfTabularBoxBackgroundColor;
}

/* Neue Themen*/

.messageGroupList tr.new .columnAvatar > div:after {
	content: "";
}

.messageGroupList tr .columnSubject > h3 {
	position:relative;
}

.messageGroupList tr.new .columnSubject > h3:after {
	content: "";
	position: absolute;
	left: -13px;
	top: 6px;
	width: 6px;
	height: 6px;
	border: 1px solid rgb(48,174,25);
	.linearGradient(rgb(95,207,73), rgb(95,207,73), rgb(48,174,25));
	border-radius:@wcfContainerBorderRadius + 10;
}

.messageGroupList .columnSubject > h3 > .messageGroupLink {
	font-size: 1.1rem;
}

.table .columnSubject {
	padding:7px 7px 7px 19px;
}

.messageGroupList .columnSubject > .labelList {
    z-index: 1;
    position: relative;
}

#tplBoard .wbbThreadList tr.wbbThreadSticky + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td,
#tplBoard .wbbThreadList tr.wbbThreadAnnouncement + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td {
    border-top-width: 3px;
}

/* Container */

@media only screen and (min-width: 801px) {

	.tabularBox ,
	.container {
		border-left: 1px solid lighten(@wcfContainerBorderColor,2%);
		border-right: 1px solid lighten(@wcfContainerBorderColor,2%);
	}

	@media screen and (min-width: 1240px) {

		.containerList.doubleColumned > li:first-child {
			border-radius: @wcfContainerBorderRadius 0 0 0;
			border-right: 1px solid lighten(@wcfContainerBorderColor,2%);
		}

		.containerList.doubleColumned > li:nth-child(2) {
			border-top-right-radius: @wcfContainerBorderRadius;
		}

		.containerList.doubleColumned > li:nth-child(2n+1):last-child,
		.containerList.doubleColumned > li:nth-child(2n+1):nth-last-child(2) {
			border-bottom-left-radius: @wcfContainerBorderRadius;
			border-bottom: 0 solid @wcfContainerBorderColor;
		}

		.containerList.doubleColumned > li:nth-child(2n):last-child {
			border-bottom-right-radius: @wcfContainerBorderRadius;
			border-bottom-left-radius: 0;
		}

		.containerList.doubleColumned > li:nth-child(2n+3) {
			border-right: 1px solid lighten(@wcfContainerBorderColor,2%);
		}

		.containerList.doubleColumned > li {
			box-sizing: border-box;
		}

	}

	.dialogContent .tabularBox .table tbody tr:last-child td:first-child {
		border-bottom-left-radius: 0;
	}

	.dialogContent .tabularBox .table tbody tr:last-child td:last-child {
		border-bottom-left-radius: 0;
	}

	.dialogContent .tabularBox .table tbody tr:last-child td:last-child {
		border-bottom-right-radius: 0;
	}

	.dialogContent .container,
	.dialogContent .tabularBox,
	.dialogContent .tabularBoxTitle > header {
		border-radius: 0;
	}

	.dialogContent .wbbBoardContainer.wbbDepth1.wbbBoardNode1.tabularBox > div {
		border-radius: 0;
	}

	.dialogContent .wbbBoardListReduced.wbbBoardList ul > li:last-child > div {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.wbbBoardContainer.wbbDepth1.tabularBox .wbbLastBoxElement {
		border-top: 1px solid lighten(@wcfContainerBorderColor,2%);
	}

	.wbbBoardContainer.wbbDepth1.tabularBox > ul > li:not(.wbbLastBoxElement) > div {
		border-top: 1px solid lighten(@wcfContainerBorderColor,2%);
	}

	.containerList > li:first-child {
		border-top-left-radius: @wcfContainerBorderRadius;
		border-top-right-radius: @wcfContainerBorderRadius;
	}

	.containerList > li:last-child {
		border-bottom-left-radius: @wcfContainerBorderRadius;
		border-bottom-right-radius: @wcfContainerBorderRadius;
	}

	.tabularBox .table tbody tr:last-child td:first-child {
		border-bottom-left-radius: @wcfContainerBorderRadius;
	}

	.tabularBox .table tbody tr:last-child td:last-child {
		border-bottom-right-radius: @wcfContainerBorderRadius;
	}

	.wbbBoardList:not(.wbbBoardListReduced) li.wbbLastBoxElement > div {
		border-bottom-left-radius: @wcfContainerBorderRadius;
		border-bottom-right-radius: @wcfContainerBorderRadius;
	}

	.wbbBoardList:not(.wbbBoardListReduced) > li.wbbDepth1 > div {
		border-top-left-radius: @wcfContainerBorderRadius;
		border-top-right-radius: @wcfContainerBorderRadius;
	}

	.container,
	.tabularBox {
		border-radius:@wcfContainerBorderRadius + 1;
		background-clip: padding-box;
	}

	.calendarMonthView > .calendarMonthViewHeader {
		background-clip: padding-box;
	}

	.tabularBoxTitle > header {
		border-radius:@wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
	}

	.tabularBox.jsCollapsed > header {
		border-radius:@wcfContainerBorderRadius !important;
	}

}

.table > tbody > tr:not(:last-child) > td,
.cke_wysiwyg_div table > tbody > tr:not(:last-child) > td {
    border-bottom: 1px solid lighten(@wcfContainerBorderColor,2%);
}

.table > tbody > tr > td:not(:last-child),
.cke_wysiwyg_div table > tbody > tr > td:not(:last-child) {
    border-right: 1px dotted lighten(@wcfContainerBorderColor,2%);
}

.containerList > li:not(:last-child),
li.wbbCategory ul:not(.wbbSubBoards) > li:not(:last-child) {
    border-bottom: 1px dotted darken(@wcfContainerBorderColor,5%);
}

.dialogContent li:first-child.wbbBoardContainer.wbbDepth3 {
    border-top: 1px solid lighten(@wcfContainerBorderColor,2%);
}

.tabularBox ,
.container {
    border-bottom: 1px solid darken(@wcfContainerBorderColor,7%);
    }


/* Letzte Themen */

@media only screen and (min-width: 801px) {

	.wbbBoardContainer:hover .wbbLastPost > div {
		background-color: #fff;
		border: 1px solid lighten(@wcfContainerBorderColor,0%);
		.transition(all, .2s);
	}

	.wbbBoardList .wbbLastPost {
		top: 7px;
	}

	.wbbBoardList .wbbLastPost > div {
		background-color: lighten(@wcfContainerHoverBackgroundColor,0%);
		padding: 7px;
		border-top: 1px solid darken(@wcfContainerBorderColor,3%);
		border-left: 1px solid lighten(@wcfContainerBorderColor,1%);
		border-right: 1px solid lighten(@wcfContainerBorderColor,1%);
		border-bottom: 1px solid lighten(@wcfContainerBorderColor,2%);
		border-radius: @wcfContainerBorderRadius;
		margin-right: 7px;
		.transition(all, .2s);
	}

}

/* Popups */

.popover.top:after {
    border-top-color: fade(@wcfTabularBoxBackgroundColor,30%);
}

.popover {
	background-color: fade(@wcfTabularBoxBackgroundColor,50%);
}

/* Breadcrumbs */

.breadcrumbs > ul > li:first-child > a {
	padding-left: 0;
}

/* Galerie */

.galleryImageList > li > a,
.galleryImageList > li > a > img {
	border-radius: @wcfContainerBorderRadius;
}

.galleryImageList > li > div {
	border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
}

.socialMedia {
	display:none;
}

/* Onlineliste */

.sidebar > div > fieldset > p {
	background-color: #FFF;
	padding: 4px 6px;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: lighten(@wcfContainerBorderColor,2%);
}

.sidebar > div > fieldset > p:last-of-type {
	border-width: 0 1px 1px 1px;
	border-color: darken(@wcfContainerBorderColor,7%) lighten(@wcfContainerBorderColor,2%);
	border-radius: 0px 0px @wcfContainerBorderRadius @wcfContainerBorderRadius;
}

/* Dropdowns Userpanel */

@media only screen and (min-width: 801px) {

	.interactiveDropdown > .interactiveDropdownShowAll {
		border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
	}

	.interactiveDropdown {
		border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
	}

}

.interactiveDropdown > .interactiveDropdownHeader {
	.linearGradient(@wcfContainerBackgroundColor, @wcfContainerBackgroundColor, @wcfContainerAccentBackgroundColor);
	border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
}

.interactiveDropdown > .interactiveDropdownShowAll {
	.linearGradient(@wcfContainerBackgroundColor, @wcfContainerBackgroundColor, @wcfContainerBackgroundColor);
}

.interactiveDropdown {
    border: 0;
    color:@wcfColor;
    background-color: @wcfContentBackgroundColor;
}

.interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownTitle,
.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box32 > .containerHeadline > h3,
.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemShadow:not(.loading):not(.noItems) > .box32 {
    color: @wcfColor;
}

.interactiveDropdown > .pointer {
    border-color: transparent transparent transparent;
}

.interactiveDropdown > .pointer > span {
    border-color: transparent transparent @wcfContentBackgroundColor;
    border-right: 6px solid transparent;
    border-width: 0px 6px 6px;
    left: -10px;
    top: 4px;
}

.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems):not(:last-child) {
    border-color: darken(@wcfContainerBorderColor,5%);
}

.interactiveDropdown > .interactiveDropdownItemsContainer {
    border-color: darken(@wcfContainerBorderColor,5%);
}

.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li {
   	background-color: @wcfContainerHoverBackgroundColor;
}

.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:hover:not(.loading):not(.noItems) {
   	background-color: darken(@wcfContainerHoverBackgroundColor,4%);
}

.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstanding:not(.loading):not(.noItems) {
	.linearGradient(@wcfContentBackgroundColor, fade(@wcfLinkColor,8%), fade(@wcfLinkColor,8%));
}

/* Editor */

.redactor-toolbar {
	background: repeating-linear-gradient(0deg, darken(@wcfContainerBorderColor,5%) 0px, darken(@wcfContainerBorderColor,5%) 3%, @wcfContainerBackgroundColor 3%, @wcfContainerAccentBackgroundColor 100%);
	background-size: 100% 31px;
}
.redactor-editor {
	background-color: @wcfInputBackgroundColor;
}

.redactor-box {
	border-color: @wcfContainerBorderColor;
	background-color: #fff;
}

.redactor-editor {
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.024) inset;
}

.messageTabMenu {
	border-color: @wcfContainerBorderColor;
	background-color: #fff;
}

.messageTabMenu,
.messageTabMenu > div > nav {
	border-bottom-color: darken(@wcfContainerBorderColor,7%);
}

.messageTabMenu > nav.messageTabMenuNavigation > ul {
	background-color: @wcfContainerHoverBackgroundColor;
}

.messageTabMenu > div > nav ul li.active a,
.messageTabMenu > div > nav ul li.active a:hover,
.messageTabMenu > div > nav ul li a:hover {
    color: @wcfColor;
}

@media only screen and (min-width: 801px) {

	.messageTabMenu .containerPadding {
		padding-left: 21px !important;
		padding-right: 21px !important;
		border-bottom-width: 0 !important;
	}

}

.redactor-box > .redactorAutosaveNotice {
	background-color: @wcfContainerHoverBackgroundColor;
	border-color: @wcfContainerBorderColor;
}

.ui-datepicker {
    background-color: #fff;
}

.userPanelItems {
	min-height:40px
}

/* Userheader ausblenden */

@media only screen and (max-width: 800px) {

    #userMainMenu,
    #userMenuSearch {
        display: none;
    }

}

@media only screen and (min-width: 801px) {

    .headerAvatar1Mixin (0) {
        left: 14px;
    	position: absolute;
    	top: 5px;
    }

    .headerAvatar2Mixin (0) {
        padding: 2px;
    	border: 0 !important;
    	height: 24px !important;
    	width: 24px !important;
    }

    .headerAvatar3Mixin (0) {
        margin-left: 48px;
    }

    .pageHeaderUser #topMenu .headerUserAvatar {
        .headerAvatar1Mixin(@switchUserheader);
    }

    .pageHeaderUser #topMenu .headerUserAvatar img {
        .headerAvatar2Mixin(@switchUserheader);
    }

    .pageHeaderUser #topMenu .userPanelItems {
        .headerAvatar3Mixin(@switchUserheader);
    }

}

/* Suche */

.userPanel > div > .searchBar > form input[type="search"]::-moz-placeholder {
    color: @wcfLinkColor;
    opacity: 1;
}

.userPanel > div > .searchBar > form input[type="search"]::-webkit-input-placeholder {
    color: @wcfLinkColor;
}

.userPanel > div > .searchBar > form input[type="search"]:-ms-input-placeholder {
    color: @wcfLinkColor;
}

.userPanel > div > .searchBar,
.userPanel > div > .searchBar > form,
.userPanel > div > .searchBar > form input[type="search"] {
    border-radius: 0 !important;
}

@media only screen and (max-width: 800px) {

    .userPanel > div > .searchBar.searchBarOpen > form input[type="search"] {
        background-color: @wcfContentBackgroundColor;
        color: @wcfLinkColor;
        border-radius: 0 !important;
        box-shadow: 0 -1px 0 @wcfContainerBorderColor inset;
    }

    .userPanel > div > .searchBar.searchBarOpen::before {
        color: @wcfLinkColor;
    }

    .userPanel > div > .searchBar {
        background-color: transparent;
    }

}

@media only screen and (min-width: 801px) {

    #userMenuSearch {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
    }

    #userMenuSearch.searchOpen .icon {
        color: @wcfLinkColor;
    }

    #userMenuSearch.searchOpen .icon:before {
        content: "\f00d" !important;
    }

    #userMenuSearch > a {
            padding: 12px 13px 8px 13px;
    }

    #search {
        display: none;
    }

    .userPanel > div > .searchBar {
        background-color: @wcfContentBackgroundColor;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        box-shadow: 0 -1px 0 @wcfContainerBorderColor inset;
    }

    .userMenuSearchToggle.searchOpen {
        background-color: @wcfContentBackgroundColor;
        color: @wcfLinkColor;
    }

    .userPanel > div > .searchBar > form input[type="search"] {
        border-radius: 0;
        color: @wcfLinkColor;
        width: 100%;
        padding: 6px 12px 5px 30px;
    }

    .userPanel > div > .searchBar > form {
        display: block;
    }

    .userPanel > div > .searchBar::before {
        left: 14px;
        color: @wcfLinkColor;
    }

}
.footerContent { display: none; }