/* general stuff */
/*****************/
html {
  min-height: 100%; /* suppress "jumping" pages; ensure the vertical scrollbar is always visible */
}
body {
	background-color: #FFFFFF;
	margin: 0px;
}

/* common text formating; /*/
/* define rule for "p" and "td" as well, as some browsers don't apply "body" font settings to all texts */
body, p, td, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 11pt;
	font-weight: normal;
	font-variant: normal;
}
body, p, td {
	color: black;
	text-decoration: none;
	
}

table {
	border: none; /* our tables don't need borders */
}

/* links */
a {
	font-weight: normal; /* links are bold by default */
	text-decoration: none; /* links have an underline by default */
}
@media screen { a {
	color: #006699;
}}
@media print { a {
	color: black;
}}
@media screen { a:hover { /* hover feedback is necessary only for screen */
	color: #999999;
	text-decoration: underline;
}}


/* global positioning */
/**********************/
/* outmost frame */
@media screen {	#frame {
	width: 980px;       /* virtual screen width; keep #menu:width, and #content:width in sync */
											/* for Firefox and IE 6 we could go up to 995px but on IE 5 980px was the maximum */
	margin-right: left; /* centers the whole site */
	margin-left: left;  /* centers the whole site */
}}
@media print { #frame {
	width: 100%;
}}

/* logo */
#logo {
	width: 189px;
	height: 55px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 228px;
}
@media print { #logo {
	margin-left: 0cm;
}}
#bollo {
	float: left;
	width: 49px;
	height: 55px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 35px;
}	
/* menu */
#menu {
	float: left;
	width: 228px;
	background-color: #000099;
	border-top-style: solid;
	border-top-color: #FFCC33;
	border-width: 1px;
}
@media print { #menu { /* switch off the whole menu for printing */
	display: none;
}}
#menu ul.menu1 {
	height: 200px;
}

/* content */
#content {
	padding-left: 24px;
	vertical-align: top;
	border-top-style: solid;
	border-top-color: #FFCC33;
	border-width: 1px;
}
@media screen {
	#content {
		float: right;
		width: 726px;
		height: 433px; /* IE hack for min-height; IE doesn't interpret min-height */
		min-height: 440px;
	}
	#content[id] { /* IE hack for min-height; set back all browser excl. IE */
		height: auto;
	}
}
@media print { #content {
	height: 100%; /* at least IE is able to stretch the line till the text end on all pages */
}}


/* menu */
/********/
#menu ul {
	list-style-type: none;
	margin: 0px 0px 20px; /* remove left margin */
	padding: 10px; /* remove left margin */
	text-indent: 10pt;
}
#menu ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-indent: 20pt;
}
#menu a {
	font-weight: normal; /* links are bold by default */
	text-decoration: none; /* links have an underline by default */
	color: #FFFFFF;
}
#menu li {
	color: #FFFFFF;
	font-weight: bold;
	cursor: default; /* keep default cursor for non-links in menu instead switching to text cursor */
}
#menuPicture {
	width: 185px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	border-width: 2px;
}
#vino {
	border-top-style: solid;
	border-top-color: #FFCC33;
	border-width: 2px;
}
#agri {
	width: 240px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	border-width: 2px;
}
#agri1 {
	float:left;
	width: 240px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	border-width: 2px;
}
#agri2 {
	width: 200px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	border-width: 2px;
}
#det p {
	font-size: 7pt;
	line-height: 10pt;
}

/* content */
/***********/
h1,h2 {
	font-weight: bold;
	}
h1 {
	margin-top: 10px;
	color: #000099;
	font-size: 15pt;
	line-height: 25pt;
}
h2 {
	font-size: 12pt;
	line-height: 17pt;
}
h3 {
	color: #000099;
	font-size: 12pt;
	line-height: 17pt;
}
h4 {
	color: #000099;
	font-size: 11pt;
	line-height: normal;
}
h5 {
	color: #FFFFFF;
	font-size: 12pt;
	line-height: 17pt;
}
/* Quotations */
.quote {
	font-size: 11pt;
	line-height: 16pt;
	font-weight: bold;
	margin-left: 20px; /* uncomment in case you want the quotes to be centered */
/*	text-align: center; */ /* just uncomment if you want the quotes to be centered */
}
.quote img {
	margin-left: 8px;
	margin-right: 8px;
}

