/* CSS */
/* http://www.kulturschloss.ch/ */
/* christof luethi, shaped.ch */

/*** DEF NOTES ***/
/* margin: 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */

/************************* BODY AND SITE STYLE DEFINITION *************************/
body {
	font: 72.5% 'Trebuchet MS', 'Bitstream Vera Sans', Arial, 'Lucida Grande', Verdana, Sans-Serif; 	/* Resets 1em to 10px = 62.5% */
	margin: 0 0 0 0;
	padding: 0;
	font-family:'Trebuchet MS', 'Bitstream Vera Sans', Arial, 'Lucida Grande', Verdana, Sans-Serif;
	color:#444444;
	text-align:left;
}

#header {
	padding: 0;
	margin: 0 0 0 0;
	position: relative;
	color:#ffffff;
	width: 100%;
	background-color:#333333;
}

#page {
	color:#444444;
}

.bgImage { 
	background-image:url(../gfx/bg_kulturschloss.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

.bgSand {
	background-color:#ebe3d6;
}

/******* BOX STYLE *********/

#boxLeft {
	position:absolute; 
	top:150px; 
	left:20px; 
	width:auto;  
	z-index:1;
	font-weight:bold;
	color:#000000;
	height:auto;
}

#boxMuseum {
	position:absolute; 
	top:100px; 
	left:300px; 
	width:auto;  
	z-index:1;
	font-weight:bold;
	color:#000000;
	height:auto;
	font-size:1.8em;
}

#textboxRight {
	position:absolute; 
	top:150px; 
	left:300px; 
	width:600px;
	font-weight:normal;
	height:auto;
	font-size:1.1em;
}



#boxActual, #boxEvents {
	background-image:url(http://www.kulturschloss.ch/resource/gfx/bg_trans_grey_4.gif);
	background-repeat:repeat;
	padding:7px 9px 5px 5px;
	line-height:1.15em;
}

#boxActual A:link, #boxEvents A:link {
	text-decoration: none;
	color:#990000;
	border-bottom: none;
}

#boxActual A:visited, #boxEvents A:visited {
	text-decoration: none;
	color:#990000;
	border-bottom: none;
}

#boxActual A:active, #boxEvents A:active {
	text-decoration: none;
	color:#990000;
	border-bottom: none;
}

#boxActual A:hover, #boxEvents A:hover {
	text-decoration: none; 
	color:#ffffff;
	border-bottom: none;
}

/******* MAIN MENU STYLE *********/

#siteMenu { 
	margin: 0 0 0 0;
	width:auto;
	display: inline;
}

#siteMenu .menuItem {
	background-color:#666666;
}

#siteMenu td {
	vertical-align:middle;
	text-align:center;
	height:30px;
	text-transform:uppercase;
	font-family:'Arial Narrow', Arial, 'Futura', 'Bitstream Vera Sans', Verdana, Sans-Serif;
	font-weight:lighter;
	font-size:0.95em;
	padding:0 15px 0 15px;
}

#siteMenu A:hover, #siteMenu A:visited, #siteMenu A:active, #siteMenu A:link {
	text-decoration: none;
	color:#ffffff;
	border-bottom:none;
	background-color:inherit;
}



#siteMenu .menuSpacer {
	border-left-style:solid;
	border-left-width:4px;
	border-left-color:#CCCCCC;
	border:4px solid #808080;
	border-bottom:0px solid #333333;
	border-right:0px solid #333333;
	border-top:0px solid #333333;
}

#siteMenu .menuItem2 {
	height:18px;
}

#siteMenu .subMenuItemBlue {
	background-color:#00618b;
	height:18px;
}

#siteMenu .subMenuItemYellow {
	background-color:#ffd500;
	height:18px;
}
#siteMenu .subMenuItemRed {
	background-color:#a4224b;
	height:18px;
}

#siteMenu .subMenuItemGrey {
	background-color:#ababab;
	height:18px;
}

.menuOverRed {
	background-color:#a4224b;
}

.menuOverOrange {
	background-color:#ec4d0f;
}

.menuOverYellow {
	background-color:#ffd500;
}

.menuOverBlue {
	background-color:#00618b;
}

.menuOverGrey {
	background-color:#ababab;
}

#menuIndicator {
	height:7px;
	width:100%;
}

/******* MISC LAYERS *******/

#siteName {
	position:absolute; 
	top:133px; 
	left:300px; 
	width:auto;  
	z-index:1;
	font-size:48px;
	font-weight:bold;
	font-family:'Bitstream Vera Sans', 'Arial Black', 'futura', 'Lucida Grande', Arial, Sans-Serif; 
}

#siteDesc {
	position:absolute; 
	top:230px; 
	left:300px; 
	width:auto;  
	z-index:1;
	font-size:36px;
	font-weight:bold;
	font-family:'Arial', 'futura', 'Lucida Grande', 'Bitstream Vera Sans', Arial, Sans-Serif;
}

/************************* PUBLIC STYLES *************************/
h1 {
	font-size:1.3em;
	font-weight:bold;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
}

h3 {
	font-size:1.1em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:0.9em;
	/* font-style:italic; */
}

.hright {
	text-align:right;
}

.tiny {
	font-size:0.8em;
}

.bold {
	font-weight:bold;
}

br.clear {
	clear:both;
}

A:link, A:visited, A:active {
	text-decoration: none;
        color:#0071c8;
	border-bottom:1px dotted #0071c8;
}

A:hover {
	text-decoration: none;
        color:#00508e;
	border-bottom:1px dotted #0071c8;
}

/************************* PUBLIC STYLES *************************/