@media screen , projection { /*
ELEMENTE
--------------------------------------------------
*/
	html,body {
		margin: 0;
		padding: 0;
	}
	body {
		color: #ccc;
		background-color: #000;
		font-family: 'Arial', 'Helvetica', sans-serif;
		font-size: .8em;
		line-height: 1.3em;
	}
	body.home2 {
		background-image: url('../../images/oberglas/layout/bg-body2.jpg');
		background-position: center top;
		background-repeat: repeat-x;
	}
	a img {
		border-style: none;
	}
	a,a:link,a:visited {
		text-decoration: none;
		color: #e8e8e8;
		background-color: transparent;
	}
	a:hover,a:focus,a:active {
		text-decoration: underline;
	}
	h1 {
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1.1em;
	}
	/*
--------------------------------------------------
*/
	.layer {
		clear: both;
		width: 993px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	/*
VISTA INPUTS
--------------------------------------------------
*/
	#head input.vista.empty {
		color: #999;
		background-color: #ff0;
	}
	/*
HEAD LOGO
--------------------------------------------------
*/
	#head #logo p {
		margin-top: 31px;
		margin-right: 80px;
		float: left;
	}
	/*
HEAD FORM
--------------------------------------------------
*/
	#head form {
		clear: right;
		float: right;
		margin: 5px 0 0 0;
		padding: 0;
		width: 293px; /*235*/
	}
	#head form p {
		margin: 0;
		padding: 0;
	}
	#head form #lang {
		width: 116px;
	}
	#head form #lang option {
		background-position: 2px 2px;
		background-repeat: no-repeat;
		/*padding-left: 20px;*/
	}
	/*
	#head form #lang option.de {
		background-image: url('../../images/oberglas/layout/lang-de.gif');
	}
	#head form #lang option.en {
		background-image: url('../../images/oberglas/layout/lang-en.gif');
	}
	#head form #lang option.fr {
		background-image: url('../../images/oberglas/layout/lang-fr.gif');
	}
	#head form #lang option.it {
		background-image: url('../../images/oberglas/layout/lang-it.gif');
	}*/
	#head form #search {
		width: 145px;/*90*/
		background-image: url('../../images/oberglas/layout/lupe.gif');
		background-position: 2px 1px;
		background-repeat: no-repeat;
		padding-left: 20px;
		color: inherit;
		background-color: #fff;
	}
	#head form .metanavi  {
	width: 305px;/*247*/
	}
	#head form .metanavi ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#head form .metanavi ul li {
		line-height: 3em;
		float: left;
		padding: 0 6px 0 0;
	}
	#head form .metanavi ul li a {
	margin-right: 8px;
	}
	
	#head a,#head a:link,#head a:visited {
		text-decoration: none;
		color: #7d7d7d;
		background-color: transparent;
	}
	#head a:hover,#head a:focus,#head a:active {
		text-decoration: underline;
	}
	/*
STEIERMARK
--------------------------------------------------
*/
	#steiermark {
		position: absolute;
	}
	/*
MOTIF
--------------------------------------------------
*/
	#motif {
		height: 208px;
		padding: 3px 3px;
		background-image: url('../../images/oberglas/layout/bg-motif.gif');
		background-position: left top;
		background-repeat: no-repeat;
		border-top: 10px solid black;
		margin-bottom: 0;
	}
	#motif p {
	margin: 0;
	padding: 0;
	}
	
	#motif #imagefade {
	list-style-image:none;
	list-style-type:none;
	padding:0;
	margin-top: 0px;
}
	/*
DOC-CONTROLS
--------------------------------------------------
*/
	#doc-controls #fontControls {
		background-image: url('../../images/oberglas/layout/bg_font.gif');
		background-position:left 3px;
		background-repeat: no-repeat;
		float: left;
		border: 0px solid #fff;
		margin-right: 5px;
		margin-top: -3px;
		width: 32px;
	}
	
	#doc-controls #fontControls a {
		padding-left: 3px;
	}

	#doc-controls {
		margin-top: 0;
		height: 30px;
		line-height: 20px;
		float: right;
		margin-top: 10px;
	}
	#doc-controls  .tools {
		float: right;
		margin: 0;
		padding-top: 3px;
		padding-right: 2px;
		line-height: 20px;
	}
	#doc-controls  .tools p {
		display: inline;
		margin-left: 3px;
	}
	#fontControls {
		float: right;
		margin: 0 1em 0 0;
		padding-top: 3px;
		padding-right: 4px;
		line-height: 20px;
	}
	/*
CONTENT
--------------------------------------------------
*/
	div#content {
		color: #5f5f5f;
		background-color: transparent;
	}
	div#content.home {
	padding-top: 408px;
	}
	/*
HOMECOL
--------------------------------------------------
*/
	div.homecol {
		float: left;
		width: 300px;
		margin: 0 45px 0 0;
		padding: 0;
		line-height: 1.2em;
	}
	div.homecol.last {
		margin-right: 0;
	}
	div.homecol .head {
		margin: 0;
		padding: 0;
		height: 7px;
		background-image: url('../../images/oberglas/layout/bg-homecol-head.png');
		background-position: center top;
		background-repeat: no-repeat;
	}
	div.homecol div.body {
		padding: 0 4px;
		background-image: url('../../images/oberglas/layout/bg-homecol-body.gif');
		background-position: center top;
		background-repeat: repeat-y;
		color: #fff;
		background-color: #000;
	}
	div.homecol div.body h2,
	div.homecol div.body p	{
	margin: 0;
	}
	div.homecol div.body div .teaser {
	font-size: 1.4em;
	line-height: 1.1em;
	}
	div.homecol div.body div.text {
	padding: 0 10px;
	text-align:justify;
	}
	div.homecol div.body div.image {
	margin: 5px 0;
	}
	div.homecol div.foot {
		margin: 0;
		padding: 0;
		background-image: url('../../images/oberglas/layout/bg-homecol-foot.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 7px;
	}
	div.homecol div.foot a,div.homecol div.foot a:link,div.homecol div.foot a:visited
		{
		color: #3b67a5;
		background-color: transparent;
		text-decoration: none;
	}
	div.homecol div.foot a:hover,div.homecol div.foot a:focus,div.homecol div.foot a:active
		{
		text-decoration: underline;
	}
	/*
FOOT
--------------------------------------------------
*/
	div#foot {
		clear: both;
		margin-top: 30px;
		padding-top: 35px;
		margin-bottom: 50px;
		background-image: url('../../images/oberglas/layout/bg-foot.png');
		background-position: center 25px;
		background-repeat: no-repeat;
		color: #a0a0a0;
		background-color: transparent;
	}
	div#foot address {
		float: left;
		font-style: normal;
	}
	div#foot .credits {
		margin: 0;
		float: right;
	}
	div#foot a,div#foot a:link,div#foot a:visited {
		color: #a0a0a0;
		background-color: transparent;
		text-decoration: underline;
	}
	div#foot a:hover,div#foot a:focus,div#foot a:active {
		text-decoration: underline;
	}
	/*
BOX
--------------------------------------------------
*/
	div.box {
		line-height: 1.3em;
	}
	/*
WIDE
--------------------------------------------------
*/
	div.box.wide {
		float: left;
		width: 646px;
		margin: 0;
		background-image: url('../../images/oberglas/layout/bg-box-wide-body.gif');
		background-position: center top;
		background-repeat: repeat-y;
	}
	div.box.wide .head {
		height: 5px;
		background-image: url('../../images/oberglas/layout/bg-box-wide-head.gif');
		background-position: center top;
		background-repeat: no-repeat;
	}
	div.box.wide h1 {
		margin: 0 0 .3em 0;
		padding-top: 10px;
	}
	div.box.wide .body {
		padding: 0 15px;
	}
	div.box.wide .foot {
		clear: both;
		height: 5px;
		background-image: url('../../images/oberglas/layout/bg-box-wide-foot.gif');
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	
	div.box.wide .text {
	width: 400px;
	float: left;
	line-height: 1.4em;
	text-align:justify;
	}
	
	div.box.wide .text h2 {
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.1em;
		margin-top: 1.1em;
	}
	
	div.box.wide .image {
	float: right;
	min-height: 300px;
	}
	
div.box.wide .image #imagefade {
	list-style-image:none;
	list-style-type:none;
	padding:0;
	margin-left: -200px;
}
	div.box.wide a,div.box.wide a:link,div.box.wide a:visited {
		text-decoration: underline;
		color: #666;
		background-color: transparent;
	}
	div.box.wide a:hover,div.box.wide a:focus,div.box.wide a:active {
		text-decoration: underline;
		color: #000;
		background-color: transparent;
	}
	/*
BREADCRUMBS
--------------------------------------------------
*/
	.breadcrumbs {
		margin: 0 0 0 343px;
		padding: 0;
		line-height: 1.9em;
		height: 2.1em;
		font-size: .9em;
		color: #999;
	}
	.breadcrumbs p {
		margin: 0;
		padding: 0;
	}
	/*
SPALTEN
--------------------------------------------------
*/
	#left {
		float: left;
		margin-right: 48px;
		width: 295px;
	}
	div.box.narrow.right .head,div.box.narrow.right .foot {
		height: 2px;
		padding: 0;
	}
	div.box.narrow.right .body {
		padding: 0 2px 0 3px;
	}
	div.box.narrow.right .body p {
	margin: 0;
	}
	div.box.narrow.right .body img {
		display: block;
		margin-bottom: 2px;
	}
	/*
NAVI
--------------------------------------------------
*/
	.navi ul {
		list-style-type: none;
		margin: 0 0 0.7em 0;
		padding: 0;
		line-height: 1.6em;
		font-size: 1.3em;
		font-weight: bold;
	}
	.navi ul li {
		margin: 0;
		padding: 0;
	}
	.navi ul li a {
	display: block;
	height: 1.6em;
	line-height: 1.6em;
	padding: 0 5px;
	margin: 3px 0;
	}
	.navi ul ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: .8em;
		font-weight: normal;
	}
	.navi ul ul a {
	padding-left: 1.5em;
	}
	
	.navi ul ul ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: .9em;
		font-weight: normal;
	}
	.navi ul ul ul a {
	padding-left: 2.5em;
	}
	.navi a, .navi a:link, .navi a:visited {
	color: #fff;
	background-color: transparent;
	}
	.navi a:hover, .navi a:focus, .navi a:active {
	color: #fff;
	background-color: #232223;
	text-decoration: none;

  -webkit-border-bottom-right-radius: 1px;
  -webkit-border-top-left-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -moz-border-radius-topleft: 1px;
  -moz-border-radius-topright: 1px;
  -moz-border-radius-bottomleft: 1px;
  -moz-border-radius-bottomright: 1px;

	}
	#content .navi ul li a.active {
		color: #fff;
		background-color: #58585a;
		
	-webkit-border-bottom-right-radius: 1px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 1px;
	-moz-border-radius-bottomright: 1px;
	}
	/*
TAGCLOUD
--------------------------------------------------
*/	

	#tagcloud {
	margin-top: 37px;
	height:126px;
	background-image:url('../../images/oberglas/layout/bg-tagcloud.gif');
	text-align: center;
	}
	#tagcloud a.cloud1 { font-size:13px;line-height:1.3em;padding:0 .3em; }
	#tagcloud a.cloud2 { font-size:16px;line-height:1.3em;padding:0 .3em; }
	#tagcloud a.cloud3 { font-size:19px;line-height:1.3em;padding:0 .3em; }
	#tagcloud a.cloud4 { font-size:22px;line-height:1.3em;padding:0 .3em; line-height: 1.35em; }
	#tagcloud a.cloud5 { font-size:25px;line-height:1.3em;padding:0 .3em; }



