/*   markus-dolder.ch             */
/*                                */
/*   copyright 2004 by toast.ch   */

/*   GENERAL LAYOUT               */

/*
for markusdolder2.css and markusdolder3.css replace files:
../images/bg_wolken_gesamt.jpg
../images/bg_bottom.jpg
../images/bg_wolken_overlay.jpg

with .../bg2_... and .../bg3_...


in markusdolder2.css and markusdolder3.css:

#mainmenu ul li a:hover, #mainmenu ul li a:active 	{
	color: #000000;
#homelink a:hover, #homelink a:active 	{
	color: #000000;	
	
*/

body	{
	background: #FFF5EE;
	/*background: #6d8395;*/
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 5px solid #9A9072;
	text-align: center;
	}

body#play	{
	background:#6d8395;
	padding-left: 50px;
	}

#wrapper	{
	background: url(../images/bg2_wolken_gesamt.jpg) top left no-repeat;
	z-index:1;
	margin: 0px auto;
	padding: 0;
	width: 720px;  /* bmh */	
	/*voice-family: "\"}\""; 
	voice-family:inherit;
	/*height:800px;*/
	/*height:100%;*/
	}

html>#wrapper	{
	width: 720px;
	height:100%;
	} 
	
#wrappergradientleft	{
	background: url(../images/gradient_left.gif) left repeat-y;
	margin: 0px auto;
	padding: 0;
	width: 790px;
	}

#wrappergradientright	{
	background: url(../images/gradient_right.gif) right repeat-y;
	margin: 0px auto;
	padding: 0;
	width: 790px;
	}

#wrapperstripesleft	{
	background:#6d8395 url(../images/stripes_white_v.gif) left repeat-y; /*blue color for wrapper background */
	margin: 0px auto;
	padding: 0;
	width: 720px;
	}

#bottomimg	{
	background: url(../images/bg2_bottom.jpg) bottom left no-repeat;
	position:inherit;
	margin: 0;
	padding: 0;
	width:720px;
	height:300px;
	}
	
#pagebody	{
	padding: 0 0 0 0;
	margin: 0;
	border: 0;
	text-align: left;
	background: transparent;
	clear: both;
	}

#maincontent	{
	float: left;
	margin: 0;
	padding: 0;
	/*width: 220px;  /* box model hack */	
	/*voice-family: "\"}\""; 
	voice-family:inherit;
	width: 220px;	*/ 
	}	
	
		
/*html>#maincontent 	{
	width: 220px;
	}	*/
	
img {
	border:0;
	}
#play img	{
padding-right:10px;
vertical-align:top;

	}

.sidebar	{
	/*padding: 2px 0px 10px 0;*/
	position: relative;
	left: 250px;
	margin: 0 0 0 0px;
	background: transparent; 
	/* compensates for IE Win bungling */
	height: 100%;
	clear:left;
	}
	
.centerpage		{
	width:720px;
	padding:0;
	margin:0;
	text-align:center;
	}		

.sidebox	{
	background: #FFF5EE;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	width: 450px;
	height: 180px;
	}

.sideboxstripesright	{	
	/*padding: 0 35px 0 0;
    position:relative;
    left: 100px;*/
	padding: 0;
	margin: 0 0 9px 0;
	background:url(../images/bg_stripes_h.gif) right repeat-y;
	width:500px;
	height:auto;
	}
	
.sideboxnarrow .sidebox	{
	height:80px;
	}

#formshopaddress .sidebox	{
	height:220px;
	}	

#formshopaddresspreview .sidebox	{
	height:auto;
	}


#sideboxprogrammvarianten .sidebox, #diskographie .sidebox	{
	height:auto;
	padding-bottom:20px;
	}

#veranstaltungen .sidebox 	{
	height:auto;
	padding-bottom:10px;
	}

#downloads .sidebox 	{
	height:auto;
	padding-bottom:10px;
	}	
	
.sidebox h1		{
	background: #9A9072;
	margin: 0;
	padding: 5px;
	padding-left: 20px;
	width: 150px;
	}

#veranstaltungen .sidebox h1	{
	width: 200px;
	}

.sidebox img	{
	float: right;
	border: 0;
	padding-right: 20px;
	}	

.sidebox ul 	{
	border: 0;
	margin: 0;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	}

.sidebox ul li 	{
	padding:0;
	margin:0;
	list-style-type: square;
	}

