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


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

html{font-size:100%;}
body{
	width:100%;
	height:100%;
	font:normal 1em Arial,Verdana,Helvetica;
	text-align:center;
	margin:0;
	padding:0;
	overflow: -moz-scrollbars-vertical;
}


/* 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 */


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

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

h1,h2,h3,h4{margin:0 0 .5em 0;padding:0;}

h1{
	font-size:1.3em;
	font-weight:normal;
	color:#000;
	text-transform:uppercase;
}
h2{
	font-size:1em;
	font-weight:normal;
	color:#000;
	text-transform:uppercase;
}

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

a,a:visited{
	color:#1159a6;
}
a:hover{
	color:#07347B;
}


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


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

a.mp3link{
	display:block;
	width:auto;
	margin:0 0 10px 0;
	height:1.5em;
	line-height:1.6em;
	background:transparent url('../images/icon_mp3link.gif') 0 1px no-repeat;
	text-indent:22px;
	font-size:.75em;
	
}
a.mp3link:hover{background:transparent url('../images/icon_mp3link_hover.gif') 2px 1px no-repeat;}



div.downloadbar {
	color:#1159a6;
	font-size:.75em;
	margin:0px 0px 0.4em 0px;
	float:left;
}
div.downloadbar-liste {
	margin:0em 0px 0.2em 0px;
}
* html div.downloadbar-liste {
	margin:0em 0px 0.2em 0px;
	width:100%;
}
div.downloadbar span {
	display:block;
	float:left;
	margin:0px 4px 0px 4px;
	line-height:1.5em;
}
div.downloadbar a {
	display:block;
	float:left;
	font-weight:bold;
	height:1.8em;
	line-height:1.6em;
	margin:1px 0px 0px 0px;
}
div.downloadbar a.first {
	display:block;
	width:auto;
	background:transparent url('/we/images/icon_firstdownload.gif') 0 1px no-repeat;
	text-indent:22px;
}

#download-titel {
	color:#1159a6;
	font-size:.75em;
	margin:0px 0px 0.2em 3em;
	float:left;
	display:none;
}
#download-titel li {
	width:100%;
	float:left;
}
#download-titel a {
	display:block;
	font-weight:normal;
	line-height:1.6em;
	margin:1px 0px 0px 0px;
}
div.downloadbar-platzhalter {
	margin-top:1em;
}
* html div.downloadbar-platzhalter {
	margin-top:0em;
}
/* Navigation ------------------------------------ */


