@charset "UTF-8";
/* CSS Document */
html {
	position:relative;
	height:100%;
	width:100%;
	margin: 0px;
	padding: 0px;
}
body{
	position:relative;
	min-height: 100%;
	height:100%;
	width:100% ;
	margin: 0px;
	padding: 0px;
	display:block;
	font: 100% helvetica, sans-serif;
	background:#fff;
	text-align:left;
	font-size:1em;
	line-height:1.05em;
}
img{
	border:0px;
}
form{
	margin:0px;
	padding:0px;
}
.invisible{
	display:none;
	position:relative;
}
:focus{
	outline:none;
}
a:link,
a:visited,
a:active {
	color:#931138;
	position:relative;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.colored{
	color:#931138;
}
h1 {
	display: block;
	font-size: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}
.cathead{
	font-size: 1.4em;
	margin-top: 0em;
	margin-bottom: 1em;
	color:#931138;
	text-shadow: 1px 1px #dddddd;
}
h2 {
	display: block;
	font-size: 1.1em;
	margin:0;
	font-weight: bold;
	text-shadow: 1px 1px #dddddd; 
}
h3{
	display:block;
	font-size:1em;
	margin:0;
	font-weight:normal;
	text-shadow: 1px 1px #dddddd;
}
#shopnotice{
	position:fixed;
	top:10em;
	left:0em;
	display:block;
	background: none repeat scroll 0 0 #F8F8F8;
	border: 1px solid #DBDEE1;
	border-left:0px;
	border-top-right-radius:0.3125em;
	border-bottom-right-radius:0.3125em;
	clear: both;
	min-height: 3.75em;
	overflow: auto;
	padding: 0.75em;
	width:8em;
	margin-bottom:1.5em;
	font-size:1em;
	z-index:150;
}
#closenotice{
	position:absolute;
	top:0.5em;
	right:0.5em;
	border-radius:0.3125em;
	border: 1px solid #931138;
	background: #bdbdbd;
	padding:0.1em 0.1em 0 0.1em;
}
#container{
	position:relative;
	margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 90%;
	min-width:25em;
}
#header{
	position:relative;
	height:8em;
	display:block;
}
/*
#header{
	position:relative;
	height:9.5em;
	display:block;
}
*/
#logolnk {
	position:absolute;
	display:block;
	height:6em;
	bottom:0em;
}
#logolnk img{
	position:absolute;
	left:1em;
	bottom:0em;
}
#ytlnk {
	position:absolute;
	display:block;
	width:3em;
	height:3em;
	bottom:1em;
	right:5em;
}
#ytlnk img{
	position:absolute;
	display:block;
	width:3em;
	height:3em;
	top:0em;
	left:0em;
}
#fblnk {
	position:absolute;
	display:block;
	width:3em;
	height:3em;
	bottom:1em;
	right:1em;
}
#fblnk img{
	position:absolute;
	display:block;
	width:3em;
	height:3em;
	top:0em;
	left:0em;
}
#menu {
	position:relative;
    background: none repeat scroll 0 0 #931138;
    border-bottom: 0.0625em solid #000000;
    border-radius: 0.3125em;
    box-shadow: 0 0.1875em 0.1875em #DDDDDD;
    height: 2.5em;
    margin-bottom: 0.9375em;
    padding: 0 0.3125em;
	text-align:left;
	z-index:5;
}
.menuitem{
	position:relative;
	display:inline-block;
	padding: 0.5em 0.3125em 0 0;
}
.menuitem a:link,
.menuitem a:visited,
.menuitem a:active {
	position: relative;
	color: #FFFFFF;
	display: block;
	font-size: 0.875em;
	line-height: 1em;
	margin-bottom: 0.3125em;
	padding: 0.625em 0.625em 0.3125em 0.625em;
	text-decoration: none;	
}
.menuitem a:hover {
	background: none repeat scroll 0 0 #BDBDBD;
	border-radius: 0.3125em;
	/*color:#DF0174;*/
	color:#931138;
}
#catchmouse{
	z-index: -1;
	display:none;
	position:absolute;
	width:100%;
	height:100%;
}
#menucatchmouse{
	z-index: -1;
	display:none;
	position:absolute;
	width:100%;
	height:100%;
}
#offeringscanvas{
	position:absolute;
	z-index:-1;
	display:none;
	left:6.34em;
	top:0em;
	padding: 0.5em 0 0 0;
}
#offerings{
	display:block;
	position:absolute;
    background: none repeat scroll 0 0 #931138;
    border-bottom: 0.0625em solid #000000;
    border-radius: 0.3125em;
    box-shadow: 0 0.1875em 0.1875em #DDDDDD;
    height: 8em;
    margin-bottom: 0.9375em;
    padding: 0 0.3125em;
	text-align:left;
	top:3em;
	overflow:show;
	width:11em;
	padding: 0.5em 0.3125em 0;
}
#offerhover{
	position: relative;
	display: block;
	height:3em;
	font-size: 0.875em;
	line-height: 1em;
	margin-bottom: 0.3125em;
	padding: 0.625em 0.625em 0.3125em 0.625em;
	text-decoration: none;
	background: none repeat scroll 0 0 #BDBDBD;
	border-top-left-radius: 0.3125em 0.3125em;
	border-top-right-radius:0.3125em 0.3125em;
	/*color:#DF0174;*/
	color:#931138;
}
#content{
	position:relative;
	width:auto;
	margin:1em;
	display:block;
	clear: both;
}
#distancer{
	clear: both;
	position:relative;
	display:block;
	width:100%;
	height:1.5em;
}
#footer{
	position:relative;
	display:block;
	background: none repeat scroll 0 0 #F8F8F8;
	border: 1px solid #DBDEE1;
	border-radius: 0.3125em;
	clear: both;
	min-height: 6.25em;
	overflow: auto;
	padding: 1.5em;
	width:auto;
	margin-bottom:1.5em;
	font-size:0.875em;
}
#footer ul{
	margin:0;
	padding:0 0 0 1em;
}
.column{
	float: left;
	min-height: 6.25em;
	width: 50%;
}
#footer h3 {
	color:#000;
	font-size:0.875em;
}
#footer .column a{
	color:#000;
	text-decoration:none;
}
#footer .column a:hover;{
	color:#000;
	text-decoration:underline;
}

