/** Allgemeine HTML-Elemente
------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
}

body {
	background: #FFF url(/_Layout/bg-body.gif) repeat-x 0px 0px;
	text-align: center;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

/** verschiedene Elemente
------------------------------------------------------------------*/
div.clr-left {
	clear: left;
}

div.clr-right {
	clear: right;
}

div.clr-both {
	clear: both;
}

/** Layoutelemente
------------------------------------------------------------------*/
div#main {
	width: 750px;
	margin: 10px auto;
	text-align: left;
}

div#head {
	position: relative;
	height: 100%;
	padding: 80px 0px 0px 0px;
}

a#logo-gionatex {
	position: absolute;
	top: 5px; left: 15px;
}

div#body {
	position: relative;
	top: -30px;
	padding: 0px 20px 0px 12px;
}

div#content {
	width: 430px;
	float: left;
	margin: 0px 0px 25px 0px;
}

div#sidebar {
	position: relative;
	width: 232px;
	float: right;
	margin: 0px 0px 25px 0px;	
}

/** Metabox
------------------------------------------------------------------*/
div#metabox {
	position: relative;
	top: -64px;
	width: 320px;
	height: 70px;
	float: right;
	padding: 5px 0px;
	background: url(/_Layout/bg-metabox.gif) repeat-x 0px 0px;
}

div#metabox-left {
	position: absolute;
	top: 0px; left: 0px;
	width: 24px;
	height: 70px;
	background: url(/_Layout/bg-metabox-left.gif) repeat-x 0px 0px;
}

div#metabox-right {
	position: absolute;
	top: 0px; right: 0px;
	z-index: 2;
	width: 24px;
	height: 70px;
	background: url(/_Layout/bg-metabox-right.gif) repeat-x 0px 0px;
}

/** Sprachmenue
------------------------------------------------------------------*/
div#languagebox {
	position: relative;
	z-index: 3;
	float: right;
	padding: 5px 25px 0px 0px;
}

div#languagebox span {
	float: left;
	padding: 2px 2px 0px 0px;
	font-size: 13px;
}

div#languagebox a {
	width: 20px;
	height: 22px;
	display: block;
	float: left;
	margin: 0px 0px 0px 7px;
	background: url(/_Layout/bg-flag-de.gif) no-repeat 0px 0px;
}

div#languagebox a#en {
	background-image: url(/_Layout/bg-flag-en.gif);
}

div#languagebox a#it {
	background-image: url(/_Layout/bg-flag-it.gif);
}

div#languagebox a#de:hover,
div#languagebox a#de:active,
div#languagebox a#de:focus {
	background-image: url(/_Layout/bg-flag-de-highlight.gif);
}

div#languagebox a#en:hover,
div#languagebox a#en:active,
div#languagebox a#en:focus {
	background-image: url(/_Layout/bg-flag-en-highlight.gif);
}

div#languagebox a#it:hover,
div#languagebox a#it:active,
div#languagebox a#it:focus {
	background-image: url(/_Layout/bg-flag-it-highlight.gif);
}

/** Metamenue
------------------------------------------------------------------*/
div#metamenu {
	position: relative;
	z-index: 3;
	padding: 12px 0px 0px 12px;
	clear: right;
}

div#metamenu ul li {
	margin: 0px 5px 0px 0px;
	display: inline;
}

div#metamenu ul li a {
	padding: 0px 0px 0px 8px;
	background: url(/_Layout/bg-metamenu-link.gif) no-repeat 0px 4px;
	font-size: 10px;
	color: #535F2F;
}

div#metamenu ul li a.active,
div#metamenu ul li a:hover,
div#metamenu ul li a:active,
div#metamenu ul li a:focus {
	background-image: url(/_Layout/bg-metamenu-link-highlight.gif);
	color: #FFF;
}

/** Hauptmenue
------------------------------------------------------------------*/
div#mainmenu {
	position: relative;
	z-index: 4;
	width: 560px;
	height: 40px;
	clear: right;
	padding: 9px 0px 0px 14px;
	background: url(/_Layout/bg-mainmenu.gif) repeat-x 0px 0px;
}

div#mainmenu-left {
	position: absolute;
	top: 0px; left: 0px;
	width: 14px;
	height: 40px;
	background: url(/_Layout/bg-mainmenu-left.gif) repeat-x 0px 0px;
}

div#mainmenu-right {
	position: absolute;
	top: 0px; right: 0px;
	z-index: 2;
	width: 14px;
	height: 40px;
	background: url(/_Layout/bg-mainmenu-right.gif) repeat-x 0px 0px;
}

