/*	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/*	||																								|| */
/*	||		Raumausstattung Heller																	|| */
/*	||		www.raumausstattung-heller.de															|| */
/*	||																								|| */
/*	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/*	||																								|| */
/*	||		movingline																				|| */
/*	||																								|| */
/*	||		Am Stachelauer Berg 7			Fon: +49 2761 - 83549 9			info@movingline.de		|| */
/*	||		57462 Olpe						Fax: +49 2761 - 83549 8			www.movingline.de		|| */
/*	||																								|| */
/*	||		Copyright � 2013 by movingline															|| */
/*	||																								|| */
/*	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Globals
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	html, body {
		margin: 0 auto;
		padding: 0px;
		font-size: 12px;
		font-family: 'Roboto', Arial, Tahoma, Verdana, sans-serif;
		color: #333;
		min-height: 100vh;
		}

	body {

		}

	html, p, ul, h1, h2, h3, h4, h5, h6, figure{
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: 12px;
		font-weight: normal;
		}

	a{
		outline-style: none;
		color: #333;
		text-decoration: none;
		}

	img{
		border: none;
		display: block;
		}

	strong{
		width: 100%;
		float: left;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Wrapper
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#wrapper{
		position: relative;
		width: 100%;
		z-index:1;
		}

	.background{
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index:0;
		background-image: url("../img/back.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Header / Side
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#header{
		position: relative;
		margin-top: 100px;
		padding-bottom: 100px;
		overflow: hidden;
		}

	#logo{
		position: relative;
		height: 141px;
		background: url("../img/bg_header.png") repeat-x center center;
		z-index: 9999;
		}

	#logo h1 a{
		display: block;
		position: relative;
		top: 11px;
		margin: 0 auto;
		width: 201px;
		height: 112px;
		text-indent: -9999px;
		background: url("../img/logo.png") no-repeat center center;
		}

	/* Subline */
	#subline{
		position: relative;
		top: -28px;
		width: 1000px;
		margin: 0 auto;
		margin-bottom: -28px;
		background: #CAC3AE;
		color: #555;
		height: 80px;
		z-index: 999;
		}

	#subline ul li{
		float: left;
		width: 33.3%;
		margin-top: 30px;
		font-size: 20px;
		font-family: 'Fenix', serif;
		text-transform: uppercase;
		text-align: center;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Main / Content
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#main{
		position: relative;
		top: 0;
		margin: 0 auto;
		width: 1000px;
		overflow: hidden;
		}

	.box_left{
		float: left;
		width: 694px;
		margin-right: 6px;
		}

	.box_right{
		float: right;
		width: 300px;
		margin-bottom: 6px;
		}


	.box_1{
		background-color: rgba(0,0,0,0.7);
		height: 350px;
		width: 694px;
		display: table-cell;
		vertical-align: middle;
		}

	.box_2{
		background-color: rgba(255,255,255,0.7);
		height: 175px;
		margin-bottom: 6px;
		}

	.box_3{
		background-color: rgba(255,255,255,0.7);
		height: 169px;
		margin-bottom: 6px;
		}

	.box_4{
		overflow: hidden;
		}

	.inset{
		padding: 20px 30px;
		}

	.box_4 a{
		display: block;
		padding: 0px;
		padding: 20px 30px;
		font-size: 14px;
		text-transform: uppercase;
		background-color: rgba(255,255,255,0.7);
		}

	.box_4 a:hover{
		color: #fff;
		background-color: rgba(0,0,0,0.7);
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Font
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	.box_left h1{
		font-size: 20px;
		text-transform: uppercase;
		color: #fff;
		}

	.box_left p{
		font-size: 12px;
		line-height: 20px;
		color: #fff;
		}

	.box_right h2{
		font-size: 14px;
		text-transform: uppercase;
		color: #333;
		}

	.box_right p{
		font-size: 12px;
		line-height: 20px;
		color: #333;
		}

	#imprint h3{
		font-size: 14px;
		padding-bottom: 15px;
		}

	#imprint p{
		padding-bottom: 30px;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Imprint
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#imprint{
		position: relative;
		margin: 0 auto;
		width: 1000px;
		background-color: rgba(255,255,255,0.9);
		overflow: hidden;
		}


	.impressum ul{
		width: 100%;
		display: none;
		}

	.impressum li{
		float: left;
		background-color: rgba(255,255,255,0.7);
		margin-bottom: 10px;
		padding: 20px;
		}

	.impressum  .i_title{
		font-size: 12px;
		margin-bottom: 5px;
		color: #fff;
		}

	.impressum  .i_content{
		font-size: 10px;
		color: #999;
		}

	.button_impressum a{
		float: left;
		display: block;
		background: #25273E url("../img/icon_arrow2.gif") no-repeat 0px 12px;
		color: #fff;
		padding: 10px 5px 10px 20px;
		}

	.close{
		position: absolute;
		top: 0px;
		right: 0px;
		background: #333;
		color: #fff;
		padding: 20px;
		cursor: pointer;
		}

	.close_bottom{
		position: absolute;
		bottom: 0px;
		right: 0px;
		background: #333;
		color: #fff;
		padding: 20px;
		cursor: pointer;
		}

	.footer{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px 0;
		background-color: rgba(0,0,0,0.7);
		}

	.footer .inner{
		max-width: 1000px;
		margin: 0 auto;
		}

	.footer .inner a{
		color: #fff;
		margin-right: 20px;
		}

	.button_back{
		max-width: 1000px;
		margin: 0 auto;
		background-color: rgba(0,0,0,0.7);
		}

	.button_back a{
		color: #fff;
		font-size: 18px;
		padding: 20px 30px;
		display: block;
		}