/*  GLOBALS Defaults  */
/*<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,700,300' rel='stylesheet' type='text/css'>*/
 
html {
overflow-y: scroll;   /* forces firefox scrollbar on */
}

body {
font-size:14px;
font-size:100%;
font-weight:300;
line-height:200%;
margin: 0em auto;
color: #636357;
padding: 0em;
letter-spacing:1px;
font-family: "Trebuchet MS", arial, sans-serif;  
font-family: 'Comfortaa', cursive;


background: #fff url(back-page.gif) repeat-y center top;
background-attachment:fixed;

}
 
 #language-menu a.menu-parent img{

filter:alpha(opacity=40); -moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;
}

#language-menu a img{
vertical-align:middle;
}
#language-menu {
position:absolute; z-index:100; top:0px; right:30px; width:auto;


}
 
 
 
 
 
 #banner{position:absolute; z-index:1000; top:0px; left:455px}

 
.rounded {
overflow:hidden;
border:50px solid #a8cf00;
-moz-border-radius:350px; 
-webkit-border-radius:350px; 
-khtml-border-radius:350px; 
border-radius:350px; 
behavior: url(/PIE.htc);

} 
.rounded_klein {
overflow:hidden;
border:20px solid #a8cf00;
-moz-border-radius:350px; 
-webkit-border-radius:350px; 
-khtml-border-radius:350px; 
border-radius:350px; 
behavior: url(/PIE.htc);

} 
a, .green {
color:#a8cf00;
text-decoration: none;
outline: none;
}
a:hover {
color:#828271;
text-decoration: underline;
} 

.grey{
color:#959484;
}


TABLE{
border-collapse: collapse;
} 
TH{
text-align: left;
} 
IMG{
border: 0px;
} 
.clear{  
clear: both;
} 
.pad60{  
padding-top: 60px;
}  
a.hidden:hover, a.hidden{ 
text-decoration: none;
}
.textBig{ 
font-size: 1.1em;
}
small{ 
font-size: .85em;
}
.red{ 
border: 1px solid #ff0000;
}

/*  global spacing */
p {
font-size: 14px;
line-height:150%;
margin: 5px 0px 15px 0px;
}

UL{
margin: 15px;
padding: 0px;
}

UL LI{
margin: 0px;
padding: 0px;
}


.fleft{
float: left;
text-align: left;
}
.fright{
float: right;
text-align: left;
}

b {font-weight:700;}

/*  Default Headlines */
H1{
color: #bbbcb0;
font-size: 2.5em;
font-weight:700;
letter-spacing:0px;
margin:0; padding:0;

}
H2{
color: #bbbcb0;
font-size: 1.5em;
letter-spacing:0px;
margin:0; padding:0;
font-weight:700;
}

H3{
color: #a8cf00;
font-size: 1.1em;
font-weight:700;
margin:10px 0 0px 0;
letter-spacing:0px;
}

h4, .new{
color: #c8d82f;
font-size: 1.2em;
font-weight: 700;

}

h5{
color: #babab0;
font-size: 1.1em;
font-weight:700;
text-transform: uppercase;
letter-spacing:0px;

}


/*  CONTAINER CSS */

DIV.container{ 
width: 1020px; 
margin: 0 auto;
position: relative;
min-height: 640px;
background:#ffffff url(back-letterbox.gif) 0 0  repeat-y;
}  


DIV.containerAllContent{
min-height: 300px;
margin: 20px 30px 0 70px;
text-align:left;
}
DIV.mainContent{
float: left;
width: 405px;
padding: 0 40px 0 40px;
} 
DIV.rightCol{
float: right;
width: 465px;
}  
 DIV.rightPics{
margin-top: 95px;
}
 DIV.rightMenu{
margin: 85px 45px 0 0;
width: 380px;
}
DIV.headerContent{

padding: 20px 40px 0 40px;
}


/*  header  */
DIV.header{  
margin: 0 auto;
position: relative;
width: 956px; 
height: 183px;
border-bottom: 2px dotted #cccccc;
} 
 
 
DIV.header IMG.logo{  
position: absolute;
top: 30px;
left:0px;
width: 333px;
height: 80px;
} 


#orderOnline { 
position: absolute;
top: 30px;
right: 0px; 
width: 135px; 
height: 85px; 
font-size: 18px;
/*text-indent: -999px;*/; 
overflow: hidden; 
background: url(button-order-online.gif)  0 0 no-repeat;
} 

#gsplaza {
position: absolute;
top: 0px;
right: 200px;
}

