/*
	screen.css
	sourceflow.de
*/


/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	body {
		background: #e7e7e7;
	}


/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	a {
		color: #3fad00;
	}


/* --------------------------------------------------------------------------------------
 * layout
 * -------------------------------------------------------------------------------------- */

	/* wrappers */

	.wrp-1 {
		background-image: url(../images/bgr_site.png);
	}

	/* sections */

	.content {
		padding-top: 15px;
	}


/* --------------------------------------------------------------------------------------
 * content
 * -------------------------------------------------------------------------------------- */

	/* corporate */

	.corporate {
		height: 226px;
		background: url(../images/bgr_corporate.jpg) right bottom no-repeat;
		position: relative;
		padding-top: 25px;
	}
	.corporate .logo {
		position: absolute; top: -35px; left: 30px;
	}
	.corporate .logo a {
		font-size: 12px;
		color: #999;
		width: 180px;
		height: 100px;
		position: absolute; top: 5px; left: 5px;
		text-decoration: none !important;
	}
	.corporate .logo a span {
		position: absolute; top: 40px; left: 2px;
		display: none;
	}
	.corporate .logo a:hover span,
	.corporate .logo a:focus span {
		display: block;
	}
	.corporate .spotlight {
		position: absolute; top: 130px; left: 10px;
		width: 380px;
		text-align: right;
	}
	.corporate .spotlight p {
		color: #d5eac9;
		font-size: 1.1em;
		line-height: 1.2em;
	}
	.corporate .spotlight a {
		color: #fff;
	}
	.corporate .screen-notebook {
		position: absolute; top: 67px; left: 441px;
		width: 190px;
		height: 117px;
		overflow: hidden;
	}
	.corporate .screen-notebook .reflection {
		background: url(../images/g_notebook_r.png) no-repeat;
		width: 190px;
		height: 117px;
	}
	.corporate .screen-mobile {
		position: absolute; top: 62px; left: 671px;
		width: 89px;
		height: 135px;
		overflow: hidden;
	}
	.corporate .screen-mobile .reflection {
		background: url(../images/g_iphone_r.png) no-repeat;
		width: 89px;
		height: 135px;
	}
	.corporate .screen-notebook .reflection,
	.corporate .screen-mobile .reflection {
		position: absolute; top: 0; left: 0;
		text-indent: -500px;
	}
	.ie6 .corporate .screen-notebook .reflection,
	.ie6 .corporate .screen-mobile .reflection {
		behavior: url("/static/components/iepngfix/iepngfix.htc");
	}

	/* content: navigation */

	.navigation .active a,
	.navigation .active strong {
		background: #e7f4de;
	}

	/* form */

	.d--form input,
	.d--form select,
	.d--form textarea {
		background: #eee;
		border-color: #ccc;
	}
	.d--form .d--submit {
		background: #73BC49;
	}

	/* content: devices */

	.device {
		position: relative;
	}
	.device a,
	.device img,
	.device .reflection {
		position: absolute;
		overflow: hidden;
	}
	.device a img,
	.device a .reflection {
		top: 0 !important;
		left: 0 !important;
	}
	.device .reflection {
		text-indent: -500px;
	}
	.ie6 .device .reflection {
		behavior: url("/static/components/iepngfix/iepngfix.htc");
	}

	.iphone {
		background: url(../images/g_iphone.jpg) no-repeat;
		width: 107px;
		height: 215px;
	}
	.iphone a,
	.iphone img,
	.iphone .reflection {
		top: 32px; left: 9px;
		width: 89px;
		height: 135px;
		display: block;
	}
	.iphone .reflection {
		background: url(../images/g_iphone_r.png) no-repeat;
	}

	.blackberry {
		background: url(../images/g_blackberry.jpg) no-repeat;
		width: 119px;
		height: 200px;
	}
	.blackberry a,
	.blackberry img,
	.blackberry .reflection {
		top: 36px; left: 10px;
		width: 99px;
		height: 65px;
		display: block;
	}
	.blackberry .reflection {
		background: url(../images/g_blackberry_r.png) no-repeat;
	}

	.blackberry2 {
		background: url(../images/g_blackberry2.jpg) no-repeat;
		width: 119px;
		height: 215px;
	}
	.blackberry2 a,
	.blackberry2 img,
	.blackberry2 .reflection {
		top: 24px; left: 8px;
		width: 102px;
		height: 97px;
		display: block;
	}
	.blackberry2 .reflection {
		background: url(../images/g_blackberry2_r.png) no-repeat;
	}

	.pda {
		background: url(../images/g_pda.jpg) no-repeat;
		width: 113px;
		height: 215px;
	}
	.pda a,
	.pda img,
	.pda .reflection {
		top: 22px; left: 12px;
		width: 90px;
		height: 144px;
		display: block;
	}
	.pda .reflection {
		background: url(../images/g_pda_r.png) no-repeat;
	}

	.notebook {
		background: url(../images/g_notebook.jpg) no-repeat;
		width: 288px;
		height: 183px;
	}
	.notebook a,
	.notebook img,
	.notebook .reflection {
		top: 10px; left: 44px;
		width: 190px;
		height: 117px;
		display: block;
	}
	.notebook .reflection {
		background: url(../images/g_notebook_r.png) no-repeat;
	}