/* RESET */

*
{
		margin:				0;
		padding:			0;
		outline:			0;
		overflow:			hidden;
		text-decoration:		none;
		list-style:			none;
		font-family:			'Quicksand', Arial, sans-serif;
		font-size:			16px;
		color:				#000000;

}
a
{
		color:				#262626;
}
a:hover
{
		color:				#006262;
}
input
{
		-webkit-appearance:		none;
		border:				0;
		border-radius:			0;
		resize:				none;
}
html,
body
{
		width:				100%;
		height:				100%;
}




	/* SITE */

body,
#all
{
		z-index:			1;
		position:			absolute;
		width:				100%;
		height:				100%;
		background:			#060606;
		background-repeat:		no-repeat;
		background-attachment:		fixed;
		background-position:		left bottom;
}
#main
{
		z-index:			3;
		position:			absolute;
		width:				100%;
		top:				33px;
		bottom:				31px;
		background:			#06060;
}
.stripes
{
		z-index:			3;
		position:			fixed;
		width:				100%;
		height:				39px;
		line-height:			2.2em;
		padding-left:			15px;
		padding-right:			15px;
		box-sizing:			border-box;
		-moz-box-sizing:		border-box;
		-webkit-box-sizing:		border-box;
		-ms-box-sizing:			border-box;
}
#centerbox-area
{
		height:				100%;
		width:				665px;
		display:			table;
		overflow:			hidden;
		margin:				0px auto;
}

#centerbox
{


     position: absolute;
     top: 50%;
     left: 50%;
     width: 665px;
     height: 663px;
     margin-left: -331px;
     margin-top: -331px;
}
#logo
{
		display:			block;
}
#login-container
{
		margin-left:			40px;
		width:				576px;
		height:				45px;
		background:			#1b1b1b;
		border:				4px solid #1b1b1b;
}
#spinner
{
		z-index:			1;
		position:			absolute;
		bottom:				31px;
		width:				100%;
		height:				167px;
		background:			transparent;
		background-image:		url(img/loading1.gif);
		background-repeat:		no-repeat;
		background-position:		50% 50%;
}
#contactform,
iframe
{
		z-index:			2;
		position:			fixed;
		bottom:				31px;
		width:				100%;
		height:				167px;
		background:			transparent;
}
#contactform
{
		background-image:		url(img/loading1.gif);
		background-repeat:		no-repeat;
		background-position:		50% 50%;
		opacity:0;
		-moz-transition: opacity 1s; /* Firefox 4 */
		-webkit-transition: opacity 1s; /* Safari and Chrome */
		-o-transition: opacity 1s;
		transition: opacity 1s;
}





	/* TOP STRIPE */

#top-stripe
{
		top:				0;
		background:			#292929;
}
#phone-number
{
		margin-top:			3px;
		float:				left;
		cursor:				default;
		background:			transparent;
}
#facebook
{
		margin-top:			3px;
		float:				right;
		display:			block;
		width:				89px;
		height:				33px;
		background:			transparent;
		background-image:		url('../img/facebook1.png');
		background-repeat:		no-repeat;
}
#facebook:hover
{
		float:				right;
		width:				89px;
		height:				33px;
		background:			transparent;
		background-image:		url('../img/facebook-hover1.png');
		background-repeat:		no-repeat;
}
#facebook-hover-preload
{
		display:			none;
}




	/* BOTTOM STRIPE */


#bottom-stripe
{
		bottom:				0;
		font-weight:			bold;
		height:				31px;
		padding-left:			8px;
		padding-right:			8px;
		box-sizing:			border-box;
		-moz-box-sizing:		border-box;
		-webkit-box-sizing:		border-box;
		-ms-box-sizing:			border-box;
		background:			#a7a7a7;
		line-height:			39px;
}
#left-distance
{
		float:				left;
		margin-left:			8px;
}
#copyright
{
		float:				right;
		margin-right:			8px;
		font-weight:			normal;
		font-size:			12px;
		line-height:			40px;
}






















/* ----------------------------------- CENTERBOX IE SPECIFIC ----------------------------------- */



	/* FOR INTERNET EXPLORER 6 */


* html #centerbox-area
{
		position:			relative;
}
* html #centerbox-container
{
		position:			absolute;
		top:				50%;
}
* html #centerbox
{
		position:			relative;
		top:				-50%;
}



	/* FOR INTERNET EXPLORER 7 */


