@CHARSET "ISO-8859-1";
/************************************************************************
=========================================================================
	author:	kill.gates				[wwwdot59to1dotde]
									[imehlslashkilldotgatesat59to1dotde]
	date:	2008/12/12									
-------------------------------------------------------------------------
	client:		diephaus
	site:		www.diephaus.de
	media:		all  
=========================================================================
	css files:
=========================================================================
	 1] global/typography:				[global.css]
	 2] structure/layout:				[lay.css]
	 3] navigation:						[nav.css]
	 4] googlesearch:					[table.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;
margin: 0px 0px 0px -480px;
padding: 0px 0px 0px 25px; 
top: 0px;
left: 50%;
width: 940px;
background: transparent;
float: left;
z-index: 1;
}

div #content {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
width: 910px;
background: transparent;
float: left; 
z-index: 10;

}

div #divh1logo {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  width: 228px;
  height: 182px;
  background: transparent url(../images/h1_logo.gif) left top no-repeat;
  float: left;
  z-index: 3; 
}

div #branding {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
width: 910px;
height: 185px;
background: transparent url(../images/div_branding.jpg) right top no-repeat;
float: left;
overflow: hidden;
z-index: 3; }

div #content_100 {
margin: 0px 0px 0px 0px;
padding: 35px 0px 0px 0px; 
width: 910px;
background: #fff;
float: left;
z-index: 10; }

div #startbild {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
width: 850px;
background: #fff;
float: left;
z-index: 10; }

div #content_nat {
margin: 0px 0px 0px 0px;
padding: 35px 0px 0px 0px; 
width: 910px;
background: #fff url(../images/content_nat.gif) 225px 0px repeat-y;
display: block;
float: left;
z-index: 10;
min-height: 100%; /* Mindesthöhe in modernen Browsern */ }

div .div_select {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 120px;
height: 35px;
background: transparent url(../images/navmaincontainer.gif) left top repeat-x;
z-index: 200;
float: left;
clear: right; }

select.formselect_lang {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 109px;
height: 19px;
font-size: 11px;
display:block; }

/* weg gemäß mail
div #footer {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 910px;
	height: 40px;
	background: #f5c622;
	float: left;
	z-index: 2;
}
*/
div #footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 910px;
height: 35px;
background: transparent url(../images/div_footer.gif) left top no-repeat;
float: left;
z-index: 2; }

div #print {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 910px;
height: 176px;
background: transparent url(../images/div_print.gif) left top no-repeat;
float: left;
z-index: 2; }




/************************************************************************
	2.3 - COLUMNS/ARTICLES
************************************************************************/

div .row01 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
background: transparent;
float: left;
z-index: 10; }

div .col_62 {
	position:relative;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 45px;
width: 605px;
background: transparent;
float: left;
z-index: 10; }

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

div .col_20 {
margin: 0px 0px 0px 0px;
padding: 15px 15px 0px 15px;
width: 190px;
min-height: 260px;
background: #ebeaea;
float: left;
z-index: 10; }

hr { 
color: #fff;
border: solid #fff 0px;
clear: left; }


/************************************************************************
	2.4 - IMAGES
************************************************************************/

div.teaserbox {
margin: 0px 25px 0px 0px;
padding: 0px 10px 0px 0px;
width: 391px;
height: 190px;
background: #fff url(../images/div_teaserbox.gif) left top no-repeat;
float: left;
z-index: 3;
overflow: hidden;  }


#c25{float:left;}

div .teaserbox img {
margin: 0px 10px 0px 0px;
display: block;
z-index: 3; }

div.prd_start {
margin: 0px 0px 10px 0px;
padding: 0px 35px 0px 0px;
width: 490px;
height: 210px;
background: transparent url(../images/div_prd_start.gif) left top no-repeat;
display:block;
z-index: 3; }

div.prd_start img {
margin: 0px 10px 0px 0px;
float: left;
display:block;
z-index: 3; }