/* grafix */
#kochkurs1 {
	width:800px;
	height:588px;
}
#kochkurs2 {
	width:320px;
	height:295px;
	float:right;
}
#kochkurs3 {
	width:360px;
	height:301px;
}
#catering1 {
	width:864px;
	height:576px;
}


/* shop classes */
#srvrmsg{
	position:relative; 
    border-bottom: 0.0625em solid #dbdee1;
    border-radius: 0.3125em;
    height: 0.9em;
    margin-bottom: 0.9375em;
    padding: 0.8em 0.3125em;
	text-align:center;
}
.neg{
	color:#000;
	background: none repeat scroll 0 0 #dbdee1;
}
.pos{
	color:#931138;
	background: none repeat scroll 0 0 #dbdee1;
}

#myshop{
	position:absolute;
	display:block;
	height:6em;
	right:0em;
	bottom:0.5em;
	min-width:16em;
}
#basket{
	position:absolute;
	bottom:0.5em;
	left:0.5em;
	background-image: url("../img/basket.png");
	height:3em;
	width:3em;
}
#basketitems{
	position:absolute;
	bottom:1em;
	left:-0.5em;
	background-color:#931138;
	color:#fff;
	border-radius: 0.625em 0.625em;
	display:block;
	min-width:0.5em;
	height:1.125em;
	padding:0.125em 0.375em 0 0.375em;
	line-height:1em;
}
#basketref{
	z-index:5;
	position:absolute;
	bottom:0.5em;
	left:0em;
}
#basketclick{
	display:block;
	width:3.5em;
	height:3em;
}
#shopcontent{
	position:relative;
	display:block;
	width:100%;
}
#cats{
	float:left;
	width:8em;
	margin: 0;
	/*
	position:relative;
	top:0em;
	left:0em;
	display:block;
	*/	
}
a.catlnk:link,
a.catlnk:visited,
a.catlnk:active {
	padding-left:0.8em;
	color:#931138;
	position:relative;
	text-decoration:none;
	font-size:1em;
	line-height:1.2em;
}
a.catlnk:hover {
	color:#000;
	text-decoration:underline;
}
a.active:link,
a.active:visited,
a.active:active{
	color:#000;
}
#content_list{
	margin: 0 0 0 9em;
	/*
	border: 0.0625em solid #000000;
    border-radius: 0.3125em;
    box-shadow: 0 0.1875em 0.1875em #DDDDDD;
	position:absolute;
	top:0em;
	left:9em;
	display:block;
	width:auto;
	right:0em;
	*/
}
.clistitem{
	padding:0.5em;
	border: 0.0625em solid #dbdee1;
    border-radius: 0.3125em;
    box-shadow: 0 0.1875em 0.1875em #DDDDDD;
	margin:0 0 0.5em 0;
}
.cli_title{
	margin:0 0 0.5em 0;
}
.cli_lcol{
	float:left;
	width:18.75em;
}
.listpic {
	float:left;
	border: none;
    border-radius: 0.3125em;
    box-shadow: 0 0.1875em 0.1875em #DDDDDD;
	width:18.75em;
	height:11.25em;
}
.cli_tease {
	margin: 0 0 1em 20em;
}
.cli_desc {
	margin: 0 0 0 20em;
	overflow:hidden;
}
.showdesc {
	position:relative;
	display:block;
	font-size:0.875em;
	z-index:1;
	padding: 0 0 0 1.2em;
	background-image: url("../img/open_icon.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 0.25em 0;
	cursor:pointer;
}
.hidedesc {
	position:relative;
	display:none;
	font-size:0.875em;
	z-index:0;
	padding: 0 0 0 1.2em;
	background-image: url("../img/close_icon.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 0.25em 0;
	cursor:pointer;
}
.desc_ing{
	font-size: 0.875em;
}
.desc_ingoing{
	font-size: 0.75em;
}
.alir{
	text-align:right;
}
.lbl{
	line-height:1.625em;
}
.cli_form{
	position:relative;
	display:block;
	margin: 1em 0em 1em 20em;
}
.cli_form input{
	font-size:1em;
	border-radius: 0.3125em;
	border: 0.0625em solid #dbdee1;
	color:#931138;
	margin:0 0 0.125em 0;
}
.clicost{
	position:relative;
	display:block;
	text-align:right;
	margin: 1em 0em 1em 20em;
}
.amount{
	width:1.25em;
	padding:0.0625em 0.250em 0.0625em 0.250em;
}
.enterfield{
	width:12.5em;
	padding:0.0625em 0.250em 0.0625em 0.250em;
}
.cli_incltax{
	font-size:0.875em;
	text-align:right;
	margin: 1em 0em 1em 20em;
}
.cli_lcolw{
	float:left;
	width:21.875em;
}
.cli_listprice{
	position:relative;
	display:block;
	width:auto;
	margin: 0.125em 0em 0.125em 22.5em;
}
.cli_listpriceright{
	position:absolute;
	display:block;
	width:auto;
	right:0em;
	top:0em;
}
.cli_lcolw input{
	font-size:1em;
	border-radius: 0.3125em;
	border: 0.0625em solid #dbdee1;
	color:#931138;
	margin:0 0 0.125em 0;
}
.cli_listprice input{
	font-size:1em;
	border-radius: 0.3125em;
	border: 0.0625em solid #dbdee1;
	color:#931138;
	margin:0 0 0.125em 0;
}
.tarounded {
	position:relative;
	font: 100% helvetica, sans-serif;
	right:0em;
	font-size:1em;
	border-radius: 0.3125em;
	border: 0.0625em solid #dbdee1;
	color: #931138;
	width:25em;
	padding: 0.0625em 0.25em 0.0625em 0.25em;
}
.clear{
	clear:both;
}

/* old content classes */
.img-promo {
	display:block;
	width: 75%;
	height:auto;
	margin:20px;
}
.img-right {
	display: block;
	width: 50%;
	height: auto;
	margin-left: 20px;
	float: right;
}

.img-left {
	display: block;
	width: 211px;
	height: auto;
	float: left;
}
.rechtliches{
	font-size:0.866em;
}
#accept_cookies{
	position:relative;
	top:0em;
	width:auto;
	background:#ff0000;
	border-radius: 0 0 0.5em 0.5em;
	padding:0.2em 1em;
	color:#fff;
}
#accept_cookies a{
	border:1px solid #fff;
	border-radius:0.3125em;
	color:#fff;
	padding:0 0.1em;
}
#acceptccanvas{
	position:absolute;
	top:0em;
	text-align:center;
	width:100%;
	display:block;
	z-index:105;
}

