body { background: #000; color: #fff; }

p { font-size: 17px; padding: 0; }

.BTN, button { border: 0 none; color: #000; }

.Controls .BTN { background-color: #000; color: #fff; }

.Master { position: relative; }

.Master .PageHolder { width: 1100px; }

header.PageHeader { height: auto; background: none repeat scroll 0 0 transparent; }

header.PageHeader .Lang { height: 25px; position: absolute; text-align: right; top: 121px; width: 1100px; z-index: 9; }

header.PageHeader .Lang select { display: none; }

.LangBtns { display: inline-block; }

header.PageHeader .Lang .LangBtns .BTN { border: 0 none; color: #fff; font-weight: bold; padding: 5px; }

header.PageHeader .Lang .LangBtns .BTN.True { color: #555; }

header.PageHeader .Logo { display: block; height: 150px; position: absolute; width: 200px; }

header.PageHeader .Logo:after { color: #fff; content: "Betting Wolf"; font-family: caption; font-size: 28px; font-weight: bold; height: 50px; left: 155px; position: absolute; text-transform: uppercase; top: 65px; width: 260px; }

header.PageHeader .Logo .BTN { width: 140px; height: 150px; display: block; background: url("../Images/BettingWolf/beetingwolf.png") no-repeat center; border: 0 none; }

header.PageHeader .MenuHeader .PageNav .BTN.MenuToggleClick { display: none; }

header.PageHeader .MenuHeader { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3); background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); position: absolute; top: 148px; width: 1100px; height: 56px; text-align: center; }

header.PageHeader .MenuHeader .PageNav { display: inline-block; padding: 15px 0; }

header.PageHeader .MenuHeader .PageNav .MenuItem { padding: 0 43px; border-left: 1px solid #fff; }

header.PageHeader .MenuHeader .PageNav .MenuItem.Selected .BTN, header.PageHeader .MenuHeader .PageNav .MenuItem:hover .BTN { -webkit-box-shadow: 0 0 20px 5px rgba(53, 51, 42, 0.5); -moz-box-shadow: 0 0 20px 5px rgba(53, 51, 42, 0.5); background: none repeat scroll 0 0 rgba(53, 51, 42, 0.3); box-shadow: 0 0 20px 5px rgba(53, 51, 42, 0.5); }

header.PageHeader .MenuHeader .PageNav .MenuItem.First { border-left: 0px none; }

header.PageHeader .MenuHeader .BTN { color: #fff; border: 0 none; font-size: 18px; font-weight: bold; }

header.PageHeader .Content { 
    min-height: 205px;
    width: auto;  background: none repeat scroll 0 0 transparent; 
    /*height: 205px; transition: all 0.4s ease 0.5s; -webkit-transition-delay: 2s;  Safari 
    transition-delay: 2s;*/ 
    -webkit-animation: flash 0.4s ease forwards;
	-moz-animation: flash 0.4s ease forwards;
	-ms-animation: flash 0.4s ease forwards;
	-o-animation: flash 0.4s ease forwards;
	animation: flash 0.4s ease forwards;
}

.Home header.PageHeader .Content { 
    max-height: 658px;
    /*height: 658px;  transition: all 0.4s ease 0.5s; 
    /* -webkit-transition-delay: 2s; Safari 
    transition-delay: 2s; */ 
    

    -webkit-animation: flash2 0.4s ease forwards;
	-moz-animation: flash2 0.4s ease forwards;
	-ms-animation: flash2 0.4s ease forwards;
	-o-animation: flash2 0.4s ease forwards;
	animation: flash2 0.4s ease forwards;
}

/* animation */
@-webkit-keyframes flash2 {
	from { height: 205px;  }
    to { height: 658px; }
}

@-moz-keyframes flash2 {
	from { height: 205px; }
    to { height: 658px; }
}

@-ms-keyframes flash2 {
	from { height: 205px; }
    to { height: 658px; }
}

@-o-keyframes flash2 {
	from { height: 205px; }
    to { height: 658px; }
}

@keyframes flash2 {
	from { height: 205px; }
    to { height: 658px; }
}

@-webkit-keyframes flash {
	from { height: 658px; }
    to { height: 205px; }
}

@-moz-keyframes flash {
	from { height: 658px; }
    to { height: 205px; }
}

@-ms-keyframes flash {
	from { height: 658px; }
    to { height: 205px; }
}

@-o-keyframes flash {
	from { height: 658px; }
    to { height: 205px; }
}

@keyframes flash {
	from { height: 658px; }
    to { height: 205px; }
}

header.PageHeader.ScrollTop .MenuHeader { position: fixed; top: 0; z-index: 999; background: none repeat scroll 0 0 rgba(19, 88, 139, 0.9); }

header.PageHeader .HeaderContainer .CMS, footer.PageFooter .FooterContainer .CMS { display: none; }

.Page { overflow: hidden; box-shadow: 0 0 10px 0 #000; position: relative; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); }


.Page .PageNameHolder { box-shadow: 0 0 10px -1px #000; position: absolute; width: 100%; height: 70px; }

.Page .PageNameHolder h1 { font-family: arial; color: #999; font-size: 44px; padding: 10px 20px; }

.Page .PageContent { box-shadow: 0 0 10px -1px #000 inset; padding-top: 60px; }

.PageContainer { background: transparent; }

.PageContainer .PageItemContent iframe { border: 0 none; }

.PageContainer .ModulHolder { background: transparent; margin: 0; }

.PageContainer .ModulHolder .ModulName { display: none; }

.PageContainer .ModulHolder .ModulContent .SubItemContent h2 { display: none; }

.ModulHolder .ModulContent .Controls { padding: 0px; }


.Modul .News h3.MenuItem { display: none; }

.Modul .News article { /*display: none; */ }


.Modul .News article { overflow: hidden; }


.Modul .News .MenuSubItems { overflow: hidden; border-bottom: 1px solid #555; }

.Modul .News article p { min-height: 15px; }

.Modul .Items .Item { float: none; overflow: hidden; margin-bottom: 30px; border-radius: 10px; border: 1px solid #555; box-shadow: 0 0 10px #555;}

.Modul .Items .Item h3 button { font-size: 25px; color: #fff; }

/*.Modul .Items .Item h3 button { color: rgba(19,88,139,0.5); }*/

.Modul .News .Item .MenuSubItems span { color: #fff; float: left; font-size: 21px; padding: 5px 0 0 10px; }

.Modul .News .Item .MenuItem.Selected .BTN { color: rgba(19,88,139,0.5); }

.Modul article { background: none; }

.Modul.NoPermission { display: none; }

/*--------------------------------------------------------------------------------------------------- Modul ContactForm ---------*/

.ContactForm { }

.ContactForm .BTN.Submit { clear: none; float: left; height: 65px; width: 300px; font-size: 14pt; background: none repeat scroll 0 0 rgba(47, 139, 60, 0.9); }

.ContactForm .DataHolder { position: relative; }

.ContactForm .DataHolder.DataHolderCaptcha { float: right; width: 500px; }



.ContactForm .DataHolder .Title { background: none repeat scroll 0 0 #555; display: block; font-size: 14pt; height: 25px; padding: 5px 0 0 15px; -moz-border-radius-topright: 200px 30px; border-top-right-radius: 200px 30px; box-shadow: 0 0 8px -1px #555555; -moz-border-radius-topleft: 70px 200px; border-top-left-radius: 70px 199px; color: #fff; }



.ContactForm .DataHolder textarea.TB { height: 374px; width: 700px; padding-top: 4px; resize: none; padding-bottom: 20px; }



.ContactForm .DataHolder .TB { height: 35px; width: 300px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; font-size: 14pt; -moz-border-radius-bottomleft: 30px 200px; border-bottom-left-radius: 30px 200px; -moz-border-radius-bottomright: 200px 30px; border-bottom-right-radius: 200px 30px; box-shadow: 0 0 8px -1px #555555; }

.ContactForm .DataHolder .field-validation-error { position: absolute; }

.ContactForm .Left { float: left; }

.ContactForm .Right { float: left; margin-left: 40px; }

.CMS .ContactForm .Right { margin-left: 36px; }

.ContactForm .Right .DataHolder .Title { }

.ContactForm .DataHolder.DataHolderCaptcha .Title { }

.ContactForm .DataHolder.DataHolderCaptcha .TB { width: 370px; }

.ContactForm .DataHolder.DataHolderCaptcha img { -moz-border-radius-bottomleft: 30px 200px; border-bottom-left-radius: 30px 200px; -moz-border-radius-bottomright: 200px 30px; border-bottom-right-radius: 200px 30px; box-shadow: 0 0 8px -1px #555555; float: left; }

.ContactForm .DataHolder.DataHolderCaptcha .BTN { height: 33px; left: 0; position: absolute; width: 130px; background: none repeat scroll 0 0 transparent; }

/*--------------------------------------------------------------------------------------------------- Modul ContactForm ---------*/

.Elem1 { z-index: -1; background: url("../Images/BettingWolf/beetingwolfBG.png") no-repeat scroll center -14px #000; height: 808px; left: 0; position: absolute; top: 0; width: 100%; }

footer.PageFooter { background: none repeat scroll 0 0 rgba(19,88,139,0.5); }

.CssToJsData { top: 55px; }

.CMS .CssToJsData { top: 124px; }

.CMS header.PageHeader.ScrollTop .MenuHeader { top: 68px; }