/* CSS Screen Styles Cafe Del Sol  */

/* Init Base Styles                                                                         */
/* ---------------------------------------------------------------------------------------- */

html { 
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100.01%;

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 0.85em;
	text-decoration: none;
	color: #FFFFFF;
	
}

.hg_home {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Startseite.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
}

.hg_shop {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Shop.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_news {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_News.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_ueberuns {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Ueberuns.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_meincds {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Meincds.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_speisen {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Speisen.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_jobs {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Jobs.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_fotos {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Fotos.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_gaestebuch {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Gaestebuch.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_kontakt {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Kontakt.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_facebook {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Facebook.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_silvester {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Silvester.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_weihnachten {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Weihnachten.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_umfrage {

	background-color: #FFFFFF;
	background-image: url(../images/cds_HG_Umfrage.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.hg_support {

	background-color: #F8B606;
	background-image: url(../images/cds_HG_Support.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

/* ClearFix Hack
----------------------------------------------- */
  
.clearfix:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
   

/* Struktur                                                                               */
/* ---------------------------------------------------------------------------------------- */

#pageholder {
	width: 960px;
	margin: 0px auto 0 auto;
    padding: 0;
    text-align: left;
}

#topheader {
	width:  960px;
	height: 270px;
	margin:  0px 0px 0px 0px;
	padding: 0;
	/*background-color:#FFFFFF;*/
}

#subheader {
	width:  960px;
	height: 110px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background-image: url(../images/cds_subheader.jpg);
	background-repeat: no-repeat;
	color: #6F240F;
}

#subheader_support {
	width:  960px;
	height: 110px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background-image: url(../images/cds_subheader_support.jpg);
	background-repeat: no-repeat;
	color: #6F240F;
}

#content_table {
	width: 960px;
	margin:  0px 0px 0px 0px;
	padding: 0;
	display: table;
	border-collapse: separate;
	table-layout: fixed;
}

/*
.content_row div#content_header_right,
.content_row div#content_header_left {
	display: table-cell;
	background-image: url(../images/cds_menu_sub.gif);
	background-repeat: repeat-x;
	float: left;
}
*/

#content_container_header {
	width: 960px;
	height: 28px;
	margin: 0;
	padding: 0;
}

#content_container_header #content_header_left,
#content_container_header .content_header_normal,
#content_container_header #content_header_right {
	height: 27px;
	margin: 0;
	padding: 0;
	padding-top: 1px;
	
	/*background-image: url(../images/cds_menu_sub.gif);*/
	background-repeat: repeat-x;
	float: left;
}

#content_container_header #content_header_right {
	float: right;
}

#content_container_main_1 {
	width: 960px;
	margin: 0;
	padding: 0;
	
	background-image: url(../images/cds_hg_content_1col.gif);
	background-repeat: repeat-y;
}

#content_container_main_2 {
	width: 960px;
	margin: 0;
	padding: 0;
	
	background-image: url(../images/cds_hg_content_2col.gif);
	background-repeat: repeat-y;
}

#content_container_main_3 {
	width: 960px;
	margin: 0;
	padding: 0;
	
	background-image: url(../images/cds_hg_content_3col.gif);
	background-repeat: repeat-y;
}

#content_left {
	margin: 0;
	padding: 5px;
	float:left;
}

#content_normal {
	margin: 0;
	padding: 5px;
	float:left;
}

#content_right {
	margin: 0;
	padding: 5px;
	float:right;
}


#content_container_footer {
	width: 960px;
	margin: 0;
	padding: 0;
}

#content_container_footer #content_footer_left,
#content_container_footer #content_footer_normal,
#content_container_footer #content_footer_right {
	height: 1px;
	margin: 0;
	padding: 0;
	
	/*border-top: 1px solid #6F240F;*/
	/*border-top: 1px solid #ffffff;*/

	float: left;
}

#content_container_footer #content_footer_right {
	float: right;
}

#content_normal img, #content_left img, #content_right img {
	border: none;
	padding: 5px;
	display: block;
}

/* Footer */

#footer {
	width: 960px;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	
	/*border-top: 1px solid #6F240F;
	border-bottom: 5px solid #6F240F;*/
}

#footer_container {
	width: 953px;
	margin: 0;
	padding: 0 7px 0 0;
	
	/*background-color: #6F240F;
	color: #fff;*/
	
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 0.95em;
}

#footer a {
	margin: 0;
	padding: 0;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	text-decoration: none;
	color: #6F240F;
	font-size: 0.95em;
}

.copyright_left {
	margin: 0;
	padding: 5px 5px 5px 5px;
	color: #6F240F;
	float: left;
	
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 0.95em;
}

.copyright_right {
	margin: 0;
	padding: 5px 5px 5px 5px;
	color: #6F240F;
	float: right;
	
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 0.95em;
}


/* Contents                                                                                 */
/* ---------------------------------------------------------------------------------------- */

/* Header */

#searchbox {
	margin:  10px 0 0 10px;
	padding: 0px;
	float:left;
}

#drucken {
	margin:  10px 0 0 10px;
	padding: 0px;
	float:left;
}