/* old form classes */
.hidden {
    display: none !important;
}

form.mailform {
    position: relative;
    padding: 5px;
    border: 1px solid #333333;
    border-radius: 10px;
    background: rgba(255,255,255,.7);
	font-size: 14px;
	color: #333333;
}

form.mailform * {
    margin: 0;
    position: relative;

    font-family: Arial, Courier, sans-serif;

    vertical-align: top;
}

form.mailform div {
    margin-bottom: 5px;
}

form.mailform label {
    display: block;
    margin: 0 10px 2px 0;
}

form.mailform input[type="text"] {
    display: block;
    display: inline-block;
    width: 740px;
    margin: 0 auto;
}

form.mailform textarea {
    display: block;
    display: inline-block;
    width: 740px;
    height: 210px;
    margin: 0 auto;
}

form.mailform input[type="text"], textarea {
    border: 1px solid black;
    padding: 2px;
    border-radius: 5px;
}

.mailform-error, .mailform-success {
    position: relative;
    margin: 0 0 10px 0;

    font: 100% helvetica, sans-serif;
	font-size:1em;
	line-height:1.05em;
	text-decoration:underline;
    text-align: center;

    color: #931138;
}

.mailform-success {
    color: #000;
}
.notice{
	color:#f00;
	font-size:20px;
}
#flipit{
	display:none;
}