#downloads .underline 	{
    text-decoration:underline;
	}
	
.lightbox	{
    clear: left;
    position: relative;
    left: -20px;
	/*padding:0;
	margin:0;
	background: transparent;
	/*background:url(../images/colorfade.gif) repeat;*/
	}
	
.lightboxstripesleft	{
	position: relative;
	background:url(../images/bg_stripes_h.gif) left repeat-y;
	/*width: 20px;*/
	margin:0;	
	/*margin-left: -30px;*/ 
	padding:0;
	}
	
.lightboxstripesright	{	
    position: relative;
    left: 50px;	
    width: 720px;
	background:url(../images/bg_stripes_h.gif) right repeat-y;
	margin:0;	
	/*margin-right: -30px;*/
	padding:0;
	}
			
.lightboxborder	{	
	/*border-top:1px #FFF5EE solid;
	border-bottom:1px #FFF5EE solid;*/
	padding: 20px 90px 20px 80px;
	background:url(../images/bg2_wolken_overlay.jpg) top left repeat-y;
	}

#gallery .lightboxborder	{	
	padding:0;
	}
	
#gallerytext .lightboxborder {
	background:url(../images/bg2_wolken_overlay.jpg) bottom left no-repeat;
	}

.pt5	{
	padding-top:5px;
	}
	
.pt15	{
	padding-top:15px;
	clear:left;
	}
.pt100	{
	padding-top:100px;
	}	
.pt30	{
	padding-top:30px;
	}	

.pl20	{
	padding-left:20px;
	}	
.pl140	{
	padding-left:140px;
	}	
.pl270	{
	padding-left:270px;
	}	
.pb40	{
	padding-bottom:40px;
	}		
			
.floatleft	{
	float:left;
	}

		
/*   TABLES              */
table	{
	border:0;
	padding:0;
	margin:0;
	text-align:left;
	}

.shopitemimg		{
	padding:0;
	margin:0;
	padding-left:35px;
	width:100px;
	}
	
.shopitemtext 		{
	padding:10px;
	margin:0;
	width:180px;
	vertical-align:top;
	background: url(../images/bg_stripes_h_blue.gif) repeat;
	}	

.shopitemprice		{
	text-align:right;
	vertical-align:top;
	padding:10px;
	margin:0;
	width:65px;
	background: url(../images/bg_stripes_h_blue.gif) repeat;
	}	

.shopitempiece 		{
	padding:10px;
	margin:0;
	text-align:right;
	vertical-align:top;
	width:40px;
	background: url(../images/bg_stripes_h_blue.gif) repeat;
	}	

.shopitemsum 		{
	padding:10px;
	margin:0;
	text-align:right;
	vertical-align:top;
	width:55px;
	background: url(../images/bg_stripes_h_blue.gif) repeat;
	}	
	
	
/*   musikproduktionen.php          */	
.disk	{
	margin:0;
	padding:0;
	padding-left:150px;
	text-align:left;
	}

.disk1	{
	margin:0;
	padding:0;
	padding-top:20px;
	width:200px;
	float:left;
	}

.disk2	{
	margin:0;
	padding:0;
	padding-top:20px;	
	width:350px;
	float:left;
	}
.disk img {
	clear:left;
	}	
	
/*   shop.php          */	

.shopitem	{
	margin:0;
	margin-top: 10px;
	padding:0;
	padding-left:110px;
	float:left;
	}

.shopcol1	{
	padding:0;
	margin:0;
	width:30px;
	float:left;
	}	

.shopcol2	{
	padding:0;
	padding-bottom:10px; /*space between shop items*/
	margin:0;
	width:100px;
	float:left;
	}	

.shopcol3	{
	padding:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0;
	width:300px;
	min-height:80px;
	float:left;
	background: url(../images/bg_stripes_h_blue.gif) repeat;
	}	

.shopcol4	{
	padding:0;
	padding-top:10px;
	margin:0;
	width:60px;
	float:left;
	text-align:right;
	vertical-align:top;
	}	

.shopcol5	{
	padding:0;
	margin:0;
	margin-left:270px;
	padding-top:20px;
	padding-bottom:30px;
	clear:left;
	}	
.shopcol6	{
	padding:0;
	margin:0;
	margin-left:320px;
	padding-top:20px;
	padding-bottom:10px;
	clear:left;
	}	

/*   galerie.php          */	

