/************************************************************************
=========================================================================
	author:	kill.gates				[wwwdot59to1dotde]
									[imehlslashkilldotgatesat59to1dotde]
	date:	2006/08/06									
-------------------------------------------------------------------------
	client:		iken konzept / werbung	[http://www.beckroege.de]
	site:		www.beckroge.de
	media:		all  
=========================================================================
	css files:
=========================================================================
	 1] global/typography:				[global.css]
	 2] structure/layout:				[lay.css]
	 3] navigation:						[nav.css]
	 4] googlesearch:					[search.css]
	 5] map:							[map.css]
	 6] lightbox 2.0*:					[lightbox.css]
	 7] form styles:					[form_x.css]
	 8] table styles: 					[table_x.css]
	 9] misc styles: 					[xxx.css] 
	10] misc styles: 					[xxx.css]			************/

/************************************************************************
	2.1 - LAYOUT 
************************************************************************/

div#wrapper {
position: absolute;
top: 10px;
left: 50%;
margin: 0px 0px 0px -460px;
padding: 0px 0px 0px 0px; 
width: 920px;
background: transparent;
z-index: 1; }

div #header {
position: absolute;
top: 20px;
left: 0px;
width: 920px;
height: 225px;
background: transparent;
z-index: 2; }

div #h1logo a {
position: absolute;
top: 140px;
left: 28px;
width: 282px;
height: 70px;
background: #fff url(../images/h1logo.jpg) left top no-repeat;
z-index: 50; }

div #content {
position: absolute;
top: 355px;
left: 0px;
padding: 0px 0px 0px 0px;
width: 920px;
background: #fff;
z-index: 3; }

div #footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 920px;
height: 150px;
text-align: left;
background: transparent url(../images/footer.jpg) 0px 0px no-repeat;
float: left;
z-index: 2; }


/************************************************************************
	HEADER-IMAGES 
************************************************************************/

div #headerimg {
position: absolute;
top: 0px;
left: 0px;
width: 920px;
height: 225px;
background: transparent;
overflow: hidden;
z-index: 1; }

div .img_head_01_01 {
background: 
transparent url(../../kopfbilder/home.jpg) left top no-repeat
! important; }

div .img_head_02_01 {
background: 
transparent url(../../kopfbilder/hotel.jpg) left top no-repeat
! important; }

div .img_head_03_01 {
background: 
transparent url(../../kopfbilder/sport.jpg) left top no-repeat
! important; }

div .img_head_04_01 {
background: 
transparent url(../../kopfbilder/eventtagung.jpg) left top no-repeat
! important; }

div .img_head_05_01 {
background: 
transparent url(../../kopfbilder/restauration.jpg) left top no-repeat
! important; }

div .img_head_06_01 {
background: 
transparent url(../../kopfbilder/wellness.jpg) left top no-repeat
! important; }

div .img_head_07_01 {
background: 
transparent url(../../kopfbilder/shop.jpg) left top no-repeat
! important; }

div .img_head_08_01 {
background: 
transparent url(../../kopfbilder/teamjobs.jpg) left top no-repeat
! important; }

/************************************************************************
	INFO-IMAGES 
************************************************************************/

div #info {
position: absolute;
top: 250px;
left: 0px;
width: 335px;
height: 100px;
background: transparent;
overflow: hidden;
z-index: 10; }

div #infoimg {
position: absolute;
top: 0px;
left: 0px;
width: 335px;
height: 100px;
background: transparent;
overflow: hidden;
z-index: 10; }

div .info_01 {
background: 
transparent url(../../infobilder/info_01.jpg) left top no-repeat
! important; }

div .info_02 {
background: 
transparent url(../../infobilder/info_02.jpg) left top no-repeat
! important; }

div .info_03 {
background: 
transparent url(../../infobilder/info_03.jpg) left top no-repeat
! important; }

div .info_04 {
background: 
transparent url(../../infobilder/info_04.jpg) left top no-repeat
! important; }

