/**
*******************************************************
*** 	Created by: xBlubbs (also called Xxl3lubbs)
***
*** 	If there are any questions:
*** 		- ICQ: 288-347-762
*** 		- E-Mail: Dark.Visa@web.de
*** 	
*** 	Last Update: 04.01.2013, 12:47 CET
*******************************************************
**/






  /*********************************/
 /************ Website ************/
/*********************************/
body {
	background: hsl(0, 100%, 100%);
	background:url(../images/website/backgrounds/abg.jpg) no-repeat center top;

	font:12px Helvetica67, "Trebuchet MS", sans-serif;
	color: #000000;
	line-height: 1.5em;
	text-shadow: 1px 1px 0 hsla(0, 0%, 100%, 1);
}
	.website {
		width: 1100px;
		margin: 0 auto;
		position: relative;
		z-index: 0;
	}
		.website .navigation {
			width: 1100px; height: 72px;
			background: url(../images/website/navigation/bg.png) no-repeat;
			margin: -479px 0px 0px 0px; padding: 18px 0 0 0;
			
			text-align: center;

			position: fixed;
			z-index: 9999;
		}
			.website .navigation a, .website .navigation a:focus {
				padding: 9px; margin: 0 5px;
				border: 1px solid transparent;
				border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
				background: none;

				font-size: 15px;
				font-family: Catriel, 'Trebuchet MS', sans-serif;
				text-decoration: none;
				color: hsla(0, 100%, 100%, 1);
				text-shadow: #000 1px 1px 0;
			}
			.website .navigation a:hover {
				background: url(../images/website/navigation/button.png) repeat-x center top transparent;
				border: 1px solid hsla(200, 100%, 0%, 0.1);
			}
			.website .navigation a:active {
				background: url(../images/website/navigation/button.png) repeat-x center top hsla(0, 100%, 100%, 0.1);
				border: 1px solid hsla(200, 100%, 0%, 0.2);
			}
		.website .header {
			width: 289px; height: 289px;
			padding: 80px 0;
			background: url('../images/website/header/header.png') no-repeat center center;
			margin: 0 auto;
		}
		.website .contents {
			width: 1080px;
			margin: 0 auto 30px auto;
		}
				.website .contents .col-ornament {
					width: 297px; height: 49px;
					margin: 0 0 0 770px;
					background:url('../images/website/box/ornament.png') no-repeat;
					
					position: absolute;
					z-index: 3;
				}
				.website .contents .col {
					width: 280px;
					margin-top: 50px;

					font: 12px Helvetica, "Trebuchet MS", sans-serif;
					color: #FFFFFF;
					line-height: 1.5em;
					text-shadow: 1px 1px 0 hsla(0, 0%, 0%, 1);
					
					position: relative;
					z-index: 2;
					float: right;
				}
					.website .contents .col .boxContainer {
						background: url(../images/website/box/bg.png) repeat-y top center #01536a;
						padding: 5px;

						border: 1px solid #0f9ca9;
						border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
						box-shadow: 0 0 0 1px #5c5c5c; -webkit-box-shadow: 0 0 0 1px #5c5c5c; -moz-box-shadow: 0 0 0 1px #5c5c5c;
					}
						.website .contents .col .boxContainer .box {
							padding: 10px 5px 5px 5px; margin-top: 5px;
							background: url('../images/website/box/seperator.png') no-repeat center top;
						}
						.website .contents .col .boxContainer .box.first {
							margin: 0;
							background: none;
						}
							.website .contents .col .boxContainer .box p.list {
								text-align: right;
								min-height: 22px;
							}
								.website .contents .col .boxContainer .box p.list span.span img {
									vertical-align: middle;
								}
								.website .contents .col .boxContainer .box p.list span.span {
									width: 120px;

									color: hsl(0, 0%, 80%);
									text-align: left;
									float: left;
								 }
					.website .contents .col .socialNetworks {
						height: 40px;
						background: url(../images/website/misc/subfooter.png) no-repeat transparent center top;
						text-align: center;
					}
						.website .contents .col .socialNetworks a {
							width: 42px; height: 30px;
							background: url(../images/website/misc/subfooterSocial.png) no-repeat transparent 42px 42px;
							margin: 2px auto 0 auto;

							display: inline-block;

							text-align: center;
						}
						.website .contents .col .socialNetworks a:hover, .website .contents .socialNetworks a:active  {
							height: 34px;
						}
							.website .contents .col .socialNetworks a.fb {
								vertical-align: top;
								background-position: 0 bottom;
							}
							.website .contents .col .socialNetworks a.tw {
								background-position: -42px bottom;
							}
							.website .contents .col .socialNetworks a.yt {
								background-position: -84px bottom;
							}
							.website .contents .col .socialNetworks a.rs {
								background-position: -126px bottom;
							}
				.website .contents .main-col-ornament {
					width: 836px; height: 126px;
					margin: -21px 0 0 -21px;
					background:url('../images/website/content/ornament.png') no-repeat;
					
					position: absolute;
					z-index: 99;
				}
				.website .contents .main-col {
					width: 788px;
					padding: 5px;
					border: 1px solid #a6a6a6;
					background: #c3c3c3;
					
					float: left;
				}
					.website .contents .main-col .content, .website .contents .main-col .slider {
						background: hsla(0, 0%, 92%, 1);
						border: 1px solid rgba(0, 0, 0, 0.30);
						border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
					}
					.website .contents .main-col .slider {
						margin: 0 0 7px 0;
					}
					.website .contents .main-col .content {
						padding: 7px 10px;
					}
						.website .contents .main-col .contentContainer {
							position: relative;
							z-index: 10;
						}
			.footer {
				height: 300px;
				border-top: 1px solid hsl(185, 84%, 36%);
				margin: 0 auto; padding: 0;
				background: hsl(193, 98%, 21%) url(../images/website/backgrounds/bbg.png) no-repeat scroll center top;
					
				font: 11px, "Trebuchet MS", Verdana, sans-serif;
				font-weight: bold;
				color: hsl(0, 100%, 100%);
				text-shadow: 1px 1px #000000;
			}
				.footer .footerContainer a {
					font-family: "Trebuchet MS", Verdana, sans-serif;
				}
				.footer .footerContainer {
					width: 1100px;
					margin: 0 auto; padding: 10px 0;
				}
					.footer .copyrights {
						width: 66%; height: 120px;
						padding: 30px 0 0 0;
						border-right: 1px solid hsl(0, 0%, 0%);
						float: left;
					}
						.footer .copyrights .valids {
							margin-top: 10px;
							text-align: center;
						}
							.footer  .copyrights .valids img {
								margin: 0 3px;
								border: none;

								opacity: 0.4;
								transition: opacity 0.6s ease; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease;
							}
							.footer  .copyrights .valids img:hover, .footer .copyrights .valids img:focus, .footer .copyrights .valids img:active {
								opacity: 1.0;
							}
						.footer .copyrights .backlinks {
							text-align: center;
						}
					.footer .logo {
						width: 33%; height: 150px;
						float: left;
						border-left: 1px solid hsl(200, 50%, 40%);
						text-align: center;
					}
			
			.clear {
				clear: both;
			}
			p.clear {
				clear: both;
				width: 0; height: 0;
				margin: 0; padding: 0;
				visibility: hidden;
			}
  /*********************************/
 /************ Website ************/
/*********************************/
div.table {
	width: 100%;
	font-size: 12px;
}
	div.table .thead {
	}
	div.table .tbody {
	}
		div.table .thead .tr, div.table .tbody .tr {
			height:18px;
			margin: 0 0 4px 0; padding: 4px 6px;
			border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
		}
		div.table .thead .tr {
			background: rgba(0, 0, 0, 0.03);
			border-bottom: 1px solid rgba(255, 255, 255, 0.06);
		}
		div.table .tbody .tr {
			background: rgba(0, 0, 0, 0.06);
			border-bottom: 1px solid rgba(255, 255, 255, 0.12);
		}
			div.table .thead .tr div, div.table .tbody .tr div {
				float: left;
			}
		div.table .thead .tr div {
			font-weight: bold;
		}