div#mainmenu ul.menu li {
	position: relative;
	z-index: 5;
	display: block;
	float: left;
	background: url(/_Layout/bg-mainmenu-link.gif) no-repeat right 5px;	
}

div#mainmenu ul.menu li.last-child {
	background: none;
}

div#mainmenu ul.menu li:hover {
	z-index: 10000;
	white-space: normal;
}

div#mainmenu ul.menu a {
	position: relative;
	display: block;
	color: #464646;
	padding: 4px 21px;
}

div#mainmenu ul.menu a.active,
div#mainmenu ul.menu a:hover, 
div#mainmenu ul.menu li:hover>a {
	color: #000;
}

div#mainmenu ul.menu li li {
	float: none;
	background: none;
}

div#mainmenu ul.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	top: 0px; left: 0px;
}

div#mainmenu ul.menu li:hover>ul {
	visibility: visible;
	top: 100%;
}

div#mainmenu ul.menu li li:hover>ul {	
	top: 0px;
	left: 100%;
}

div#mainmenu ul.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

div#mainmenu ul.menu, 
div#mainmenu ul.menu ul {
	min-height: 0;
}

div#mainmenu ul.menu ul {
	width: 141px;
	margin: 0px 0px 0px 7px;
	background: url(/_Layout/bg-mainmenu-submenu.gif) repeat-y 0px 0px;
}

div#mainmenu ul.menu li ul li.first-child {
	background: url(/_Layout/bg-mainmenu-submenu-top.gif) no-repeat 0px 0px;
}

div#mainmenu ul.menu li ul li.last-child {
	background: url(/_Layout/bg-mainmenu-submenu-bottom.gif) no-repeat 0px bottom;
}

div#mainmenu ul.menu li ul li a {
	padding: 4px 9px;
	color: #535F2F;
}

div#mainmenu ul.menu li ul li a.active,
div#mainmenu ul.menu li ul li a:hover,
div#mainmenu ul.menu li ul li a:active,
div#mainmenu ul.menu li ul li a:focus {
	color: #FFF;
}

/* Fix for IE5/Mac \*//*/
div#mainmenu ul.menu a {
	float: left;
}
/* End Fix */

/** Brotkruemmelnavigation
------------------------------------------------------------------*/
div#breadcrumb {
	padding: 0px 0px 0px 13px;
	font-size: 11px;
	color: #929F57;
}

div#breadcrumb ul {
	display: inline;
}

div#breadcrumb ul li {
	display: inline;
	padding: 0px 13px 0px 5px;
	background: url(/_Layout/bg-breadcrumb-link.gif) no-repeat right 5px;
	font-size: 11px;
	color: #929F57;
}

div#breadcrumb ul li.last-child {
	padding: 0px 0px 0px 5px;
	background: none;
}

div#breadcrumb ul li a {
	font-size: 11px;
	color: #FFCD00;
}

div#breadcrumb ul li a:hover,
div#breadcrumb ul li a:active,
div#breadcrumb ul li a:focus {
	text-decoration: underline;
}

/** Fussmenue
------------------------------------------------------------------*/
div#footmenu {
	position: relative;
	height: 24px;
	clear: both;
	margin: 0px -8px;
	padding: 4px 0px 0px 13px;
	background: url(/_Layout/bg-footmenu.gif) repeat-x 0px 0px;
}

div#footmenu-left {
	position: absolute;
	top: 0px; left: 0px;
	width: 8px;
	height: 24px;
	background: url(/_Layout/bg-footmenu-left.gif) repeat-x 0px 0px;
}

div#footmenu-right {
	position: absolute;
	top: 0px; right: 0px;
	width: 8px;
	height: 24px;
	background: url(/_Layout/bg-footmenu-right.gif) repeat-x 0px 0px;
}

div#footmenu span {
	font-size: 11px;
}

div#footmenu ul {
	display: inline;
	padding: 0px 0px 0px 3px;
}

div#footmenu ul li {
	display: inline;
	padding: 0px 6px 0px 10px;
	background: url(/_Layout/bg-footmenu-link.gif) no-repeat 0px 3px;
}

div#footmenu ul li a {
	font-size: 11px;
}

div#footmenu ul li a.active,
div#footmenu ul li a:hover,
div#footmenu ul li a:active,
div#footmenu ul li a:focus {
	color: #000;
}

