@charset 'utf-8';
@import url(reset.css);

/* Holyfields Colours
----------------------------------------------------- 

#909493 Light Gray
#E998AA Light Pink
#70C0D4 Light Blue
#E57964 Light Orange
#283239 Blue Gray
#B391BE Light Violet
#E7E3A2 Light Yellow
#B4CA8D Light Green
#998A7C Light Brown

*/

body{
	line-height: 1.4em;
}

/* Typography
----------------------------------------------------- */
a{
	text-decoration: underline;
	color: #998A7C;
}

a:hover{
	color: #283239;
}

a.download{
	padding-left: 18px;
	background: url("/img/arrow-down.png") no-repeat 0 -1px transparent;
}

h1{
	font-family:"Times New Roman",Times,serif;
	font-size:42px;
	letter-spacing:-0.02em;
	margin:30px 0 10px;
	text-shadow:0 1px 0 #EEE;
	line-height: 1em;
}

h2{
	font-family: "Times New Roman",Times,serif;
	letter-spacing:-0.02em;
	font-size:25px;
	margin-bottom: 15px;
}

p{
	font-family: Helvetica, "Arial", Trebuchet, sans-serif;
	font-size: 14px;
	color: #111;
	margin-bottom:7px;
}

.uppercase{
	text-transform: uppercase;
}

.center{
	text-align: center;
}

.caption{
	float: left;
}

/* Lists */

ul.bullet-list li{
	line-height:1.5em;
	list-style: disc outside none;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

/* Link List */
ul.link-list li {
	font-family: Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	padding: 1px 0;
	font-size: 14px;
}

ul.link-list li.first{border-top: none;}
ul.link-list li.last{border-bottom: none;}

ul.link-list li a{
	background:url("/img/arrow-right-b100.png") no-repeat scroll 10px 7px transparent;
	color:#555555;
	display:block;
	padding:4px 0 0 25px;
	text-decoration: none;
}

ul.link-list li a.pdf{
	background: url("/img/icons/icon-pdf.gif") no-repeat scroll 10px 7px transparent;
	padding:4px 0 0 30px;
	color: #998A7C;
}

ul.link-list li a.download{
	background:url("/img/arrow-down.png") no-repeat scroll 6px 7px transparent !important;
}

ul.link-list li a:hover{
	background-color: #FAFAFA;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color: #283239;
}

/* Webpages
----------------------------------------------------- */
img.bg {
	left:0;
	position:fixed;
	top:0;
	min-width: 1700px;
	min-height: 1133px;
	width: 100%;
	height: 100%;
}

/* Navigation
----------------------------------------------------- */

/* Main Nav */
nav#globalNav{
	width: 990px;
	float: left;
	margin:15px 2px
}

nav#globalNav ul.navWing{
	width: 395px;
	float: left;
	margin: 87px 0 0;
	border-top:1px solid #FFFFFF;
}

nav#globalNav ul#rightWing{
	background: url(/img/globalNavRightWing.png) top left no-repeat;
}

nav#globalNav ul#leftWing{
	background: url(/img/globalNavLeftWing.png) top left no-repeat;
}

nav#globalNav ul li{
	float:left;
	margin-top:68px;
	position:relative;
	z-index:1000 !important;
}

nav#globalNav ul li a{
	display:block;
	height:55px;
	text-indent:-9999px;
	width:130px;
}

/* States */

nav#globalNav ul li#gn-logo a{
	margin-top: -68px;
	height: 151px;
	width: 200px;
	background: url("/img/globalNavLogo.png") repeat scroll 0 4px transparent;
}

nav#globalNav ul li#gn-logo:hover a{
	background-position: 0 -151px;
}

/* Default State */
nav#globalNav ul li#gn-home a{width: 135px; background: url(/img/globalNavLeftWing.png) 0 4px;}
nav#globalNav ul li#gn-food a{background: url(/img/globalNavLeftWing.png) -135px 4px;}
nav#globalNav ul li#gn-drinks a{background: url(/img/globalNavLeftWing.png) -265px 4px;}
nav#globalNav ul li#gn-about a{background: url(/img/globalNavRightWing.png) 0 4px;}
nav#globalNav ul li#gn-restaurants a{background: url(/img/globalNavRightWing.png) -130px 4px;}
nav#globalNav ul li#gn-news a{width: 135px; background: url(/img/globalNavRightWing.png) -260px 4px;}