#gallery .lightboxborder	{
	text-align:center;
	}

/*   MAINMENU          */

#mainmenu	{
	padding: 0;
	padding-right: 30px;
	padding-top: 20px;
	margin: 0;
	}

#mainmenu ul 	{
	border: 0;
	margin: 0;
	padding: 0;
	text-align:center;
	list-style-type:none;
	float:right;
	}

#mainmenu ul li 	{
	display:block;
	float:left;
	text-align:center;
	padding:0;
	padding-left:5px;/*defines gap between menu items*/
	margin:0;
	}

/*defines gap between menu items*/
#mainmenu ul li#one 	{
    margin-right:10px;
	}
#mainmenu ul li#two 	{
    margin-right:10px;
	}
#mainmenu ul li#three 	{
    margin-right:10px;
	}
#mainmenu ul li#four 	{
    margin-right:10px;
	}
#mainmenu ul li#five 	{
    margin-right:10px;
	}
#mainmenu ul li#six 	{
    margin-right:10px;
	}
#mainmenu ul li#seven 	{
    margin-right:10px;
	}
#mainmenu ul li#eight 	{
	margin-right:10px;
	}
									
#mainmenu ul li a, #homelink a		{
	padding:0;
	margin:0;
	padding-bottom:12px; /*defines place of square*/
	display:block;
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*font-weight: 600 ! important;*/
	font-size: 9px;
	letter-spacing: 1px;
	}

#mainmenu ul li a:hover, #mainmenu ul li a:active 	{
	color: #000000;
	text-decoration: none;
	background: url(../images/menusquare.gif) center bottom no-repeat;
	}

#homelink a:hover, #homelink a:active 	{
	color: #000000;
	text-decoration: none;
	}
	
body#sectionone #mainmenu li#one a, 
body#sectiontwo #mainmenu li#two a,
body#sectionthree #mainmenu li#three a,
body#sectionfour #mainmenu li#four a, 
body#sectionfive #mainmenu li#five a, 		
body#sectionsix #mainmenu li#six a, 
body#sectionseven #mainmenu li#seven a, 
body#sectioneight #mainmenu li#eight a,
body#sectionnine #mainmenu li#nine a  		{
	text-decoration: none;
	background: url(../images/menusquare.gif) center bottom no-repeat;
	}

body#sectionzero #homelink	{
	visibility:hidden;
	}

#homelink	{
    margin: 100px 0 60px 75px;
	}	
#homelink a {
    text-align: left;
}    	
	
/*   BUTTONS          */

.buttonarea		{
	padding:0;
	margin:0;
}

.sidebarbutton		{
	padding:0;
	padding-top:15px;
	margin:0;
	clear:left;
	}
	
.floatbutton	{
	padding:0;
	padding-top:15px;
	margin:0;
	float:left;
	}


#gallery .floatbutton	{	
	padding:0;
	margin:0;
	margin-left:150px;
	}	
	
	
.sidebarbutton ul, .floatbutton ul 	{
	border: 0;
	margin: 0;
	padding:0;
	}

.sidebarbutton ul li, .floatbutton ul li 	{
	padding:0;
	margin:0;
	float: left;
	list-style-type: none;
	}
	
.sidebarbutton ul li a		{
	padding:2px 8px 2px 8px;
	margin-left:20px;
	color: #9A9072;
	text-decoration: none;
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*font-weight: 600 ! important;*/	font-size: 9px;
	letter-spacing: 1px;
	border: 1px solid #9A9072;
	}

#nextbutton a		{
	background-color:#FFFFFF;
	border: 2px solid #9A9072;
	}
		
.sidebarbutton ul li a:hover, #mainmenu ul li a:active 	{
	text-decoration: none;
	color: #6d8395;
	}	

.floatbutton ul li a		{
	padding:2px 8px 2px 8px;
	margin:0;
	margin-right:10px; /*defines gap between menu items*/
	color: #FFF5EE;
	text-decoration: none;
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*font-weight: 600 ! important;*/	font-size: 9px;
	letter-spacing: 1px;
	border: 1px solid #FFF5EE;
	}
	
.floatbutton ul li a:hover	 	{
	text-decoration: none;
	color: #FFF5EE;
	background-color:#9A9072;
	}	
	
/*   TYPOGRAPHY              */

h1, h2, h3, h4		{
	margin:0;
	padding:0;
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*font-weight: 600 ! important;*/	font-size: 11px;
	letter-spacing: 1px;
	color:#FFFFFF;
	}

