/* --- Head_Main_BG ------------------- */
/* --- Head_Main_BG Achtung Verlauf --- */
/* --- Head_Modal_BG ------------------ */

/* --- Project_Color ------------------ */
/* --- Project_Color plus Verlauf ----- */
/* --- Project_Color_60% -------------- */

/* --- Menu_Left_Color --- */
/* --- Menu_Left_Color_60% --- */

.themeBgColor {
    background-color:#ff9100; /* --- Project_Color --- */
}

.backgroundProjectColor {
    background: #565656; /* Old browsers */
background: -moz-linear-gradient(top,  #565656 0%, #1c1c1c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #565656 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #565656 0%,#1c1c1c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #565656 0%,#1c1c1c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #565656 0%,#1c1c1c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */

}
.backgroundProjectColor:hover {
    background-color:#595959; /* --- Project_Color --- */
}
/* ### Logo ###  -----------------------------------------------------*/
.mainTop .logo {
    background-image:url("/img/logo-4crazy.png");
    width:220px;
    height:110px;
    margin-top: -3px;
}
.mainTop .logo.publisher {
  background-image:url("/img/logo-4crazy-publisher.png");
}
.mainTop .logo.communityAdmin {
    background-image:url("/img/logo-4crazy-admin.png");
}
/* ### main login ###  -----------------------------------------------------*/
.mainTop .login {
	margin:15px 0 24px 0;
    padding:10px 15px 5px 10px;
	float:right;
}
.mainTop .login .td, .mainTop .login a {
	color:#8c8c8c;
}
/* ### Head Background ###  -----------------------------------------------------*/

.mainTop {
    background: #dddddd;
    background-image: url('/img/projekt-4crazy/header_orange.png');
    background-position: center top ;
    background-repeat: no-repeat;
    max-height:230px;
    margin: 0 0 0 0;

}
/*.mainTop {  --- Head_Main_BG ---
    background: #e9e9e9;
    background: -moz-linear-gradient(top,  #e9e9e9 0%, #dcdcdc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#dcdcdc));
    background: -webkit-linear-gradient(top,  #e9e9e9 0%,#dcdcdc 100%);
    background: -o-linear-gradient(top,  #e9e9e9 0%,#dcdcdc 100%);
    background: -ms-linear-gradient(top,  #e9e9e9 0%,#dcdcdc 100%);
    background: linear-gradient(to bottom,  #e9e9e9 0%,#dcdcdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#dcdcdc',GradientType=0 );
} */
.mainTop, .mainTop.mainTopAd, .mainTop.mainModal {
    height:230px;
    margin: 0 0 0 0; 
}
.mainTop.mainModal { /* --- Head_Modal_BG --- */
    background: rgb(193,193,193);
    min-height:125px;
}
.mainTop.mainTopAd {
    height:230px;
}
.mainTop.mainTopAdBill {
    height:440px;
}
/* ### Content Background ###  -----------------------------------------------------*/

.mainGrey { /* --- Head_Main_BG Achtung Verlauf --- */
    padding-top:0;
    background: #dcdcdc; /* Old browsers */
    background: -moz-linear-gradient(top,  #dcdcdc 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dcdcdc 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dcdcdc 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dcdcdc 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dcdcdc 0%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

}
.mainGrey .contentRight {
    background-image: none;
}
/* ### Intro Background ### -----------------------------------------------------*/

.mainIntro { /* --- Head_Main_BG --- */
    margin-top:-1px;
    background: #dcdcdc; /* Old browsers */
    background: -moz-linear-gradient(top,  #dcdcdc 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dcdcdc 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dcdcdc 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dcdcdc 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dcdcdc 0%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */


}
/* ### Head Login Hover Button ### -----------------------------------------------------*/

.mainTop .login .submit:hover { 
	background-color:#ff9100; /* --- Project_Color --- */
	color:#fff;
}
/* ### Login, Credits Top Menu ### -----------------------------------------------------*/
.loggedIn, .userCredits, .userInvisible, .logout {
	color:#ebebeb;
	background-color:#a2a2a2;
    line-height:28px;
    padding-bottom:5px;
}
a.userInvisible:hover, a.userCredits:hover, a.logout:hover, a.loggedIn:hover {
    background-color:#8d8d8d;
    color:#fff;
}
.loggedIn a.hul {color:#fff68d;}

#containerDropDownTopMenu .dropdownTopMenu { background-color:#a2a2a2;margin-top:25px; }

#containerDropDownTopMenu .dropdownTopMenu a, #containerDropDownTopMenu .dropdownTopMenu a:hover  {
    color:#ffffff;
}
#containerDropDownTopMenu .dropdownTopMenu a:hover {
	color:#f0f0f0;
    background-color:#7b7b7b;
}

/* ### middle Menu Top ### -----------------------------------------------------*/
.topRight .top {
    min-height:103px;
}
.mainTop .mainNav {
	margin:30px 10px 12px 0;
    float:right;
}
.mainTop .mainNav a {
	margin:0 2px;
    padding:6px 15px 6px 15px;
}
a.toplinks, a.toplinks:hover { 
    color:#5e5e5e !important;
}
.toplinksaktiv {
    position: relative;
    cursor:default;
    background-color:#FFFFFF;
    padding:5px 10px;
    color:#ff9100!important; /* --- Project_Color --- */
    border:1px solid #8d8d8d;
}
.toplinksaktiv:after, .toplinksaktiv:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.toplinksaktiv:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 7px; left: 50%; margin-left: -7px; }
.toplinksaktiv:before { border-color: rgba(141, 141, 141, 0); border-top-color: #8d8d8d; border-width: 8px; left: 50%; margin-left: -8px; }

a.toplinks:hover {
    background-color:#FFFFFF;
    color:#5e5e5e !important;
}
/* ### Head Reiter Menu Background ### -----------------------------------------------------*/
.mainTop .nav a, .mainTop .nav a:hover {
    border-right: 1px solid #b6b6b6;
    border-left: 1px solid #b6b6b6;
    border-top: 1px solid #b6b6b6;
}
.mainTop .nav a {
    background-color:#fff;
    color:#343434;
}
/* ### Head Reiter Menu Hover Background ### -----------------------------------------------------*/
.mainTop .nav a:hover {
	background-color:#e5e5e5;
}
/* ### Head Reiter Menu Active Background ### -----------------------------------------------------*/

.mainTop .nav a.active {
	color:#fff;
	font-weight:bold;
    background: #ffa126; /* --- Project_Color plus Verlauf --- */
    background: -moz-linear-gradient(top,  #ffa126 0%, #ff9100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa126), color-stop(100%,#ff9100)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa126 0%,#ff9100 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa126', endColorstr='#ff9100',GradientType=0 ); /* IE6-9 */
    
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}
.mainGrey .miniBlind, .mainIntro .miniBlind {
    display:none;
}
.mainIntro .content .miniBlind {
    display:block;
}
/* ### Content Reiter Menu Tabs ### (Mein Profil)  -----------------------------------------------------*/
.tabs a, .tab {
	background-color:#fff;
	color:#2c2a29;
}
.tabs a:hover {
	background-color:#efefef;
    border-color: #ababab;
}

.tabs a.inactive:hover{
	background-color:#FFFFFF;
}
.tabs a.active{
	background-color:#ffe9cc;
	color:#343434;
	font-weight:bold;
}
.tabs.profil a.active{
	color:#FFFFFF;
	font-weight:bold;
    background: #ffa126; /* --- Project_Color plus Verlauf --- */
    background: -moz-linear-gradient(top,  #ffa126 0%, #ff9100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa126), color-stop(100%,#ff9100)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa126 0%,#ff9100 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa126', endColorstr='#ff9100',GradientType=0 ); /* IE6-9 */
	
}
.tabs .dropdown a, .tabs .dropdown a:hover {
    background-color:#fff;
    color:#343434;
}
.tabs .dropdown a:hover {
    background-color:#f2f2f2;
}
/* ### Left Menu Active Color  -----------------------------------------------------*/
.contentLeft .navi a.active, .contentLeft .navi a.active:hover{
	color:#343434;
	background-color:#cedcea;
}

/* ### Navi Left  ### -----------------------------------------------------*/

.contentLeft2, .mainGrey .content .contentLeft .content, .mainGrey .contentLeft {
	background-color:#FFFFFF; /* --- Menu_Left_Color --- */
    color:#343434;
    border-right: 0;
}
.mainGrey .content .contentLeft .content {
    padding: 20px 10px 20px 10px;
    width: 180px;
}
.contentLeft2 .contentLeft .content.grey {
	background-color:#e5e5e5!important; /* --- Menu_Left_Color_60% --- */
    color:#343434;
    border-right: 0;
}
.navi {
    background-color: #FFFFFF!important; /* --- Menu_Left_Color --- */
}
.navi a {
    color:#343434;
}
.contentLeft .navi a:hover, .contentLeft .navi a.active, .contentLeft .navi a.active:hover {
    color:#343434;
    background-color:#dbdbdb; /* --- Project_Color --- */
}
.contentLeft .navi .wall, .contentLeft .navi .mailbox, .contentLeft .navi .gb, .contentLeft .navi .handy, .contentLeft .navi .groups, .contentLeft .navi .events, .contentLeft .navi .advices, .contentLeft .navi .favs, .contentLeft .navi .fans, .contentLeft .navi .video, .contentLeft .navi .config, .contentLeft .navi .friends{
	background-image:url("/img/menu.2108.png");
	background-repeat:no-repeat;
}
.contentLeft .navi a.hl {
	background-color:#FFFFFF;  /* --- Menu_Left_Color --- */
}
.mainGrey .content .contentLeft .content a {
    color:#343434;
}
.mainGrey .content .contentLeft .line {
    background-color:#d1d1d1; /* --- Menu_Left_Color_60% --- */
}
.contentLeft .navi .newH {
    background-color:#bebebe; /* --- Project_Color --- */
    color:#fff;
}
.contentLeft .navi .new {
    background-color:#bebebe; /* --- Project_Color --- */
}
/* ### Fonts Color href  ### -----------------------------------------------------*/
a.user, .user, .user a {
	color:#ff9100; /* --- Project_Color --- */
}
.colorTxt {
	color:#ff9100; /* --- Project_Color --- */
}
.userNameHead {
	text-decoration:underline
}
.content .navi div.colorTxt {
    color:#fff68d;
}
.content .navi div.gL {
    background-image: none;
    border-top:1px solid #81a38f;
}
.siteCh, a.siteCh {
	background:#8d8d8d;
	color:#FFF;	
}
a.siteCh:hover  { background-color:#767676; }
a.siteCh.sel    {
    background-color:#ff9100; /* --- Project_Color --- */
    cursor:default
}
.hulEventsColor { color:#ff9100!important; /* --- Project_Color_60% --- */}
.hulGamesColor  { color:#ff9100!important; /* --- Project_Color_60% --- */}
.hulStuffColor  { color:#ff9100!important; /* --- Project_Color_60% --- */}

.contentLeft .grey {
    color:#c6c6c6;
}
.contentLeft .OnlineListeUser {
    background-color:#f2f2f2; /* --- Menu_Left_Color --- */
    margin:2px 0 5px 0;
    padding:3px 0 5px 5px;
}
.contentLeft .profilBesucher a img, .contentLeft .OnlineListeUser a img {
    background-color:#d1d1d1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
}
.contentLeft .profilBesucher a img:hover, .contentLeft .OnlineListeUser a img:hover {
    border: 1px solid #fff;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
    margin:0 3px 3px 0;
}
/* ### Submit and Buttons  ### -----------------------------------------------------*/
.lightButton {
	background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    color:#343434;
    border:1px solid #bfbfbf;
}
.lightButton.light {
	background-color:#cccccc;
}
.lightButton:hover {
	background: #ffa126; /* --- Project_Color plus Verlauf --- */
    background: -moz-linear-gradient(top,  #ffa126 0%, #ff9100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa126), color-stop(100%,#ff9100)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa126 0%,#ff9100 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa126', endColorstr='#ff9100',GradientType=0 ); /* IE6-9 */
    
	color:#FFFFFF!important;
    text-shadow: 1px 1px 0px #ac6200;
}
.button, input.button {
    background: #ffa126; /* --- Project_Color plus Verlauf --- */
    background: -moz-linear-gradient(top,  #ffa126 0%, #ff9100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa126), color-stop(100%,#ff9100)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa126 0%,#ff9100 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa126 0%,#ff9100 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa126', endColorstr='#ff9100',GradientType=0 ); /* IE6-9 */
    
    color:#FFFFFF!important;
    text-shadow: 1px 1px 0px #ac6200;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
}
.button:hover {
    background: #ff9100; /* --- Project_Color plus Verlauf HOVER --- */
    background: -moz-linear-gradient(top,  #ff9100 0%, #ff9100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9100), color-stop(100%,#ff9100)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff9100 0%,#ff9100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff9100 0%,#ff9100 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff9100 0%,#ff9100 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff9100 0%,#ff9100 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9100', endColorstr='#ff9100',GradientType=0 ); /* IE6-9 */

    
    color:#FFFFFF!important;
    text-shadow: 1px 1px 0px #ac6200;
}
.button.theme       { background-color:#ff9100; /* --- Project_Color --- */ }
.button.theme:hover { background-color:#8d8d8d; }

/*
.events .button.theme       { background-color:#2e95d7; }
.events .button.theme:hover { background-color:#2c2a29; }
*/

/*
.button.games:hover {
	background-color:#000;
}
*/
.joinGroup {
    background-image:url("/img/buttons/joinGroup-4crazy.png");
}
.leaveGroup {
    background-image:url("/img/buttons/leaveGroup-4crazy.png");    
}
.waitGroup {
    background-image:url("/img/buttons/waitGroup-jandoo.png");    
}
input:focus[type=text], select:focus, textarea:focus{
    border-color: rgba(255, 145, 0, 1);            /* --- Project_Color --- */
    box-shadow: 0 0 5px rgba(255, 145, 0, 0.5);    /* --- Project_Color --- */
}
/*###############################################*/
/* ### Rank information BG and Like it color ### -----------------------------------------------------*/
/*###############################################*/
.rankColor {
    background-color:#e7e7e7;
    color:#6c6c6c;
}
.likes, .likes_website {
    color:#343434;
}
.like, .liked {
	background-image:url("/img/gfx/like-button-4crazy.png");
}
/* ### New Messages ### -----------------------------------------------------*/
.userBox.new {
    background-color:#f3ffea;
    border:1px solid #b7df94;
}
.userBox.new:hover {
    border:1px solid #a5cc82;
}
.userContainer, .userContainer:hover  {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.userContainer:hover {
    border:1px solid #ff9100; /* --- Project_Color --- */
}
/*### My Profil Status ### -----------------------------------------------------*/
.myProfilStatus .bottom {
    background-color:#6a8073;
    color:#FFFFFF;
}
.myProfilStatus .bottom a {
    color:#bbed99;
}
.myProfilStatus span {
    color:#505f79;
}
.myProfilStatus:hover {
    border:1px solid #505f79;
}
/* ### Footer ### -----------------------------------------------------*/

.mainFooter             {
    background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #727272 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#727272)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#727272 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#727272 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#727272 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#727272 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#727272',GradientType=0 ); /* IE6-9 */

}
.mainFooter a           { color:#d1d1d1; }
.mainFooter .cat        { color:#757575; }
.mainFooter .content    { color:#d1d1d1; }
.mainFooter .line       { background-color: #757575; }
.mainFooter a:hover     { color:#fff;}

/* ### Tooltip bsp: auszeichnungen  ### -----------------------------------------------------*/
.toolTipBg {
	background-color:#6c6c6c;
	color:#FFFFFF;
}
.toolTipTitleBg {
	background-color:#ff9100; /* --- Project_Color --- */
	color:#FFFFFF;
}
/*### Head Informations BG Color Live Ticker ### -----------------------------------------------------*/
.alert {
    background-color:#ff9100; /* --- Project_Color --- */
    color:#fff;
    width:150px;
}
.alert:hover {
    background-color:#ffa126; /* --- Project_Color HOVER --- */
}
.alertlistcont a:hover {
  background-color:#e4e4e4;
}
#alertlisthead span.tasksNumber {
    background-color: #48584f;
    color: #FFFFFF;
}
/*####################### -----------------------------------------------------*/
.mainIntro .intro h2 {
    color:#ff9100; /* --- Project_Color --- */
}
.intro .subline {
	color:#ff9100; /* --- Project_Color --- */
}
.intro a.profilErstellen, .intro a.profilErstellen:hover {
    background-color:#ff9100; /* --- Project_Color --- */
    color:#FFFFFF;
    border:1px solid #fff;
}

.intro a.profilErstellen:hover {
	background-color:#8d8d8d;
	border:1px solid #fff;
	color:#ffffff;
}
.introBgPromotion {
    background-color:#ff9100; /* --- Project_Color --- */
}
.introBgPromotion span {
    color:#cdecb9;
}
.introBgPromotion div.date {
    color:#cdecb9;
}
.introBgPromotion span a {color:#fff;}
/*### System Pinnwand einträge #############################################*/
.wallInfoblue {
    Background-color:#f6f6f6;
	color:#343434;
}
.wallInfoblue a.user {
    color:#ff9100; /* --- Project_Color --- */
}
/*### Right Accordion Menu credits BG ### -----------------------------------------------------*/
#box-right-site .head {
    background: #909090; /* --- Menu_Left_Color --- */
    color:#ffffff;
}
#rightMenu .top.one span.img,
#rightMenu .top.two span.img,
#rightMenu .top.three span.img,
#rightMenu .top.four span.img,
#rightMenu .top.five span.img,
#rightMenu .top.six span.img {
    background: url(/img/accordion/icons.png)  no-repeat;
}

#rightMenu .top.one span.img { background-position: -24px 0px; }
#rightMenu .top.two span.img { background-position: -48px 0px; }
#rightMenu .top.three span.img { background-position: 0px 0px; }
#rightMenu .top.four span.img { background-position: -72px 0px; }
#rightMenu .top.five span.img { background-position: -96px 0px; }
#rightMenu .top.six span.img { background-position: -120px 0px; }
#rightMenu .top, #rightMenu .top:hover {
    color:#fff;
    border-bottom: 1px solid #a9a9a9;
    background: #909090; /* --- Menu_Left_Color --- */
}

#rightMenu .top span.much {
    background-color:#fff;
    color:#343434;
    text-shadow: 1px 1px 0px #fff; 
}
#rightMenu .top:hover {
    background: #a9a9a9; /* --- Menu_Left_Color_60% --- */
}
.flashMessage {
    background-color:#FFF;
}
.flashMessage:hover {
    background-color:#f2f2f2;
    border-bottom:1px solid #c8c8c8;
}
/* ### PayModul Anfang ######################### -----------------------------------------------------*/
#containerPayModul ul.select li:hover, #containerPayModul ul.select li.active {
    border:1px solid #ff9100; /* --- Project_Color --- */
}
#containerPayModul ul.select li.active:before {
    border-color: #ff9100 transparent; /* --- Project_Color --- */ 
}
#containerPayModul ul.payselect li .mid {
    color:#ff9100; /* --- Project_Color --- */
}
#containerPayModul ul.payselect li .bottom.blue, #containerPayModul ul.payselect li .bottom.saving {
    background-color:#ff9100; /* --- Project_Color --- */
}
#containerPayModul ul.payselect li:hover,
#containerPayModul ul.payselect li:hover .top,
#containerPayModul ul.payselect li:hover .mid,
#containerPayModul ul.payselect li:hover .bottom,
#containerPayModul ul.payselect li:hover .mid span.grey {
    background-color: #ff9100; /* --- Project_Color --- */
}
/* ### PayModul 2 Anfang ######################### -----------------------------------------------------*/

#containerPayModul2 .payhead {
    background-color: #9a9a9a;
    border:5px solid #9a9a9a;
}
#containerPayModul2 .providerLogo           { background-color: rgba(255, 255, 255, 1); }
#containerPayModul2 .providerDescription    { color:#fff; }
#containerPayModul2 .providerDescription h2 { color:#fff; }

#containerPayModul2 .paypack, #containerPayModul2 .paypack:hover {
    background: #606c88; /* Old browsers */
background: -moz-linear-gradient(top,  #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #606c88 0%,#3f4c6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

    color:#fff;
    border:4px solid #9a9a9a;
}
#containerPayModul2 .paypack:hover { 
    background: #ff9100; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9100 0%, #ce7502 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9100), color-stop(100%,#ce7502)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9100 0%,#ce7502 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9100 0%,#ce7502 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9100 0%,#ce7502 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9100 0%,#ce7502 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9100', endColorstr='#ce7502',GradientType=0 ); /* IE6-9 */

}
#containerPayModul2 .paypack .bonus {color:#fdff75;}
#containerPayModul2 .paypack .credits {color:#fdff75;}

#containerPayModul2 .paypack:hover .title, #containerPayModul2 .paypack:hover .price, #containerPayModul2 .paypack:hover .coins, #containerPayModul2 .paypack:hover .bonus, #containerPayModul2 .paypack:hover .credits {
    color:#fff;
}
#containerPayModul2 .paypack .packbtn, #containerPayModul2 .paypack .packbtn:hover {
  background-color: #3b3b3b;
  color: #fff;
  border:1px solid #ffffff;
}

#containerPayModul2 .paypack .packbtn:hover { background-color: #ff9100; }

/*### communityadminbereich  ### -----------------------------------------------------*/
.tasksNumber {
    background-color:#333333;
    color:#EDEB77;
}
/*#####################*/
div.info {
    background-color:#ffffe7;
    border-color:#e2e2e2;
}
/*### quick links #### -----------------------------------------------------*/
/*### quick links #### -----------------------------------------------------*/
.tabContainer.quickLinks, .tabContainer.quickLinks:hover {
    background: #d37f10; /* Old browsers */
background: -moz-linear-gradient(top,  #d37f10 0%, #bf6f07 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d37f10), color-stop(100%,#bf6f07)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d37f10 0%,#bf6f07 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d37f10 0%,#bf6f07 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d37f10 0%,#bf6f07 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d37f10 0%,#bf6f07 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d37f10', endColorstr='#bf6f07',GradientType=0 ); /* IE6-9 */

    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tabContainer.quickLinks:hover {
    background: #ff9913; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9913 0%, #e07f00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9913), color-stop(100%,#e07f00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9913 0%,#e07f00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9913 0%,#e07f00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9913 0%,#e07f00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9913 0%,#e07f00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9913', endColorstr='#e07f00',GradientType=0 ); /* IE6-9 */

}
.tabContainer.quickLinks a {
    color:#fff;
}
.tabContainer.quickLinks .line {
    border-top:1px solid #e48911;
}
.tabContainer.quickLinks a.button {
    color:#343434!important;
    text-shadow:1px 1px 0 #fff;
    background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}
/*### NAV TOP ### -----------------------------------------------------*/
ul#navigation {
	margin-bottom:0;
    margin-top:4px;
}
ul#navigation li a {
	color:#565656;
	text-shadow:0 0 0px #fff;
	background: #dddddd;
}
ul#navigation li:hover > a {
	background:#7b7b7b;
    color:#fff;
}
ul#navigation li a:hover {
	background:#a2a2a2;
	color:#fff;
}
ul#navigation ul, ul#navigation ul li ul {
	background:#7b7b7b;
	box-shadow:1px 1px 3px #686868;	
}
ul#navigation ul li {
	border-bottom:1px solid #919191;
}
ul#navigation ul li a {
	color:#ebebeb;
	text-shadow:1px 1px 0px #898989;
}
/*### Voting ### -----------------------------------------------------*/
#voting a.btn:hover, #voting a.btn-active {
    background-color: #ff9100; /* --- Project_Color --- */
    color:#fff;
}
#voting a.btn-active:after { border-color: rgba(110, 179, 64, 0); border-top-color: #ff9100; /* --- Project_Color --- */}
#voting a.btn-active:before { border-color: rgba(191, 191, 191, 0); border-top-color: #bfbfbf; }