/* Hover State */
nav#globalNav ul li#gn-home a:hover{width: 135px; background: url(/img/globalNavLeftWing.png) 0 -56px;}
nav#globalNav ul li#gn-food a:hover{background: url(/img/globalNavLeftWing.png) -135px -56px;}
nav#globalNav ul li#gn-drinks a:hover{background: url(/img/globalNavLeftWing.png) -265px -56px;}
nav#globalNav ul li#gn-about a:hover{background: url(/img/globalNavRightWing.png) 0 -56px;}
nav#globalNav ul li#gn-restaurants a:hover{background: url(/img/globalNavRightWing.png) -130px -56px;}
nav#globalNav ul li#gn-news a:hover{width: 135px; background: url(/img/globalNavRightWing.png) -260px -56px;}

/* Active & Selected State */
nav#globalNav ul li#gn-home a:active,
nav#globalNav ul li#gn-home a.selected{width: 135px; background: url(/img/globalNavLeftWing.png) 0 -116px;}
nav#globalNav ul li#gn-food a:active,
nav#globalNav ul li#gn-food a.selected{background: url(/img/globalNavLeftWing.png) -135px -116px;}
nav#globalNav ul li#gn-drinks a:active,
nav#globalNav ul li#gn-drinks a.selected{background: url(/img/globalNavLeftWing.png) -265px -116px;}
nav#globalNav ul li#gn-about a:active,
nav#globalNav ul li#gn-about a.selected{background: url(/img/globalNavRightWing.png) 0 -116px;}
nav#globalNav ul li#gn-restaurants a:active,
nav#globalNav ul li#gn-restaurants a.selected{background: url(/img/globalNavRightWing.png) -130px -116px;}
nav#globalNav ul li#gn-news a:active,
nav#globalNav ul li#gn-news a.selected{width: 135px; background: url(/img/globalNavRightWing.png) -260px -116px;}

/* Sub Nav
------------------------------------------------------ */
nav#globalNav ul li div.iceberg {  
    position:absolute; /*important*/
    z-index:1000;
   	left: -9999px;
   	padding: 0 40px 40px;
   	margin: -3px -40px -40px;
} 

nav#globalNav ul li div.iceberg ul.subnav{  
  	background:url("../img/b70.png") repeat scroll 0 0 transparent !important;
  	float: left;
}

nav#globalNav ul li:hover div.iceberg {  
    left:auto;
}

nav#globalNav ul li ul.subnav li{  
    border-bottom:1px solid #333333;
    clear:both;
    padding:0;
    margin: 0;
}  

nav#globalNav ul li ul.subnav li a { 
	background-image:url("../img/arrow-right-w100.png") !important;
	background-position:7px 10px !important;
	background-repeat:no-repeat !important;
 	color:#BBB;
 	display:block;
 	float:left;
 	font-family:Helvetica,Arial,sans-serif;
 	font-size:12px;
 	height:auto;
 	letter-spacing:0.03em;
 	margin-top:0;
 	padding-bottom:2px;
 	padding-left:21px;
 	padding-top:5px;
 	padding-right: 7px;
 	text-decoration:none;
 	text-indent:0 !important;
}  
nav#globalNav ul li ul.subnav li:hover { /*--Hover effect for subnav links--*/  
    background-image: url("../img/b70.png") !important;
    background-position: top left !important;
    background-repeat: repeat !important;
} 

nav#globalNav ul li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
   	color: #FFFFFF;
} 

/* Selected States */
nav#globalNav ul li ul.subnav li.selected {background:url("../img/b70.png") repeat scroll 0 0 transparent !important;} 
nav#globalNav ul li ul.subnav li.selected a{color:#FFFFFF;} 

/* Misc */
nav#globalNav ul li a span.hint { 
   	font-size: 10px;
}



/* Individual Widths */
nav#globalNav ul li#gn-food ul.subnav li a{width: 140px;}
nav#globalNav ul li#gn-restaurants ul.subnav li a{width: 115px}

/* Meta Nav 
------------------------------------------------------ */
nav#meta-nav{
	float: right;
	background: url("../img/b70.png") repeat;
	margin-right:7px;
}

nav#meta-nav ul li{
	float: left;
}

nav#meta-nav ul li a{
	color:#BBBBBB;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:5px 15px;
	text-align:center;
	text-decoration: none;
}

nav#meta-nav ul li:hover{background:url("../img/b70.png") repeat;}
nav#meta-nav ul li a:hover{color:#FFFFFF;}

nav#meta-nav ul li.selected{background:url("../img/b70.png") repeat;}
nav#meta-nav ul li.selected a{color:#FFFFFF;}



/* Layout Framework
------------------------------------------------------ */

#wrapper{ margin: 0 auto; position:relative; overflow: hidden; width: 994px; }

