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

/* fonts for "Uploadportal" */

@font-face {
	font-family: 'Exo 2';
	font-style: italic;
	font-weight: 900;
	src: 	url('../fonts/Exo2-BlackItalic.eot#') format('eot'), 
			url('../fonts/Exo2-BlackItalic.woff') format('woff'), 
			url('../fonts/Exo2-BlackItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 600;
	src: 	url('../fonts/Exo2-SemiBold.eot#') format('eot'), 
			url('../fonts/Exo2-SemiBold.woff') format('woff'), 
			url('../fonts/Exo2-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Exo 2';
	font-style: italic;
	font-weight: 600;
	src: 	url('../fonts/Exo2-SemiBoldItalic.eot#') format('eot'), 
			url('../fonts/Exo2-SemiBoldItalic.woff') format('woff'), 
			url('../fonts/Exo2-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	src: 	url('../fonts/Exo2-Regular.eot#') format('eot'), 
			url('../fonts/Exo2-Regular.woff') format('woff'), 
			url('../fonts/Exo2-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: 	url('../fonts/OpenSans-Semibold.eot#') format('eot'), 
			url('../fonts/OpenSans-Semibold.woff') format('woff'), 
			url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: 	url('../fonts/OpenSans-Light.eot#') format('eot'), 
			url('../fonts/OpenSans-Light.woff') format('woff'), 
			url('../fonts/OpenSans-Light.ttf') format('truetype');
}


/* RESET */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: inherit;
}

form, body {
	margin: 0;
	padding: 0;
}

/*ul, ol, li, form, body {
	margin: 0;
	padding: 0;
}*/

li {
/*	list-style-type: none; */
}

p {
	padding: 0;
	margin: 0 0 12px;  
}

/* Headines */
h1 {
	font-family: 'Exo 2', sans-serif;
	font-size: 36px;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 15px;
}

h2 {
	font-family: 'Exo 2', sans-serif;
	color: #DC4D37;  
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 16px;
}

h3 {
	font-family: 'Exo 2', sans-serif;
	color: #535a5f;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
}

h4 {
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;  
}

h5 {
	color: #444444;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
}

h6 {
	color: #444444;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 2px;
}

/* Diverses */
a {
	color: #6E62DE;  
	text-decoration: none;
}

a:hover {
	color: #2B2098;
}

a img {
	border: 0;
}

a.more {
	font-weight: bold;  
}

.hidden {
	display: none;  
}

.bold {
	font-weight: bold;  
}

.semibold {
	font-weight: 600;  
}

.moreline {
	line-height: 145%;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

.top {
	vertical-align: top;
}

.bottom {
	vertical-align: bottom;
}

.clearer {
	clear: both;  
}

.bgGreen {
	background-color: #90F090;
}

.bgRed {
	background-color: #ff9090;
}

.frGreen {
	color: #009900;
}

.frRed {
	color: #cc0000;
}

/* Allgemein */

body {
	color: #404040;
	background-color: #ffffff;
	font-family: 'Exo 2', sans-serif;
	font-size: 14px;
}

#wrapper {
}

#page {
	width: 1054px;
	margin: 0 auto;  
	background: #ffffff;
}

.uploadPage {
	width: 980px;
	margin: 0 auto;
	padding: 100px 30px 64px;
}

#outerFrame {
	width: 1054px;
	margin: 16px 0 32px 0;
	border-radius: 36px;
	background-color: #BFBCC3;
	background-image: -webkit-linear-gradient(165deg,#F5F3F7 0%,#E9E6EC 20%, #C2BEC8 25%,#E9E6EC 30%, #CECBD1 49%, #B7B2BE 58%, #CECBD1 67%, #BFBCC3 100%);
	background-image: -moz-linear-gradient(165deg,#F5F3F7 0%,#E9E6EC 20%, #C2BEC8 25%,#E9E6EC 30%, #CECBD1 49%, #B7B2BE 58%, #CECBD1 67%, #BFBCC3 100%);
	background-image: -o-linear-gradient(165deg,#F5F3F7 0%,#E9E6EC 20%, #C2BEC8 25%,#E9E6EC 30%, #CECBD1 49%, #B7B2BE 58%, #CECBD1 67%, #BFBCC3 100%);
	background-image: linear-gradient(165deg,#F5F3F7 0%,#E9E6EC 20%, #C2BEC8 25%,#E9E6EC 30%, #CECBD1 49%, #B7B2BE 58%, #CECBD1 67%, #BFBCC3 100%);
/*	background-image: -webkit-linear-gradient(165deg,#F5F4F7 0%, #BFBCC3 100%); 
	background-image: -moz-linear-gradient(165deg,#F5F4F7 0%, #BFBCC3 100%); 
	background-image: -o-linear-gradient(165deg,#F5F4F7 0%, #BFBCC3 100%); 
	background-image: linear-gradient(165deg,#F5F4F7 4%, #BFBCC3 100%);
	background-image: -webkit-linear-gradient(165deg,#1B4C14 0%, #50AC3E 40%, #082B03 100%); 
	background-image: -moz-linear-gradient(165deg,#1B4C14 0%, #50AC3E 40%, #082B03 100%); 
	background-image: -o-linear-gradient(165deg,#1B4C14 0%, #50AC3E 40, #082B03 100%%); 
	background-image: linear-gradient(165deg,#1B4C14 0%, #50AC3E 40%, #082B03 100%); */

	/* Box Shadow */
/*	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); */
}

#header {
	padding: 4px 24px 14px;
	height: 48px;
}

#logo {
	padding: 8px 0 0 0; 
	float: left;
	width: 196px;
}

#headline {
	margin: 5px 0px 12px 226px;
}
 
#outerObjects {
	padding: 80px 40px 40px 200px;
}

#outerFrameFancy {
	width: 940px;
	padding: 20px;
	border-radius: 36px;
	background-color: #BFBCC3;
	background-image: linear-gradient(165deg,#F5F3F7 0%,#E9E6EC 20%, #C2BEC8 25%,#E9E6EC 30%, #CECBD1 49%, #B7B2BE 58%, #CECBD1 67%, #BFBCC3 100%);
}

#innerFrameFancy {
    background-color: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4) inset;
    padding: 20px 36px;
}

