@charset "utf-8";
/* CSS Document */

/* Programmierung und Umsetzung durch WEDEKO GmbH (Manuela Kuhn) www.wedeko.com */

/*
01 Allgemeine Einstellungen
02 Inhaltsboxen
03 Navigation
04 Spezifisch Startseite
05 Spezifisch Unterseiten
06 Spezifisch Work&After Work
*/


/* 01 Allgemeine Einstellungen ---------------------------------------------------------------------------------------------------------*/



html {height: 100%; margin-bottom: 1px; }

body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../dzine/bg_hg.jpg) #ffffff repeat-x center top;
}

img {
	margin: 0;
	border: none;
}

.headlineimg {
	margin: 20px 0px 10px 30px;
	border: none;
}


h1 {
	font-size: 24px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 20px 10px 0px 14px;
	line-height:24px;
}

h2{
	font-size: 12px;
	font-weight:bold;
	color: #333333;
	line-height:14px;
	padding:0px 0px 0px 18px;
}


#servicenav {
	font-size: 9px;
	color: #922224;
	text-align:left;
	font-weight:bold;
	padding: 0px 10px 0px 0px;
	margin: -10px 0px 0px 14px;
}

p {
	font-size: 12px;
	color:#333333;
	line-height:18px;
	padding:0px 250px 0px 30px;
}

div{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

table {
	width:60%;
	margin:50px 25px 0px 25px;
	padding:0px 0px 0px 0px;
	font-size: 11px;
	color:#333333;
	line-height:18px;
	text-align:left;
	vertical-align:bottom;
}

/*Allgemein Links innerhalb der Seite*/

a:link {
	color: #922224;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	text-decoration:none;
	color: #922224;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
	color: #1e1615;
	font-weight:bold;
}

a:active {
	text-decoration: unterline;
	color: #922224;
	font-weight:bold;
}




/*02 Inhaltsboxen ---------------------------------------------------------------------------------------------------------*/
#container{
	margin: auto;
	width: 790px;
	position:realtive;
	height:auto;
	text-align:center;
	z-index:0;
	
}

#header{
	background: url(../dzine/bg_top.jpg) center top;
	padding: 0px;
	margin: 0px;
	width:790px;
	height:400px;
	position:relative;
	text-align:left;
	z-index:100;
}

#logo_box{
	background-color:#ffffff;
	position:realtive;
	width:100%;
	height:118px;
	text-align:right;
	z-index:1;
}


#content{
	background: url(../dzine/bg_content_line.jpg) center top;
	padding: 0px;
	margin: 10px 0px 0px 0px ;
	width: 100%;
	text-align:left;
	position:relative;
	top:-12px;
	min-height:260px;
	height:auto;
}

#startnav{
	background: url(../dzine/bg.jpg);
	padding: 0px;
	margin: 0px;
	width:790px;
	height:454px;
	position:relative;
	top: 0px;
	text-align:left;
	z-index:100;
}


#footer{
	background: url(../dzine/bg_footer.jpg) center top;
	padding: 0px;
	margin: 0px;
	width: 100%;
	position:relative;
	top:-24px;
	height:40px;
	text-align:right;
}

#teaser_rechts{
	position:absolute;
	right:0px;
	top:382px;
	width:202px;
	height:auto;
	z-index:1000;
}

#animation{
	background-image:url(../dzine/topimage/tp.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:0;
	margin:7px 0px 0px 13px;
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:570px;
	height:190px;
	z-index:0;
}

.titelbild{
	border:0;
	position:relative;
	right:10px;
	top:-120px;
	float:right;
	width:310px;
	height:370px;
	z-index:200;
}

.titelbild2{
	border:0;
	position:relative;
	right:10px;
	top:-120px;
	float:right;
	width:310px;
	height:10px;
	z-index:200;
}

#aktuell{
	border:0;
	width:180px;
	height:auto;
	z-index:1000;
	text-align:left;
	margin-top:20px;
	padding:10px 0px 10px 10px;
	background-color:#fcf5e0;
	color:#922224;
	font-weight:bold;
	border:1px dashed;
	border-color:#922224;
}

#aktuell p {
	font-size: 11px;
	color:#333333;
	line-height:14px;
	font-weight:100;
	padding:0px 0px 0px 0px;
}

/*Positionierungen*/

.logo{
	margin-top: 20px;
	margin-right:12px;
}

/*03 Navigation ---------------------------------------------------------------------------------------------------------*/

#menubox{
	padding: 0px;
	margin: 0px;
	width: 192px;
	text-align:right;
	position:relative;
	top:6px;
	right:11px;
	float:right;
	height:auto;
	z-index:1000;
}

ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
			
#nav li{
	background-position:left top;
	background-repeat:no-repeat;
	display: block;
	list-style:none;
	margin: 0 0 1px 0;
	padding:0 0 0 0;
	overflow:hidden;
}

			

	
#nav_fleischer , #nav_fleischer a, #nav_fleischer a:active{
							background-image:url(../dzine/bt_fleischer.jpg);
							display:block;
							height:40px;
							width:192px;
						}
						
#nav_fleischer a:hover, {
							background-image:url(../dzine/bt_fleischer.jpg);
							display:block;
							height:40px;
							width:auto;
						}					
						
