/* ****** css: drinks & food redaktion ****** */

/*beige: #FFFFEE						#F3E1C6		#F1E8DB			*/
/*brown-middle: #660000		dark-brown: #520B0B	*/
/*red:		d&f:	#B70F1C		border, buttons:	#C5111F		*/
body {
	margin:0px;
	padding: 7px 0px 0px 0px;
	background-color:#000;
	color:#FFFFEE;
	font-family:Verdana,Tahoma,Arial, Helvetica, sans-serif;
	font-size:70%;
	scrollbar-face-color:#000;
	scrollbar-base-color:#000;
  	scrollbar-arrow-color:#000;
  	scrollbar-track-color:#000;
  	scrollbar-shadow-color:#C5111F;
  	scrollbar-highlight-color:#C5111F;
	scrollbar-3dlight-color:#000;
  	scrollbar-darkshadow-Color:#000;
}

/* ************************************************************************************* */
/* *********************************** UTILITIES ************************************* */
/* ************************************************************************************* */
img {
	border:none;
}

a:link,
a:visited,
a:active {
	color:#FFFFEE;
	text-decoration: none;
}

a:hover,
a:focus {
	color:#FFFFEE;
	text-decoration: underline;
}

td {
	vertical-align: top;
}

.right {
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.black {
	color: #000;/*#660000;*/
}

/* ************************************************************************************* */
/* ************************************* INTRO *************************************** */
/* ************************************************************************************* */
td.intro {
	vertical-align: middle;
	text-align: center;
}

div.introfoot {
	margin:7px 0px 0px 0px;
	width:100%;
	padding:4px 0px 4px 201px;
	border-top:1px solid #C5111F;
	border-bottom:1px solid #C5111F;
}

table.introcontent {
	margin:0px;
	width:100%;
	height:350px;
	padding:0px;
	border-top:4px solid #C5111F;
	border-bottom:4px solid #C5111F;
	background-color:#B70F1C;
}


/* ************************************************************************************* */
/* ************************************** DIVs **************************************** */
/* ************************************************************************************* */
/* Abstände:
LOGO: sitzt am oberen Rand ohne padding; Abstand bestimmt sich ueber schwarzen inneren Rand des Bildes
DIV PORTFOLIO NAVIGATION: nach oben zu body
DIV MAIN NAVIGATION: nach oben zu div portfolionav, nach unten zu div content
CONTENT: gar nicht
LINK to IMPRINT: nach oben zu div content */

/* ************************************* LOGO *************************************** */
img.logo {
	position:absolute;
	left:33px;
}

/* ************************  DIV PORTFOLIO NAVIGATION ************************* */
div.portfolionav {
	width:100%;
	padding: 5px 0px 0px 201px;
}

img.portfolionav {
	border: 1px solid #B70F1C;
	height:76px;
}

img.imageNav {
	border: 1px solid #B70F1C;
	width: 128px;
	height: 76px;
}

/* ****************************  DIV MAIN NAVIGATION ***************************** */
div.mainnav {
	margin-top: 6px;
	margin-bottom: 7px;
	width:1024px;
	padding:4px 0px 4px 201px;
	border-bottom:1px solid #C5111F;
	border-top:1px solid #C5111F;
}

/* ACTIVE links */
a.mainnavact:link,
a.mainnavact:visited,
a.mainnavact:active {
	padding:4px 0px;
	border-left:1px solid #C5111F;
	border-right:1px solid #C5111F;
	background-color:#B70F1C;
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing:3px;
}

a.mainnavact:hover,
a.mainnavact:focus {
	text-decoration:none;
}

/* PASSIVE links */
a.mainnavpas:link,
a.mainnavpas:visited,
a.mainnavpas:active {
	padding:4px 0px;
	border-left:1px solid #C5111F;
	border-right:1px solid #C5111F;
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing:3px;
}

a.mainnavpas:hover,
a.mainnavpas:focus {
	background-color:#B70F1C;
	text-decoration:none;
}

/* *******************************  LINK to IMPRINT  ***************************** */
div.foot {
	margin:7px 0px 0px 0px;
	width:1024px;
	padding:4px 0px 4px 201px;
	border-top:1px solid #C5111F;
	border-bottom:1px solid #C5111F;
}

a.foot:link,
a.foot:visited,
a.foot:active {
	padding:4px 0px;
	border-left:1px solid #C5111F;
	border-right:1px solid #C5111F;
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing:3px;
}

a.foot:hover,
a.foot:focus {
	background-color:#B70F1C;
	text-decoration:none;
}

/* *********************************** CONTENT ************************************* */
/* width of cells fixed in welcome.inc.php */
table.content {
	margin:0px;
	width:1024px;
	height:350px;
	padding:0px;
	border-top:4px solid #C5111F;
	border-bottom:4px solid #C5111F;
	background-color:#B70F1C;
}

/* ****** CONTENT LEFT ****** */
td.leftside {
	padding: 9px 20px 10px 3px;
	width:175px;
	font-size: 65%;
}

/* ****** CONTENT CENTER ****** */
td.middle {
	padding:7px 0px 10px 0px;
	font-size: 80%;
}

div.spread {
	width:664px;
	margin:0px;
	padding: 0px;
}

/* ************************* SUB-NAVIGATION CONTENT LEFT ************************* */
/* ACTIVE links */
a.leftact:link,
a.leftact:visited,
a.leftact:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: bold;
}

