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

#header {
width: 750px;
height: 220px;
background:transparent);
}

#twoColLayout #primaryContent {
	width:555px;
	float:left;
	margin: 0 0 20px 195px;
	background-color: transparent;
}
#twoColLayout #primaryContent p {
	background-color: transparent;
							}
							
							
#sideContent{
float:left;
width:180px;
margin: 90px 0 20px -770px;
background: #transparent;
}

.cbSide {
width:140px;
margin: 5px 0 0 10px;
padding: 10px 0 5px 0;
background: #transparent;
}
.cbSide p {
margin: 0;
padding: 0 5px 2px 5px;
font-size: 110%;
color: #666;
}
.box.default p {
	color:#000;
	background: #transparent;
				}



#footer{
	clear:both;
width: 620px;
height: 5px;
background: transparent url(footer.gif);
margin: 120px 0 10px 185px;
padding: 10px 0 0 0px;
}
#footer p {
margin: -60px 10px 10px 135px;
padding: 0 4px -24px 0;
font-weight: bold;
}

#footer a:link, #footer a:visited {
color: #267F26;
}
#footer a:hover {
color: #000;
background: #D7D493;
}
.distance	{
	float: left;
	margin: 110px 0 5px 0;	
			}
.distance	img{
	border:none;
				}
	

#gmap {display:block; width:300px; height:406px; background: url(../img/karte_deutschland.gif); position:relative; margin:0 auto 2em auto;}
#gmap a {color:#686729; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase;}

a#title2, a#title2:visited {display:block; width:300px; height:0; padding-top:260px; position:absolute; left:0; top:0; cursor:default; text-decoration:none;}
* html a#title2 {height:406px; he\ight:0;}
#gmap a#title2:hover {background:transparent url( url(../img/karte_deutschland.gif)) no-repeat 0 0; overflow:visible; color:#c00;}

a#schleswig {display:block; width:60px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:100px; top:10px;}
* html a#schleswig {height:60px; he\ight:0;}
a#schleswig:hover {background:transparent url(../../img/deutschland/schleswig_holstein.gif) no-repeat 0 0; overflow:visible;}

a#meckpom {display:block; width:110px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:170px; top:30px;}
* html a#meckpom {height:60px; he\ight:0;}
a#meckpom:hover {background:transparent url url(../img/deutschland/mecklenburg_vormommern.gif) no-repeat  0 0; overflow:visible;}

a#bremen {display:block; width:20px; height:0; padding-top:20px; overflow:hidden; position:absolute; left:85px; top:95px;}
* html a#bremen {height:20px; he\ight:0;}
a#bremen:hover {background:transparent url(../img/deutschland/hamburg.gif) no-repeat 0 0; overflow:visible;}

a#hamburg {display:block; width:20px; height:0; padding-top:20px; overflow:hidden; position:absolute; left:125px; top:70px;}
* html a#hamburg {height:20px; he\ight:0;}
a#hamburg:hover {background:transparent url(../img/group_mike.gif) no-repeat 0 0; overflow:visible;}

a#brandenburg {display:block; width:100px; height:0; padding-top:100px; overflow:hidden; position:absolute; left:200px; top:80px;}
* html a#brandenburg {height:100px; he\ight:0;}
a#brandenburg:hover {background:transparent url(../img/group_phil.gif) no-repeat 0 0; overflow:visible;}

a#niedersachsen {display:block; width:140px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:35px; top:110px;}
* html a#niedersachsen {height:60px; he\ight:0;}
a#niedersachsen:hover {background:transparent url(../img/group_bob.gif) no-repeat 0 0; overflow:visible;}

a#berlin {display:block; width:20px; height:0; padding-top:20px; overflow:hidden; position:absolute; left:233px; top:120px;}
* html a#berlin {height:20px; he\ight:0;}
a#berlin:hover {background:transparent url(../img/group_jill.gif) no-repeat 0 0; overflow:visible;}

a#nrw {display:block; width:95px; height:0; padding-top:70px; overflow:hidden; position:absolute; left:10px; top:145px;}
* html a#nrw {height:70px; he\ight:0;}
a#nrw:hover {background:transparent url(../img/group_tom.gif) no-repeat 0 0; overflow:visible;}

a#sachsen_anhalt {display:block; width:50px; height:0; padding-top:90px; overflow:hidden; position:absolute; left:160px; top:110px;}
* html a#sachsen_anhalt {height:90px; he\ight:0;}
a#sachsen_anhalt:hover {background:transparent url(../img/group_tom.gif) no-repeat 0 0; overflow:visible;}