#nav_baecker , #nav_baecker a, #nav_baecker a:hover, #nav_baecker a:active{
							background-image:url(../dzine/bt_baecker.jpg);
							display:block;
							height:40px;
							width:auto;
						}
#nav_garten , #nav_garten a, #nav_garten a:hover, #nav_garten a:active{
							background-image:url(../dzine/bt_garten.jpg);
							display:block;
							height:40px;
							width:auto;
						}
#nav_work , #nav_work a, #nav_work a:hover, #nav_work a:active{
							background-image:url(../dzine/bt_work.jpg);
							display:block;
							height:40px;
							width:auto;
						}
#nav_unternehmen , #nav_unternehmen a, #nav_unternehmen a:hover, #nav_unternehmen a:active{
							background-image:url(../dzine/bt_unternehmen.jpg);
							display:block;
							height:40px;
							width:auto;
						}	
						
#nav_logo , #nav_logo a, #nav_logo a:hover, #nav_logo a:active{
							background-image:url(../dzine/bt_logo.jpg);
							display:block;
							height:40px;
							width:auto;
						}															
						
						
#nav_fleischer a, #nav_baecker a, #nav_garten a, #nav_work a, #nav_unternehmen a, #nav_logo a {
								background-position:0px 0px;
							}
						
#nav_fleischer a:hover, #nav_fleischer a:active, #nav_baecker a:hover, #nav_baecker a:active, #nav_garten a:hover, #nav_garten a:active, #nav_work a:hover, #nav_work a:active, #nav_unternehmen a:hover, #nav_unternehmen a:active, #nav_logo a:hover, #nav_logo a:active{
								background-position:0px 40px;
							}

#nav_unternehmen li, #nav_work li{
		height:20px;

}

#nav_unternehmen ul {
	position:absolute;
	text-align:left;
	background-image:none;
	background:#922224;
	font-size:12px;
	line-height:14px;
	color:#333333;
	margin-left:-95px;
	margin-top:-40px;
	padding: 10px 20px 0px 10px;
	width: auto;
	left: -999em;   /* Unternavigation ausblenden */
	z-index:1000;
  }
  

#nav_work ul {
	position:absolute;
	text-align:left;
	background-image:none;
	background:#922224;
	font-size:12px;
	color:#333333;
	margin-left:-174px;
	margin-top:-40px;
	padding: 10px 20px 0px 10px;
	width: auto;
	left: -999em;   /* Unternavigation ausblenden */
	z-index:1000;
  }
  
#nav li ul a:link{
	background-image:none;
	list-style-image:none;
	list-style:none;
	text-decoration:none;
	color:#fcf5e0;
  }
#nav li ul a:visited{
	background-image:none;
	list-style-image:none;
	list-style:none;
	color:#fcf5e0;
  }
#nav li ul a:hover{
	background-image:none;
	list-style-image:none;
	list-style:none;
	color:#fcf5e0;
	text-decoration:underline;
 }

#nav li ul a:active{
	background-image:none;
	list-style-image:none;
	list-style:none;
	color:#fcf5e0;
  }
  
#nav li:hover ul{
background-image:none;
float:right;
left:auto; /* Unternavigation einblenden */
color:#ffffff;
}

	
/*04 Spezifisch Startseite ---------------------------------------------------------------------------------------------------------*/
#kollektion{
	position:absolute;
	right:28px;
	bottom:0px;
	width:50%;
	height:auto;
	z-index:1000;
}

.navimgleft {
	margin: 7px 0px 0px 12px;
	border: none;
}

.navimg {
	margin: 7px 0px 0px 0px;
	border: none;
}

#fleischrei a{
background-image:url(../dzine/nav_fleischer.jpg);
display:block;
width:192px;
height:454px;
margin: 7px 0px 0px 12px;
float:left;
}

#fleischrei a:hover{
background-image:url(../dzine/nav_fleischer_mo.jpg);
}

#baecker a{
background-image:url(../dzine/nav_baecker.jpg);
display:block;
width:192px;
height:454px;
margin: 7px 0px 0px 0px;
float:left;
}

#baecker a:hover{
background-image:url(../dzine/nav_baecker_mo.jpg);
}

#garten a{
background-image:url(../dzine/nav_garten.jpg);
display:block;
width:192px;
height:454px;
margin: 7px 0px 0px 0px;
float:left;
}

#garten a:hover{
background-image:url(../dzine/nav_garten_mo.jpg);
}

#work a{
background-image:url(../dzine/nav_work.jpg);
display:block;
width:192px;
height:454px;
margin: 7px 0px 0px 0px;
float:left;
}

#work a:hover{
background-image:url(../dzine/nav_work_mo.jpg);
}

/*04 Spezifisch Startseite ---------------------------------------------------------------------------------------------------------*/
/*05 Spezifisch Unterseiten ---------------------------------------------------------------------------------------------------------*/

.titelbild a {
	display:block;
}
.titelbild a span {
	display:none;
}
.titelbild a:hover {
}

.titelbild a:hover span{
	display:block;
	position:absolute;
	top:200px;
	left:50px;
	width:auto;
	height:auto;
	border:1px solid #000000;
	background-color:#FFFFFF;
	padding: 10px;
	z-index:2000;
	font-size:10px;
	filter:alpha(opacity=60); 
	opacity:0.6;
	text-decoration:none;
	color:#333333;
	
}