ul.mainnav,
ul.mainnav li,
ul.mainnav li.active ul.subnav,
ul.mainnav li.active ul.subnav li{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	

	
ul.mainnav {margin-bottom:5px;}
ul.mainnav li {margin:0;padding:0 0 8px 0;}
ul.mainnav li.active ul.subnav li{margin:0;padding:0;}

ul.subnav {
	border-bottom:1px solid #1159a6;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.mainnav .profil ul.subnav {
	margin:0;
	padding:5px 0px 10px 0px!important;
	background-color:#8baed3;
}

ul.mainnav li a{
	display:block;
	width:200px;
	
	line-height:1.5em;
	font-size:.75em;
	text-indent:10px;
	border-top:1px solid #1159a6;
	border-bottom:1px solid #1159a6;
	background-color:#fff;
	color:#1159a6;
}
ul.mainnav li a:hover{
	background-color:#BCCFE4;
}

ul.mainnav li.active a{
	display:block;
	margin:0;
	padding:0;
	width:200px;
	
	line-height:1.5em;
	font-size:.75em;
	text-indent:10px;
	background-color:#1159a6;
	color:#fff;
}
ul.mainnav li.active a:hover{
	background-color:#1159a6;
}

ul.mainnav span {
	display:block;
	margin:0;
	padding:0;
	width:200px;
	line-height:1.5em;
	font-size:.75em;
	text-indent:10px;
	background-color:#1159a6;
	color:#fff;
}
ul.mainnav span.blue {
	display:block;
	margin:0;
	padding:0;	
	width:200px;
	line-height:1.1em;
	font-size:.75em;
	text-indent:20px;
	border:none;
	background-color:#8baed3;
	color:#006fb7;
}


ul.mainnav li.active ul.subnav li a{
	display:block;
	margin:0;
	padding:0;	
	width:200px;
	
	line-height:1.6em;
	font-size:.75em;
	text-indent:20px;
	border:none;
	background-color:#8baed3;
	color:#fff;
}
ul.mainnav li.active ul.subnav li a:hover{
	background-color:#6391C2;
}
ul.mainnav li.profil ul.subnav li a:hover,
ul.mainnav li.profil ul.subnav li.subactive a:hover {
	background-color:#8baed3;
	color:#006fb7;
}
ul.mainnav li.active ul.subnav li.subactive a{
	color:#1159a6;
}

ul.mainnav li.active ul.subnav li {
	clear:both;
}

/* Metanav Styles -----------------------------------*/

	#metanav{
		width:968px;
		height:1.5em;
		margin:0 10px 24px 10px;
		background-color:#1159a6;
	}
	
	#metanav ul.left {
		margin:0;
		padding:0;
		list-style:none;
	}
	#metanav ul.left li{
		position:relative;
		float:left;
		margin:0;
		padding:5px 0 0 0;
		list-style:none;
		font-size:.75em;
	}
	
	#metanav ul.right {
		margin:0;
		padding:0;
		list-style:none;
		float:right;
		font-size:.75em;
	}
	#metanav ul.right li{
		position:relative;
		float:left;
		margin:0;
		padding:5px 0 0 0;
		list-style:none;
	}
	
	#metanav ul li a,
	#metanav ul li a:visited{
		display:block;
		margin:0 10px 0 10px;
		padding:0;
		xborder:1px solid #fff;
		color:#fff;	
	}
	#metanav ul li a:hover{
		color:#8baed3;
	}
	
	#metanav span{
		display:block;
		position:absolute;
		color:#fff;
		border-right:1px solid #fff;
		right:0;
		top:7px;
		height:10px;
		line-height:.6em; /* ie5.5/6 */ 
	}
	
	#metanav span.text {
		display:block;
		margin:0 10px 0 10px;
		padding:3px 0 0 0;
		xborder:1px solid #fff;
		border-right:0px;
		color:#fff;
		height:11px;
		position:static;
	}	
		



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

#langnav{
	width:968px;
	height:1.5em;
	position:relative;
	margin:16px 10px 0 10px;
	padding:0;
	color:#999;
	text-transform:uppercase;
	}
	#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 .5em 0 1.1em;
		padding:0;
		xborder:1px solid #e00;
		color:#1159a6;
		font-size:.75em;
	}
	#langnav ul li a:hover{
		color:#999;
	}	
	#frame #langnav a.active{
		color:#999;
	}
	#langnav span{
		display:block;
		position:absolute;
		color:#999;
		border-right:1px solid #999;
		left:0;
		top:7px;
		height:.6em;
		line-height:.6em; /* ie5.5/6 */ 
	}	
	
	
/* Footer Navigation ------------------------------------*/


#footerNav{
	width:752px;
	font-size:.75em;
	text-transform:uppercase;
	font-weight:bold;	
}
#footerNav .backward{float:left;}

#footerNav .forward{float:right;}


#footerNav .backward a{
	display:block;
	width:100px;
	height:1.5em;
	line-height:1.6em;
	background:#8baed3 url('../images/icon_arrow_l.gif') left 5px no-repeat;
	border:1px solid #1159a6;
	text-align:center;
	padding:0 8px 0 15px;
}
#footerNav .forward a{
	display:block;
	width:100px;	
	height:1.5em;
	line-height:1.6em;	
	background:#8baed3 url('../images/icon_arrow_r.gif') right 5px no-repeat;
	border:1px solid #1159a6;
	text-align:center;
	padding:0 15px 0 8px;
}



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

