/*
Styles Layout musiques-suisses.ch
Jan. 2008 by update.ch - Ph.Urlich
*/


/* Global Styles ----------------------*/

html{font-size:100.01%;}
body{
	font:normal 1em Verdana,Arial,Helvetica;
	margin:0;
	padding:0;
	background:transparent url('/_img/bg.jpg') 0 120px repeat-x;
}


/* clear float class */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.clearfloat{
	display: block;
	clear: both;
}

a,img{
	border:none;
	outline:none;
	text-decoration:none;
}

p{
	margin:0 0 1.2em 0;
	padding:0;
	font-size:.75em;
	line-height:1.3em;
}

h1,h2,h3{
	margin:0 0 1em 0;
	padding:0;
}

h1{
	font-size:1.1em;
	font-weight:normal;
	color:#000;
}

h2{
	font-size:1.1em;
	font-weight:normal;
	color:#000;
}

h3{
	margin:0 0 0.2em 0;
	font-size:.85em;
	font-weight:bold;
	color:#000;
}

/* Panel Titles */

h4{
	font-size:.85em;
	font-weight:bold;
	color:#000;
	text-indent:9px;
	margin:5px 0 10px 0;
}

blockquote{
	font-size:.75em;
}


/* List Styles Content */

ul,ol{
	margin-top:1px;
	font-size:.75em;
}

ul{
	list-style-type:square;
	padding:0 0 0 25px;
}

ol{
	margin:0;
	padding:0 0 0 30px;
}

* html ul,
* html ol{
	margin-left:10px;
}


/* Link Styles -------------------------------- */

a,a:visited{
	color:#1058AB;
}

a:hover{
	color:#000;
}

a.pmAdminLink,
a:visited.adminLink{
	color:#666;
}


a.intLink{
	display:block;
	background:transparent url('/_img/icon_link.gif') -1px 2px no-repeat;
	text-indent:15px;
	font-size:.75em;
}
a.intLink:hover{background:transparent url('/_img/icon_link_hover.gif') 1px 2px no-repeat;}



/* Navigation ------------------------------------ */


ul.mainNav,
ul.mainNav li{
	margin:0;
	padding:0;
	list-style-type:none;	
	}
	
ul.mainNav li {
	float:left;
	}

ul.mainNav li a,
ul.mainNav li a:visited{
	display:block;
	margin:0;
	padding:0 12px 0 12px;
	height:22px;
	line-height:22px;
	width:80px;
	font-size:1.2em;
	font-weight:bold;
	border-left:1px solid #aaa;
	background-color:#fff;
	color:#000;
	white-space:nowrap;
	text-align:center;
	text-decoration:none;
}
ul.mainNav li a:hover{
	background:transparent url('/_img/nav_bg.gif') 0 0 repeat-x ;
}

ul.mainNav li.active a,
ul.mainNav li.active a:visited{
	display:block;
	background:transparent url('/_img/nav_bg.gif') 0 0 repeat-x ;
	color:#1058AB;
}
ul.mainNav li.active a:hover{
	background-color:#1159a6;
}


/* Language Navigation ------------------------------------*/


	
#langnav ul{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	}
	
#langnav ul li{
	position:relative;
	float:right;
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	}
	
#langnav ul li a,
#langnav ul li a:visited{
	display:block;
	margin:0 0 0 25px;
	padding:0;
	color:#1058AB;
	}
	
#langnav ul li a:hover{
	color:#000;
	}
	
#langnav li.active a,
#langnav li.active a:visited{
	color:#000;
}





/* Basic Layout Box Styles ----------------------------*/

#frame{
	width:885px;
	margin:0 0 4px 0;
	text-align:left;
	xborder:1px solid #aaa;
	}

#header{
	width:885px;
	height:120px;
}

#logo{
	float:left;
	width:380px;
	height:111px;
	padding:9px 0 0 10px;
	}

#langnav{
	float:left;
	width:492px;
	margin:0 0 0 0;
	padding:0;
	}

#contentBox{
	float:left;
	width:500px;
	margin:30px 0 0 0;
	padding:0 0 30px 86px;
	}	

#sideBarBox{
	float:left;
	width:265px;
	margin:30px 0 30px 29px;
	border:1px solid #fff;
}
.sideBarBorder{
	width:263px;
	border:1px solid #CCCC99;
}

#navigationBox{
	position:absolute;
	top:98px;
	left:305px;
	height:22px;
	border-right:1px solid #aaa;	
}



#footer{
	width:882px;
	margin:0;
	padding:2px 0 0 0;
	font-size:.65em;
	color:#666;
	text-align:left;
	text-indent:86px;
	border-top:1px solid #D6D4AA;
}




/* Content Text Panels ------------------------- */


.twoColBox{
	width:500px;
	margin:0 0 20px 0;
	font-size:.75em;
}

.twoColBox .image{
	float:left;
	width:240px;
	margin:0 10px 0 0;
}

.twoColBox .text{
	float:left;
	width:240px;
	color:#000;
}


/* SideBar Text Panels ------------------------- */

.panelBox{
	width:245px;
	margin:0 0 20px 9px;

}

.panelBox .image{
 	float:left;
 	margin:0 10px 0 0;
}

.panelBox .text{
	font-size:.7em;
}




/* Inline Box Styles*/

.pmBoxRight{
	float:right;
	background-color:#ddd;
	padding:5px;
	border:1px solid #333;
	width:45%;
	margin:3px 0 0 10px;
	font-size:.75em;
}
.pmBoxLeft{
	float:left;
	background-color:#ddd;
	padding:5px;
	border:1px solid #333;
	width:45%;
	margin:3px 10px 0 0;
	font-size:.75em;
}

/* Images Inline with Legend */

.imageBoxRight{
	float:right;
	padding:0;
	width:auto;
	height:auto;
	margin:0 0 0 10px;
	font-size:.6em;
}

.imageBoxLeft{
	float:left;
	padding:0;
	width:auto;
	height:auto;
	margin:0 10px 0 0;
	font-size:.6em;
}


/* Table Styles Content */

table{
	font-size:.75em;
	border-collapse:collapse;
	margin:10px 0 15px 0;
}

table th{
	text-align:left;
	text-transform:normal;
}

table td, table th{
	padding:5px;
	/* border:1px solid #aaa; */
}


/* INDEX ITEMS ----------------------------------------- */
.pmIndexItem{
	width:480px;
	margin:0 0 5px 20px;
	font-size:.75em;
	padding:0;
}

.pmIndexItem img.image{
	float:left;
	margin:0 15px 0 0;
}

strong.pmIndexTitel {
}

small.pmIndexDatum {
	font-size:.9em;
}

a.pmIndexMore {
	padding:0 0 0 10px;
}


/* FORMS ---------------------------------------------- */

form{
	position:relative;
	margin:0;
	padding:0;
}

form p{
	margin:0;
	padding:4px 0 4px 0;
	font-size:.75em;
}

form select {border:1px solid #aaa;}

fieldset{margin:0;padding:0;border:0;}



/* search field text */
input.text {
	font:normal .75em Arial,Verdana,Helvetica;
	height:1.1em;
	line-height:1.2em;
	background:#fff;
	outline:1px solid #1159a6;
}
* html form input.text{
	height:1.5em;
	he\ight:1.1em;
}