div .info_05 {
background: 
transparent url(../../infobilder/info_05.jpg) left top no-repeat
! important; }

div .info_06 {
background: 
transparent url(../../infobilder/info_06.jpg) left top no-repeat
! important; }

div .info_07 {
background: 
transparent url(../../infobilder/info_07.jpg) left top no-repeat
! important; }

div .info_08 {
background: 
transparent url(../../infobilder/info_08.jpg) left top no-repeat
! important; }


/************************************************************************
	2.2 - COLUMNS / ARTICLES 
************************************************************************/

div .col01 {
margin: 0px 5px 10px 0px;
padding: 0px 0px 0px 0px;
width: 335px;
background: transparent ;
float: left;
z-index: 3; }

div .col02 {
margin: 0px 0px 10px 0px;
padding: 5px 5px 5px 5px;
width: 570px;
background: transparent;
float: left;
z-index: 3; }

div .col03 {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 740px;
background: transparent;
float: left;
z-index: 3; }

div .shopprod {
margin: 0px 10px 10px 0px;
padding: 10px 5px 0px 5px;
width: 115px;
border-right: 1px solid #e6f5fa;
border-bottom: 1px solid #e6f5fa;
background: transparent url(../images/news.jpg) 0px 0px no-repeat;
float: left;
z-index: 3; }

div .team {
margin: 0px 10px 10px 0px;
padding: 0px 5px 0px 5px;
width: 115px;
background: transparent;
float: left;
z-index: 3; }

div .row01 {
margin: 0px 0px 10px 0px;
padding: 5px 5px 10px 5px;
height: auto;
border-bottom: 1px solid #e6f5fa;
background: transparent url(../images/news.jpg) left top no-repeat;
float: left;
z-index: 3; }

div .row02 {
margin: 0px 0px 10px 0px;
padding: 0px 10px 0px 5px;
height: auto;
border-bottom: 1px solid #e6f5fa;
background: transparent;
float: left;
z-index: 3; }

div .row03 {
margin: 0px 0px 10px 0px;
padding: 0px 10px 0px 5px;
height: auto;
background: transparent;
float: left;
z-index: 3; }


/************************************************************************
	2.3 - IMAGES 
************************************************************************/

div .pimg_m_l {
margin: 0px 10px 5px 0px;
width: 120px;
height: 80px;
background: #afb0b2;
float: left;
overflow: hidden;
z-index: 3; }

div .pimg_m_r {
margin: 0px 10px 5px 0px;
padding: 0px 10px 20px 0px;
width: 120px;
height: 80px;
background: #afb0b2;
float: right;
z-index: 3; }

div .pimg_s_r {
margin: 0px 10px 5px 0px;
padding: 0px 10px 0px 0px;
width: 160px;
height: 120px;
background: #afb0b2;
float: left;
overflow: hidden;
z-index: 3; }

div .imgprod {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 100px;
height: 75px;
background: #afb0b2;
float: left;
overflow: hidden;
z-index: 3; }

div .imgteam {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 100px;
height: 100px;
background: #afb0b2;
float: left;
overflow: hidden;
z-index: 3; }


/************************************************************************
	2.3a - GALLERY 
************************************************************************/

div.gallery {
padding: 0px 0px 0px 0px; 
width: 550px;
height: auto;
background: transparent;
float: left;
z-index: 5; }

div .thumb a {
margin: 0px 10px 10px 0px; 
width: 80px;
height: 80px;
border: 5px solid #e6e6e6;
background: transparent;
float: left;
overflow: hidden;
z-index: 5; }

div .thumb a:link, div .thumb a:visited {
margin: 0px 10px 10px 0px; 
border: 5px solid #e6e6e6; 
float: left;
overflow: hidden; }

div .thumb a:hover, div .thumb a:active {
margin: 0px 10px 10px 0px; 
border: 5px solid #009acd; 
float: left;
overflow: hidden; }