#container{
	background:url("/img/w80.png") repeat scroll 0 0 transparent;
	float:left;
	margin:10px 28px 0;
	padding-bottom:25px;
	width:938px;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-moz-box-shadow:0 1px 3px #666666;
	-webkit-box-shadow:0 1px 3px #666666;
	box-shadow:0 1px 3px #666666;
}

.cat-wrapper{
	float: left;
	margin: 15px 0 30px 0;
}

.cat-wrapper h2{
	float: left;
	font-family: "Times New Roman",Times,serif;
 	font-size: 35px;
	letter-spacing: -0.02em;
	line-height: 0.8em;
	padding: 25px 0 0;
	text-shadow: 0 1px 0 #CCCCCC;
	width: 938px;
	text-align: center;
}

.cat-wrapper h3{
	font-family: "Times New Roman",Times,serif;
	letter-spacing:-0.02em;
	font-size:23px;
	margin-bottom: 15px;
}

#illu-layer{
	width:938px;
	height: 100%;
	float: left;
	padding-bottom:28px;
}

/* 1 Box */
.one{
	float: left;
	width: 906px;
	margin: 15px 15px 0;
}

/* 2 Boxes */
.half-left{
	float: left;
	width: 418px;
	padding: 15px;
	margin: 15px 7px 0 14px;
}

.half-right{
	float: left;
	width: 418px;
	padding: 15px;
	margin: 15px 14px 0 7px;
}

/* 3 Boxes */
.third{
	float: left;
	margin-left:15px;
	margin-top:15px;
	padding:15px;
	width:262px;
}

/* Hybrid 1/3 : 2/3 */
.two-thirds{
	float:left;
	margin:15px 15px 0;
	overflow:hidden;
	padding:15px;
	width:571px;
}

/* 3 Boxes */
.third-right{
	float: left;
	margin-right:15px;
	margin-top:15px;
	padding:15px;
	width:262px;
}

/* Hybrid 2/3 : 1/3 */
.two-thirds-left{
	float:left;
	margin:15px 15px 0;
	overflow:hidden;
	padding:15px;
	width:571px;
}


/* Content 
------------------------------------------------------ */
div#content{
	float: left;
}

.teaser{
	color:#333333;
	font-size:17px;
	line-height:1.5em;
	padding:15px 70px;
	text-shadow:0 1px 0 #EEE;
}




/* Tiles */
.tile{
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-moz-box-shadow:0 1px 3px #666666;
	-webkit-box-shadow:0 1px 3px #666666;
	box-shadow:0 1px 3px #666666;
	
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255, 0.9) 0%, #EEEEEE 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255, 0.9)), color-stop(100%,#EEEEEE)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 ); /* ie */
}