/*### Betweenside ### -----------------------------------------------------*/

#betweenSide .lineOne .one .contentLeft .navi a {background-color:#fff;color:#343434;}
#betweenSide .lineOne .one .contentLeft .navi a:hover {background-color:#f2f2f2;color:#343434;}

#betweenSide .lineOne .one, #betweenSide .lineOne .two, #betweenSide .lineOne .three {margin-top: 0;}
#betweenSide .tenPx {display:block;height:10px;background-color:#fff;}

.intro .bgtesterLeft .feature{
	background-image:url("/img/icons/check-white.png");
    font-size:16px;
    font-weight:bold;
    color:#fff;
}
.intro .bgtesterLeft {
    background-color:#ff9100; /* --- Project_Color --- */
}
/*### Funtastic ### -----------------------------------------------------*/
.openTastic {
    background-color:#f6f6f6;
    display:none;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.fantastic_topmenu {
    background-color:#ff9100; /* --- Project_Color --- */
    color:#fff!important;
}
.fantastic_submenu {
    background-color:#DBDBDB;
}
/*### ShopKategorie ### ------------------------------------------------*/
ul.shopCategorie li a.active {
    background-color:#ff9100; /* --- Project_Color --- */
}
ul.shopCategorie li a.active:after {
    border-color: rgba(255, 145, 0, 0);
    border-left-color: #ff9100; /* --- Project_Color --- */
}
ul.shopCategorie li a.active span.grey {
    color:#ffe3be;
}
/* ### #### */
.regBall {
    background-color: #ff9100; /* --- Project_Color --- */
}