@font-face
{
 src: url("http://localhost/common/fonts/kabarettd.ttf");
 font-family: 'ABC2';
}

@font-face {
  font-family: "Kimberley";
  src: url(http://www.princexml.com/fonts/larabie/ »
  kimberle.ttf) format("truetype");
}


* {
margin: 0;
padding: 0;
}

img					{border:0;}
code				{display:block;}
table				{border-collapse:collapse; border:0;}
form, fieldset 		{border:0;}
legend				{display:none}
ul					{list-style:none;}
hr					{height:1px;visibility:hidden }
p					{padding-bottom: 1em;}
h1,h2,h3,h4,h5		{font-weight:normal}

/* Fonts*/
.normal				{font-size:13px;}
.bigger 			{font-size:16px}
.big 				{font-size:20px}
.smaller			{font-size:8px}
.small				{font-size:11px}
.verysmall			{font-size:6px}
.bold 				{font-weight:bold;}

/* Behaviour*/
.error			{color:#FF0000;}
.noWrap			{white-space: nowrap;}
.noBrd			{border:0}
.fl				{float:left;}
.fr				{float:right;}
.fn				{float:none;}
.cb				{clear:both;}

.tl				{text-align:left;}
.tr				{text-align:right;}
.tc				{text-align:center;}
.fi				{font-style: italic;}

.clear			{float:none; clear:both; width:0; height:0; line-height:0; overflow:hidden; font-size:0; visibility: hidden; margin:0; padding:0; border:0;}
.nw				{white-space:nowrap;}
.no-bg			{background-image: none;}
.dn				{display:none}


/* Spaces */
.spc-l			{margin-left:  10px;}
.spc-r			{margin-right: 10px;}
.spc-t			{margin-top:   10px;}
.spc-b			{margin-bottom:   10px;}

.pad-l			{padding-left: 10px}
.pad-t			{padding-top: 10px}


a {text-align:left; text-decoration:none;color:#014373}
a:hover {color:#FB0404;text-decoration: underline;}

.moveLeftBig {margin-left:-210px}
.moveTopSmall {margin-top:-50px}

.message {font: normal 20px Verdana, Arial, Helvetica,sans-serif;color:red}
.messageSmall {font: normal 12px Verdana, Arial, Helvetica,sans-serif;color:red}


.spc-b-l {padding-bottom:20px}
.spc-t-l {padding-top:20px}
.spc-l-l {padding-left:20px}

.border {border:1px solid #000;}

.cursor_hand {cursor:pointer}



/*MAIN*/
body  {background:#dcbc91;padding:0; background-image: url(/common/images/bg/bg_g.gif);background-repeat: repeat-x;margin: 0px}
#main {background:#FFF;width:850px;min-height:720px;margin-top:15px;font-family: Verdana,Helvetica,Arial,sans-serif;font-size: 12px;color: #000;border:1px solid #9e7541;}
#topimgslide {background:#CCC;width:850px;height:235px;}
#mainslide img{width: 850px;height: 235px}
#topimgslide #logo {position: absolute;top:-240px;left:-220px;z-index: 999}
#topimgslide #logoCafe {position: absolute;top:0px;left:0px;z-index: 999}
#content_left_title{height:20px;background-image: url(/common/images/bg/topmenu.gif);background-repeat: repeat-x;margin-top: 10px;padding: 5px 0 0 5px;color:#333;font-size:12px;font-weight: bold;}

/* TOP MENÜ MAIN*/
#langcontrol {float:left;padding-left: 5px}
#topmenuMain {padding-top:5px; width:850px;height:20px;background-color: #000;}
/*#topmenuMain {padding-top:5px; width:850px;height:20px;background-color: #9e7541;text-align: right;}*/
#topmenuMain {color:#dcbc91;font-weight:normal;font-size: 11px}
#topmenuMain ul {background:#000;margin:0;padding:0;margin-right:5px;float:right}
#topmenuMain ul li {float: right}
#topmenuMain ul li a:link, #topmenuMain ul li a:visited {text-decoration:none;color:#dcbc91;font-weight:normal}
#topmenuMain ul li a:hover {color:#274e77;text-decoration: underline;}

/* TOP MENÜ 1*/
#topmenu1st {width:850px;height:30px;background-image: url(/common/images/bg/topmenu.gif);background-repeat: repeat-x;}
#soundcontrol {float:right;padding-right: 5px}

/* TOP MENÜ 2*/
#topmenu2st {background:#CCC;width:850px;height:30px;}

/* CONTENT*/
#content {background:#FFF;width:850px;min-height:430px;}
#content_left {background:#FFF;width:605px;text-align: left;min-height:430px;padding:0 10 10 10}
#content_right {background:#FFF;width:215px;text-align: left;min-height:430px;margin-top: 10px;margin-right: 10px}
#contenttext {padding-top:20px;padding-left:5px; line-height:2.0em;}
#contenttext2 {padding-top:20px;padding-left:5px; line-height:1.5em;}

/* BOTTOM*/
#bottom {padding-top:5px;width:850px;min-height:25px;text-align: right;background-image: url(/common/images/bg/topmenu.gif);background-repeat: repeat-x;clear:left;text-align: right;color:#9e7541}
#bottom a:link, #bottom a:visited {padding-right:5px;color:#000;font-weight: 400;}
#bottom a:hover {text-decoration: none}

/*BOX*/
.boxsmall {margin-bottom:10px}
.boxheader {background-color: #dcbc91;padding: 3 3 3 3;color: #754c24;background-image: url(/common/images/bg/bg_box.gif);background-position: right;background-repeat: repeat-x;}
.boxcontent {background-color: #fff;padding: 3 3 3 3;border:1px solid #dcbc91;border-top: 0px}
.boxitem {height: 50px;padding-bottom: 3px}
.boxitem img {width: 75px;padding-right:3px;}
.boxitem .boxitemtext { font-weight:normal;}
.boximg img{width:215px;border:1px solid #dcbc91;}
.boxitem a{height:30px;}
.boxitem a, .boxitem a:active, .boxitem a:visited, .boxitem a:hover {text-decoration:none;}

/*
.boxitem a:link, #boxitem a:visited {text-decoration:none;color:#000;font-weight:normal;font-size: 16px}
.boxitem a:hover {width:300px; color:#274e77;background-image: url(/common/images/bg/topmenu.gif);background-repeat: repeat-x;text-decoration: none;}
*/
/*.boxitem a:HOVER {width:100px;height:100px;text-decoration: line-through;font-size: 18px;border:1px solid #dcbc91;}*/
/*.boxitem:HOVER {background-color:#CCC;text-decoration: none;}*/

/*NEWS*/
.newsitem {min-height: 125px;padding: 3 3 3 3;margin-top:15px}
.newsitem img {width: 150px;padding-right:3px;}
.newsitem a:hover {text-decoration:none}

#newtitle {border-bottom:1px solid #dcbc91;padding-bottom: 3px;margin-bottom: 5px;font-size: 12px}
#newsitemtext {font-size: 12px}

#newsdetail {}
#newsdetail img {width: 300px;padding-top: 10px;padding-right: 10px}
#newstitle {border-bottom:1px solid #dcbc91;font-size: 12px;padding-top: 15px}
#newssmalltext {background-color: #f2efcc;margin-top: 10;padding: 3 3 3 3 }
#newslongtext {}

/*NAVIGATION*/
#nav{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
 }
 
#nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.0em;
 }
 
 #nav a:link, #nav a:active, #nav a:visited{
    display:block;
    padding:5px 10px;
    border:0px solid #000;
    color:#333;
    font-size:14px;
    font-weight: bold;
    text-decoration:none;
    
    height: 20px;
    background-image: url(/common/images/bg/topmenu.gif);
 }

#nav a:hover{
	background-image: url(/common/images/bg/topmenu2.gif);
    background-color:#000;
    color:#dcbc91;
}

#nav li{
    float:left;
    position:relative;
}

#nav ul {
	border:1px solid #000;
    position:absolute;
    width:15.7em;
    top:2.5em;
    display:none;
    z-index: 1000;
}

#nav li ul a{
    width:14em;
    float:left;
}

 #nav li ul a:link, #nav li ul a:active, #nav li ul a:visited{
    display:block;
    background-image: url(/common/images/bg/topmenu2.gif);
    color:#dcbc91;
    background-color: #000;
    font-size: 12px;
    height: 13px;
 }
 
 #nav li ul a:hover{
	background-image: url(/common/images/bg/topmenu3.gif);
    color:#FFF;
}

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
    left:14.85em;
    margin:0px 0 0 10px;
    border:1px solid #000;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }
    
    
