/* CSS Document */

html, 
body{
	height:100%;
	margin:0;
	padding:0;
}

body{
	background-color:#f3f6f7;
	background-image:url(../images/background/bg_gradient_base.png);
	background-repeat:repeat-x;
	height:100.2%;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*
.clearfix {
	display:inline;
}
*/


/* Hides from IE-mac \*/

*:first-child+html .clearfix {
	height: 1%;
	display:block;
}


.hidden{
	display:none;
}


/* gets rid of the dotted line that browsers put on the nav links when they have been clicked */
a:focus { outline: 0!important; }



#wrapper{
	width:100%;
	background-image:url(../images/background/bg_flower.png);
	background-repeat:no-repeat;
	background-position:center top;
	min-height:100%;
	position:relative;
}

* html #wrapper{
	height:100%; 
}



#wrapper-inner{

}


#page{
	padding-bottom:150px;
	width:960px; /* Breite Content*/
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/background/bg_flower_secure.png);
	background-repeat:no-repeat;
}

#page-inner{
	padding:0 10px 0 10px;
}


#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
}


#footer-content{
	/* fonts => type.css */
	width:960px; /* same as width #page */
	margin-left:auto;
	margin-right:auto;
}

#footer-content-inner{
	padding:0px 10px 0px 10px;
}



#head{
	height:103px;
}

#head-inner{}


#logo{
	width:140px;
	height:93px;

	float:right;
}

#logo-inner{
	padding-left:20px;
	padding-top:10px;
}

#site-name{}

#site-name a{
	display:block;
	width:57px;
	height:78px;
	background-image:url(../images/background/logo_hugos_alpha.png);
	background-repeat:no-repeat;
	opacity:.85;
}

#site-name a:hover{
	opacity:1;
}



#topnav{
/*	position:relative; */
}

#topnav-inner{
	padding-left:12px;
}


#topnav ul{
	margin-left:0;
}

#topnav li{
	float:left;
	list-style:none;
	margin-left:0;
}


#m1 a,
#m2 a,
#m3 a,
#m4 a,
#m5 a,
#m6 a,
#m7 a,
#m8 a,
#m9 a
{
	background:url(../images/background/topnav_catering.png) no-repeat;
	display:block;
	height:55px;
	margin-right:0px;
}

/*
* #m1a {
	background-image:url(../images/background/topnav_catering.png);
}
*/


#m1.nav-en a,
#m2.nav-en a,
#m3.nav-en a,
#m4.nav-en a,
#m5.nav-en a,
#m6.nav-en a,
#m7.nav-en a,
#m8.nav-en a,
#m9.nav-en a
{
	background:url(../images/background/topnav_EN.png) no-repeat;
}




#m1 a,
#m1.nav-en a
{
	background-position:-2px 0px;
	width:98px;
	width:94px;
}
#m1 a:hover{
	background-position:-2px -75px;
}
#m1 a.active,
#m1 a.active:hover
{
	background-position:-2px -150px;
}


#m2 a,
#m2.nav-en a
{
	background-position:-152px 0px;
	width:59px;
	width:55px;
}
#m2 a:hover,
#m2.nav-en a:hover
{
	background-position:-152px -75px;
}
#m2 a.active,
#m2 a.active:hover,
#m2.nav-en a.active,
#m2.nav-en a.active:hover
{
	background-position:-152px -150px;
}



#m3 a{
	background-position:-302px 0px;
	width:107px;
}

#m3.nav-en a{
	background-position:-318px 0px;
	width:75px;
}

#m3 a:hover{
	background-position:-302px -75px;
}

#m3.nav-en a:hover{
	background-position:-318px -75px;
}


#m3 a.active,
#m3 a.active:hover
{
	background-position:-302px -150px;
}

#m3.nav-en a.active,
#m3.nav-en a.active:hover
{
	background-position:-318px -150px;
}




#m4 a,
#m4.nav-en a
{
	background-position:-452px 0px;
	width:66px;
	width:62px;
}
#m4 a:hover,
#m4.nav-en a:hover
{
	background-position:-452px -75px;
}


#m4 a.active,
#m4 a.active:hover,
#m4.nav-en a.active,
#m4.nav-en a.active:hover
{
	background-position:-452px -150px;
}


#m5 a,
#m5.nav-en a
{
	background-position:-602px 0px;
	width:120px;
	width:116px;
}
#m5 a:hover,
#m5.nav-en a:hover
{
	background-position:-602px -75px;
}
#m5 a.active,
#m5 a.active:hover,
#m5.nav-en a.active,
#m5.nav-en a.active:hover
{
	background-position:-602px -150px;
}


#m6 a,
#m6.nav-en a
{
	background-position:-752px 0px;
	width:55px;
	width:51px;
}
#m6 a:hover,
#m6.nav-en a:hover
{
	background-position:-752px -75px;
}
#m6 a.active,
#m6 a.active:hover,
#m6.nav-en a.active,
#m6.nav-en a.active:hover
{
	background-position:-752px -150px;
}


#m7 a,
#m7.nav-en a
{
	background-position:-902px 0px;
	width:115px;
	width:111px;
}
#m7 a:hover,
#m7.nav-en a:hover
{
	background-position:-902px -75px;
}
#m7 a.active,
#m7 a.active:hover,
#m7.nav-en a.active,
#m7.nav-en a.active:hover
{
	background-position:-902px -150px;
}

#m8 a,
#m8.nav-en a
{
	background-position:-1052px 0px;
	width:76px;
	width:72px;
}
#m8 a:hover,
#m8.nav-en a:hover
{
	background-position:-1052px -75px;
}
#m8 a.active,
#m8 a.active:hover,
#m8.nav-en a.active,
#m8.nav-en a.active:hover
{
	background-position:-1052px -150px;
}

