/* 
 * website		    Stria - Ingenieursbüro für Großküchenplanung
 * author		    Richard Neuböck <richard@bluedog.at>
 * version		    4
 */

/* BODY */
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}

div.gap { 
	width: 1px;
	height: 50%;
	margin-bottom: -285px; /* half of container's height */
/* 	float: left; */
}

/* WRAPPER */
div.wrapper {
/* 	clear: left; */
	position: relative; /* puts container in front of distance */
	width: 920px;
	height: 570px;
	margin: 0 auto;
}

/* HEADER */
div.header {
	width: 100%;
	height: 106px;
	/*background-image: url('../images/logo.jpg');
	background-position: top left;
	background-repeat: no-repeat;*/
	text-align: left;
}

div.header h1 {
	/*display: none;*/
	margin: 0px;
	padding: 0px;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    color: rgb(153,153,153);
}

/* MAIN MENU */
div.menu {
	margin: 0px;
	height: 23px;
	border-top: 1px solid rgb(102,102,102);
	border-bottom: 1px solid rgb(102,102,102);
/* 	border: 1px solid blue; */
}

/* MAIN MENU LEFT SIDE */
div.menu ul.main {
	float: left;
	width: 60%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
/* 	border: 1px solid green; */
}

div.menu ul.main li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 4px 0px;
	border-right: 1px solid rgb(102,102,102);
/* 	border: 1px solid green; */
}

div.menu ul.main li a {
	display: block;
/* 	float: left; */
	color: rgb(153,153,153);
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color: white;
/* 	border: 1px solid green; */
}

div.menu ul.main li a:hover {
	color: rgb(51,51,51);
	background-color: white;
}

div.menu ul.main li.select {
	color: rgb(51,51,51);
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 4px 0px;
	border-right: 1px solid rgb(102,102,102);
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: white;
}

div.menu ul.main li.last {
	border-right: none;
}

/* MAIN MENU RIGHT SIDE */
div.menu ul.side {
	float: right;
	width: 30%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
/* 	border: 1px solid green; */
}

div.menu ul.side li {
	display: block;
	float: right;
	text-align: center;
	padding: 0px;
	margin: 4px 0px;
	border-left: 1px solid rgb(102,102,102);
}

div.menu ul.side li a {
	display: block;
/* 	float: left; */
	color: rgb(153,153,153);
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color: white;
}

div.menu ul.side li a:hover {
	color: rgb(51,51,51);
	background-color: white;
}

div.menu ul.side li.select {
	color: rgb(51,51,51);
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 4px 0px;
	border-left: 1px solid rgb(102,102,102);
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: white;
}


div.menu ul.side li.last {
	border-left: none;
}

/* SUBMENU */
div.submenu {
	margin: 0px;
	height: 23px;
	border-top: 1px solid rgb(102,102,102);
/* 	border: 1px solid red; */
}

div.submenu ul {
/* 	float: left; */
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	clear: none;
/* 	border: 1px solid yellow; */
}

div.submenu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 4px 0px;
	border-right: 1px solid rgb(102,102,102);
}

div.submenu ul li a {
	display: block;
/* 	float: left; */
	color: rgb(153,153,153);
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color: white;
}

div.submenu ul li a:hover {
	color: rgb(51,51,51);
	background-color: white;
}

div.submenu ul li.select {
	color: rgb(51,51,51);
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 4px 0px;
	border-right: 1px solid rgb(102,102,102);
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: white;
}

div.submenu ul li.last {
	border-right: none;
}

/* CONTENT MENU */
div.contentmenu {
	margin: 0px;
	height: 23px;
/* 	border-top: 1px solid rgb(153,153,153); */
/* 	border: 1px solid red; */
}

div.contentmenu ul {
/* 	float: left; */
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	clear: none;
/* 	border: 1px solid yellow; */
}

div.contentmenu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 4px 0px;
	border-right: 1px solid rgb(102,102,102);
}

div.contentmenu ul li a {
	display: block;
/* 	float: left; */
	color: rgb(153,153,153);
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 0px;
	/*border-right: 1px solid rgb(153,153,153);*/
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color: white;
}