#frame{
	width:988px;
	margin:16px auto 4px auto;
	text-align:left;
	border:1px solid #999;
	}
	

#header{
	position:relative;
	width:968px;
	height:100px;
	margin:0 10px;
	background:#8baed3 url('../images/header_bg.gif') 0 0 repeat-x;
	}
	
	#header .logoMS{
		position:absolute;
		left:10px;
		top:12px;
	}
	#header .logoMigros{
		position:absolute;
		right:10px;
		top:12px;
	}	


	
/* Content Area */
#wrapper{
	width:968px;
	margin:0 10px 24px 10px;
	padding:0;
	xborder:1px solid #aaa;
	}
	#navcol{
	float:left; 
	width:200px;
	margin-right:16px;
	}
	#contentcol{
	float:left;
	width:752px;
	background-color:#fff;
	}	


/* CONTENT TYPES */

.contentHome{ /* with sidebar big */
	float:left;
	width:480px;
}
.contentFull{ /* no sidebar */
	float:left;
	width:752px;
}
.contentText{ /* with sidebar */
	float:left;
	width:533px;
	
}



#sideBarHome{
	float:left;
	width:254px;
	margin-left:17px;
}
.sideBarBorder{
	float:left;
	width:254px;
	border-left:1px solid #8baed3;
}

#sideBarText{
	float:left;
	width:200px;
	margin-left:17px;
}


#footer{
	width:988px;
	margin:0 auto 4px auto;
	font-size:.7em;
	color:#999;
	text-align:left;
}




/* NavCol Boxes ------------------------- */

#searchbox{width:200px;margin-bottom:10px;display:block;}
#warenkorb{width:200px;margin-bottom:10px;display:block;}


.panel{
	width:200px;
	background-color:#8baed3;
	border-bottom:1px solid #1159a6;
}

.panelTitle{
	width:200px;
	height:1.5em;
	background-color:#1159a6;
	color:#fff;
	text-indent:10px;
	font-size:.75em;
	line-height:1.5em;
}
.panelBody{
	width:180px;
	margin:5px 10px 5px 10px;
	color:#fff;
}





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


.textPanel{
	width:200px;
	background-color:#fff;
	border:1px solid #8baed3;
	margin:0 0 10px 0;
}

.textPanel .title{
	width:200px;
	height:1.5em;
	background-color:#8baed3;
	color:#1159a6;
	text-indent:10px;
	font-size:.75em;
	line-height:1.5em;
}
.textPanel .body{
	width:180px;
	margin:5px 10px 5px 10px;
	color:#000;
}





/* Cd des Monats Box ----------------------------------------------- */