#navigation {
	margin:   10px 0 0 10px;
	padding:  0px 0px 0px 0px;
	float:left;
	clear:both;
}

/* Main-Navigation */

/* Tab-Menu ul */

.cafedelsol-menu  {
  margin:  0px;
  padding: 0px;
  height: 32px;
  width:  auto;
  background: url(../images/tab-bkg.gif) bottom left repeat-x;
  list-style:none;
}

/* Tab-Menu li */

.cafedelsol-menu  li, #left .cafedelsol-menu  li {
  list-style-type: none;
  list-style:none;
  background: url(../images/cds_tab_weiss-on-l.gif) top left no-repeat;
  float: left;
  margin: 0 0px 0 0 !important;
  padding: 0 0 0 10px !important;
  cursor: pointer;
}	

/* Tab-Menu li.a */

.cafedelsol-menu  li a, #left .cafedelsol-menu  li a {
  background: url(../images/cds_tab_weiss-on-r.gif) top right no-repeat;
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  color: #000000;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 1.05em;
  padding: 0px 10px 0px 0px;
  text-decoration: none;
  outline:0;
}

/* Selected Tab */

.cafedelsol-menu  li.cds_eins_akt {
  background: url(../images/cds_tab_braun-l.gif) top left no-repeat;
}	
 
.cafedelsol-menu  li.cds_zwei_akt {
  background: url(../images/cds_tab_orange-l.gif) top left no-repeat;
}	

.cafedelsol-menu  li.cds_drei_akt {
  background: url(../images/cds_tab_gelb-l.gif) top left no-repeat;
}	

.cafedelsol-menu  li.cds_vier_akt {
  background: url(../images/cds_tab_hellblau-l.gif) top left no-repeat;
}	

.cafedelsol-menu  li.cds_fuenf_akt {
  background: url(../images/cds_tab_orange-l.gif) top left no-repeat;
}	

.cafedelsol-menu  li.cds_sechs_akt {
  background: url(../images/cds_tab_gruen-l.gif) top left no-repeat;
}	

.cafedelsol-menu  li.cds_sieben_akt {
  background: url(../images/cds_tab_lila-l.gif) top left no-repeat;
}	

.cafedelsol-menu  li.cds_acht_akt {
  background: url(../images/cds_tab_pink-l.gif) top left no-repeat;
}




.cafedelsol-menu  li.cds_eins_akt a {
  background: url(../images/cds_tab_braun-r.gif) top right no-repeat;
  color: #333;
} 
.cafedelsol-menu  li.cds_zwei_akt a {
  background: url(../images/cds_tab_orange-r.gif) top right no-repeat;
  color: #333;
} 
.cafedelsol-menu  li.cds_drei_akt a {
  background: url(../images/cds_tab_gelb-r.gif) top right no-repeat;
  color: #333;
} 
.cafedelsol-menu  li.cds_vier_akt a {
  background: url(../images/cds_tab_hellblau-r.gif) top right no-repeat;
  color: #333;
} 
.cafedelsol-menu  li.cds_fuenf_akt a {
  background: url(../images/cds_tab_orange-r.gif) top right no-repeat;
  color: #333;
}
.cafedelsol-menu  li.cds_sechs_akt a {
  background: url(../images/cds_tab_gruen-r.gif) top right no-repeat;
  color: #333;
}
.cafedelsol-menu  li.cds_sieben_akt a {
  background: url(../images/cds_tab_lila-r.gif) top right no-repeat;
  color: #333;
}
.cafedelsol-menu  li.cds_acht_akt a {
  background: url(../images/cds_tab_pink-r.gif) top right no-repeat;
  color: #333;
}

/* Sub-Navigation */

#subnavigation {
 font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
 font-size: 1.0em;
 text-decoration: none;
 cursor: pointer;
 
 height: 24px;
 margin:  0px;
 padding: 0px;
 float:left;
 width:100%;
  }

.subnavigation  {
  margin:   0px;
  padding:  0px;
  height: 24px;
  width: auto;
  /*background-image: url(../images/cds_menu_sub.gif);*/
  background-repeat: repeat-x;
  list-style:none;
}

/* Tab-Menu li */
.subnavigation  li, #left .subnavigation  li {
  list-style-type: none;
  list-style:none;
  background: url(../images/cds_menu_sub_tab_left_no.gif) top left no-repeat;
  float: left;
  margin:  0 0 0 0 !important;
  padding: 0 0 0 14px !important;
  cursor: pointer;
}	

/* Tab-Menu li.a */
.subnavigation  li a, #left .subnavigation  li a {
  background: url(../images/cds_menu_sub_tab_right_no.gif) top right no-repeat;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  font-weight: 400;
  padding: 0px 14px 0 0;
  text-decoration: none;
  outline:0;
}

/* Selected Tab */

 .subnavigation_auswahl,  li.subnavigation_auswahl {
  background: url(../images/cds_menu_sub_tab_left_act.gif) top left no-repeat;

}	

 .subnavigation_auswahl,  li.subnavigation_auswahl a {
  background: url(../images/cds_menu_sub_tab_right_act.gif) top right no-repeat;
  color: #000000;
  font-weight:bold;
}