/*
* Project: www.myallergo.de
* Author: VisualActing GmbH <www.visualacting.de>
*/

@media screen, projection {
	/* -------------LOGIN PAGE --------------- */
	.login{position:relative;width:997px;height:426px;background:url('../images/bg-login-nv.png') 0 0 no-repeat}/*orgiginal: height:484px;background:url('../images/bg-login.png')*/
	.content{background:url('../images/bg-login-content.png') 0 0 no-repeat;min-height:200px;height:auto !important;padding-top:40px !important;padding-left:4px !important}
	.register{position:absolute;left:-15px;top:185px;width:331px;font-size:1.4em;text-align:center;color:#fff}
	.register a,.register a:visited,.register a:link{font-weight:700;color:#fff;text-decoration:none}
	.login-form{position:absolute;left:-14px;top:207px;width:340px;height:29px;padding:5px 0 0 40px}
	.login-form a,.login-form a:visited {color:#fff;text-decoration:none}
	.login-form form input{float:left;width:118px;color:#006f8b;border:1px solid #fff;background:#fff;font-size:1.3em;font-weight:300;margin-right:1px;padding-left:2px;height:21px^;padding-top:4px;padding-bottom:4px}
	.login-form form .email-input{margin-right:9px}
	.login-form form span{float:left;display:inline;color:#fff;font-size:1.3em;font-weight:700;margin:0 8px;padding:2px 0 0}
	.login-form form button{width:64px;height:26px;border:none;background:url('../images/bg-login-btn.png') no-repeat;margin-left:5px}
	.login .video{display:none}
	.login .video a.btn{position:absolute;display:block;text-indent:-9999px;left:46px;bottom:78px;width:61px;height:61px;background:url('../images/bg-play-btn.png') 0 0 no-repeat}
	.login .video span{position:absolute;left:35px;bottom:27px;font-size:1.4em;font-weight:700;text-align:center}
	.login .video span a,.login .video span a:visited{color:#fff;text-decoration:none}
	#reg{font-size:1.2em;left:230px;position:relative;top:265px;width:150px}
	#reg a,#reg a:link{color:#006F8B;text-decoration:none;font-weight:bold}
	#reg a:hover{text-decoration:underline}
	#attention{color:#fff;font-size:1.1em;left:40px;position:absolute;top:36px}
	/*Template with no submenu*/
	.nomenu{background:url('../images/bg-login-content.png') 0 0 no-repeat;min-height:200px;height:auto !important;padding-top:40px !important}
	#navi-nosubmenu{height:auto}
	.info-boxes .colbox{left:0}

	.content-slider{position:absolute;top:-156px;left:425px}
	.the-whole-box{width:550px;height:350px}

	.the-content{width:449px;height:350px;overflow:hidden;position:absolute;width:385px}
	.the-navigation{position:absolute;width:160px;height:350px;left:390px}

	.box-container{position:absolute;top:0px}
	.the-box{width:380px;height:350px}

	.the-navigation ul{list-style:none;margin:0;padding:0;width:100%}
	.the-navigation ul li{margin:0;padding:0 10px;text-align:center;height:67px}
	.the-navigation ul li a{color:#000;font-size:1.3em;font-weight:500;line-height:63px}
	.the-navigation ul li a:visited{color:#000}
	.the-navigation ul li a:hover{color:#000}
	.the-navigation ul li.the-current-list-item{background:url('../images/bg-slider-button-aktiv.png') 0 0 no-repeat}
	.the-navigation ul li.the-current-list-item a{color:#fff}
	.the-navigation ul li.the-current-list-item a:visited{color:#fff}
	.the-navigation ul li.the-current-list-item a:active{color:#fff}
	.the-navigation ul li.the-current-list-item a:hover{color:#fff}
}