div .thumb_nomargin a {
margin: 0px 0px 10px 0px; 
width: 80px;
height: 80px;
border: 5px solid #e6e6e6;
background: transparent;
float: left;
overflow: hidden;
z-index: 5; }

div .thumb_nomargin a:link, div .thumb_nomargin a:visited {
border: 5px solid #e6e6e6;
overflow: hidden; }

div .thumb_nomargin a:hover, div .thumb_nomargin a:active {
border: 5px solid #009acd;
overflow: hidden; }

div .thumb_nocontent {
margin: 0px 10px 10px 0px; 
width: 80px;
height: 80px;
border: 5px solid #ffaf6f;
background: #fff;
float: left;
z-index: 5; }

div .thumb_nocontent_nomargin {
margin: 0px 0px 10px 0px; 
width: 80px;
height: 80px;
border: 5px solid #ffaf6f;
background: #fff;
float: left;
z-index: 5; }


/************************************************************************
	2.4 - NAV
************************************************************************/

div #navlang {					
position: absolute;
top: 0px;
left: 740px;
height: 100px;
background: #006f4d;
overflow: hidden;
z-index: 5; }

div #navextlink {					
position: absolute;
padding: 0px 0px 0px 0px;
top: 150px;
left: 0px;
width: 190px;
height: 65px;
background: #fff;
overflow: hidden;
z-index: 5; }

div #siteinfo {					
position: absolute;
padding: 0px 0px 0px 0px;
top: 0px;
left: 0px;
width: 325px;
height: 35px;
background: transparent;
overflow: hidden;
z-index: 5; }

div #nav01 {					
position: absolute;
top: 250px;
left: 340px;
width: 580px;
height: 50px;
background: #009acd;
overflow: hidden;
z-index: 10; }

div #nav02 {					
position: absolute;
padding: 0px 0px 0px 0px;
top: 300px;
left: 340px;
width: 580px;
height: 50px;
background: transparent url(../images/nav02.jpg) left top repeat-y;
overflow: hidden;
z-index: 5; }

div #nav03 {
position: absolute;
padding: 10px 0px 5px 0px;
top: 275px;
left: 200px;
width: 450px;
height: 20px;
background: transparent;
overflow: hidden;
z-index: 5; }

div #navprod {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
background: transparent;
z-index: 200; }


/************************************************************************
	2.5 - FORMS
************************************************************************/

div #lang {
position: absolute;
padding: 10px 0px 0px 10px;
top: 00px;
left: 740px;
width: 190px;
height: 90px;
background: #006f4d;
z-index: 5; }

div #searchformcont {
position: absolute;
padding: 0px 0px 0px 0px;
top: 180px;
left: 0px;
width: 200px;
height: 90px;
background: #cacbcb;
z-index: 5; }

div #productlist {
position: absolute;
padding: 10px 0px 0px 10px;
top: 220px;
left: 740px;
width: 190px;
height: 90px;
text-align:left;
background: transparent;
z-index: 6; }

div #mediaselect {
position: absolute;
padding: 10px 0px 0px 10px;
top: 180px;
left: 740px;
width: 190px;
height: 20px;
background: transparent;
z-index: 5; }

div.buttons {
padding: 0px 0px 0px 0px;
background: transparent;
display: block;
z-index: 5; }




/***********************************************************************
//	Lightbox v2.02
//	by Lokesh Dhakar - http://www.huddletogether.com
//	3/31/06
//
//	For more information on this script, visit:
//	http://huddletogether.com/projects/lightbox2/
//
//	Licensed under the Creative Commons Attribution 2.5 License
	- http://creativecommons.org/licenses/by/2.5/
//	
//	Credit also due to those who have helped, inspired, 
	and made their code available to the public.
//	Including: Scott Upton(uptonic.com), 
	Peter-Paul Koch(quirksmode.org), Thomas Fuchs(mir.aculo.us), 
	and others.
//
************************************************************************/

/*e-o-f*****************************************************************/