.outerFrameFancy {
	width: 940px;
	padding: 20px;
	border-radius: 36px;
	background-color: #BFBCC3;
	background-image: linear-gradient(165deg,#F5F3F7 0%,#E9E6EC 20%, #C2BEC8 25%,#E9E6EC 30%, #CECBD1 49%, #B7B2BE 58%, #CECBD1 67%, #BFBCC3 100%);
}

.innerFrameFancy {
    background-color: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4) inset;
    padding: 20px 36px;
}

#content {
}

#navigation {
	float: left;
	width: 220px;
	padding: 16px 0 0 0;
}

.hotline {
	margin-bottom: 24px;
}

.hotlineItem {
	background-image: url('../images/phone.png');
	background-repeat: no-repeat;
	min-height: 44px;
	padding: 8px 4px 0px 50px;
	background-position: 4px 7px;
}

.navItem .inactive {
	background-color: rgb(224, 224, 224);
	background-color: rgba(0, 0, 0, 0.1);
} 

.navItem .done {
	background-image: url('../images/done.png');
} 

.navItem .doneInactive {
	background-image: url('../images/doneInactive.png');
} 

.navItem .notDone {
	background-image: url('../images/notDone.png');
} 

.navItem .notDoneInactive {
	background-image: url('../images/notDoneInactive.png');
} 

.navItem .error {
	background-image: url('../images/error.png');
} 

.navItem .errorInactive {
	background-image: url('../images/errorInactive.png');
} 

.navItem .warning {
	background-image: url('../images/warning.png');
} 