A.orderOnline:hover{  
opacity: .8; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);	 
} 

.no_js  A.orderOnline { display: none }



/*  footer  */
DIV.footer { 
position: relative;
width: 940px; 
height: 207px; 

background: url(back-footer.gif)  0 0 no-repeat; 
text-align: left; 
font-size:14px;
color: #cfe7ff;
line-height: 19px;
padding: 0 40px 0 40px;
}
 
DIV.footer ul { 
position: absolute;  
top: 37px;
left: 17px;
list-style: none;
} 
DIV.footer ul li a{ 
color: #828271;
font-size:120%;
text-decoration: none;
display: block;
padding: 1px 0 2px 0;
font-weight:900!important;
} 
DIV.footer ul li a:hover{ 
color:#c1d72e;
text-decoration: none;
opacity: .8; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);	 
}  

DIV.footer li a.f01 { 
/*text-indent: -999px;*/; width: 68px;
background: url(snav-dinein.gif)  0 0 no-repeat;
} 
DIV.footer li a.f02 { 
/*text-indent: -999px;*/; width: 93px;
background: url(snav-takeout.gif)  -1px 0 no-repeat;
} 
DIV.footer li a.f03 { 
/*text-indent: -999px;*/; width: 90px;
background: url(snav-delivery.gif)  0 0 no-repeat;
} 
DIV.footer li a.f04 { 
/*text-indent: -999px;*/; width: 93px;
background: url(snav-catering.gif)  0 0 no-repeat;
} 

.tagline{
text-align:right;  
font-size:14px;
width: 505px;
height: 18px;
position: absolute;  
top: 55px;
right: 29px;
color:#959484!important;
overflow:hidden;
} 
 
  
.social{ 
display:none;  
width: 100px;
text-align: right;
height: 23px;
position: absolute;
z-index:10;  
top: -50px;
left:800px;  
} 
  

.attribute{ 
position: relative;
width: 1000px;
margin: 0px auto; 
text-align: left; 
font-size:11px;

}
.attribute a{ 
color: inherit;
text-decoration: none;
}


/*  PRIMARY NAV  */ 
#menu {
position: absolute;
top: 120px;
left: 32px;
height:40px;

} 

.nav ul {
position: relative;  
margin: 0px; top:0px;
z-index:100;
padding: 0px;
list-style: none;

}

.nav li {
position: relative;  
white-space: nowrap;
float:left; 

height: 20px;
margin:20px 20px;

} 
#menu.menu-last{
margin-right: 0px!important ;
}
.nav ul li a.menu-first {
margin-left: -19px!important;
}


.nav li a { 
position: relative;
padding:15px 0 0px;
color: #949384; 
text-decoration: none;
font-size: 19px; 
font-weight:bold;
display: block; 
letter-spacing:0px;
float: left;
white-space: nowrap;   
height: 40px;
overflow: hidden;
background: transparent url(nav_ani.gif) center -110px no-repeat;
}

 


.nav li a:hover {
position: relative;
color: #828271;
text-decoration: none;

background: transparent url(nav_ani.gif) center -33px no-repeat;
}

.nav li a.menu-current,.nav li a.menu-parent  {
background: transparent url(nav_active.gif) center -65px no-repeat;
cursor: default;

}

 



	

	

/*  locations styles */
DIV.fourCol{ 
width: 235px;
float:left;
font-size: .8em;
}  
DIV.fourCol P{ 
margin: 8px 0 8px 0;
} 
DIV.fourCol{ 
width: 235px;
float:left;
font-size: .8em;
}
IMG.maps{ 
margin-bottom: 40px;
outline: 0px;
border: 0px;
}


/*  misc styles */
DIV.download { 
padding: 5px 0 0 0px;
} 

DIV.download IMG{ 
float: left;
margin: -14px 10px 0 0px;
}
DIV.download IMG:hover{ 
opacity: .8; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);
} 
DIV.download A { 
text-decoration: none;
font-weight:700;
color: #838271;
display: block;
width: 180px;
}  
DIV.download A:hover { 
color: #c1d72e;
} 
DIV.menuDownload {
	position: absolute;
	top: 468px;
	right: 11px;
}

DIV.quote  {   
background: url(/images/back-quote.png) 0 0 repeat;
padding: 15px 15px 50px 20px;
margin: 0px;;

width: 270px;
}  
DIV.shortQuote  {   
width: 170px;
}
DIV.quote DIV.download IMG { 
margin: -24px 10px 0 0px;
} 
DIV.quote DIV.download  { 
padding-top: 34px;
} 


