/* Fonts 
================================================== */
@font-face {
    font-family: 'Orbitron';
    src: url('../Content/font/orbitronblack/orbitron-black-webfont.eot');
    src: url('../Content/font/orbitronblack/orbitron-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/font/orbitronblack/orbitron-black-webfont.woff') format('woff'),
         url('../Content/font/orbitronblack/orbitron-black-webfont.ttf') format('truetype'),
         url('../Content/font/orbitronblack/orbitron-black-webfont.svg#orbitron-black-webfont') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Orbitron';
    src: url('../Content/font/orbitronregular/orbitron-medium-webfont.eot');
    src: url('../Content/font/orbitronregular/orbitron-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/font/orbitronregular/orbitron-medium-webfont.woff') format('woff'),
         url('../Content/font/orbitronregular/orbitron-medium-webfont.ttf') format('truetype'),
         url('../Content/font/orbitronregular/orbitron-medium-webfont.svg#orbitron-medium-webfont') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Orbitron';
    src: url('../Content/font/orbitronlight/orbitron-light-webfont.eot');
    src: url('../Content/font/orbitronlight/orbitron-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/font/orbitronlight/orbitron-light-webfont.woff') format('woff'),
         url('../Content/font/orbitronlight/orbitron-light-webfont.ttf') format('truetype'),
         url('../Content/font/orbitronlight/orbitron-light-webfont.svg#orbitron-light-webfont') format('svg');
    font-weight: 300;
    font-style: normal;
}

/* NC Icon Font */
@font-face {
		font-family: 'Ncweb';
		src:url('../Content/font/nc_web_icons.woff?-yzataz') format('woff'),
				url('../Content/font/nc_web_icons.svg?-yzataz#ncweb') format('svg');
		font-weight: normal;
		font-style: normal;
}

.icon-dotsquare:before {
	content: "\e600";
}
.icon-nc-arrow:before {
	content: "\e601";
}
.icon-logo-circle:before {
	content: "\e602";
}

/* Customizations */
	
	.textShadowed  {
	
		font-family: Orbitron, Arial;
		font-Size: 24px;
		color: #fff;
		text-shadow: 0px 0px 4px #fff;
	}