.navItem .warningInactive {
	background-image: url('../images/warningInactive.png');
} 

.navItemLink {
	display: block;
	min-height: 44px;
	background-color: #ffffff;
	padding: 8px 4px 0px 50px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background-position: 4px 7px;
	background-repeat: no-repeat;
/*	background-image: -webkit-linear-gradient(#f6f6f6 0%, #ffffff 10%,#ffffff 90%,#f6f6f6 100%); 
	background-image: -moz-linear-gradient(#f6f6f6 0%, #ffffff 10%,#ffffff 90%,#f6f6f6 100%); 
	background-image: -o-linear-gradient(#f6f6f6 0%, #ffffff 10%,#ffffff 90%,#f6f6f6 100%); 
	background-image: linear-gradient(#f6f6f6 0%, #ffffff 10%,#ffffff 90%,#f6f6f6 100%); */
}

.navTextSmall {
	display: block;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	font-weight: 600;
}

.navTextBig {
	display: block;
	font-family: 'Exo 2', sans-serif;
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
}

.navItem a {
	color: #000000;  
	text-decoration: none;
}

.navItem a.inactive {
	color: #666666;  
}

.navItem a:hover {
	color: #000000;
}

.navItem .inactive:hover {
	background-color: rgb(224, 224, 224);
	background-color: rgba(255, 255, 255, 0.4);
}

.navSeparator {
	height: 48px;
}


#statusBar {
/*	border-top-right-radius: 24px;
	border-top-left-radius: 24px;
	background-color: #f6f6f6; */
	border-bottom: 1px solid #e0e0e0;
	font-size: 14px;
	height: 16px;
	padding: 12px 26px 6px;
	margin: 0 4px;
	color: #666666;
} 

#statusBar #logOutButton {
	float: right;
	width: 200px;
}

#contentCanvas {
	min-height: 610px;
	border-radius: 24px;
	margin-left: 220px; 
	width: 814px;
	background-color: #ffffff;
/*	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); */
	box-shadow: inset 0px 3px 8px rgba(0, 0, 0, 0.4);
}

#contentCanvasX {
	padding: 20px 30px;
	min-height: 400px;
}

.formFieldDiv {
}

.formFieldDiv label {
	float: left;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	width: 140px;
	text-align: right;
	padding-right: 20px;
}

.formFieldDiv label.top {
	margin-top: 0;
}


.formFieldDiv .formField {
	border: 1px solid #cccccc;
	border-radius: 5px;
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
	margin: 3px 0 5px;
	padding: 5px 10px;
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
	width: 350px;
	font-weight: 600;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
/*	background-image: -webkit-linear-gradient(165deg,#F6F4F8 0%,#F0EDF5 20%, #EAE5F1 25%,#F0EDF5 30%, #EAE5F1 49%, #E1D9EB 58%, #EAE5F1 67%, #E1D9EB 100%);
	background-image: -moz-linear-gradient(165deg,#F6F4F8 0%,#F0EDF5 20%, #EAE5F1 25%,#F0EDF5 30%, #EAE5F1 49%, #E1D9EB 58%, #EAE5F1 67%, #E1D9EB 100%);
	background-image: -o-linear-gradient(165deg,#F6F4F8 0%,#F0EDF5 20%, #EAE5F1 25%,#F0EDF5 30%, #EAE5F1 49%, #E1D9EB 58%, #EAE5F1 67%, #E1D9EB 100%);
	background-image: linear-gradient(165deg,#F6F4F8 0%,#F0EDF5 20%, #EAE5F1 25%,#F0EDF5 30%, #EAE5F1 49%, #E1D9EB 58%, #EAE5F1 67%, #E1D9EB 100%); */
}

.noFileError {
	background: none;
}	

.fileError {
	background: url("../images/error.png") 8px 6px no-repeat;
	padding: 5px 10px 5px 56px !important;
}

.formFieldDivMax {
	margin: 10px 0;
}