#i2 table p {
	font-size: 12pt;
} 

/* notice */
/**********/
#notice {
	background-image: url(img/notice/backb.jpg);
	background-repeat: repeat-y;
	float: right;
	width: 212px;
	margin-left: 20pt;
	}
#noticeTop,
#noticeContent,
#noticeBottom {
	width: 212px;
	float: left;
}
#noticeTop {
	height: 92px;
	text-indent: 21pt;

	color: #000099;
	font-weight: bold;
	font-size: 12pt;
	line-height: 95pt; /* hack to get place the text further down */

	background-image: url(img/notice/topb.jpg);
}
#noticeBottom {
	height: 41px;
	background-image: url(img/notice/bottomb.jpg);
}
#notice p,
#notice a {
	font-size: 8pt;
	line-height: 12pt;
}
#notice p {
	padding: 0px 30px;
	color: #000099;
}
#notice a {
	color: #000099;
}
#notice a:hover {
	color: #CCCCCC;
}


/* employees */
/*************/
#employees {
	margin: 0px; /* remove left margin */
	padding: 0px; /* remove left margin */
	list-style-type: none;
}
#employees li {
	float: left;
	margin-right: 30px;
}


/* contact */
/***********/
table.contact th {
	width: 80px;
	text-align: left;
	font-weight: normal;
}


/* contact sheet */
/*****************/
/*TODO:tableless form
#contactSheet br,
#contactSheet p {
	clear: both;
}
#contactSheet label,
#contactSheet input,
#contactSheet select,
#contactSheet textarea {
	display: block;
	float: left;
	margin-bottom: 5px;
}
#contactSheet input,
#contactSheet select,
#contactSheet textarea {
	color: white;
	background-color: #0066CC;
	border: 1px solid #CCCCCC;
}
#contactSheet input.checkbox {
	background-color: white;
	border: none;
}
#contactSheet .contact label,
#contactSheet .message label {
	width: 120px;
}
#contactSheet .interests label,
#contactSheet .interests input,
#contactSheet .interests select,
#contactSheet .interests textarea {
	margin-top: 3px;
	margin-bottom: 3px;
}
#contactSheet .interests label {
	width: 220px;
}
#contactSheet .interests label.andere {
	width: 100px;
}
#contactSheet p.interests {
	margin-top: 20px;
	margin-bottom: 40px;
}
#contactSheet p.buttons {
	margin-top: 100px;
	margin-left: 120px;
#contactSheet input,
#contactSheet select,
#contactS#aktionen table td {
	font-size: 7pt;
	line-height: 11pt;
}
#aktionen table p {
	font-size: 9pt;
	line-height: 13pt;
}
/* Adress */
/************/
#adr p {
	font-size: 7pt;
	line-height: 10pt;
	color: #FFFFFF;
	margin-left: 20px;
}
#adr a {
	font-size: 8pt;
	line-height: 11pt;
	color: #FFFFFF;
}

/* partners */
/************/
#partners {
	margin: 0px; /* remove left margin */
	padding: 0px; /* remove left margin */
	list-style-type: none;
}
#partners li {
	margin-bottom: 30px;
	border: 1px solid white; /* IE hack for correct block alignment */
}
/* logo */
#partners .logo {
	float: left;
	margin-right: 20px;
}
#partners .description {
	margin-left: 176px; /* adjust to tallest logo + 20px*/
}
#partners .description h2 {
	font-size: 12pt;
	line-height: 17pt;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
@media screen { #partners a:hover h2 { /* hovering is necessary only for screen */
	color: #999999;
	text-decoration: underline;
}}