/* End old content classes */

@media all and (max-width: 1024px) {
	#cats{
		float:none;
		width:100%;
	}
	#cats br{
		display:none;
	}
	#content_list {
	    margin: 0;
	}
}
@media all and (max-width: 880px) {
	#container{
		width: 98%;
	}
}
@media all and (max-width: 720px) {
	#header{
		height:12em;
	}
	/*
	#header{
		height:16em;
	}
	*/
	#logolnk{
		position:relative;
		display:block;
		top:0;
		left:0;
		height:5em;
	}
	#logolnk img{
		left:0;
	}
	#myshop {
		position:relative;
		bottom:0;
		display:block;
		right:auto;
		height:6em;
		margin:0.5em 0 0.5em 0;
		left:0;
	}
	.listpic{
		float:none;
	}
	.cli_tease{
		margin:0 0 1em 0;
	}
	.cli_desc{
		margin:0 0 1em 0;
	}
	.cli_form{
		margin:1em 0 1em 0;
	}
	.clicost{
		margin:1em 0 1em 0;
	}
	.cli_lcol{
		width:27%;
		padding:0 0.5em 0 0;
	}
	.cli_lcolw{
		float:none;
		margin:0 0 1em 0;
	}
	.cli_listprice{
		margin: 0.125em 0 0.125em 0em;
	}
	.cli_incltax{
		margin:1em 0 1em 0;
	}
}
@media all and (max-width: 480px) {
	#menu{
		height:5em;
	}
}
@media screen and (max-width: 478px) and (orientation: portrait){
	#flipit{
		position:absolute;
		display:block;
		height:100%;
		width:100%;
		top:0;
		left:0;
		z-index:1000;
		background-color:#ddd;
		background-image: url("../img/cell_flip.png");
		background-position: center center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#container{
		display:none;
	}
}