a.leftact:hover,
a.leftact:focus {
	text-decoration:none;
}

/* PASSIVE links */
a.leftpas:link,
a.leftpas:visited,
a.leftpas:active {
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000; /* dark-brown: #520B0B	*/
	font-weight: bold;
}

a.leftpas:hover,
a.leftpas:focus {
	color:#FFFFEE;
	text-decoration:none;
}

/* *********************************** HEADLINES **********************************  */
h1 {
	margin: 0px 0px 20px 0px;
	font-size: 120%;
	letter-spacing: 0.7px;
	font-weight:bold;
}

h2 {
	margin: 0px 0px 5px 0px;
	font-size: 100%;
	letter-spacing: 0.7px;
	font-weight: bold;
}

/* ************************************* HOME *************************************** */
/* vertical distance div-content - first news-head */
.distancehome {
	margin-top: 0px;
}

a.home {
/*	text-decoration: underline;*/
font-style: italic;
font-size: 85%;
}

/* *********************************** PARTNER ************************************** */
h2.partner {
	margin: 0px 0px 15px 0px;
	font-size: 115%;
	letter-spacing: 0.7px;
	font-weight: bold;
}
/* PASSIVE links */
a.partner:link,
a.partner:visited,
a.partner:active {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFEE;
	font-weight: bold;
}

a.partner:hover,
a.partner:focus {
	text-decoration: underline;
}

/* *********************************** IMPRINT  and JOB************************************** */
table.center {
	margin:10px 0px 5px -3px;
	padding:0px;
	font-size:100%;
}

td.text {
	vertical-align: bottom;
	width: 100%;
}
td.imprint {
	vertical-align: bottom;
}

td.head {
	font-weight: bold;
}

img.passage {
	margin: 10px 0px;
}

/* ************************************* JOB **************************************** */
h1.job {
	margin: 30px 0px 20px 0px;
	font-size: 110%;
	letter-spacing: 0.7px;
	font-weight: bold;
}

h2.job {
	margin: 5px 0px 12px 0px;
	font-size:135%;
	font-weight: 900;
}

/* **************************** NEWS SUB-NAVIGATION ***************************** */
/* ACTIVE links */
a.newsact:link,
a.newsact:visited,
a.newsact:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: normal;
}

a.newsact:hover,
a.newsact:focus {
	text-decoration:none;
}

/* PASSIVE links */
a.newspas:link,
a.newspas:visited,
a.newspas:active {
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: normal;
}

a.newspas:hover,
a.newspas:focus {
	color:#FFFFEE;
	text-decoration:none;
}

.newsSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	text-transform: uppercase;
	letter-spacing: 6px;
	margin: 0px 0px 15px 0px;
}