/* Catering */ 
#m9 a,
#m9.nav-en a
{
	background-position:-1202px 0px;
	width:83px;
	width:79px;
}
#m9 a:hover,
#m9.nav-en a:hover
{
	background-position:-1202px -75px;
}
#m9 a.active,
#m9 a.active:hover,
#m9.nav-en a.active,
#m9.nav-en a.active:hover
{
	background-position:-1202px -150px;
}


.language-switch{
	position:absolute;
	padding:5px;
	left:0px;
	font-size:12px;
	background:#FFFFFF;
}




/* CONTENT */

#content{
	min-height:510px;
	height:510px;
	width:945px;
/*	background-color:#e0ddd3; */ /* beige */
}

#content.var-regular{
	background:url(../images/background/bg_content_plain.png) repeat-y 0px 0px;
/*	height:auto; */
}


#content-inner{
	padding:0px 0px 0px 0px;
	background:url(../images/background/bg_contentpanel.png) no-repeat;
}

#content-inner-blank{
	padding:0px 0px 0px 0px;
}


#subnav{
	height:45px;
	width:910px;
}

#subnav-inner{
	padding-left:0px;
	padding-right:20px;
}

#subnav ul li{
	float:left;
	list-style:none;
}

#subnav a{
	/* fonts => typo.css */
	display:block;
	margin-right:20px;
	padding-top:12px;
	padding-left:1px;
	padding-right:1px;
	padding-bottom:1px;
}

#subnav a.active{
	/* fonts => typo.css */
	background-image:url(../images/background/subnav_marker.png);
	background-repeat:repeat-x;
}


#box-right{
	width:410px;
	height:440px;
	float:right;
	background-image:url(../images/background/box_right_shadow.png);
	background-repeat:no-repeat;
}

.no-subnav{
	margin-top:45px;
}

#box-right-inner{
	padding-top:8px;
	padding-right:8px;
	
}

#br-pics{
/*	background-color:#999; */
	width:400px;
	height:400px;
	border:solid 1px #FFF;
}

#br-pics img{

}

#br-text{
	background-color:#FFF;
	width:402px;
	height:402px;
}

.br-text-inner{
	padding:20px;
	padding-top:40px;
}



/*  */

.leftcol-pic{
	width:510px;
	height:510px;
	float:left;
}

.leftcol-pic-inner{}




.leftcol-text{
	width:510px;
	float:left;
}

.leftcol-text-inner{
	padding-left:20px;
	padding-top:35px;
	padding-right:20px;
	padding-bottom:0px;
}





#rightcol{

}

#rightcol-inner{
}


.fullcol{
	width:911px;
}

.fullcol-inner{
	padding-left:20px;
	padding-right:0px;
	padding-top:35px;
}




#footer-navi{
	width:910px;
/*	background-color:#FFF; */
	border-top:dotted 1px #957a3f;
/*	border-bottom:dotted 1px #957a3f; */
}

#footer-navi-inner{

	padding:10px 20px 10px 20px;
}

#footer-navi li{
	float:left;
	list-style:none;
}

#footer-navi li a{
	display:block;
	margin-right:20px;
	color:#957a3f;
	text-decoration:none;
}

#footer-navi li a:hover{
	text-decoration:underline;
}

#copyright{
	width:910px;
	color:#666;
}

#copyright-inner{
	padding-left:20px;
}

.article{

}

.article-inner{

}


#slides-marker{}

#slides-marker-inner{
	padding:6px 10px 10px 20px;
}


.control-slides{
	padding:10px 10px 10px 20px;
}



#s1 a,
#s2 a,
#s3 a,
#s4 a
{
	display:block;
	width:8px;
	height:8px;
/*	background-color:#c6ba9f; */
	background-color:#e0ddd3;
	border: solid 1px #957a3f;
}

#s1 a.active,
#s2 a.active,
#s3 a.active,
#s4 a.active
{
	background-color:#957a3f;
	
	/* optional: aktives Quadrat zwei Pixel größer machen als passives */
	width:8px; 
	height:8px;
}


#slides-marker #s1,
#slides-marker #s2,
#slides-marker #s3,
#slides-marker #s4
{
	display:inline-block;
	width:18px;
}


/* Shop */

#item-list{}

#item-list-inner{
	padding-top:20px;}


.shop-item{
	width:273px;
	height:320px;
/*	background-color:#FFF; */
	float:left;
	margin-right:25px;
}

.shop-item.last{
	margin-right:0;
}

.shop-item-inner{
	padding:10px;

}

.shop-item-inner img{
	border:solid 1px #FFF;
}
.shop-item a{
	text-decoration:none;
}




/* Bottom, white */

.bottom-left,
.bottom-center,
.bottom-right
{
	float:left;
	height:60px;
}

.bottom-left,
.bottom-center
{
	margin-right:12px;
	width:272px;
	padding-right:13px;
	border-right:solid 1px #CCC;
}

.bottom-right{
		width:272px;
}
	
.bottom-left-inner,
.bottom-center-inner,
.bottom-right-inner
{

}


/* Startseite */

#bg-pictures-home{
	width:910px;
	height:510px;
	position:absolute;
	z-index:1;
}

#overlay{
	position:absolute;
	z-index:10;
	top:103px;

	width:945px;
	height:510px;
/*	border: solid 1px #090; */

/*	background-image:url(../images/background/box_right_shadow.png);
	background-repeat:no-repeat; */
}


.gallery{}

.gallery img{
float:left;
border:solid 1px #FFF;
margin-right:24px;
margin-bottom:24px;
}