.cdMonatBox{
	width:478px;
	border:1px solid #8baed3;
}
.cdMonatBox .title{
	width:auto;
	margin:10px 10px 5px 10px;
	font-size:.825em;
	font-weight:bold;
}
.cdMonatBox .body{
	width:auto;
	margin:0 10px 10px 10px;
}
.cdMonatBox .cdImage:hover{ border:1px solid #555;}
.cdMonatBox .cdImage {float:left;width:200px;padding:0px;border:1px solid #aaa;}
.cdMonatBox .cdText {float:left;margin:0 0 0 10px;width:235px;}
.cdMonatBox .cdText .cdTitle {font-size:1em;font-weight:bold;}
.cdMonatBox .cdText .cdAlbum {font-size:1em;margin:0 0 5px 0;}
.cdMonatBox .cdText .cdPreis {font-size:.75em;margin:0 0 5px 0;}
.cdMonatBox .cdText .cdCode {font-size:.75em;margin:0 0 5px 0;}
.menge {font-size:.75em;margin:0 0 0px 0;}


/* SideBar Boxes --------------------------------------------------- */

.cdBoxSmall{
	width:235px;
	margin:10px 0 15px 10px;
}
.cdBoxSmall .cdImage{
	float:left;
	width:88px;
        height:88px;
	border:1px solid #aaa;
}
.cdBoxSmall .cdImage:hover{ border:1px solid #555;}
.cdBoxSmall .cdText{ float:left; width:136px; margin:0 0 0 8px;}
.cdBoxSmall .cdTitle{ font-size:.75em;}
.cdBoxSmall .cdAlbum{font-size:.75em;}
.cdBoxSmall .cdCode{margin:3px 0 0 0;font-size:.65em;color:#777;}
.cdBoxSmall .cdPreis{margin:3px 0 2px 0;font-size:.75em;letter-spacing:.125em;	
}





/* Content Categorie Previews ------------------------------------- */

.cdBoxCat{
	width:752px;
	margin:10px 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #8baed3;	
}
.cdBoxCat .cdImage{
	float:left;
	width:88px;
	height:88px;
	border:1px solid #aaa;
}
.cdBoxCat .cdImage:hover{border:1px solid #555;}
.cdBoxCat .cdText{float:left;width:650px;margin:0 0 0 8px;}
.cdBoxCat .cdTitle{font-size:.75em;font-weight:bold;}
.cdBoxCat .cdAlbum{font-size:.75em;}
.cdBoxCat .cdCode{margin:3px 0 0 0;font-size:.65em;color:#777;}
.cdBoxCat .cdPreis{margin:3px 0 2px 0;font-size:.75em;letter-spacing:.125em;}





/* Content Detail View CD ------------------------------------ */

.cdBoxDetail{
	width:752px;
	margin:10px 0 15px 0;
	padding:0 0 10px 0;	
}
.cdBoxDetail .cdImage{
	float:left;
	width:200px;
	height:200px;
	border:1px solid #aaa;
}
.cdBoxDetail .cdImage:hover {border:1px solid #555;}
.cdBoxDetail .cdText {float:left;width:520px; margin:0 0 0 8px;}
.cdBoxDetail .cdTitle {font-size:1em; font-weight:bold;}
.cdBoxDetail .cdAlbum {font-size:1em; margin:0 0 .5em 0;	}
.cdBoxDetail .cdCode {margin:3px 0 0 0; font-size:.65em; color:#777;}
.cdBoxDetail .cdPreis {margin:3px 0 2px 0; font-size:.75em; letter-spacing:.125em;}




/* Content Tabs Full Width --------------------------------------- */

ul.tabFull{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
ul.tabFull li{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:.85em;
	font-weight:bold;	
	width:185px;
	text-indent:10px;
	line-height:24px;
	height:21px;
	background-color:#8BAED3;
	border:1px solid #fff;	
	border-width:0 1px 1px 1px;
}

/* inactive styles */
ul.tabFull li{
	height:22px;
	border-bottom:1px solid #8BAED3;
}

ul.tabFull li a,
ul.tabFull li a:visited{
	display:block;
	width:185px;
	margin:0;
	padding:0;
	
	
}


/* active styles */
ul.tabFull li.active{
	height:22px;
	border:1px solid #8BAED3;
	border-width:1px 1px 0 1px;

}

ul.tabFull li.active a,
ul.tabFull li.active a:visited{
	display:block;
	width:186px;
	margin:0;
	padding:0;
	text-indent:10px;
	line-height:24px;
	height:22px;
	background-color:#fff;
	color:#000;
}




/* Sidebar Tab ------------------------------------ */

ul.tab{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
ul.tab li{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:.85em;
	font-weight:bold;	
}

/* inactive styles */
ul.tab li{
	height:22px;
	border-bottom:1px solid #8BAED3;
}

ul.tab li a,
ul.tab li a:visited{
	display:block;
	width:123px;
	margin:0;
	padding:0;
	text-indent:10px;
	line-height:24px;
	height:21px;
	background-color:#8BAED3;
	border:1px solid #fff;	
	border-width:0 1px 1px 1px	
}


/* active styles */
ul.tab li.active{
	height:22px;
	border:1px solid #8BAED3;
	border-width:1px 1px 0 1px;

}

ul.tab li.active a,
ul.tab li.active a:visited{
	display:block;
	width:125px;
	margin:0;
	padding:0;
	text-indent:10px;
	line-height:24px;
	height:22px;
	background-color:#fff;
	color:#000;
}




/* Table Styles --------------------------------*/

table{margin:0 0 5px 0;padding:0;}


table.warenkorb {
	width:100%;
}

table.warenkorb td{
	color:#fff;
	padding:0 0 3px 0;
	font-size:.75em;
}

table.warenkorb_detail{
	border-bottom:1px solid #8BAED3;
}

table.warenkorb_detail th{
	color:#000;
	padding:0 5px 0 0;
	font-size:.75em;
	height:26px;	
}
table.warenkorb_detail td{
	color:#000;
	padding:0 5px 0 0;
	font-size:.75em;
	height:26px;
}

table.warenkorb_detail tr.zwsumme td{
	border-top:1px solid #8BAED3;
}
table.warenkorb_detail tr.totalsumme td{
	border-top:1px solid #8BAED3;
	font-weight:bold;
}



/* 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;}



/* Personal Forms */

fieldset.personal{
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #8BAED3;

}
fieldset.personal legend{
	font-size:.875em;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
	text-align:left;
}
* html fieldset.personal legend{
	margin-left:-7px;
}
form .personal label{
	display:block;
	width:140px;
	float:left;
	margin:4px 10px 0 10px;
	text-align:right;
}
input.textForm {
	font:normal 1em Arial,Verdana,Helvetica;
	height:1.2em;
	line-height:1.2em;
	background:#fff;
	outline:1px solid #aaa;
}
* html form input.textForm {
	height:1.5em;
	he\ight:1.2em;
}



/* 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;
}



input.counter {
	font:normal .75em Arial,Verdana,Helvetica;
	height:1.1em;
	line-height:1.2em;
	background:#fff;
	border:1px solid #000;
	text-align:center;
}
* html form input.counter{
	height:1.5em;
	he\ight:1.1em;
}


input.counterDetail {
	font:normal 1em Arial,Verdana,Helvetica;
	height:1.1em;
	line-height:1.2em;
	background:#fff;
	border:1px solid #000;
	text-align:center;
	margin:0 0 2px 0;
}
* html form input.counterDetail{
	height:1.7em;
	he\ight:1.1em;
}

.searchinput {
	width:125px;
}
.searchbutton{
	width:19px;
	height:15px;
	margin:0 0 -3px 0;	
	background:transparent url('../images/btn_search.gif') 0 0 no-repeat;
	border:0;
	outline:0;
}
.searchbutton:hover{background:transparent url('../images/btn_search_hover.gif') 0 0 no-repeat;
}

.helpbutton{
	width:16px;
	height:16px;
	margin:0 0 -3px 0;	
	background:transparent url('../images/btn_hilfe.gif') 0 0 no-repeat;
	border:0;
	outline:0;
}
.helpbutton:hover{background:transparent url('../images/btn_hilfe_hover.gif') 0 0 no-repeat;
}

.warenbutton{
	width:23px;
	height:16px;
	margin:0 0 -3px 4px;
	background:transparent url('../images/icon_indenwarenkorb.gif') 0 0 no-repeat;
	border:0;
	outline:0;
	
}
.warenbutton:hover{background:transparent url('../images/icon_indenwarenkorb_hover.gif') 0 0 no-repeat;
}



.errorMessage {
	margin-left:160px;
	color:red;
	margin-bottom:-6px;
}



form a.editieren-link {
	float:right;
	display:block;
	border:1px solid #006fb7;
	margin-top:5px;
	margin-right:0px;
	width:auto;
	text-align:right;
	padding:1px 5px 1px 5px;
	background-color:#9bbddd;
	text-transform:uppercase;
	font-size:12px;
	font-family:Arial,sans-serif;
}
form span.username {
	display:block;
	margin-top:4px;
	font-weight:bold;
}