/* form wrapper */

div.box.wide .text div.formWrapper div label {
	font-family: Arial,Verdana,sans-serif;
	font-size: 1em;
	float:left;
	width:150px;
	margin-bottom: 5px;
}
div.box.wide .text div.formWrapper input.text {
	font-family: Arial,Verdana,sans-serif;
	padding: 1px;
	font-size: 1em;
	width: 230px;
	margin-bottom: 15px;
}
div.box.wide .text div.formWrapper textarea.text {
	font-family: Arial,Verdana,sans-serif;
	padding: 1px;
	font-size: 1em;
	width: 230px;
}
div.box.wide .text div.formWrapper input[type="submit"] {
  color: #464447;
  border:none;
  background: transparent;
  cursor: pointer;
  width: 80px;
  font-size: .9em;
  margin-left: 150px;
}
div.box.wide .text div.formWrapper input[type="reset"] {
  color: #464447;
  border:none;
  background: transparent;
  cursor: pointer;
  width: 120px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: .9em;
}

div.box.wide .text table {
	border: none;
}
div.box.wide .text table td {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #cccccc;
}

div.box.wide .text table caption {
	padding-left: 2px;
	text-align: left;
	font-weight: bold;
}

/* wide */
div.box.wide .textwide  {
	text-align:justify;
}
div.box.wide .textwide table {
	border: none;
}
div.box.wide .text table.noborder td {
	border: none;
	vertical-align:bottom;
}
div.box.wide .textwide table td {
	border:none;
	vertical-align:top;
}

div.box.wide .textwide table caption {
	padding-left: 2px;
	text-align: left;
	font-weight: bold;
}

div.box.wide .textwide h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: .7em;
	margin-top: 1.1em;
}

div.box.wide .textwide table td h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: .7em;
	margin-top: 1.1em;
}

/* gallery */
ul.images {
list-style-type:none;
margin-left:0;
padding-left:0;
}
ul.images li {
	width:142px;
	float:left;
	text-align:left;
	color:inherit;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align:center;
	border: 1px solid #ccc;
}
ul.images li img {
	padding: 10px;
}

div.box.wide ul.images li a {
	text-decoration:none;
}

ul.gallery { margin-left: -40px;}
ul.gallery li { display: inline;}
ul.gallery li {
	
	float:left;
	text-align:left;
	color:inherit;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align:center;
	border: 1px solid #ccc;
}
ul.gallery li img {
	padding: 10px;
}
}