@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
}

/*Top*/
#TopHolder {
	width: 100%;
	height: 470px;
	
	background: rgb(1,1,1); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(1,1,1,1) 0%, rgba(66,66,66,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,1,1,1)), color-stop(100%,rgba(66,66,66,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(1,1,1,1) 0%,rgba(66,66,66,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(1,1,1,1) 0%,rgba(66,66,66,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(1,1,1,1) 0%,rgba(66,66,66,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(1,1,1,1) 0%,rgba(66,66,66,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#424242',GradientType=0 ); /* IE6-9 */
}
#TopHolder #TopBar {
	width: 804px;
	height: 74px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#TopHolder #TopBar #Logo {
	width: 273px;
	height: 49px;
	background-image: url(pict/Logo.png);
	position: relative;
	top: 15px;
	left: 4px;
}
#TopHolder #TopBar #LeftMenu {
	width: 400px;
	vertical-align: bottom;
	position: absolute;
	bottom: -40px;
	left: 4px;
	cursor: default;
	text-align: left;
	color: #FFF;
	z-index: 10;
}
#TopHolder #TopBar #LeftMenu a:link {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
}
#TopHolder #TopBar #LeftMenu a:visited {
	text-decoration: none;
	color: #FFF;
}
#TopHolder #TopBar #LeftMenu a:hover {
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #63F;
}
#TopHolder #TopBar #LeftMenu a:active {
	text-decoration: none;
	color: #FFF;
}
#TopHolder #TopBar #Menu {
	width: 400px;
	vertical-align: bottom;
	position: absolute;
	bottom: 4px;
	right: 4px;
	cursor: default;
	text-align: right;
	color: #FFF;
	z-index: 10;
}
#TopHolder #TopBar #Menu a:link {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
}
#TopHolder #TopBar #Menu a:visited {
	text-decoration: none;
	color: #FFF;
}
#TopHolder #TopBar #Menu a:hover {
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #63F;
}
#TopHolder #TopBar #Menu a:active {
	text-decoration: none;
	color: #FFF;
}
#TopHolder #TopBar #KundeLogin {
	font-family: BankGothic-Medium;
	font-size: 13px;
	position: absolute;
	top: 3px;
	right: 0px;
}
#TopHolder #TopBar #KundeLogin a:link {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #a80077;
}
#TopHolder #TopBar #KundeLogin a:visited {
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #a80077;
}
#TopHolder #TopBar #KundeLogin a:hover {
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #63F;
}
#TopHolder #TopBar #KundeLogin a:active {
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #a80077;
}



#TopHolder #Cover {
	width: 804px;
	height: 414px;
	background-color: #FFF;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
	-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
	z-index: 2;
}
#TopHolder #Cover::after {
	width: 829px;
	height: 19px;
	background-image: url(pict/CenterShadow_big.png);
	position: absolute;
	bottom: -9px;
	left: -12px;
	content: "";
	display: block;
}
#TopHolder #Cover #Referencer {
	width: 130px;
	height: 130px;
	background-image: url(pict/Referencer.png);
	position: absolute;
	left: -3px;
	top: -6px;
	z-index: 10;
}

/*Content*/
#Wrapper {
	width: 100%;
	min-height: 600px;
	
	background: rgb(224,224,224); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background-size: 100% 150px;
	background-repeat: no-repeat;
	
	-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.4); #333;
	-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.4); #333;
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.4); #333;
	z-index: 1;
	position: relative;
}
#Wrapper #Content {
	width: 804px;
	min-height: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}