/* General Styling
================================================== */

	* {
		box-sizing: border-box;
		-moz-box-sizing:border-box;
	}
	
	html, body {
		height: 100%;
	}
	
	body {
		background: url("../Content/Design/background.jpg") top center no-repeat #000000;
		color: #E6E6E6;
		font-family: Arial, sans-serif;
		font-weight: normal;
		/*font-size: 10px;
		line-height: 14px;*/
		padding: 0;
		margin: 0;
	}
	
	#page {
		/* Für moderne Browser */
		min-height:100%;
		/* Für den Internet Explorer */
		height:auto !important;
		height:100%;	
		position:relative;
		padding-bottom: 150px;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: Orbitron, Arial;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1.2px;
		margin: 20px 0 0 0;
		padding: 0 0 15px 0;
	}
	
	h1 {
		font-size: 20pt;
	}
	
	h2 {
		font-size: 16pt;
	}
	
	h3 {
		font-size: 14pt;
	}
	
	h4 {
		font-size: 12pt;
	}
	
	h1:first-child,
	h2:first-child,
	h3:first-child,
	h4:first-child {
		margin-top: 0;
	}
	
	a, a:focus {
		background: none;
		color: #b46400;
		text-decoration: none;
	}
	a:hover {
		color: #8c4d00;
		text-decoration: none;
	}
	
	p {
		margin: 0 0 15px 0;
	}
	
	p:first-child {
		margin-top: 0px;
	}
	
	legend {
		color: #F60;
	}
	
	div[class^="col"] .content-box {
		padding: 15px 0;
		border-bottom: 1px solid #474949;
	}
	
	.panel-default,
	.panel-default > .panel-heading,
	.nav-tabs > li > a,
	/*.btn-default, .btn-default:focus*/ {
		background: #474949;
		color: #FFF;
		border: none;
	}
	
	/* Common Buttons */
	.btn-default,
	.btn-default:hover,
	.btn-default:active {
		color: #fff;
		font-family: Orbitron, sans-serif;
		font-weight: 200;
		text-transform: uppercase;
		text-shadow: 0 0 10px rgba(255,255,255,.35);
		border: 2px solid #F60;
		border-radius: 18px;
		box-shadow: 0 0 14px rgba(204,0,0,.75), inset 0 0 12px rgba(204,0,0,.65);
		background-color: transparent;
	}
	
	.btn-default:hover {
		color: #F60;
		text-shadow: 0 0 10px rgba(204,0,0,.75);
		border-color: #FFF;
		box-shadow: 0 0 14px rgba(255,255,255,.35), inset 0 0 12px rgba(255,255,255,.35);
		background-color: transparent;
	}
	
	.nav-tabs > li > a {
		font-weight: bold;
	}
	
	.nav-tabs > li > a:hover,
	.nav-tabs > li > a:hover,
	.nav-tabs > li > .dropdown-toggle:hover,
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus,
	/*.btn-default:hover*/ {
		background: #3A3C3C;
		color: #E6E6E6;
	}
	
	.panel-footer,
	.panel-body {
		background: rgba(10, 10, 10, 0.75);
	}
	
	.panel-footer {
		border-top: 1px solid !important;
		border-top-color: #FC3 !important;
	}

	.tab-pane {
		padding: 15px;
	}
	.row.tab-pane {
		padding: 15px 0 0 0;
	}
	
	.tab-pane h3 {
		padding-top: 0px;
	}
	
	.fixed {
		position: fixed !important;
		top: 0px;
		width: 100%;
		z-index: 999;
	}
	
	.form-horizontal .form-group {
		margin: 10px 0;
	}
	
	.form-actions {
		background: transparent;
	}
	
	.dropdown-menu {
		margin-top: 0px;
		background: rgba(10, 10, 10, 0.75);
		font-size: 12pt;
	}
	
	.fa-ul {
		padding-left: 15px;
		margin-left: 0px !important;
	}
	
	.fa-ul li {
		margin-top: 4px;
		line-height: 20px;
	}
	
	.fa-ul li:first-child {
		margin-top: 0px;
	}
	
	.fa-ul .fa-li {
		font-size: 9pt;
		line-height: 18px;
		width: auto;
		left: -15px;
	}
	
	.content-item-summary > a, .content-item-summary > a:visited {
		color: #FF3300;
		text-shadow: 0 0 8px #CC0000;
	}
	
	.content-item-summary > a:hover, .content-item-summary > a:focus {
		color: #fff;
		text-shadow: 0 0 8px #fff;
		transition: all 0.15s ease-in;
	}
	
	.hide {
		display: none;
	}
	
	input[type=text],
	input[type=password] {
		padding: 3px 2px;
		line-height: 12pt;
	}
	
	.form-control {
		background-color: #FFF;
		background-color: rgba(255,255,255,.9);
		border-color: #F90;
	}
	
	.form-control:focus {
		background-color: rgba(255,255,255,1);
		border-color: #F60;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(215,0,0,.65);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(215,0,0,.65);
	}
	
	img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	img.pull-right {
		margin: 0 0 15px 15px;
	}
	
	img.pull-left {
		margin: 0 15px 15px 0;
	}
	
	.tripel-before img,
	img.pull-right,
	img.pull-left {
		border: 1px solid #b46400;
	}
	
	img.no-border {
		border: 0px;
	}
	
	.modal-dialog {
		width: 70%;
	}
	
	.modal-body {
		padding: 15px;
	}
	
	.modal-content {
		background: rgba(10, 10, 10, 0.85);
	}
	
	.fancybox-skin {
		background: rgba(10, 10, 10, 0.85);
		color: #e6e6e6
	}
	
	.modal-title {
		padding: 0px;
		color: 
	}
	
	a.close {
		color: #b46400;
		opacity: 1;
		font-size: 30px;
		text-shadow: none;
	}
	
	a.close:hover {
		color: #8c4d00;
	}