/*TAB*/
.widget {
width: 600px;
margin: 0;
padding: 0;
border: 0px solid #dedbd1;
}

.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	border:0px solid #dcbc91;
	}
	
.tabnav li a, .tabnav li a:active, .tabnav li a:visited {
		text-decoration: none;
		color: #333;
		font-weight: bold;
		padding: 4px 6px;
		outline: none;
		height: 30px;
		background-image: url(/common/images/bg/topmenu.gif);
		}
		
.tabnav li a:hover, .tabnav li.ui-tabs-selected a {
		background: #000;
		color: #dcbc91;
		text-decoration: none;
		}
		
.tabdiv {
	margin-top: 3px;
	background: #fff;
	border: 1px solid #dcbc91;
	padding: 10px;
	}
.ui-tabs-hide {
	display: none;
	}

#tabvanilla {margin-top:20px}

/*PRODUKTDETAILS*/
#produktdetailtab {min-height:350px}
#produktdetailtab #title {font-size: 14px;margin-bottom: 10px;border-bottom:1px solid #ccc;font-weight:bold;}
#produktdetailtab img {width: 300px;padding-right:3px}
#produktdetailtab a, #produktdetailtab a:active, #produktdetailtab a:visited, #produktdetailtab a:hover {text-decoration:none;} 
#produktinalttab {min-height:350px;}
#produktinalttab #title {font-size: 14px;margin-bottom: 10px;border-bottom:1px solid #ccc;font-weight:bold;}
#produktinalttab #inhaltliste {width:260px}
#produktinalttab #inhaltliste ul {line-height:1.5em;list-style: disc;padding-left:20px;font-size: 14px}
#produktinalttab img {width: 300px;height:200; padding-right:3px}