/* ********************************** NEWS ************************************ */
.newsInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0px 0px 5px 0px;
}

/* ******************** SUB-PORTFOLIO & SUB_PROMOTION  ********************** */
/* ****** ACTIVE LINKS: white ****** */
/* 1. layer */
.upperBoldAct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: bold;
	color:#FFFFEE;
	margin-left: 0px;
}
.portfolioSmaller {
	font-size: 80%;
}

/* 2. layer */
.upperNormalAct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: normal;
	color:#FFFFEE;
	margin: 7px 0px 5px 0px;
}

/* 3. layer */
.normalAct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: normal;
	color:#FFFFEE;
	margin: 1px 0px 1px 8px;
}

/* 4. layer */
.underlineAct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	color:#FFFFEE;
	margin: 1px 0px 1px 16px;
}

/* 5. layer */
.pointAct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: normal;
	color:#FFFFEE;
	margin: 1px 0px 1px 24px;
}

/* distance between active and passive layers */
img.portfolioImg {
	width: 1px;
	height: 7px;
}

/* ************ PASSIVE LINKS: black ************ */

/* 1. layer */
a.upperBoldPas:link,
a.upperBoldPas:visited,
a.upperBoldPas:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: bold;
	color:#000;
}

a.upperBoldPas:hover,
a.upperBoldPas:focus {
	color:#FFFFEE;
	text-decoration:none;
}

/* 2. layer */
a.upperNormalPas:link,
a.upperNormalPas:visited,
a.upperNormalPas:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: normal;
	color:#000;
}

a.upperNormalPas:hover,
a.upperNormalPas:focus {
	color:#FFFFEE;
	text-decoration:none;
}

/* 3. layer */
a.boldPas:link,
a.boldPas:visited,
a.boldPas:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: normal;
	color:#000;
}

a.boldPas:hover,
a.boldPas:focus {
	color:#FFFFEE;
	text-decoration:none;
}

div.boldPas {
	margin: 0px 0px 0px 8px;
}

/* 4. and 5. layer */
a.normalPas:link,
a.normalPas:visited,
a.normalPas:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: normal;
	color:#000;
}

a.normalPas:hover,
a.normalPas:focus {
	color:#FFFFEE;
	text-decoration:none;
}

/* 4. layer */
div.normalPas {
	margin: 0px 0px 0px 16px;
}

/* 5. layer */
div.point {
	margin: 0px 0px 0px 24px;
}

/* ********************************** PORTFOLIO ************************************ */
/* text and small image */
img.portfolioimage {
	margin-left: 20px;
	float: right;
}

/* no text, just 1 big image */
div.portfolioimage {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom:0px;
	margin-top:0px;
}

/* ********************************** PRODUCTs ************************************ */
a.url:link,
a.url:visited,
a.url:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 85%;
	letter-spacing: 0.7px;
	font-weight: bold;
}
a.url:hover,
a.url:focus{
	color:#FFFFEE;
	text-decoration:none;
}

div.producttop {
	margin-top: 0px;	/* 15*/
	padding-top: 0px;
	float: none;
}

div.product {
	padding-top: 0px;
	float:left;
	width:400px;
	margin-right:10px;
}

div.h1product {
	margin: 0px 0px 15px 0px; /* 10px 0px 15px 0px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	letter-spacing: 0.7px;
	font-weight: bold;
	width:400px;
}

div.h2product {
	margin: 12px 0px 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: 0.7px;
	font-weight: bold;
}

div.h3product {
	margin: 30px 0px 5px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: 0.7px;
	font-weight: bold;
}

table.data {
	padding: 0px;
	margin: 0px 10px 15px -2px;
	border: none;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	letter-spacing: 0.7px;
	font-weight: bold;
}

td.product {
	padding: 5px;
	width: 120px;
	text-align: right;
	border: 1px solid #660000;
	font-weight: bold;
	color: #000;
}

td.value {
	padding: 5px;
	border: 1px solid #660000;
	border-left: none;
	font-weight: normal;
	width: 110px;
}

td.valuetext {
	padding: 5px;
	border: 1px solid #660000;
	border-left: none;
	color: #000;
	width: 110px;
}

table.download {
	padding: 0px;
	margin: 0px 0px 15px -2px;
	width: 220px;
	border: none;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	letter-spacing: 0.7px;
	font-weight: bold;
}
td.download {
	text-align:right;
	padding: 5px;
	text-align: right;
	border: 1px solid #660000;
	font-weight: bold;
	color: #000;
}
td.disk {
	padding: 5px;
	border: 1px solid #660000;
	border-left: none;
	font-weight: normal;
	width:21px;
}

div.portright {
	margin-left: 626px;
}

/* ********************************* PROMOTION ************************************* */
.kursiv {
	font-style: italic;
}

.promotion {
	margin:10px 0px;
}

img.promotion {
	margin-top: 10px;
}


/* LINKS ACTIVE */
div.promoact1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}