/* Header Styling
================================================== */
	#header {
		text-align:center;
		margin: 0;
		padding: 0;
	}
	
	
	.launcher-header {
		width: 100%;
		float: left;
		margin-bottom: 25px;
	}
	
	.image-wrapper {
		width: 700px;
		margin: auto;
	}
	
	.launcher-header .image-wrapper > img {
		width: 350px;
		float: right;
	}
	
	#layout-navigation a,
	.nav li > span {
		font-family: Orbitron, Arial, sans-serif;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 1.2px;
		font-size: 11pt;
	}
	
	/* Navigation */	
	.navbar-inner {
		background: rgba(10, 10, 10, 0.8) url("../Content/Design/texture_hover.png");
		padding: 5px 0px;
	}
	
	.navbar,
	.navbar-collapse {
		margin: 0;
		border: none;
		min-height: auto;
	}
	
	.sub-menu {
		list-style-type: none;
		padding: 0;
	}
	
	.navbar .nav > li > a,
	.sub-menu > li > a {
		padding: 3px 25px;
	}
	
	.navbar-collapse .nav > li > a {
		padding: 10px 25px;
	}
	
	.navbar-collapse .nav > .dropdown {
		cursor: pointer;
	}

	.navbar .nav > li > a,
	.navbar .nav > li > a:hover,
	.navbar .nav > li > a:focus,
	.navbar .nav > ul > .first > a,
	.navbar .nav > ul > .first > a:hover,
	.navbar .nav > ul > .first > a:focus,
	.navbar .nav > ul > .active > a,
	.navbar .nav > ul > .active > a:hover,
	.navbar .nav > ul > .active > a:focus,
	.navbar .nav > ul > .active.first > a,
	.navbar .nav > ul > .active.first > a:hover,
	.navbar .nav > ul > .active.first > a:focus,
	.navbar .nav li.dropdown.open > .dropdown-toggle,
	.navbar .nav li.dropdown.active > .dropdown-toggle,
	.navbar .nav li.dropdown.open.active > .dropdown-toggle,
	.footer-navbar .nav > li > a,
	.footer-navbar .nav > li > a:focus,
	.footer-navbar .nav .first > a,
	.footer-navbar .nav .first > a:focus,
	.footer-navbar .nav > ul > li > a,
	.footer-navbar .nav > ul > li > a:focus,
	.footer-navbar .nav > ul > .active > a,
	.footer-navbar .nav > ul > .active > a:focus ,
	.footer-navbar .nav li.dropdown.open > .dropdown-toggle,
	.footer-navbar .nav li.dropdown.active > .dropdown-toggle,
	.footer-navbar .nav li.dropdown.open.active > .dropdown-toggle {
		border-radius: none;
		box-shadow: none;
		background: none;
	}

	.navbar .nav .active > a,
	.navbar .nav .active > a:hover,
	.navbar .nav .active > a:focus,
	.navbar .nav .active.first > a,
	.navbar .nav .active.first > a:hover
	.navbar .nav .active.first > a:focus {
		color: #b46400;
	}
	
	.navbar-toggle,
	.sub-menu  li > a,
	.nav > li > a,
	.nav > li > a:focus,
	.nav .first > a,
	.nav .first > a:focus,
	.nav > ul > li > a,
	.nav > ul > li > a:focus,
	.nav > ul > .active > a,
	.nav > ul > .active > a:focus ,
	.dropdown-menu > li > a,
	.nav li.dropdown.open > .dropdown-toggle,
	.nav li.dropdown.active > .dropdown-toggle,
	.nav li.dropdown.open.active > .dropdown-toggle {
		color: #e6e6e6;
	}	
	
	.sub-menu  li > a:hover,
	.nav > li > a:hover,
	.nav .first:hover > a,
	.nav > ul > li:hover > a,
	.nav li.dropdown.open:hover > .dropdown-toggle,
	.nav li.dropdown.active:hover > .dropdown-toggle,
	.nav li.dropdown.open.active:hover > .dropdown-toggle
	.dropdown-menu > li:hover > a  {
		color: #B3B3B3;
	}
	
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active:hover > a {
		color: #8c4d00;
	}

	.dropdown-menu > .active > a,
	.dropdown-menu > .active:hover > a,
	.dropdown-menu > .active > a,
	.dropdown-menu > li:hover > a,
	.dropdown-menu > li > a:focus,
	.dropdown-submenu:hover > a,
	.dropdown-submenu:focus > a {
		background: #0a0a0a;
	}
	
	.nav .dropdown .fa-caret-down {
		font-size: 10pt;
		padding-left: 4px;
	}
	
	#layout-navigation .dropdown-menu a {
		font-size: 10pt;
		text-transform: none;
	}