#Wrapper #Content #Left {
	width: 452px;
	float: left;
}
#Wrapper #Content #Left .Box {
	width: 417px;
	min-height: 200px;
	padding: 0px 10px 20px 10px;
	background-color: #FFF;
	color: #555;
	
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
	
	position: relative;
	
	margin-bottom: 26px;
}
#Wrapper #Content #Left .Box::after {
	width: 341px;
	height: 23px;
	background-image: url(pict/LeftShadow_medium.png);
	
	position: absolute;
	left: -2px;
	bottom: -23px;
	
	content: "";
	display: block;
}
#Wrapper #Content #Left .Box .Banderole {
	width: 121px;
	height: 121px;
	position: absolute;
	right: -6px;
	top: -7px;
	z-index: 10;
}
#Wrapper #Content #Left .Box h1 {
	font-family: BankGothic-Medium;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font-weight: normal;
	font-size: 30px;
}
#Wrapper #Content #Left .Box h2 {
	font-family: BankGothic-Medium;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
	position: relative;
	left: 14px;
	top: -7px;
}
#Wrapper #Content #Right {
	width: 336px;
	float: right;
}
#Wrapper #Content #Right .Solution {
	width: 336px;
	height: 104px;
	display: inline-block;
	position: relative;
	margin-bottom: 21px;
}
#Wrapper #Content #Right .Solution::after {
	width: 303px;
	height: 21px;
	background-image: url(pict/RightShadow_small.png);
	
	content: "";
	position: absolute;
	bottom: -21px;
	right: -7px;
	display: block;
}
#Wrapper #Content #Right .Comment {
	width: 306px;
	display: inline-block;
	position: relative;
	margin-bottom: 41px;
	padding: 15px 15px 15px 15px;
	border-radius: 5px;
	background-color: #f1f1f1;
	border: 1px solid #ebebeb;
	
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); #333;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); #333;
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4); #333;
}
#Wrapper #Content #Right .Comment::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 23px;
	border-width: 30px 0 0 25px;
	border-style: solid;
	border-color: #f1f1f1 transparent;
	display: block;
	width: 0;
	
	-moz-box-shadow: 1px 0px 1px 1px rgba(0,0,0,0.4); #333;
	-webkit-box-shadow: 1px 0px 1px 1px rgba(0,0,0,0.4); #333;
	box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.4); #333;
}
#Wrapper #Content #Right .Comment .Content {
	color: #515151;
	text-shadow: 1px 1px #fff;
}
#Wrapper #Content #Right .Comment h3 {
	color: #844ab1;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	display: inline-block;
}
#Wrapper #Content #Right .Comment h4 {
	color: #844ab1;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}




 



/*SubTop*/
.SubTop {
	height: 140px !important;
}


/*SubContent*/
#SubWrapper {
	width: 100%;
	min-height: 800px;
	
	background: rgb(224,224,224); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background-size: 100% 150px;
	background-repeat: no-repeat;
	
	-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.4); #333;
	-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.4); #333;
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.4); #333;
}
#SubWrapper #Content {
	width: 804px;
	min-height: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 12px 0px 12px;
	position: relative;
	top: -35px;
	background-image: url(pict/SubcontentBg.png);
	background-repeat: no-repeat;
}
#SubWrapper #Content #SubContent {
	position: relative;
	top: -50px;
	padding: 0px 10px 0px 10px;
}
#SubWrapper #Content #SubContent h1 {
	font-family: BankGothic-Medium;
	color: #844ab1;
	font-size: 30px;
	text-shadow: 1px 1px #fff;
}
#SubWrapper #Content #SubContent .Reference {
	width: 724px;
	height: 216px;
	background-image: url(pict/ReferenceBg.png);
	position: relative;
	left: -10px;
	top: 0px;
	padding: 37px 40px 37px 40px;
}
#SubWrapper #Content #SubContent .Reference img {
	width: 266px;
	height: 213px;
	border: 1px solid #666;
	float: left;
}
#SubWrapper #Content #SubContent .Reference .Content {
	width: 450px;
	position: relative;
	top: -5px;
	left: 0px;
	float: right;
	text-shadow: 1px 1px #fff;
}
#SubWrapper #Content #SubContent .Reference .Content h2 {
	font-family: BankGothic-Medium;
	color: #844ab1;
	font-size: 24px;
	padding: 0px;
	margin: 0px;
	text-shadow: 1px 1px #fff;
}






/*Bottom*/
#Bottom {
	width: 100%;
	height: 105px;
	
	background: rgb(50,50,50); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(15,15,15,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,1)), color-stop(100%,rgba(15,15,15,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
	
	position: relative;
	z-index: 0;
	
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px #000;
}
#Bottom a:link {
	color: #db5eb3;
	text-decoration: none;
}
#Bottom a:visited {
	text-decoration: none;
	color: #db5eb3;
}
#Bottom a:hover {
	text-decoration: none;
	color: #db5eb3;
	border-bottom: 1px solid #FFF;
}
#Bottom a:active {
	text-decoration: none;
	color: #db5eb3;
}

/*Fonts*/
@font-face {
	font-family: BankGothic-Medium;
	src: url('fonts/bankgthd.ttf');
}



/*Globals*/
.CenterShadow {
	-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4); #333;
}
.CenterShadow-small {
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); #333;
}
.Hover {
	background-position: 0px 0px;
	cursor: pointer;
}
.Hover:hover {
	background-position: 0px 100%;
}
a:link {
	color: #606;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #606;
}
a:hover {
	text-decoration: none;
	color: #606;
	border-bottom: 1px solid #000;
}
a:active {
	text-decoration: none;
	color: #606;
}