html, body, div, h1, h2, h3, h4, p {
	margin:0px;
	vertical-align: baseline;
	padding:0px;
}

body {
	height:100%;
	color: #666666;  /* Schriftfarbe */
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
	background-image:url('/css/default/images/Background-Wallpaper.jpg');
	background-repeat: repeat-x;
	background-color:#eee;
	background-position:50% 0%;
}

#companyLogo {
	position: absolute;
	top:100px;
	margin-left:-400px;
	left:50%;
	width:186px;
	background-image:url(itsynergy.png);
	background-repeat:no-repeat;
	height:81px;
}

.contentBox {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 720px;
	height: 255px;
	margin-left: -400px;
	background-image: url('/css/default/images/Background-Login.png');
	opacity:0.9;
	padding:40px;
}
.contentBox h1 {
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 0px;
    padding-top: 0px;
	margin-bottom:15px;
}
.contentBox hr {
	border: 0; 
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width:100%;
}
.contentBox a,
.contentBox h1, 
.contentBox #RESET_PASSWORD {
	border: none;
	color: #ce1414;
	text-decoration: none;
	background:none !important;
}
.contentBox label {
	font-size: 14px;
    font-weight: bold;
    margin-bottom:10px;
	display:block;
}
.contentBox p {
	font-size:14px;
	margin-bottom:15px;
}
.contentBox input[type="text"], input[type="password"] {
    background-color: #ffffff !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px;
    font-size: 13px;
    padding: 5px 4px;
	width: 290px;
	margin-bottom:15px;
}

.contentBoxLeft {
	width: 300px;
	float:left;
	height: 100%;
	margin-right:80px;
	position:relative;
}

.contentBox .contact {
	font-size:12px;
	position:absolute;
	bottom:0px;
}

.contentBoxRight {
	min-height: 200px;	
}

#passwordIcon {
	position:absolute;
	top: 200px;
	left: 50%;
	margin-left: -400px;
}

#password-label, #signin {
	clear:both;
}

dl, dt, dd {
	margin:0;
	padding:0;
}

input[type="submit"], input[type="button"], input[type="reset"], button {
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius:3px;
	background: #f80100; /* Old browsers */
	background: -moz-linear-gradient(top,  #f80100 0%, #a90411 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f80100), color-stop(100%,#a90411)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f80100 0%,#a90411 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f80100 0%,#a90411 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f80100 0%,#a90411 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f80100 0%,#a90411 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80100', endColorstr='#a90411',GradientType=0 ); /* IE6-9 */

	margin: 0;
    padding: 5px 10px;
	color: #fff;
	font-size:13px;
	cursor:pointer;
}

textarea.required, select.required, input[type="text"].required, input[type="password"].required, select.required + .chzn-container>a {
	background: -moz-linear-gradient(center top , #FFEBAC, #FFFBCC) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEBAC), color-stop(100%,#FFFBCC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFEBAC 0%,#FFFBCC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFEBAC 0%,#FFFBCC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFEBAC 0%,#FFFBCC 100%); /* IE10+ */
	background: linear-gradient(top,  #FFEBAC 0%,#FFFBCC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEBAC', endColorstr='#FFFBCC',GradientType=0 ); /* IE6-8 */
}

#RESET_PASSWORD {
	float:right;
	padding-right:0px;
	margin-righ:0px;
}

#moreAboutSynDesk {
	float:right;
	height:40px;
}


/** Hinweis-Boxen */
.note {
	border-radius:6px;
	-moz-border-radius: 6px 6px 6px 6px;	
	margin-bottom:10px;
	padding:4px;
}
.note div  {
	display: inline-block;
    font-style: normal;
    margin-top:0px;
	padding:10px;
}
.note p {
	font-size: 12px;
	padding-left:28px;
	margin-top:0px;
	margin-bottom:0px;
}
.note.warning {
	background: url('/css/default/images/dialog-warning.png') no-repeat scroll  6px 6px;
	background-color: #fffccd;
	border:1px solid #e6dc45;
    color: #666452;
}
.note.info {
	background: url('/css/default/images/dialog-information.png') no-repeat scroll 6px 6px;
	background-color: #FFFBCC;
	border:1px solid #E6DB55;
    color: #666452;
}
.note.success {
	background: url('/css/default/images/dialog-ok-apply.png') no-repeat scroll  6px 6px;
	background-color: #FFFBCC;
	border:1px solid #E6DB55;
    color: #666452;
}
.note.error {
	background: url('/css/default/images/dialog-error.png') no-repeat scroll  6px 6px;
	background-color: #FFFBCC;
	border:1px solid #E6DB55;
    color: #666452;
}

.errors {
	list-style-type:none;
	position: absolute;
	margin-top:-10px;
	padding:4px;
	border:1px solid #E6DB55;
	border-radius:6px;
	-moz-border-radius: 6px 6px 6px 6px;	
	background: url('/css/default/images/dialog-error.png') no-repeat scroll  6px 6px;
	background-color: #FFFBCC;
	color: #dd0000;
}
.errors li {
	padding-left:28px;
	margin-top:0px;
	margin-bottom:0px;
}