/* Content Styling
================================================== */
	#layout-wrapper {
		min-height: 100%;
		padding-bottom: 150px;
	}

	#layout-wrapper > .container {
		padding: 30px 15px;
	}

	.tripel-wrapper{
		border: 2px solid;
		border-color: #0a0a0a;
		background: rgba(10, 10, 10, 0.4) url("../Content/Design/texture.png");
	}
	
	.tripel-wrapper:hover {
		border-color: #000000;
		background: rgba(10, 10, 10, 0.8) url("../Content/Design/texture_hover.png");
	}
	
	.content-item.blog-post,
	.content-item.page,
	.logreg	{
		border: 10px solid;
		border-image: 9 url("../Content/Images/borders_small.png") repeat;
		background: rgba(10, 0, 0, 0.7) url("../Content/Design/texture.png");
		padding: 15px;
	}
	
	.page-header,
	.page-header h1	{
		border: none;
		margin: 0;
		padding: 0;
		font-size: 1.500em;
	}
	
	.content-item.blog-post .page-header h1,
	.content-item.page .page-header h1,
	.logreg .page-header h1 {
		padding-bottom: 15px;
		color: #FFF;
		text-shadow: 0 0 12px rgba(255,255,255,0.4)
	}
	
	.content-item.blog-post,
	.logreg	{
		margin-top: 30px;
	}
	
	.storyline {
		height: 750px;
		overflow: auto;
	}
	
	.neocron-infomap,
	.neocron-combatmap	{
		margin: 0 auto;
	}
	
	#layout-tripel-container  .page-header h3 {
		margin: 0;
		line-height: 30px;
		padding: 0 0 15px 0;
	}
	#layout-tripel-container [class*="-before"] p {
		margin: 0;
		padding: 0;
	}
	
	.tripel-before {
		padding: 0px;
	}
	
	.tripel-before p {
		text-align:center;
	}
	
	.tripel {
		padding: 0 15px;
		/*border-left-width: 2px;
		border-right-width: 2px;
		border-left-style: solid;
		border-right-style: solid;*/
		width: 100%;
		float: left;
	}
	
	/* Slider */
	#layout-featured {
		position: relative;
		overflow: hidden;
	}
	
	.featureSlider {
		position: relative;
		margin-bottom: 30px;
	}
	
	.featureSlider > ul > li {
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	
	.featureSlider > ul > li > .innerContainer { 
		position: absolute;
		left: 30px;
		top: 40px;
	}
	
	#slideNav {
		width: 150px;
		margin-left: -75px;
		position: absolute;
		text-align:center;
		bottom: 25px;
		right: auto;
		left: 50%;
    z-index: 99;
	}
	
	#slideNav a {
		display: inline;
		text-indent: 0px;
		background: none;
		width: 15px;
		height: 15px !important;
		text-decoration: none;
		float: none;
    margin-right: 5px;
	}
	
	#slideNav a.activeSlide {
		color: #e6e6e6;
	}
	
	#mapwrapper {
		width: 1024px;
		height: 768px;
		margin: auto;
	}
	
	.intro-text {
		font-family: Arial, Tahoma, sans-serif;
		font-weight: 700;
	}
	
	/* Factions */
	.faction-row {}
	
	div[class^="col"] > .faction-box {
		margin-bottom: 15px;
		padding: 18px;
		background-color: rgba(0,0,0,0.7);
		border-top: 1px dashed #F60;
		border-bottom: 1px dashed #F60;
	}
	
	.faction-box > h3, .system-specs > .col-sm-6 > h2 {
		font-weight: 200;
		color: #F30;
		text-shadow: 0 0 8px #CC0000;
	}
	
	.faction-box > p, .qa-answer { color: #c5ad9b; }
	
	.faction-logo {
		height: 145px;
		background: transparent url('../../../Media/Default/images/factions/factionlogo_sprite.jpg') no-repeat 0 0;
	}
	
	.biotech-logo { background-position: 0 0; }
	.next-logo { background-position: 0 -145px; }
	.crahn-logo { background-position: 0 -290px; }
	.tsunami-logo { background-position: 0 -435px; }
	.protopharm-logo { background-position: 0 -580px; }
	.diamond-logo { background-position: 0 -725px; }
	.cityadmin-logo { background-position: 0 -870px; }
	.tangent-logo { background-position: 0 -1015px; }
	.twilight-logo { background-position: 0 -1160px; }
	.citymercs-logo { background-position: 0 -1305px; }
	.blackdragon-logo { background-position: 0 -1450px; }
	.angels-logo { background-position: 0 -1595px; }
	
	/* Client Download Button */
	.btn-client-dl,
	.btn-client-dl:hover,
	.btn-client-dl:active {
		width: 300px;
		line-height: 26px;
		font: 700 normal 25px/26px 'Orbitron',sans-serif;
		color: #FFF;
		text-transform: uppercase;
		text-shadow: 0 0 6px rgba(255,255,255,.25);
		background-color: transparent;
		border-radius: 36px;
		border: 5px solid #F30;
		box-shadow: 0 0 6px rgba(205,0,0,.25);
	}
	
	.btn-dl-bigtext { display: block; }
	.btn-dl-smalltext {
		display: inline-block;
		font-weight: 200;
		font-size: 19px;
	}
	
	.btn-client-dl:hover {
		color: #F30;
		border-color: #FFF;
		text-shadow: 0 0 12px rgba(205,0,0,.75);
	}
	
	/* Question & Answer styling */
  .qa-question {
		color: #F60;
		font-size: 14px;
		font-weight: 700;
		text-shadow: 0 0 10px rgba(205,0,0,.85);
	}
	
	.qa-answer { text-indent: 10px; }
	
	/* Tabs (Skills, Weapons etc.) */
	.nav-tabs {	border-color: #F30; }
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #FFF;
		background-color: #F60;
		border-color: #F30;
	}

/* Footer Styling
================================================== */

	#footer {
		background: rgba(10, 10, 10, 0.8) url("../Content/Design/texture_hover.png");
		border: 1px solid #0a0a0a;
		border-left: none;
		border-right: none;
		font-family: Orbitron, Arial, sans-serif;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 1.2px;
		font-size: 8pt;
		width: 100%;
		float:left;
		min-height: 150px;
		margin-top: -150px;
	}
	
	#footer nav li {
		float:left;
	}
	
	#footer .dropdown {
		margin: 0;
	}
	
		
	#footer .dropdown-menu {
		top: auto;
		bottom: 100%;
	}
	
	#footer .dropdown-menu a {
		font-size: 9pt;
		text-transform: none;
	}
	
	#footer nav li a {
		padding: 3px 15px;
	}
	
	.menu-footermenu > li > .footer-head { color: #F30; }
	
	#toTop {
		display: block;
		position: relative;
		right: auto;
		bottom: auto;
		width: 150px;
		margin: 8px auto;
		text-align: center;
		cursor: pointer;
	}
	.version,
	.copyright {
		padding-top: 10px;
	}
	
	
