/************************************************************/
/*   Site: 	  www.wandtafel.ch								*/
/*   Autor:   Sam Mueller, Raphael Hitter					*/
/*   Datum:   März 2009										*/
/*----------------------------------------------------------*/
/*   Design:   		ALIGN-LEFT with LEFTNAV				  	*/
/*   File:     		screen.css								*/
/*   Definitions:	main-layout / text formats				*/
/************************************************************/

/***** COLORS	*********************************************/
/* 
>>place			>>name			>>HEX
------------------------------------------
background		 	grey 		#f1f0f0
logo 				orange		#f7a800
font dark			grey		#666666
font (light)		grey		#999999
------------------------------------------
*/


html, body { height: 100%; }

body { height: 100%; background:url(../grafics/bg_body.gif) repeat-x top left; font:100.1%/1.1em Tahoma, "Lucida Grande", Verdana, Helvetica, sans-serif; letter-spacing: 0.002em; color:#666666; }
#header { width: 980px; height: 104px; }
#logo { position:absolute; top: 0px; left:38px; width:142px; height:70px; }
address { position:absolute; top: 38px; left:222px; width:720px; height:33px; font-size:0.7em; color:#666; font-style:normal; }

#page { position: relative; min-height: 100%;}
* html #page{ height: 100%; }
#content { padding:0px; }

#start_rgt { float:left; width: 750px; height:445px; margin: 35px 0px 0px 0px; background:url(../grafics/bg_gallery.gif) no-repeat top left; }
.screenlft { float:left; width:463px; height:394px; }
.screenrgt { float:left; width:271px; height:360px; padding:24px 10px 10px 10px; }
#prevnext { text-align:right; margin: 10px 5px 0px 0px; }

#detail_lft { float:left; margin:0px; margin-left:-50px; width:400px; }
#detail_lft_btm { width:300px; }
#detail_rgt { float:left; margin:45px 0px 0px 5px; width:600px; }
.detailtabelle { width:600px; border-collapse:collapse; border:none; clear:both; }
.detailtabelle td { border-top:1px dotted #f7a800; padding:4px 0px 4px 0px; font-size:0.8em; vertical-align:top;}
.detailtabelle td.last { border-bottom:1px dotted #f7a800; }
.detailtabelle .col1 { width:150px; }
.detailtabelle .col2 { width:325px; }
.detailtabelle-5spalten { width:325px; border:none; }
.detailtabelle-5spalten td { border:none; padding:0px; font-size:1em; }

#detailback { display:none; }
#footer { display:none; } 
#hn { display:none; }
#sn { display:none; }
#galleryimage { display:none; }


p { font-size:0.8em; color:#999; }
h1 {margin: 0px 0px 5px 0px; color:#666; font-size:1em; font-weight:bold; }
h1.tabellentitel { width:300px; float:left; display:inline; margin-bottom:18px;}
h3 { font-family:Tahoma, Arial, Verdana, Helevetica; font-size:0.8em; color:#666666; font-weight:bold;}
.orange { color:#f7a800; }
.dark { color:#666; }
.light { color:#999; }
.bold { font-weight:bold; }
.linklink { font-size:1.2em;}
a.inversorange:link, a.inversorange:visited  { background-color:#f7a800; color:#fff; font-size: 0.8em; padding: 1px 4px 3px 4px; }
a.inversorange:hover, a.inversorange:active  { color:#666; }
a:link, a:visited { color:#999999; font-size:0.8em; }
a:hover, a:active { color:#666666; }
.printa4 {visibility:hidden;}
a.imgthb:link, a.imgthb:visited { display:block; padding:5px; border:1px solid #fff; background-color:#e1e1e1; margin:0px; float:left; }
a.imgthb:hover, a.imgthb:active { border:1px solid #e1e1e1; background-color:#d0d0d0; }
.jahreszahl { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.8em; color:#666666; font-style:oblique; font-weight:normal; margin: 13px 0px 20px 0px; }
.detailtabelle ul li {background:url(../grafics/bullet.gif) 0px 3px no-repeat; padding: 0px 0px 0px 15px; margin-top:0px; }
.bullet {background:url(../grafics/bullet.gif) 0px 3px no-repeat; padding: 0px 0px 0px 15px; margin-top:0px; font-size:12px; color:#666; }
.hilfswerk {float:left; width:200px; height:200px; font-size:0.8em; margin:0px 0px 0px 305px;}

/*  GALLERIA     											 */
/*************************************************************/
.galwrapper{background:none;width:360px;}
.gallery {list-style:none; margin: 0px 0px 0px -20px; width:360px;}
.gallery li{display:block; width:420px; height:280px; margin: 0px; background:none; margin-bottom:20px;}
.gallery li div{position:absolute;display:none;top:0px;left:0px}
.gallery li img {width:360px !important; height:280px !important; opacity: 1 !important; margin-left:40px !important; }


/*  FIXES  													 */
/*************************************************************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* 	Hide from IE Mac \*/ .clearfix {display:block;} /* 	End hide from IE Mac */ 
#clearer{clear:both;}