a#hessen {display:block; width:55px; height:0; padding-top:90px; overflow:hidden; position:absolute; left:70px; top:185px;}
* html a#hessen {height:90px; he\ight:0;}
a#hessen:hover {background:transparent url(../img/group_tom.gif) no-repeat 0 0; overflow:visible;}

a#rheinland {display:block; width:75px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:10px; top:225px;}
* html a#rheinland {height:60px; he\ight:0;}
a#rheinland:hover {background:transparent url(../img/group_tom.gif) no-repeat 0 0; overflow:visible;}

a#sachsen {display:block; width:95px; height:0; padding-top:50px; overflow:hidden; position:absolute; left:200px; top:175px;}
* html a#sachsen {height:50px; he\ight:0;}
a#sachsen:hover {background:transparent url(../img/group_tom.gif) no-repeat 0 0; overflow:visible;}

a#thueringen {display:block; width:90px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:130px; top:185px;}
* html a#thueringen {height:60px; he\ight:0;}
a#thueringen:hover {background:transparent url(../img/group_tom.gif) no-repeat 0 0; overflow:visible;}

a#saarland {display:block; width:35px; height:0; padding-top:35px; overflow:hidden; position:absolute; left:10px; top:280px;}
* html a#saarland {height:35px; he\ight:0;}
a#saarland:hover {background:transparent url(../img/group_tom.gif) no-repeat 0 0; overflow:visible;}

a#baden {display:block; width:80px; height:0; padding-top:80px; overflow:hidden; position:absolute; left:60px; top:295px;}
* html a#baden {height:80px; he\ight:0;}
a#baden:hover {background:transparent url(../img/group_tom.gif) no-repeat 0 0; overflow:visible;}

a#bayern {display:block; width:120px; height:0; padding-top:120px; overflow:hidden; position:absolute; left:145px; top:255px;}
* html a#bayern {height:120px; he\ight:0;}
a#bayern:hover {background:transparent url(../img/deutschland/bayern.gif) no-repeat 0 0; overflow:visible;}

.vcard	{
margin: 10px 0 5px 10px;
width: 250px;
		}
		
.produkte	{
margin: 0 10px;
display: block;
width:480px;
height: 220px;
border: solid #006633;
}

.produkte	p{
margin: 0 10px;
padding: 0 5px 0 270px
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #e8fa7b;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #e8fa7b;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #e8fa7b;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 155px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.produkt_content .gallerycontainer	{
	width: 480px;
	height: 120px;
				}
 .gallerycontainer	h3 {
	text-decoration: none;
	color:#686729;
	background: transparent;
	padding: 30px 0 0 10px;
	margin: 15px 0 0 0;
	
			}
			
.produkt_content .gallerycontainer	img{
	padding: 10px 0 0 10px;	
				}
.gallerycontainer	p {
	color:#003300;
	background: transparent;
	font-size:12px;	
			}
			


	/* Anfang Gallerie */
#gallery { position: relative; }
  #pictures { position: relative; height: 408px; }
  #pictures img { position: absolute; top: 0; left: 20px; }

  #prev, #next { margin: 20px 0 0 70px; text-align: center; font-size: 1.2em; float:left; padding: 0 20px; }
/* Ende Gallerie */	

.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 margin: 0;
 padding: 0;
}

.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {
 white-space: nowrap;
}

.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 margin: 0;
 padding: 0;
}

.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {
 white-space: nowrap;
}
#jscroller2_right	{
	border: solid #009933;
				}

 /* Scroller Box */
#scroller_container {
 width: 260px;
 height: 140px;
 overflow: hidden;
}
/* Scoller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
 overflow: auto;
}
    
/* Scroller Box */
#scroller_container {
 width: 520px;
 height: 110px;
 overflow: hidden;
}

/* Scoller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
overflow: auto;
}
#slideshow	{
	position:relative;
	width: 120px;
	height: 100px;
				}
				
#slideshow	img	{
	position:absolute;
	top:-3px;
	left:-1px;
		}

#teapicker	{
	position:relative;
	width: 160px;
	height: 360px;
				}
				
#teapicker	img	{
	position:absolute;
	top:-15px;
	left:-22px;
	z-index:30;
		}

#buch	{
	position:relative;
	width: 160px;
	height: 160px;
				}
				
#buch	img	{
	position:absolute;
	top:-180px;
	left:-24px;
	z-index: 40;
		}	
#primaryContent .contentImage_small {
float:right;
border: 2px solid #99FFAA;
padding: 2px 2px;
margin: 0 5px 5px 0;
}