/* Timeline Styling
================================================== */

  #timeline {
		height: 450px;
		overflow: hidden;
		margin-top: 20px;
		position: relative;
		background: url('../Content/Images/dot.gif') 18px top repeat-y;
	}
	
	#dates {
		height: 450px;
		overflow: hidden;
		float: left;
	}
	
	#dates li {
		list-style: none;
		width: 100%;
		height: 35px;
		padding-left: 10px;
		background: url('../Content/Images/biggerdot.png') left center no-repeat;
	}
	
	#dates a {
		padding-bottom: 10px;
		line-height: 35px;
		white-space: nowrap;
		color: #F60;
		transition: font-size 0.3s;
		-webkit-transition: font-size 0.3s
	}
	
	#dates .selected {
		font-size: 18px;
		color: #F30;
		text-shadow: 0 0 10px rgba(205,0,0,.85);
	}
	
	#issues {
		height: 450px;
		overflow: hidden;
		float: left;
		padding-top: 30px;
		padding-bottom: 30px;
		list-style-type: none;
	}
	
	#issues li {
		height: 390px;
		list-style: none;
		overflow: auto;
		padding-right: 10px;
	}
		
	#next,
	#prev {
		position: absolute;
		left: 55%;
		font-size: 24pt;
		color: #b46400;
		overflow: hidden;
		display: none;
	}
	
	#next:hover,
	#prev:hover { color: #8c4d00; }
	
	#next {	bottom: 0; }	
	#prev {	top: 0;	}
	
	#next.disabled,
	#prev.disabled { opacity: 0.2; }
			