/*  contact page form */
TABLE.formTable TD{ 
padding: 10px;
font-weight:700;
font-size: 1.2em;
vertical-align: top;
text-align: right;
color: #64634f;
} 

TABLE.formTable INPUT[type=text], TABLE.formTable TEXTAREA { 
background: #e9e9e5;
border: 0px;
width: 432px; 
padding: 5px;
} 

.greyBox{ 
background: #e9e9e5;
border: 0px;
width: 432px; 
padding: 5px;
} 

DIV.menuPage P{ 
margin: 8px 0 8px 0;
} 
DIV.menuPage H3{  
color: #51513d;
font-size: 1.4em;
font-weight:700;
} 

DIV.menuPage P STRONG{  
color: #a8cf00;
font-size: 1.0em;
font-weight:700;
} 
DIV.menuPage P SPAN{  
font-weight:700;
} 

DIV#dressing {
color:#fff;
background-color:#959484;
padding:5px;
margin-bottom:30px;
}

DIV#toppings {
color:#fff;
background-color:#959484;
padding:5px;
margin-bottom:30px;
width:350px;
}


.franchisecontent{
float: left;
width: 700px;
padding: 0 40px 0 40px;
}

.fanchisenav{
float:left;
	
}
.fanchisenav .menu-current{
text-decoration:none
}

.menuimage{ 
background: url(/images/sto nes.gif) no-repeat right bottom;
}

.menuimage2{
background: url(/images/mixt ure.gif) no-repeat right 150px;
}

/*
.menuimage3{
background: url(/images/bottle.gif) no-repeat right middle;
heig50px;
}*/

/*.menuimage4{
background: url(/images/fruit.gif) no-repeat right center;
heig50px;
}*/


.homecontent{
width:90%;
padding-left:50px;
padding-top:30px;
}

.homecontent2{
padding-left:50px;
width:100%;
padding-top:30px;
}

.homecontent2a{
float:left;
width:60%;
}

.homecontent2a img{
padding:15px;
}

.homecontent2b{
float:left;
width:35%;
margin-left:10px;
padding-top:80px;
}

.homecontent3{
padding-left:50px;
width:90%;
clear:both;
padding-top:50px;
}
.aboutuscontent{
width:100%;
clear:both;
padding-top:50px;
}

.heading{
font-size:30px; font-weight:bold;color:#CCCCCC;
font-family: ;  
}

.hometext{
font-size:20px;color:#999999;
line-height:30px;
font-family: ;  
text-align:justify;
}


.subheading{

color: #c8d82f;
font-size:28;

}
.size2 {font-size: 24px}

.italic{

font-style:italic;
}

/* FRANCHISE NAV */

.frannav{	
	
	list-style:none;
}

.frannav a{	
	border-style:none;
	color:#636357;
	font-size:20px;
	text-decoration:none;
}

.frannav a:hover{	
	border-style:none;
        color:#C1D82F;
	font-size:20px;
	text-decoration:underline;
}

.frannav a.menu-current {
	border-style:none;
        color:#a8cf00;color:#C1D82F;
	font-size:20px;
	text-decoration:none;
}


/* ---- Menu Divs --- */

#dineincover {
	width: 275px;
	float:left;
	/*margin-left:10px;*/
	margin-top:13px;
}

#togocover {
	width: 275px;
	float:left;
	margin-left:30px;
	margin-top:13px;
}

.menucover {
	text-align:center;
}

.nutritionitem {
	height:35px;
}

.itemhead {
	height:65px;
}

.caption {
	font-size:11px;
	line-height:13px;
}


/**************************************************************************************************************************/
/* SocialMedia Verlinkung */
/**************************************************************************************************************************/


a.fixed_socialmedia,
a.fixed_socialmedia:link,
a.fixed_socialmedia:active,
a.fixed_socialmedia:visited	{
	position:fixed;
	cursor:pointer;
	width: 45px;
	height: 45px;
	display:block;
	z-index:10;
	right:0px;
}

a.fixed_socialmedia:hover	{
	width:54px;
}

/* Notwendige Zuweisung für IE 6.0, der die Eigenschaft position: fixed nicht kennt */
* html a.fixed_socialmedia,
* html a.fixed_socialmedia:link,
* html a.fixed_socialmedia:visited,
* html a.fixed_socialmedia:active {
	position: absolute;
}