/** Boxen in der rechten Spalte - gelbe Box
------------------------------------------------------------------*/
div.box-yellow {
	position: relative;
	height: 1%;
	padding: 10px 10px 1px 10px;
	background: url(/_Layout/bg-box-yellow.gif) repeat-y 0px 0px;
}

div.box-yellow-header {
	position: absolute;
	top: 0px; left: 0px;
	width: 232px;
	height: 4px;
	background: url(/_Layout/bg-box-yellow-top.gif) no-repeat 0px 0px;
}

div.box-yellow-footer {
	position: absolute;
	bottom: 0px; left: 0px;
	z-index: 2;
	width: 232px;
	height: 83px;
	background: url(/_Layout/bg-box-yellow-bottom.gif) no-repeat 0px 0px;
}

div.box-yellow h2,
div.box-yellow p {
	position: relative;
	z-index: 3;
	margin: 1px 0px 7px 0px;
	font-size: 12px;
	line-height: 16px;
}

div.box-yellow p a {
	font-size: 12px;
	text-decoration: underline;
}


/** HTML-Elemente im Inhaltsbereich
------------------------------------------------------------------*/
div#content h1 {
	margin: 0px 0px 15px 0px;
	font-size: 28px;
	font-weight: normal;
	color: #535F2F;
	letter-spacing: 1px;
}

div#content h2 {
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	color: #535F2F;
	letter-spacing: 1px;
}

div#content h3 {
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	color: #535F2F;
	letter-spacing: 1px;
}

div#content p {
	margin: 0px 0px 15px 0px;
	line-height: 18px;
	color: #535F2F;
}

div#content a {
	border-bottom: 1px solid #FFCC00;
	color: #535F2F;
}

div#content a:hover,
div#content a:active,
div#content a:focus {
	border-bottom: 1px solid #A0B355;
}

div#content a.extern {
	padding: 0px 0px 0px 15px;
	background: url(/_Layout/icn-extern.gif) no-repeat 1px 3px; 
}

div#content a.extern:hover,
div#content a.extern:active,
div#content a.extern:focus {
	background: url(/_Layout/icn-extern-hover.gif) no-repeat 1px 3px; 
}

div#content a.email {
	padding: 0px 0px 0px 15px;
	background: url(/_Layout/icn-email.gif) no-repeat 1px 3px; 
}

div#content a.email:hover,
div#content a.email:active,
div#content a.email:focus {
	background: url(/_Layout/icn-email-hover.gif) no-repeat 1px 3px; 
}

div#content strong {
	color: #535F2F;
}

div#content ul {
	margin: 0px 0px 15px 0px;
}

div#content ul li {
	padding: 0px 0px 0px 13px;
	background: url(/_Layout/bg-list.gif) no-repeat 2px 7px;
	line-height: 18px;
	color: #535F2F;
}


/** verschiedene Elemente im Contentbereich
------------------------------------------------------------------*/
div.img-left {
	float: left;
}

div.img-right {
	float: right;
	margin: 0px 0px 0px 5px;
}


/** Boxen im Contentbereich
------------------------------------------------------------------*/
div#content div.box-content {
	position: relative;
	padding: 2px 6px 8px 6px;
}

div#content div.box-content div.box-header {
	position: absolute;
	top: 0px; left: 0px;
	width: 460px;
	height: 3px;
}

div#content div.box-content div.box-footer {
	position: absolute;
	bottom: 0px; left: 0px;
	width: 460px;
	height: 3px;
}


/** Boxen im Contentbereich (gruen)
------------------------------------------------------------------*/
div#content div.box-content.green {
	border-right: 1px solid #A3B756;
	border-left: 1px solid #A3B756;
	background: #B9D05D;
}

div#content div.box-content.green  div.box-header {
	left: -1px;
	background: url(/_Layout/bg-box-content-green-top.gif) no-repeat 0px 0px;
}

div#content div.box-content.green  div.box-footer {
	left: -1px;
	background: url(/_Layout/bg-box-content-green-bottom.gif) no-repeat 0px 0px;
}


/** Google-Map im Kontaktbereich
------------------------------------------------------------------*/
div#google-map-wrapper {
	padding: 0px 3px;
	background: #FFF;
}

div#google-map-wrapper div#google-map-header {
	height: 3px;
	margin: 5px 0px 0px 0px;
	background: #FFF;
}

div#google-map-wrapper div#google-map-footer {
	height: 3px;
	background: #FFF;
}

div#google-map {
	width: 404px;
	height: 320px;
	padding: 3px;
	background: #FFF;
}