@media screen, projection {
	* {
		margin: 0;
		padding: 0;
	}
	html, body { height: 100%; }
	div#site {
		background: url(../media/Image/layout/subhead_bg.png) repeat-x bottom;
		width: 900px;
		top: 30px;
		margin: auto;
		padding: 26px 0 26px 0;
	}
	div#head { width: 100%; }
	#head h1, #head h2, #head address, #subhead img, #nav_wrapper, #content, #sitebar { float: left; }
	#head h1 {
		background: url(../media/Image/layout/logo2.png) no-repeat;
		height: 73px;
		text-indent: -999px;
		width: 292px;
	}
	#head h2 {
		background: url(../media/Image/layout/bauchemie.png) no-repeat;
		height: 73px;
		text-indent: -999px;
		width: 218px;
	}
	#head address {
		background: url(../media/Image/layout/1px_tuerkis_dunkel.jpg);
		color: #fff;
		font: 9px/12px arial, helvetica, sans-serif;
		height: 23px;
		margin-top: 25px;
		padding-top: 25px;
		width: 390px;
	}
	#head address span { margin-left: 3px; }
	#subhead {
		background: url(../media/Image/layout/subhead_bg.png) repeat-x bottom;
		padding: 5px 0 20px 0;
	}
	#body { background: url(../media/Image/layout/nav_bg.png) repeat-y; }
	#content {
		color: #3e3e40;
		font: 12px/18px arial,helvetica,sans-serif;
		padding: 30px 40px 40px 40px;
		width: 460px;
	}
	#sitebar {
		color: #000000;
		font: 12px/18px arial,helvetica,sans-serif;
		width: 180px;
	}
	#sitebar div, #sitebar img { margin-bottom: 5px; }
	#controller {
		background: #eceded;
		height: 80px;
		width: 148px;
		padding: 34px 16px 16px 16px;
	}

/*  Typografie  */
	#content h1 {
		color: #14a1af;
		font: bold 16px/20px arial,helvetica,sans-serif;
		margin-bottom: 10px;
	}

	#content h2 {
		color: #14a1af;
		font: 13px/16px arial,helvetica,sans-serif;
		margin-bottom: 10px;
	}

	#content h3 {
		color: #3e3e40;
		font: bold 12px/14px arial,helvetica,sans-serif;
		margin-bottom: 10px;
	}

	strong { font-weight: bold; }

	#content a:link, #content a:visited {
		color: #14a1af;
		text-decoration: none;
	}
	#content a:hover {
		color: #000000;
		text-decoration: none;
	}

	a.back:link, a.back:visited,
	a.down:link, a.down:visited {
		color: #3e3e40 !important;
		padding-left: 18px;
	}
	a.back:hover, a.down:hover {
		color: #14a1af !important;
		padding-left: 18px;
	}

	a.back {
		background: url(../media/Image/layout/button_back.png) no-repeat 0px 2px;
	}

	a.down {
		background: url(../media/Image/layout/button_down.png) no-repeat 0px 2px;
	}

/*  Navi-Formatierungen  */
	#nav_wrapper {
		width: 180px;
		height: 400px;
	}
	#navigation {
		list-style-type: none;
		width: 180px;
		height: 400px;
	}
	#navigation li {
		padding: 0 0 2px 0;
		background: #ffffff;
	}
	#navigation li .prim, #navigation li .prim_activ {
		font: normal 13px/15px arial, helvetica, sans-serif;
		display: block;
		width: 160px;
		height: 21px;
		background: #c2c2c2;
		padding: 4px 0 0 20px;
		text-decoration: none;
		color: #3e3e40;
	}
	#navigation li .prim:hover, #navigation li .prim_activ {
		background: #14a1af;
		color: #ffffff;
	}
	.seku_navi {
		list-style-type: none;
		padding: 2px 0 0 0;
	}
	.seku_navi li { padding: 0 0 2px 0; }
	.seku_navi .last { padding: 0 0 0 0 !important; }
	.seku_navi li .seku, #navigation li .seku_activ {
		font: normal 13px/15px arial, helvetica, sans-serif;
		display: block;
		width: 140px;
		height: 21px;
		background: #c2c2c2;
		padding: 4px 0 0 40px;
		text-decoration: none;
		color: #3e3e40;
	}
	#navigation li .seku:hover, #navigation li .seku_activ {
		background: #14a1af;
		color: #ffffff;
	}

/*  Suchformular Mini  */
	#searchfor {
		border: solid 1px #6a6a6b;
		width: 124px;
		height: 15px;
	}
	#submit {
		background: url(../media/Image/layout/button_suche.png);
		border: 0;
		cursor: pointer;
		height: 16px;
		margin-left: 2px;
		width: 16px;
	}

/*  Sprachauswahl  */
	#lg {
		border: solid 1px #6a6a6b;
		width: 126px;
		height: 17px;
	}
	#submit_lg {
		background: url(../media/Image/layout/button_sprache.png);
		border: 0;
		cursor: pointer;
		height: 16px;
		margin-left: 2px;
		width: 16px;
	}

/*  News Box Startseite  */
	div.newsbox {
		margin-top: 40px;
		width: 340px;
	}
	div.newsbox h3 {
		background: #d0ecef;
		color: #14a1af;
		font: normal 13px/16px arial, helvetica, sans-serif;
		margin-bottom: 4px;
		padding: 2px 0 2px 6px;
	}
	div.newsbox p {
		border: solid 1px #d9dadb;
		padding: 20px 10px 20px 10px;
	}

/*  Referenzen  */
	table.ref_tbl {
		width: 460px;
	}
	.ref_tbl .left {
		background: #e8f6f7;
		padding: 6px;
		width: 90px;
	}
	.ref_tbl .middle {
		background: #eceded;
		margin: 0 6px 0 6px;
		padding: 6px;
		width: 192px;
	}
	.ref_tbl tr {
		display: block;
		padding-bottom: 4px;
	}
	.ref_tbl img {
		border: 0;
	}

/*  Kundenlogin  */
	#login {
		padding-top: 30px;
	}
	#login label {
		display: block;
		padding-top: 6px;
	}
	#login .input {
		border: solid 1px #6a6a6b;
		width: 146px;
		height: 17px;
	}
	#registration {
		padding-top: 30px;
	}
	#registration div {
		padding-bottom: 6px;
	}
	#registration div label {
		display: block;
		float: left;
		width: 160px;
	}
	#password {
		padding-top: 30px;
	}
	#password div {
		padding-bottom: 6px;
	}
	#password div label {
		display: block;
		float: left;
		width: 140px;
	}
	#logged_in {
		padding-top: 30px;
	}

/*  Produkte  */
	#prod_nav {
		width: 100%;
		padding-bottom: 16px;
	}
	#prod_nav div {
		float: left;
		width: 50%;
	}
}