*:first-child+html #centerbox-area
{
		position:			relative;
}
*:first-child+html #centerbox-container
{
		position:			absolute;
		top:				50%;
}
*:first-child+html #centerbox
{
		position:			relative;
		top:				-50%;
}


/* --------------------------------------------------------------------------------------- */















/* ----------------------------------- INPUT OVERLABELS ----------------------------------- */


input, textarea
{
		line-height:			22px;
}
label code
{
		cursor:				pointer;
		float:				left;
		width:				150px;
}
#agentur
{
		position:			absolute;
		float:				left;
}
#p
{
		float:				right;
}



form
{
		position:			absolute;
		float:				left;
		width:				530px;
		height:				45px;
}
#submit
{
		position:			relative;
		display:			block;	
		float:				right;
		cursor:				pointer;
		background:			#397476;
		background-image:		url('../img/submit1.png');
		background-repeat:		no-repeat;
}
#submit:hover
{
		position:			relative;		
		float:				right;
		cursor:				pointer;
		background:			#ec1206;
		background-image:		url('../img/submit-hover1.png');
		background-repeat:		no-repeat;
}
input
{
		width:				240px;
		height:				45px;
		padding-left:			23px;
		font-size:			18px;
		color:				#ffffff;
		background:			#0c0c0c;
		font-family:			'Quicksand', Arial, sans-serif;
}
input#agentur
{
		width:				241px;
}
textarea
{
		width:				20em;
		height:				5em;
}



	/* Specifying the color of the overlabels in all browsers */


::-webkit-input-placeholder
{		/* WebKit, Blink, Edge */
		color:				#535353;
}
:-moz-placeholder
{		/* Mozilla Firefox 4 to 18 */
		color:				#535353;
		opacity:			1;
}
::-moz-placeholder
{		/* Mozilla Firefox 19+ */
		color:				#535353;
		opacity:			1;
}
:-ms-input-placeholder
{		/* Internet Explorer 10-11 */
		color:				#535353;
}


/* --------------------------------------------------------------------------------------- */












/* ----------------------------------- LOGIN POPUP ----------------------------------- */





#login-popup
{		/*  Hiding Popup  */
		display:			none;
}
#login-popup
{		/*  General position and background  */
		z-index:			999;
		position:			fixed;
		width:				100%;
		height:				100%;
		background:			transparent;
}
#login-popup-box
{		/*  Whole Popup-box  */
		z-index:			999;
		position:			absolute;
		width:				530px;
		height:				250px;
		left:				50%;
		margin-left:			-265px;
		top:				50%;
		margin-top:			-175px;
		border:				2px solid #e30101;
		background:			white;
}
#login-popup-textfield
{		/*  Whole textfield (header and text) */
		position:			relative:
		width:				470px;
		height:				190px;
		margin:				30px;
}
#login-popup-header
{		/*  Whole header size (including close- and closeHover-button)  */
		display:			block;
		width:				470px;
		height:				50px;
}
#login-popup-header .headline
{		/*  The headline on it's own */
		margin-bottom:			18px;
		color:				#e30101;
		font-size:			19px;
		font-family:			'Quicksand', Arial, sans-serif;
		font-weight:			700;
}
#login-popup-header img
{		/*  Size and position of the close- and closeHover-button  */
		z-index:			999;
		position:			absolute;
		width:				20px;
		height:				20px;
		top:				29px;
		right:				29px;
		cursor:				pointer;
}
#login-popup-header img#close
{
		/*  Positioning close image over the closeHover image */
		z-index:			999;
}
#login-popup-header img#close-hover
{		/*  Positioning closeHover image under the normal close image */
		z-index:			990;
}
.text.login-popupsize
{		/*  Size and position of the regular textbox (the box under the header) */
		position:			relative;
		width:				470px;
		overflow-x:			hidden;
		overflow-y:			auto;
}
#login-popup-textfield p.text
{		/*  Style and position of the regular text (the text under the headline) */
		padding-top:			20px;
		font-size:			13px;
		line-height:			21px;
		border:				0;
		border-top:			1px;
		border-style:			solid;
		border-color:			rgba(0,0,0,0.5);
}
#login-popup-textfield p span
{		/*  Positioning and styling a specific part of the regular text */
		display:			block:
		width:				435px;
		margin-right:			35px;
}


/* --------------------------------------------------------------------------------------- */