/********************************************************************************************************************
/ 	(C)2008 FBS Informatik GmbH
/	Filename:	design.css
/	Version:	1.0 ( ***First Release )
/	Date:		08.04.2008
/	Autor:		Hunkeler Stefan < hunkeler(at)netandweb.ch >
/	Comment:	Hier wird der CSS Seitenaufbau definiert.
*********************************************************************************************************************/
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image:url(../img/dsg_page_pg.jpg);
 background-repeat:repeat-x;
 background-color:#4166aa;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF; 
} 

#page_area {
 width:732px;
 min-height: 700px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
} 
 
#page_header {
 width: 732px;
 min-height: 168px;
 background-image:url(../img/dsg_header.jpg);
}

#contact {
 position: relative;
 float: left;
 margin-left: 55px;
 margin-top: 130px;
 color: #5263df;
}

#page_title {
 position: relative;
 float: left;
 width: 55px;
 min-height: 580px;
 background-image: url(../img/dsg_title.jpg);
}

#page_content_home {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
 background-image:url(../img/dsg_bgimg_1.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

#page_content_willkommen {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
 background-image:url(../img/dsg_bgimg_1.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

#page_content_oeffnungszeiten {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
 background-image:url(../img/dsg_bgimg_2.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

#page_content_tagesmenue {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
 background-image:url(../img/dsg_bgimg_3.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

#page_content_saisonkarte {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
 background-image:url(../img/dsg_bgimg_4.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

#page_content_hotel {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
 background-image:url(../img/dsg_bgimg_5.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

ul.open {
 float: left;
}

#page_content_lokalitaet {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
 background-image:url(../img/dsg_bgimg_1.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

#page_content_kontakt {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
}

#page_content_takeaway {
 position: relative;
 float: left;
 width: 670px;
 min-height: 372px;
 border: 1px solid #FFFFFF;
 background-color: #333535;
 background-image:url(../img/dsg_bgimg_1.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}

#page_switch {
 padding: 5px;
}

#google_api {
 position: relative;
 float: right;
}

#page_credits {
 position: relative;
 float: left;
 width: 670px;
 text-align: right;
 font-size: 10px;
 padding-top: 5px;
}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  

#img_bx {
 position: relative;
 float: left;
 clear: both;
 width: 400px;
}

.img_hold {
 position: relative;
 float: left;
 border: 1px solid #333333;
 margin: 5px;
 filter:alpha(opacity=30);
 -moz-opacity:.30;
 opacity:.30;
 height: 80px;
}

.img_hold:hover {
 filter:alpha(opacity=90);
 -moz-opacity:.90;
 opacity:.90;
 border: 1px solid #FFFFFF;
}

#map {
 position: relative;
 float: right;
 color:#333333;
}

#shadowbox_title { 
  border: 0px solid; 
} 

#shadowbox_info { 
  border: 0px solid; 
}