.formFieldDiv textarea, #textAreaCopy {
	border: 1px solid #cccccc;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 300;
	margin: 3px 0 5px;
	padding: 5px 10px;
	width: 350px;
	height: 80px;
	resize: none; 
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
	letter-spacing: -0.0165em;
	line-height: 115%;
	overflow: hidden;
}

.formFieldDiv input.formFieldSubmit {
	border: 2px solid #cccccc;
	border-radius: 8px;
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 8px 30px;
	margin: 3px 0 5px 160px;
	background: #CECBD1;
	cursor: pointer;
	color: #666666;
}

.formFieldDiv input.formFieldSubmit2 {
	border: 2px solid #cccccc;
	border-radius: 8px;
	font-family: 'Exo 2', sans-serif;
	font-size: 18px;
	font-weight: 600;
	padding: 2px 30px;
	margin: 32px 0 32px 0;
	background: #CECBD1;
	cursor: pointer;
	color: #666666;
}

.formFieldDiv input.formFieldSubmit:hover {
	border: 2px outset #E9E6EC;
	background: #E9E6EC;
	color: #000000;
}

.formInfo, .intentText {
	margin: 0 0 0 160px;
}

.validateLine {
	margin: 6px 0;
}

.validateLabel {
	float: left;
	font-weight: 600;
	width: 140px;
	text-align: right;
	padding-right: 20px;
}

.validateValue {
	margin-left: 160px;
}

.miniImageRight {
	float: right;
	width: 272px;
	margin-left: 24px;
	margin-bottom: 12px;
/*	border: 1px solid #444444; */
}

.miniLogoRight {
	float: right;
	width: 272px;
	margin-left: 24px;
	margin-bottom: 12px;
	text-align: right;
}

.previewPic {
	border: 4px solid #cccccc;
	position: relative;
}

.previewText {
	position: absolute;
	width: 210px;
	height: 50px;
	left: 41px;
	top: 92px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15.0px;
	font-weight: 300;
	letter-spacing: -0.0065em;
	line-height: 130%;
	overflow: hidden;
	color: #000000;
	z-index: 1002;
}

.previewWWW {
	position: absolute;
	width: 210px;
	height: 20px;
	left: 41px;
	top: 136px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.055em;
	overflow: hidden;
	color: #000000;
	z-index: 1003;
}

.previewLogo {
	position: absolute;
	width: 210px;
	height: 63px;
	left: 41px;
	top: 15px;
	overflow: hidden;
	z-index: 300;
}

.previewInlet {
	position: absolute;
	width: 237px;
	height: 172px;
	left: 26px;
	top: 0;
	background: #ffffff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	overflow: hidden;
	z-index: 200;
	/* opacity: 0.5; */
}
	
.previewImg {
	position: absolute;
	width: 704px;
	height: 518px;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 100;
	/* opacity: 0.1; */
}