.tiles a{text-decoration: none;}
.tiles a:hover{color: #333;}

.third-tile{
	border: 1px solid #EEE;
	width: 262px;
	margin: 3px;
	padding:14px 14px 28px;
	float: left;
}

.group-box{
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	background: url("../img/w70.png");
}

/* UI Elements
------------------------------------------------------ */
a.btn-back{
	margin: 15px 0 0 15px;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: url("../img/btn/btn-back.png") no-repeat top left transparent;
	display: block;
	width: 142px;
	height: 33px;
	text-indent: -9999px;
}

a.btn-speisen{
	background-image: url("../img/btn/btn-back-speisen.png");
	width: 174px;
}
a.btn-restaurant{
	background-image: url("../img/btn/btn-back-restaurant.png");
	width: 193px;
}
a.btn-karriere{
	background-image: url("../img/btn/btn-back-karriere.png");
	width: 175px;
}
a.btn-karrierestandort{
	background-image: url("../img/btn/btn-back-karrierestandort.png");
	width: 177px;
}
a.btn-jobsberlin{
	background-image: url("../img/btn/btn-back-jobs-berlin.png");
	width: 110px;
}
a.btn-jobsfrankfurt{
	background-image: url("../img/btn/btn-back-jobs-frankfurt.png");
	width: 189px;
}
a.btn-ueberuns{
	background-image: url("../img/btn/btn-back-ueberuns.png");
	width: 100px;
}

a.btn-back:hover{
	background-position: 0 -33px !important;
}

a.btn-back:active{
	background-position: 0 -66px !important;
}

/* Form */
input.largeInput{
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	border:1px solid #AAAAAA;
	font-size:12px;
	height:17px;
	padding:5px 8px 4px;
	width:165px;
	-moz-box-shadow: 0 0 3px #CCCCCC inset;
	-webkit-box-shadow: 0 0 3px #CCCCCC inset;
	box-shadow: 0 0 3px #CCCCCC inset;
}

input.largeInput:focus{
	outline: none;
	-moz-box-shadow: 0 0 5px #909493 inset;
	-webkit-box-shadow: 0 0 5px #909493 inset;
	box-shadow: 0 0 5px #909493 inset;
	background: #FCFCFC;
}

input.submit-button{
	background: #AAA;
	border: 1px solid #888;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	height: 28px;
	color: #FFF;
	font-weight: bold;
	float: left;
	margin-left:3px;
}

input.submit-button:hover{
	background: #CCC;
}

input.submit-button:active{
	background: #999;
}

textarea.largeInput{
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	border:1px solid #AAAAAA;
	font-size:12px;
	height:80px;
	padding:5px 8px 4px;
	width:370px;
	-moz-box-shadow: 0 0 3px #CCCCCC inset;
	-webkit-box-shadow: 0 0 3px #CCCCCC inset;
	box-shadow: 0 0 3px #CCCCCC inset;
}

textarea.largeInput:focus{
	outline: none;
	-moz-box-shadow: 0 0 5px #909493 inset;
	-webkit-box-shadow: 0 0 5px #909493 inset;
	box-shadow: 0 0 5px #909493 inset;
	background: #FCFCFC;
}

input.securityInput{
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	border:1px solid #AAAAAA;
	font-size:12px;
	height:17px;
	padding:5px 8px 4px;
	width:40px;
	-moz-box-shadow: 0 0 3px #CCCCCC inset;
	-webkit-box-shadow: 0 0 3px #CCCCCC inset;
	box-shadow: 0 0 3px #CCCCCC inset;
}

input.securityInput:focus{
	outline: none;
	-moz-box-shadow: 0 0 5px #909493 inset;
	-webkit-box-shadow: 0 0 5px #909493 inset;
	box-shadow: 0 0 5px #909493 inset;
	background: #FCFCFC;
}

.placeholder{
	color: #AAA;
}


.dropdown{
    width:190px;
}

.small{
    font-size:12px;
}

ul.contact-form-list{
	width:500px; 
    color: #AAA;
	list-style-type:none;
    padding:0px;


}

.contact-form-list li{
	float:left;
    width:200px;
	margin: 0px;
    padding:0px;
	font-size: 17px;
}

li.fieldDescription{
    padding-top:6px;
}

.separator{
    clear:both;
    padding-top:40px;
}

li.doubleField{
    width:400px;
}

.reservierungLeft{
    float:left;
    height:600px;

}

.reservierungRight{
height:600px;

}

/* Misc
------------------------------------------------------ */


.email-
{
	display: block;
	margin: 30px 0 50px;
	font-size: 30px;
}

.no-und{
	text-decoration: none;
	color: black;
}

.top{
	background:url("../img/arrow-up.png") no-repeat scroll 0 4px transparent;
	clear:both;
	float:right;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	margin:20px 25px 10px;
	padding-left:16px;
}

.hidden{
	text-indent: -9999px;
	margin:0 !important;
}

hr{
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
	clear:both;
}

img.framed{
	border:2px solid #EEEEEE;
	-webkit-box-shadow: 0 1px 2px #999999;
	-moz-box-shadow:0 1px 2px #999999;
	box-shadow:0 1px 2px #999999;
}

/* Main-Content Styles
------------------------------------------------------ */
section#main-content section.top-section{
	float:left;
	width:100%;
	clear:both;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-moz-box-shadow:0 1px 3px #666666;
	-webkit-box-shadow:0 1px 3px #666666;
	box-shadow:0 1px 3px #666666;
	background: #FFF; 
	margin: -14px -14px 35px;
	padding: 14px 14px;
}

section#main-content section.top-section p{
	margin-bottom:21px;
}

/* Sidebars
------------------------------------------------------ */
aside.sidebar section{
	margin-bottom: 21px;
	float: left;
}

aside.sidebar p{
	font-size: 13px;
	line-height: 1.5em;
}

/* Footer 
------------------------------------------------------ */
footer#globalFooter{
	-moz-border-radius:0px 0px 3px 3px;
	-webkit-border-radius:0px 0px 3px 3px;
	border-radius:0px 0px 3px 3px;
	border-top: 1px solid #AAA;

	-moz-box-shadow:0 1px 3px #666666;
	-webkit-box-shadow:0 1px 3px #666666;
	box-shadow:0 1px 3px #666666;
	
	background:url("/img/w90.png") repeat scroll 0 0 transparent;
	color:#000;
	float:left;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	height:30px;
	margin:1px 28px 28px;
	padding:14px;
	width:910px;

}

/* Newsletter */
#mc_embed_signup{
	float: left;
}

#mc_embed_signup label{
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-right:9px;
	margin-top:4px;
}

#copyright{
	margin-top: 0.3em;
	float: right;
}

#copyright a{
	font-size: 11px;
}