/*FILIALDETAILS*/
#filialdetailtab {min-height:350px}
#filialdetailtab #title {font-size: 14px;margin-bottom: 10px;border-bottom:1px solid #ccc;font-weight:bold;}
#filialdetailtab img {width: 300px;padding-right:3px}
#filialdetailtab a, #filialdetailtab a:active, #filialdetailtab a:visited, #filialdetailtab a:hover {text-decoration:none;}

#filialanfahrttab {min-height:350px}
#filialanfahrttab #title {font-size: 14px;margin-bottom: 10px;border-bottom:1px solid #ccc;font-weight:bold;}
#filialanfahrttab #map_canvas {width: 400px; height: 300px;margin-right: 10px}
#filialbild img {width: 165px;margin-bottom:20px}

#filialbestellungtab {min-height:350px}
#filialbestellungtab {font: normal 12px Verdana, Arial}
#filialbestellungtab #validation .labelText{font-size: 11px;left: -16em;width: 8em;padding-bottom: 7px;font-weight: bold;}
#filialbestellungtab #nachname {width:385px}
#filialbestellungtab #vorname {width:385px}
#filialbestellungtab #email {width:385px}
#filialbestellungtab #bestellung {width:385px;height: 200px}

#filialkontakttab {min-height:350px}
#filialkontakttab {font: normal 12px Verdana, Arial}
#filialkontakttab #validation .labelText{font-size: 11px;left: -16em;width: 8em;padding-bottom: 7px;font-weight: bold;}
#filialkontakttab #nachname {width:385px}
#filialkontakttab #vorname {width:385px}
#filialkontakttab #grund {width:385px}
#filialkontakttab #email {width:385px}
#filialkontakttab #nachricht {width:385px;height: 200px}

/*PRODUKT-LISTE*/
#productlist {margin-top: 7px;width: 185px;height: 600px}
#productlist a, #productlist a:active, #productlist a:visited, #productlist a:hover {text-decoration:none;}
#productitem {padding:2px;width: 80px; height: 53px;border:1px solid #dcbc91;margin: 3px}
#productitem img{width: 80px;vertical-align: bottom;}
#producttitle {background-color: #dcbc91;padding: 1 2 2 2;color: #fff;margin-bottom: 10px;height: 3px}

#productlistslide {height:290px;width:415px;}
#productsslideitem img {width:410px;margin-top: 10px;margin-right: 5px}


/*FILIAL-LISTE*/
#filiallist {padding-left: 13px}
#filiallist a, #filiallist a:active, #filiallist a:visited, #filiallist a:hover {text-decoration:none;}
#filialitem {width: 175px; height: 225px;margin-top: 20px;margin-right: 20px;border:1px solid #dcbc91;}
#filialitem img{width: 175px;vertical-align: bottom;}
#filialtitle {background-color: #dcbc91;padding: 1 2 2 2;color: #fff;margin-bottom: 10px;height: 30px}
#filialadresse {line-height: 1.5em;padding:10 10 10 10}

/*ANFAHRT*/
#anfahrtkarte {margin-top:10px}
#anfahrtkarte #map_canvas {width: 400px; height: 300px;margin-right: 10px}
#anfahrttext img {width: 175px;}

/*KONTAKT*/
#kontakt_allgemein {min-height:250px;padding-top: 60px}
#kontakt_allgemein_bild {margin-right:10px}
#kontakt_allgemein_bild img {width: 300px;}

#kontakt_email {min-height:350px}

#kontakt_email {font: normal 12px Verdana, Arial}
#kontakt_email #validation .labelText{font-size: 11px;left: -16em;width: 8em;padding-bottom: 7px;font-weight: bold;}
#kontakt_email #nachname {width:385px}
#kontakt_email #vorname {width:385px}
#kontakt_email #grund {width:385px}
#kontakt_email #email {width:385px}
#kontakt_email #nachricht {width:385px;height: 200px}