.outerInfo {
	margin: 12px 0 12px;
	border: 1px solid #cccccc;
	border-radius: 16px;
	background-color: #DFE6FB;
	background-image: linear-gradient(165deg,#F1F4FF 0%, #C7D3F9 100%);
}

.innerInfo {
	background-image: url('../images/info.png'); 
	background-position: 20px 12px;
	background-repeat: no-repeat;
	min-height: 44px;
	padding: 12px 16px 12px 74px;
	border: 4px solid #ffffff;
	border-radius: 16px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

.outerInfoWithoutIcon {
	margin: 20px 0 32px;
	border: 1px solid #cccccc;
	border-radius: 16px;
	background-color: #DFE6FB;
	background-image: linear-gradient(165deg,#F1F4FF 0%, #C7D3F9 100%);
}

.innerInfoWithoutIcon {
	padding: 12px 16px 12px 16px;
	border: 4px solid #ffffff;
	border-radius: 16px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

.outerError {
	margin: 20px 0 32px;
	border: 1px solid #cccccc;
	border-radius: 16px;
	background-color: #FFDBDB;
	background-image: linear-gradient(165deg,#FFDBDB 0%, #F78989 100%);
}

.innerError {
	background-image: url('../images/error.png'); 
	background-position: 20px 12px;
	background-repeat: no-repeat;
	min-height: 44px;
	padding: 16px 16px 16px 74px;
	border: 4px solid #ffffff;
	border-radius: 16px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
	color: #000000;
}

.innerError li {
	margin: 4px 0;
}

.innerError .errorHeadline {
	display: block;
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 600;
}

.outerWarning {
	margin: 20px 0 32px;
	border: 1px solid #cccccc;
	border-radius: 16px;
	background-color: #3F3C44;
	background-image: linear-gradient(165deg,#FAE09A 0%, #F4BB20 100%);
}

.innerWarning {
	background-image: url('../images/warning.png'); 
	background-position: 20px 12px;
	background-repeat: no-repeat;
	min-height: 44px;
	padding: 16px 16px 16px 74px;
	border: 4px solid #ffffff;
	border-radius: 16px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
	color: #444444;
}

.innerWarning li {
	margin: 4px 0;
}

.innerWarning .warningHeadline {
	display: block;
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 600;
}

.outerSuccess {
	margin: 20px 0 32px;
	border: 1px solid #cccccc;
	border-radius: 16px;
	background-color: #C6FACC;
	background-image: linear-gradient(165deg,#F1FFF3 0%, #C6FACC 100%);
}

.innerSuccess {
	background-image: url('../images/done.png'); 
	background-position: 20px 12px;
	background-repeat: no-repeat;
	min-height: 44px;
	padding: 16px 16px 16px 74px;
	border: 4px solid #ffffff;
	border-radius: 16px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

.innerSuccess li {
	margin: 4px 0;
}

.innerSuccess .successHeadline {
	display: block;
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 600;
}

#footer {
	padding: 10px 60px 10px 24px;
	height: 20px;
	text-align: right;
}

.footerLink {
	margin-left: 36px;
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
}

table.userTable {
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

table.userTable tr.line:hover {
	background: #0000cc;
	color: #ffffff;
}

th.cell {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding: 4px 8px;
	background: #e0e0e0;
	border: 1px solid #444444;
}

td.cell {
	font-size: 16px;
	padding: 4px 8px;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
}

td.first {
	font-size: 16px;
	padding: 4px 8px;
	border-left: 1px solid #444444 !important;
}

td.last {
	font-size: 16px;
	padding: 4px 8px;
	border-right: 1px solid #444444;
}

.linkBlack {
	color: #000000;
	text-shadow: 1px 1px 1px #ffffff;
}

.linkBlack:hover {
	color: #ffffff;
	text-shadow: none;
}

#progress {
	border: 1px solid #cccccc;
	border-radius: 16px;
	font-size: 16px;
	margin: 10px 0 10px;
	padding: 5px;
	width: 858px;
	height: 40px;
	color: #DC4D37;
}

#progressValue {
	height: 40px;
	border-radius: 10px;
	background-color: #54F054;
	background-image: linear-gradient(#54F054 37%, #2BC253 69%); 
}

/*
#progress {
	border: 1px solid #cccccc;
	border-radius: 16px;
	font-size: 16px;
	margin: 10px 0 10px;
	padding: 5px;
	width: 858px;
	height: 30px;
	color: #DC4D37;
}

#progress::-moz-progress-bar {
	border-radius: 10px;
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);
}

#progress::-webkit-progress-value {
	border-radius: 10px; 
	height: 30px;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(43,194,83)),
		color-stop(1, rgb(84,240,84))
	);
	background-image: -webkit-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);
}
*/
.uploadText {
	font-size: 18px;
	margin: 1em 0;
}

.progressString {
	font-size: 20px; 
	font-weight: 600;
}

#textAreaCopy {
	height: auto;
	position: absolute;
	top: -8000px;
	left: -8000px;
}