div.contentmenu ul li a.back {
    margin: 0px 0px 0px 6px;
    padding: 1px 0px 1px 16px;
    background-image: url('../images/arrow_left.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

div.contentmenu ul li a:hover {
	color: rgb(51,51,51);
	background-color: white;
}

div.contentmenu ul li.select {
	color: rgb(51,51,51);
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 4px 0px;
	border-right: 1px solid rgb(102,102,102);
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: white;
}

div.contentmenu ul li.last {
	border-right: none;
}

div.contentmenu img.arrow_left {
    margin: 0px;
    padding: 0px;
    width: 11px;
    height: 11px;
    border: none;
}

/* CONTENT */
div.content {
	margin: 0px 0px 20px 0px;
	height: 345px;
	text-align: left;
}

div.content-example-hanner {
	background-image: url('../images/gastronomy/hanner_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content-example-rathaus {
	background-image: url('../images/gastronomy/rathaus_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content-example-loisium {
	background-image: url('../images/gastronomy/loisium_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content-example-allianz {
	background-image: url('../images/office/allianz_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content-example-uniqa {
	background-image: url('../images/office/uniqa_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content-example-concorde {
	background-image: url('../images/office/concorde_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content-example-barmherzige {
	background-image: url('../images/health/barmherzige_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content-example-steyr {
	background-image: url('../images/health/steyr_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content-example-baumgartner {
	background-image: url('../images/health/baumgartner_bg.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.content img {
    border: none;
}

div.content img.illustration {
	float: right;
	margin-left: 25px;
}

div.content img.preview {
	float: left;
}

div.content img.arrow_right {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 11px;
	height: 11px;
	border: none;
}

div.content div.meat {
    position: relative;
    top: -72px;
}

div.content div.imgbanner {
    position: relative;
    top: 274px;
    height: 72px;
}

div.content div.imgbanner img {
    margin: 0px 10px 0px 0px;
    padding: 0px;
    border: none;
}

div.content h3 {
	display: block;
    margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
}

div.content h3.list {
    margin: 0px 0px 5px 0px;
}

div.content h3.imgleft {
    margin: 0px 0px 5px 65px;
}

div.content h3.imgleft a {
	margin: 0px;
	padding: 0px;
	padding-right: 20px;
	color: rgb(51,51,51);
	text-decoration: none;
	background-image: url('../images/arrow_right.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

div.content h3.imgleft a:hover {
    color: rgb(120,120,120);
}

div.content a {
/*    color: rgb(51,51,51);*/
    color: rgb(120,120,120);
    text-decoration: none;
}

div.content a:hover {
/*    color: rgb(120,120,120);*/
    color: rgb(51,51,51);
}

div.content a.arrow {
    margin-right: 2px;
    padding-right: 15px;
    background-image: url('../images/arrow_right.gif');
    background-position: top right;
    background-repeat: no-repeat;
}

div.content a.arrow:hover {
    color: rgb(51,51,51);
}

div.content table {
    margin: 0px 0px 6px 0px;
    padding: 0px;
    width: 455px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    color: rgb(120,120,120);
    border-collapse: collapse;
}

div.content table th {
    margin: 0px;
    padding: 0px 10px 5px 0px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

div.content table td {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    text-align: justify;
}

div.content ul {
    margin: 0px 0px 6px 14px;
    padding: 0px;
}

div.content ul li {
    margin: 0px 0px 1px 0px;
    padding: 0px;
    color: rgb(120,120,120);
    font-size: 11px;
}

div.content p {
    margin: 0px 0px 6px 0px;
	font-size: 11px;
	color: rgb(120,120,120);
	width: 455px;
	line-height: 1.3em;
	text-align: justify;
}

div.content p.larger {
    width: auto;
}

div.content p.right {
    margin: 0px 0px 15px 0px;
    float: right;
    text-align: right;
    width: 200px;
}

div.content p.imgleft {
    width: 390px;
	margin: 0px 5px 25px 65px;
	min-height: 35px;
}

div.content p.indent {
    margin: 0px 0px 10px 42px;
    width: 413px;
    text-indent: -42px;
}

div.content p small {
    font-size: 9px;
    font-style: italic;
}

div.content span.indent {
    padding-left: 15px;
}

div.content div.imagebanner img {
    margin: 0px 15px 0px 0px;
    padding-right: 0px;
    border: none;
}