div.prd_start h5 {
padding: 20px 0px 0px 0px; }

div .div_prd_img {
margin: 0px 20px 0px 0px;
padding: 0px 5px 0px 0px;
width: 290px;
background: transparent;
float: left;
z-index: 3; }

div .div_prd_txt {
margin: 0px 0px 0px 0px;
width: 245px;
background: transparent;
float: left;
z-index: 3; }

div .link_rec {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 285px;
height: 120px;
color: #04266d;
background: transparent url(../images/img_rezept_linkbutton.jpg) left top no-repeat;
float: left;
z-index: 3; }

div .link_rec p.bodytext {
padding: 15px 25px 0px 87px;
font-weight: bold;
color: #04266d; }

div .div_rec_header {
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
width: 500px;
background: transparent url(../images/div_rec.gif) left top no-repeat;
float: left;
z-index: 3; }

div .div_rec_header div.headline {
width: 220px;
padding: 15px 10px 0px 25px;
background: transparent;
float: left; }

div .div_rec_header div.rec_img {
width: 220px;
padding: 25px 10px 0px 0px;
background: transparent;
float: left; }

div .div_rec_txt {
margin: 0px 0px 0px 0px;
padding: 15px 10px 55px 0px;
width: 500px;
background: transparent url(../images/div_rec.gif) left bottom repeat-y;
float: left;
z-index: 3; }

div .div_rec_txt div.zutaten{
margin: 0px 0px 0px 0px;
padding: 15px 10px 0px 25px;
width: 220px;
background: transparent;
float: left;
z-index: 3; }


div .div_rec_txt div.zubereitung {
margin: 0px 0px 0px 0px;
padding: 15px 10px 0px 0px;
width: 220px;
background: transparent;
float: left;
z-index: 3; }

/************************************************************************
	2.5 - NAV
************************************************************************/

div #navmaincontainer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
width: 760px;
height: 45px;
background: transparent url(../images/navmaincontainer.gif) left top repeat-x;
display: inline;
float: left;
z-index: 100;  }

div #nav01container {					
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 0px;
width: 895px;
height: 25px;
background: #fff;
float: left;
overflow: hidden;
z-index: 5; }

div #nav_prd {					
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 335px;
background: transparent url(../images/div_nav_prd.gif) left top no-repeat;
display: block;
z-index: 5; }


.header_swf{
  position:absolute;
  top:0px;
  left:253px;
  margin:0px;
  padding:0px;
}

.csc-mailform{
  border-width:0px;
}

.csc-mailform-field{
  clear:both;
  text-align:left;
}

.csc-mailform-field label{
  float:left;
  width:200px;
  margin:10px 0px 10px 0px;
}

#mailformNachricht{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 3px;
  width: 302px;
  height: 100px;
  font-weight: bold;
  color: #666666;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #dadada;
  border-right-color: #dadada;
  border-bottom-color: #dadada;
  border-left-color: #dadada;
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-x-position: 0%;
  background-y-position: 0%;
}

input.csc-mailform-check{
  margin-top:5px;
  position:absolute;
  left:115px;
}
/************************************************************************
	2.5 - FORMS
************************************************************************/

button.send_e {
margin: 5px 15px 5px 0px;
padding: 4px 4px;
width: 120px;
height: 41px;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #fff;
border: 0px solid #fff;
background: transparent url(../images/send.gif) left top no-repeat;
float: left; }

button.send_en {
	background: transparent url(../images/send_en.gif) left top no-repeat;
}


button.delete_e {
margin: 5px 15px 5px 0px;
padding: 4px 4px;
width: 120px;
height: 41px;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #fff;
border: 0px solid #fff;
background: transparent url(../images/delete.gif) left top no-repeat;
float: left; }

button.delete_en {
	background: transparent url(../images/delete_en.gif) left top no-repeat;
}

/***********************************************************************
//	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*****************************************************************/