/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 100%;
}
body {	
	line-height: 1;
}
blockquote, q {	
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {	
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------------------------- */
/* ------- HTML Elements ------- */
/* ----------------------------- */
html {
}
body {
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;
	color: #646566;
	background: url(../images/bg_body.png) top left repeat-x transparent;
}
a {
	color: #AF6327;
	text-decoration: none;
	outline: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
a[rel=lightbox] {
	cursor: url('../images/lupe.cur'), pointer;
}
h1 {
	margin: 36px 0 36px 0;
	font-size: 23px;
	line-height: 125%;
	color: #AF6327;
}
h2 {
	margin: 0 0 24px 0;
	font-size: 20px;
}
h3 {
	margin: 0 0 20px 0;
	font-size: 16px;
}
small {
	font-size: 12px;
}
/* ----------------------------- */
/* ------- Basic Classes ------- */
/* ----------------------------- */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearfloat {
	clear: both;
}
.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}

/* ----------------------------- */
/* ---- Document Structure ----- */
/* ----------------------------- */
#container {
   width: 953px;
   margin: 0 auto;
   position: relative;
}
#header {
   width: 100%;
   height: 242px;
}
#main {
   width: 100%;
}
#content  {
	width: 100%;
	padding: 0 0 30px 12px;
}
#headerimg {
	width: 941px;
	height: 385px;
	margin: 24px 0 15px 0;
}
#footer {
   width: 941px;
   height: 50px;
   clear: both;
   border-top: solid 1px #CCCCCC;
   margin: 0 0 0 12px;
}

/* ----------------------------- */
/* ---------- Header ----------- */
/* ----------------------------- */
#logolinkhome {
	display: inline-block;
	float: left;
	width: 198px; 
	height: 242px;
	background: url(../images/logo-zebu-manufaktur.png) 0 0 no-repeat;
	z-index: 1;
}
#logolinkhome span {
	display: none;
}
#header-oben {
	height: 151px;
}
#headertitle {
	float: left;
}
#headertitle h1,
#headertitle h2 {
	font-family: 'Istok Web', MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	line-height: 1;
}
#headertitle h1 {
	font-size: 30px;
	color: #FFFFFF;
	padding: 53px 0 0 36px;
}
#headertitle h2 {
	font-size: 19px;
	color: rgba(255,255,255,.5);
	padding: 10px 0 0 36px;
}
/* ---------- Infobereich: Telefonnummer ----------- */
#headertel {
	float: right;
	margin: 64px 12px 0 0;
}
#headertel p {
	font-size: 14px;
	color: #FFFFFF;
}
#headertel p.telnr {
	font-size: 17px;
	color: #FFFFFF;
	background: url(../images/phone.png) 0 5px no-repeat;
	padding: 0 0 0 26px;
	margin: 4px 0 0 0;
}
#headertel p.telnr span {
	font-size: 26px;
	letter-spacing: 2px;
}

/* ---------- Navigation Header ----------- */
#topnav {
	margin: 0 0 0 235px;	
	z-index: 99;
}
#topnav ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	display: inline-block;
}
#topnav li {
	list-style: none;
	display: inline;
}
#topnav ul ul {
	position: absolute; 
	left: 0; 
	top: 70px; 
	display: none; 
	padding: 0; 
	z-index: 100;
}
#topnav > ul > li {
	float: left; 
	display: block; 
	position: relative;
}
#topnav a {
	display: block;
	float: left;
	height: 34px;
	font-size: 18px;
	color: #999999;
	text-align: center;
	border-top: solid 10px #FFFFFF;
	padding: 37px 12px 0 12px;
}
#topnav ul li:hover a,
#topnav ul li a.aktiv {
	background-color: #958E89;
	border-top: solid 10px #7D7570;
	color: #FFFFFF;
	text-decoration: none;
}
#topnav ul li:hover a:before,
#topnav ul li a.aktiv:before {
	content: url(../images/bg_topnav_aktiv.png);
	position: absolute;
	top: 3px;
	left: 50%;
}
#topnav ul li:hover > ul {
	display: block;
	background-color: #958E89;
}
#topnav ul li:hover ul li a {
	width: 136px;
	height: auto;
	text-align: left;
	padding: 10px 8px 10px 12px;
	background-image: none;
	border-top: none;
	border-bottom: solid 1px #7D7570;
	font-size: 14px;
	margin: 0 10px;
}
#topnav ul li:hover ul li:last-child a {
	border-bottom: none;
}
#topnav ul li:hover ul a:before {
	content: '';
}
#topnav ul li:hover ul li:hover a {
	color: #E1CAB8;
}


/* IE7 bugfix for hiding the submenus */
#topnav ul {
	*display:inline;
}
#topnav ul ul {
	*left:-9999px; 
	*right:auto; 
	*display:block;
}
#topnav ul li:hover {
	*direction:ltr;
}
#topnav ul li:hover > ul {
	*left:0;
}


/* ----------------------------- */
/* ---------- Content ---------- */
/* ----------------------------- */
#contentmain p {
	text-align: justify;
	font-size: 15px;
	margin: 0 0 20px 0;
	line-height: 120%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#contentmain a[rel=lightbox] {
	cursor: url('../images/lupe.cur'), pointer;
}
#contentmain ul,
#contentmain ol {
	overflow: hidden;
	margin: 0 0 20px 0;
}
#contentmain ul {
	list-style: auto;
}
#contentmain ul li,
#contentmain ol li {
	font-size: 15px;
	margin: 5px 0 0 30px;
}

/* ----------------------------- */
/* ----------- Footer ---------- */
/* ----------------------------- */
#footer p {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #7D7B7B;
	margin: 18px 0 0 0;
}
#footer a {
	color: #7D7B7B;
}
#footer a:hover {
	color: #AF6327;
}
/* ----------------------------- */
/* --------- Specials ---------- */
/* ----------------------------- */

/* ---------- Slider ----------- */
ul.slides li {
		width: 941px;
		height: 385px;
}
.slide-text {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: rgba(215, 202, 191, .8);	
	padding: 10px;
}
#content .slide-text p {
	margin: 0;
	padding: 0;
	color: #000;
}

/* ---------- Google Map ----------- */
.map {
	float: left;
	margin: 0 20px 15px 0;
	border: solid 1px #000;
}