div.promoact2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
	margin: 2px 0px 0px 6px;
}

div.promoact3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
	margin: 2px 0px 0px 12px;
}


/* LINKS PASSIVE */
a.promopas1:link,
a.promopas1:visited,
a.promopas1:active {
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: bold;
}

a.promopas1:hover,
a.promopas1:focus {
	color:#FFFFEE;
	text-decoration:none;
}

div.promopas1 {
	margin: 0px 0px 8px 0px;
}

a.promopas2:link,
a.promopas2:visited,
a.promopas2:active {
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: normal;
}

a.promopas2:hover,
a.promopas2:focus {
	color:#FFFFEE;
	text-decoration:none;
}

div.promopas2 {
	margin: 2px 0px 0px 6px;
}

a.promopas3:link,
a.promopas3:visited,
a.promopas3:active {
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: normal;
}

a.promopas3:hover,
a.promopas3:focus {
	color:#FFFFEE;
	text-decoration:none;
}

div.promopas3 {
	margin: 2px 0px 0px 12px;
}


img.promosubdist{
	width: 1px;
	height: 7px;
}


/* *********************************** ADDRESS ************************************** */

h1.address {
	margin: 0px 0px 20px 0px;
	font-size: 120%;
	letter-spacing: 0.7px;
	font-weight:bold;
}

h1.division {
	text-transform:uppercase;
	margin: 0px 0px 5px 0px;
	font-size: 90%;
	letter-spacing: 0.7px;
	font-weight: bold;
}

h1.talkto {
	margin-top: 40px;
	margin-bottom: 20px;
}

/* ******************************** CONTACT FORM ********************************* */
h1.form {
	margin: 0px 0px 20px 0px;
	font-size: 100%;
	letter-spacing: 0.7px;
	font-weight:normal;
}

input {
	padding:2px;
	height: 24px;
	width: 450px;
	border: 1px solid #000;
	background-color: #B70F1C;
	color: #FFFFEE;
}

.button	{
	margin-left: 360px;
	padding:0px;
	width: 90px;
	height: 24px;
	cursor:pointer;
	padding:0px;
	border:1px solid #660000;
	background-color:#FFFFEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#C5111F;
	font-weight: normal;
}

textarea	{
	padding:2px;
	width: 450px;
	height: 150px;
	color: #FFFFEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	background-color: #B70F1C;
	scrollbar-face-color: #B70F1C;
	scrollbar-arrow-color: #B70F1C;
	scrollbar-track-color: #B70F1C;
	scrollbar-shadow-color: #000;
	scrollbar-highlight-color: #000;
	scrollbar-3dlight-color: #B70F1C;
	scrollbar-darkshadow-Color: #B70F1C;
}

/* ******************************** SEARCH ********************************* */
.inputsearch {
	width: 150px;
	padding:2px;
	height: 24px;
	border: 1px solid #000;
	background-color: #B70F1C;
	color: #FFFFEE;
}

.buttonsearch	{
	margin-left: 10px;
	padding:0px;
	width: 90px;
	height: 24px;
	cursor:pointer;
	padding:0px;
	border:1px solid #660000;
	background-color:#FFFFEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#C5111F;
	font-weight: normal;
}