/* VALIDIERUNG */	
#validation .correctionText {display: block;color: #006600;font-weight: bold;font-size: 10px;}
#validation .requiredImage{position: relative;top: -0.3em;width: 7px;height: 7px;}
#validation .labelText .requiredImage{left: -0.25em;}
#validation #correctionimg {margin-right: 3px}
#validation label {display: block;clear: both;padding-bottom: 1em;padding-left: 12em;}
#validation .labelText{position: relative;width: 10em;left: -12em;float: left;margin-right: -10em;padding-bottom: 1em;font-weight: bold;}
#validation .requiredMarker {display: block;color: #999999;font-size: 70%;text-transform: uppercase;font-weight: normal;}	

/*MESSAGE*/
#msgtext {color:#000;font-size: 13px; font-weight:normal;padding-top: 10px}

/*ERROR*/
#errortext {color:#FF0000;font-size: 13px; font-weight:normal;padding-top: 10px}

/*NEWSLETTER*/
#addnewslettertab {min-height:350px}
#addnewslettertab {font: normal 12px Verdana, Arial}
#addnewslettertab #validation .labelText{font-size: 11px;left: -16em;width: 8em;padding-bottom: 7px;font-weight: bold;}

#delnewslettertab {min-height:350px}
#delnewslettertab {font: normal 12px Verdana, Arial}
#delnewslettertab #validation .labelText{font-size: 11px;left: -16em;width: 8em;padding-bottom: 7px;font-weight: bold;}


/*JOBS*/
#jobstable {border:1px solid #dcbc91;font: normal 12px Verdana, Arial}
#jobstable table {border:1px solid #dcbc91;font: normal 12px Verdana, Arial}
#jobstable td {border:1px solid #dcbc91;height: 20px;padding: 2px;vertical-align: middle;}
#jobstable #date {width:120px}
#jobstable #jobname {width:580px}
#jobstable .header {background-image: url(/common/images/bg/topmenu.gif);font-weight:bold;color: #754c24}

#cvdiv {font: normal 12px Verdana, Arial}
#cvdiv #validation .labelText{font-size: 11px;left: -16em;width: 8em;padding-bottom: 7px;font-weight: bold;}
#cvdiv #nachname {width:385px}
#cvdiv #vorname {width:385px}
#cvdiv #telefon {width:185px}
#cvdiv #email {width:385px}
#cvdiv #strasse {width:385px}
#cvdiv #plz {width:85px}
#cvdiv #ort {width:185px}
#cvdiv #geburtsdatum {width:85px}
#cvdiv #geburtsort {width:185px}
#cvdiv #bewerbung_als {width:385px}
#cvdiv #gehaltsvorstellung {width:185px}
#cvdiv #schulische_bildung {width:385px;height: 125px}
#cvdiv #ausbildung {width:385px;height: 125px}
#cvdiv #weitere_angaben {width:385px;height: 125px}

	
/*JOBSDETAILS*/
#jobdetailtable {font: normal 12px Verdana, Arial;width: 100%}
#jobdetailtable td {padding: 2px;padding-bottom:20px; vertical-align: top;}
#jobdetailtable .qualifikation {width: 550px}
#jobdetailtable .tableleftheader {text-decoration: underline;}

/* CONTENT DOWNLOADS */
#downloadtable {border:1px solid #dcbc91;font: normal 12px Verdana, Arial}
#downloadtable table {border:1px solid #dcbc91;font: normal 12px Verdana, Arial}
#downloadtable td {border:1px solid #dcbc91;height: 20px;padding: 2px;vertical-align: middle;}
#downloadtable #name {width:600px}
#downloadtable #download {width:80px}
#downloadtable .header {background-image: url(/common/images/bg/topmenu.gif);font-weight:bold;color: #754c24}

/*CONTENT UNTERNEHMEN*/
#unternehmen_slide img {width: 300px;height: 200px}
#unternehmen_slide {margin-right: 20px}

/*CONTENT PRODUKTIONSSTÄTTE*/
#produktionsstatte_slide img {width: 300px;height: 200px}
#produktionsstatte_slide {margin-right: 20px}

/*CONTENT GESCHICHTE*/
#geschichte {border:1px solid #dcbc91;font: normal 12px Verdana, Arial}
#geschichte table {border:1px solid #dcbc91;font: normal 12px Verdana, Arial}
#geschichte td {border:1px solid #dcbc91;height: 20px;padding: 2px;vertical-align: middle;padding-bottom:10px;padding-top:10px}