/* Start of CMSMS style sheet 'Bluegrass' */
@charset "utf-8";
/* CSS Document */
/*
	  
*/

* { padding: 0; margin: 0; }

body {
      color:#695A44;
	font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
       background:#F5F1E8 url(images/cms/bg.jpg) top center;


}
#myframe { height: 900px; }
/* Oberer Balken */

div.top {  background:#3c3f36; height:23px;}
div.top-container { width:100%; margin:auto;text-align: center; }
div.top h2 a { text-indent:-9999px; display:block; position:absolute; top:18px; right:0px;}
div.top p { color:#CCCCCC; font-size:11px }

#wrapper { 
 margin: 0 auto;
 width: 922px;
	border: 1px solid #A3A3A3;
 background-image: url(images/cms/bluegrassinbasel-logo.jpg);
	background-repeat: no-repeat;
		background-position: 10px top;


}
#wrapperbild { }
       background-image: url(images/cms/banjo.gif);
	background-repeat: no-repeat;
	background-position: left top;	

#wrapperbildrechts { 
       background-image: url(images/cms/instrumente150.gif);
	background-repeat: no-repeat;
	background-position: right top;

}

#header {
	color: #333;
	width: 922px;
	padding: 10px;
	height: 120px;
	margin: 10px 0px 5px 0px;	
}

div.breadcrumbs {
   padding: 1em 0 2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 2 0 2 0 em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px solid #A3A3A3;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }



#faux {
	margin-bottom: 5px;
	overflow: auto; /*  */
	width: 100%;

}

#leftcolumn {

	display: inline;
	color: #333;
	margin: 5px;
	padding: 0px;
	width: 154px;
	float: left;
        background-color:#fff;
        margin-top:250px;
}
#left1 {
	display: inline;
	color: #333;
	margin-top: 5px;
	padding: 5px;
	width: 146px;
	float: left;
 
}
#left2{
	display: inline;
	color: #333;
	margin-top: 5px;
	padding: 5px;
	width: 146px;
	float: left;

}
/*Content */

#content { 
 float: left;
 color: #333;
 	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;

 padding: 0px;
 width: 500px;
 display: inline;
 position: relative;


}
.texthintergrund {
	font-size: 14px;
	background-color: #FF9900;
	text-align: center;
	color: #333333;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #666666;
}

.texthintergrund {
	font-size: 14px;
	background-color: #FF9900;
	text-align: center;
	color: #333333;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #666666;
}

#rightcolumn { 
 display: inline;
 position: relative;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 2px;
 width: 195px;
 float: right;
border: 1px solid #A3A3A3;
 background:#E4D49A;
 text-align: left;

}

div.hr {
    padding: 1px ;    
   margin: 1px;
   border-top: 1px solid #BDBDBD;
   background-color: #fff;
}
div.hrweiss {
	border-top: 1px solid #BDBDBD;
	background-color: #fff;
	padding: 1px;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}
div.hrblack {
	border-top: 1px solid #BDBDBD;
	background-color: #666;
	padding: 1px;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}


img {
   border: 0;
}
div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 69%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 19%;
  text-align: right;
}

.clear { clear: both; background: none; }
/* Footer */
#footer-wrapper { height: 140px; margin-top:35px;  background: #F4F4F0; border-top: 1px solid  #A3A3A3; z-index:2; padding: 5px;}

#footer {

	clear: both;	
background:#3c3f36;
width:100%; 
height:33px;
margin:auto;
text-align: center;
	padding: 5px;
}


#footer p { color:#fff; font-size:11px  }
#footer a { color: #fff; text-decoration:none } 
#footer a:hover {color: #fff; text-decoration:underline} 
#legal a{ float: left; color:#fff}
#links a{ float: right; color:#fff}

/*Typographie*/
p { font-size:12px; margin-bottom:10px; line-height:23px; color:#695A44;  }

a { color: #72918b; text-decoration:underline }
a:hover { color: #936333; text-decoration:dotted}
a:link {color:#72918b; text-decoration:none}
a:visited {color:#936333; text-decoration:none}
a:active {color:#936333; text-decoration:none}
a:hover {color:#72918b; text-decoration:underline}

h1 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:22px; font-weight:normal; text-transform:uppercase; color:#707A71; display:block; width:100%; margin-bottom:20px; letter-spacing:0.5px;  }

h2 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:20px; font-weight:normal; text-transform:uppercase; color:#707A71; display:block; width:100%; margin-bottom:20px; letter-spacing:1px;  }

h3 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; color:#707A71;  margin-bottom:20px; letter-spacing:1px; }
h4 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:14px; font-weight:normal; text-transform:uppercase; color:#707A71;  margin-bottom:20px; ; }
h5 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:13px; font-weight:normal; text-transform:uppercase; color:#707A71;  margin-bottom:20px; letter-spacing:1px; }
h6 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:12px; font-weight:normal;  color:#666;  padding: 0 5px 5px 10px; }
.blog h3 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:24px; font-weight:normal; text-transform:uppercase; color:#707A71; display:block; width:100%; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom:20px; letter-spacing:1px; }
div.blog h3 a { text-decoration:none; border-bottom: 0px; }
div.side-bar h2, .side-bar h4, .side-bar-services h2, .side-bar-services h4 { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:24px; font-weight:normal; text-transform:uppercase; color:#707A71; display:block; width:100%; border-bottom: 1px solid #CCCCCC; margin-bottom:20px; letter-spacing:1px;  }


.legend { font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; color:#707A71;  margin:40px 0 20px 0; letter-spacing:3px; }

.kastenlinks {
	width: 150px;
	background-image: url(images/cms/kastenmitte.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.kastenlinks h3 {
	padding: 10px 20px;
	margin-bottom: 0;
	background-image: url(images/cms/kastenoben.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.kastenlinks p { 
   padding: 0 20px 10px 20px; 
   margin: 0; 
}   
.kastenlinks p.letzter {
	background-image: url(images/cms/kastenunten.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
 


/* End of 'Bluegrass' */