p			{
	margin:0;
	padding:0;
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color:#FFFFFF;
	}

.sidebox h1		{	
	font-size: 10px;
	}

.sidebox h2		{
	padding:0;
	margin: 10px 25px 0px 20px;
	color:#9A9072;
	font-size: 11px;
	font-weight: 800;
	}
		
.sidebox p, .sidebox a		{
	margin:0;
	padding:0;
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color:#9A9072;
	margin: 10px 25px 0px 20px;
	text-decoration: none;
	}
	
.sidebox a:hover, .sidebox a:active		{
	text-decoration: underline;
	}

.sideboxlist ul	{
	padding-top:20px;
	margin-left:15px;
	margin-right:5px;
	}	

.sideboxlist ul li	{
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color:#9A9072;
	}

.smalltext .sideboxlist ul li	{
	font-size: 10px;
	}
.smalltext .sideboxlist ul li a	{
	font-size: 10px;
	}
.sideboxlist ul li a	{
	padding:0;
	margin:0;
	color:#6d8395;
	font-weight: bold;
	/*font-weight: 600 ! important;*/
	text-decoration: none;
	}
	
.sideboxlist ul li a:hover, .sideboxlist ul li a:active 	{
	color: #9A9072;
	text-decoration: underline;
	}

ul li.margin5 {
    margin-bottom: 5px;
}

.lightbox h1		{
	margin:0;	
	padding:0;
	font-size:15px;
	/*font-weight:900;*/
	font-weight:bolder;
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#FFFFFF;
	}	

.lightbox h2		{
	margin: 0;	
	padding: 0;
	}

.disk ol	{
	margin: 0;	
	padding: 0;

	}

.disk ol li	{
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height:15px;
	/*color:#9A9072;*/
	color:#FFFFFF;
	padding-right:100px;
	}

.disk ol li a	{
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	/*color:#9A9072;*/
	color:#FFFFFF;
	text-decoration:none;
	margin-right:10px;
	}
	
.disk ol li a:hover, .disk ol li a:active	{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#9A9072;
	}	
			

.soundicon	{
	display: inline;
	color:transparent;
	width:21px;
	height:10px;
	margin:0;
	padding:0;
	}
	
.soundicon a img:hover,	.soundicon a img:active			{
	text-decoration:none;
	background-color:#9A9072;
	}	

#copyright	{
	margin:0;
	padding:0;
	padding-top:200px;
	}

#copyright a {
	margin:0;
	padding:0;
	color: #FFF5EE;
	text-decoration: none;
	font-family:"Trebuchet MS", Geneva, Verdana, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	}	
#copyright a:hover, #copyright a:active	{
	text-decoration:underline;
	}	

#linktofacebook	{
	margin-top:50px;
	/*margin:0;
	padding:0;
	padding-top:250px;*/
	}

#linktofacebook a {
	margin:0;
	padding:0;
	color: #FFF5EE;
	text-decoration: none;
	font-family:Verdana, "Trebuchet MS", Geneva, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*font-weight: 600 ! important;*/
	font-size: 9px;
	letter-spacing: 1px;
	}	
#linktofacebook a:hover, #linktofacebook a:active	{
	text-decoration:underline;
	}	
		
		

/*    FORMS               */

.formstandard	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	}
	
.formstandard label	{
	font-size: 10px;
	font-family:"Trebuchet MS", Geneva, Verdana, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 5px;
	display: block;
	}		

.formstandard td	{
	padding:0;
	padding-left:15px;
	margin:0;
	vertical-align:top;
	}	
			
.formstandard input		{
	padding:0;
	margin:3px;
	}	
	
#kontaktform textarea	{
	width: 380px;
	height: 80px;
	}	

#kontaktform ul li	{
		list-style-type:none;
}
		
#formshopaddress2 textarea	{
	width: 380px;
	height: 40px;
	}		

#adminform input	{
	width: 300px;
	}	
#adminform textarea	{
	width: 250px;
	}		
	
.shopitem input	{
	width:	20px;
	margin-left: 4px;
	}
	
	/*forms error */	
		p.errormessage {color: #720010; background-color: white;}
		input.error {border:solid 3px #720010;height: 18px;}
		ul.error {border:solid 3px #720010; margin-right: 40px; padding: 5px 5px 0px 5px;}