a#socialmedia_newsletter,
a#socialmedia_newsletter:link,
a#socialmedia_newsletter:active,
a#socialmedia_newsletter:visited	{
	background: url(sociamedia_newsletter.png) right no-repeat;
	top:90px;
}
a#socialmedia_newsletter:hover	{
	background: url(sociamedia_newsletter-hover.png) right no-repeat;
}

/* alte Version - kann entfernt werden*/
a#socialmedia_facebook,
a#socialmedia_facebook:link,
a#socialmedia_facebook:active,
a#socialmedia_facebook:visited	{
	background: url(sociamedia_facebook.png) right no-repeat;
	top:144px;
}
a#socialmedia_facebook:hover	{
	background: url(sociamedia_facebook-hover.png) right no-repeat;
}

a#socialmedia_facebook_2013,
a#socialmedia_facebook_2013:link,
a#socialmedia_facebook_2013:active,
a#socialmedia_facebook_2013:visited	{
	background: url(socialmedia_facebook_2013.png) right no-repeat;
	top:144px;
}
a#socialmedia_facebook_2013:hover	{
	background: url(socialmedia_facebook_2013-hover.png) right no-repeat;
}

/* alte Version - kann entfernt werden*/
a#socialmedia_google_plus,
a#socialmedia_google_plus:link,
a#socialmedia_google_plus:active,
a#socialmedia_google_plus:visited	{
	background: url(sociamedia_google.png) right no-repeat;
	top:198px;
}
a#socialmedia_google_plus:hover	{
	background: url(sociamedia_google-hover.png) right no-repeat;
}

a#socialmedia_google_plus_red,
a#socialmedia_google_plus_red:link,
a#socialmedia_google_plus_red:active,
a#socialmedia_google_plus_red:visited	{
	background: url(sociamedia_google_red.png) right no-repeat;
	top:198px;
}
a#socialmedia_google_plus_red:hover	{
	background: url(sociamedia_google_red-hover.png) right no-repeat;
}
/* alte Version - kann entfernt werden*/
a#socialmedia_twitter,
a#socialmedia_twitter:link,
a#socialmedia_twitter:active,
a#socialmedia_twitter:visited	{
	background: url(sociamedia_twitter.png) right no-repeat;
	top:252px;
}
a#socialmedia_twitter:hover	{
	background: url(sociamedia_twitter-hover.png) right no-repeat;
}

a#socialmedia_twitter_2013,
a#socialmedia_twitter_2013:link,
a#socialmedia_twitter_2013:active,
a#socialmedia_twitter_2013:visited	{
	background: url(socialmedia_twitter_2013.png) right no-repeat;
	top:252px;
}
a#socialmedia_twitter_2013:hover	{
	background: url(socialmedia_twitter_2013-hover.png) right no-repeat;
}

a#socialmedia_qype,
a#socialmedia_qype:link,
a#socialmedia_qype:active,
a#socialmedia_qype:visited	{
	background: url(socialmedia_qype_2013.png) right no-repeat;
	top:360px;
}
a#socialmedia_qype:hover	{
	background: url(socialmedia_qype_2013-hover.png) right no-repeat;
}
a#socialmedia_xing,
a#socialmedia_xing:link,
a#socialmedia_xing:active,
a#socialmedia_xing:visited	{
	background: url(socialmedia_xing.png) right no-repeat;
	top:416px;
}
a#socialmedia_xing:hover	{
	background: url(socialmedia_xing-hover.png) right no-repeat;
}

a#socialmedia_youtube,
a#socialmedia_youtube:link,
a#socialmedia_youtube:active,
a#socialmedia_youtube:visited	{
	background: url(sociamedia_youtube.png) right no-repeat;
	top:306px;
}
a#socialmedia_youtube:hover	{
	background: url(sociamedia_youtube-hover.png) right no-repeat;
}

a#socialmedia_blog,
a#socialmedia_blog:link,
a#socialmedia_blog:active,
a#socialmedia_blog:visited	{
	background: url(sociamedia_blog.png) right no-repeat;
	top:414px;
}

a#socialmedia_blog:hover	{
	background: url(sociamedia_blog-hover.png) right no-repeat;
}

a#socialmedia_expedia,
a#socialmedia_expedia:link,
a#socialmedia_expedia:active,
a#socialmedia_expedia:visited	{
	background: url(sociamedia_expedia.png) right no-repeat;
	top:414px;
}
a#socialmedia_expedia:hover	{
	background: url(sociamedia_expedia-hover.png) right no-repeat;
}