/* Dedicated Launcher styles
================================================== */
	#launcher { /* scrollbar-colors only at launcher */
		padding-top: 120px;
		scrollbar-base-color: #222;
		scrollbar-arrow-color: #CCC;
		scrollbar-highlight-color: #333;
		background: #000 url('../Content/Design/background.jpg') center center fixed;
		background-size:cover;
	}
	
	#launcher > .container { width: 752px; }
	
	.lnc-infobar {
		height: 70px;
		margin-bottom: 30px;
		font-family: Orbitron, Arial, sans-serif;
		font-weight: 700;
		color: #FFF4EC;
		text-transform: uppercase;
		text-shadow: 0 0 6px rgba(255,78,0,0.75);
		background: linear-gradient(to bottom, rgba(0,0,0,1.0) 0%, rgba(0,0,0,0.7) 100%);
	}
	
	.infobar-last, .infobar-first {
		height: 35px;
		margin: 0;
		padding: 0 30px;
		line-height: 35px;
	}
	
	.infobar-first > img { float: right; padding-top: 15px;}
	
	.lnc-texthighlight {
		font-weight: 300;
		color: #FFA800;
	}
	
	.lnc-texthighlight-red {
		font-weight: 300;
		color: #ff3c00;
	}
	
	.lnc-news {	}
	
	.lnc-news > .nav-tabs { border-color: #333; }
	
	.lnc-news > .nav-tabs > li > a {
		font-family: Orbitron, Arial, sans-serif;
		font-weight: 300;
		color: #FFA800;
		border-radius: 0;
		text-transform: uppercase;
	}
	
	.lnc-news > .nav-tabs > li > a:hover { animation: nc-tab-anim .5s; }	
	.lnc-news > .nav-tabs > li.active > a {
		color: #FFF;
		border: 0 none;
		background-color: #FF6600;
	}
	.lnc-news > .nav-tabs > li.active > a:hover {border: 0 none;}
	
	.lnc-news > .tab-content > .tab-pane { padding: 15px 0; }
	
	.lnc-panel > .panel { border-radius: 0;}
	.lnc-panel > .panel + .panel {margin-top: 1px;}
	
	.line-anim:hover { animation: nc-line-anim 0.2s; }
	.line-anim > .panel-title > a:hover { color: #FFA800; }
	
	.lnc-panel > .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #FC3; }
	
	.lnc-accountbar {
		bottom: 0;
		background-color: rgb(0,0,0);
		text-align: center;
		font-family: Orbitron, Arial, sans-serif;
		font-weight: 300;
		color: #FFF4EC;
		text-transform: uppercase;
		text-shadow: 0 0 6px rgba(255,78,0,0.75);
	}
	
	/*.lnc-myacc:hover, .lnc-createacc:hover { animation: nc-link-anim 1.2s; }*/

    /* Tournament Stylings
================================================== */
    .round {
        float: left;
        margin-right: 13px;
        width: 210px;
        display: block;
    }
	.pairing,
	.pairing:hover,
	.pairing:active {
        border: 1px solid;
		border-image: 4 url("../Content/Images/borders_small.png") repeat;
		background: rgba(10, 0, 0, 0.7) url("../Content/Design/texture.png");
		margin:1px;
        padding:1px;
	    text-align: center;
        overflow: hidden;
	    display: block;
	}
	
	.pairing-smalltext {
		display: inline-block;
		font-weight: 200;
		font-size: 19px;
        font-family:orbitron;
	}
    .tournament-box {
        border: 10px solid;
		border-image: 9 url("../Content/Images/borders_small.png") repeat;
		background: rgba(10, 0, 0, 0.7) url("../Content/Design/texture.png");
		margin:1px;
        padding:1px;
    }


	
/* Animations
================================================== */
	
	.nc-tab-anim:hover { animation: nc-tab-anim .5s; }
	.nc-line-anim:hover { animation: nc-line-anim 0.2s; }
	.nc-link-anim:hover, .content-item-summary > a:hover {
		-webkit-animation: nc-link-anim 1.2s;
		animation: nc-link-anim 1.2s;
	}
	
	@keyframes nc-tab-anim {
		0% { opacity: 0; color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); box-shadow: 0 0 12px #F30; }
		10% { opacity: 1; color: rgba(255,255,255,0.5); text-shadow: 0 0 0px rgba(0,0,0,0); box-shadow: 0 0 28px #F30; }
		11% { opacity: 0; color: rgba(255,255,255,0.1); text-shadow: 0 0 28px #FFF; box-shadow: 0 0 0px rgba(0,0,0,0); }
		12% { opacity: 1; color: rgba(255,255,255,0.9); background-color: #FF6600; text-shadow: 0 0 0px rgba(0,0,0,0); box-shadow: 0 0 0px rgba(0,0,0,0); }
		20% { opacity: 0; color: rgba(255,255,255,0.9); background-color: rgba(255,255,255,0); text-shadow: 0 0 0px rgba(0,0,0,0); box-shadow: 0 0 0px rgba(0,0,0,0); }
		55% { opacity: 1; color: #FFF; background-color: #FFF; text-shadow: 0 0 24px #FF6600; box-shadow: 0 0 28px #FFF; }
		56% { opacity: 0; color: #FFF; background-color: rgba(255,255,255,0); text-shadow: 0 0 24px #FF6600; box-shadow: 0 0 28px #FFF; }
		57% { opacity: 1; color: #FFF; background-color: #FFF; text-shadow: 0 0 24px #FF6600; box-shadow: 0 0 28px #FFF; }
		100% { opacity: 1; background-color: #333; text-shadow: 0 0 0px rgba(0,0,0,0); box-shadow: 0 0 100px #333;  }
	}
	@keyframes nc-line-anim {
		0% { opacity: 0; background-color: rgba(0,0,0,0); }
		50% { opacity: 1; background-color: #222; }
		100% { opacity: 1; background-color: #666; }
	}
	@keyframes nc-link-anim {
		0% { opacity: 0;}
		10% { opacity: 1; text-shadow: 0 0 28px #FF6600; }
		11% { opacity: 0; text-shadow: none; }
		12% { opacity: 1; text-shadow: 0 0 28px #FF6600; }
		55% { opacity: 0; text-shadow: none; }
		60% { opacity: 1; color: #FFF; }
		100% { color: #B46400; }
	}
		
/* Responsive Styling
================================================== */
	@media (max-width: 768px ) {
		/*div[class^="col"] {
			padding-top: 15px;
		}
		div[class^="col"]:first-child {
			padding-top: 0px;
		}*/
		
		#layout-tripel-container div {
			margin-top: 15px;
		}
		#layout-tripel-container div:first-child {
			margin-top: 0px;
		}
		
		.nav.nav-tabs > li,
		.nav.nav-tabs > li > .dropdown-menu {
			width: 100%;
		}
		
		.version,
		.copyright {
			padding-top: 25px;
		}
	}