@charset "utf-8";
#menucontainer{
 width:100%;
 height:44px;
 padding:6px 0px 0px 0px;
 margin:-13px auto 0px auto;
}
ul#navlist {
font-size:0.75em;
 position:relative;
 text-align: center;
 margin: 0px auto 0px -42px;
 list-style: none; /* url(../images/blank.gif);*/
}
ul#navlist li {
 display: inline;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
ul#navlist li a {
 background:#bbb url(../images/menugradient1.jpg) repeat-x;
 padding: 2px 15px 2px 15px;
 border-width: 1px;
 border-style: solid;
 border-color: #fc6 #930 #f60 #ffc;
 color: #f30;
 text-decoration: none;
}
#hmenu_1>ul#navlist li a {
 width: auto;
} 
ul#navlist li#active a {
 color: #f30;
 font-weight:bold;
 background:#bbb url(../images/menugradient7.jpg) repeat-x;
 border-width: 1px;
 border-style: solid;
 border-color: #f60 #C30 #F60 #FC6;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
 color: #60f;
 background:transparent url(../images/menugradient0.jpg) repeat-x;
 border-width: 1px;
 border-style: solid;
 border-color: #930 #fc6 #fc6 #f60;
}
ul#navlist2 {
 font-size:95%;
 position: absolute;
 top: 22px;
 left: 20%;
}
ul#navlist2 li {
 display: inline;
}
ul#navlist2 li a {
 background:#bbb url(../images/menugradient1.jpg) repeat-x !important;
 padding: 2px 15px 2px 15px;
 margin:0px 0px 0px 0px;
 border-width: 1px;
 border-style: line;
 border-color: #fc6 #930 #f60 #ffc;
 text-decoration: none;
 font-weight: normal !important;
}
#vmenu_1>ul#navlist2 li a { width: auto; }
ul#navlist2 li#active2 a {
 font-weight:bold !important;
 background:#bbb url(../images/menugradient7.jpg) repeat-x !important;
 border-width: 1px;
 border-style: solid;
 border-color: #f60 #C30 #F60 #FC6;
}
ul#navlist2 li a:hover, ul#navlist li#active2 a:hover {
 color: #60f;
 background:transparent  url(../images/menugradient0.jpg) repeat-x !important;
 border-width: 1px;
 border-style: solid;
 border-color: #930 #fc6 #fc6 #f60;
}

#PageContainer {
 text-align:center;
}
#container {
 width: 800px;  
 background: #FFF ; /* url('../images/pagegradient.jpg') top center no-repeat; */
 margin: 0px auto; 
 border-left: 2px solid #606;
 border-right: 2px solid #606;
 border-top:1px solid #606;
 border-bottom:1px solid #606;
 float: none;
 text-align:left;
}
#header_1 {
	padding: 4px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. 
	If an image is used in the #header instead of text, you may want to remove the padding. */
	background: #606;
	text-align: center;
	height: 95px; 
} 
#tagscontainer {
 margin: 0px auto; 
}
#tagsleft {
	background: url(../images/CoolTagsLeft.jpeg) no-repeat;
	height: 75px;
	width: 200px;
	float: left;
	margin-left: 150px;
	margin-bottom: 8px;
}
#smatschlogo {
	background:url(../images/smYellsmatsch.jpg) no-repeat;
	border:3px solid ;
 	border-color: #fc6 #930 #f60 #ffc;
	height: 50px;
	width: 60px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}
#tagsright {
	background: url(../images/CoolTagsRight.jpeg);
	float: left;
	height: 75px;
	width: 200px;
}
#switch_language_menu{ 
 padding: 5px 0px 0px 0px; 
 height: 20px;
 font-size: 0.9em;
 text-align: center;
 float: right;
 margin:-105px 0px 0px 0px
}
ul#menuL { float:right; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; /* list-style: url(../images/blank.gif); */}
ul#menuL li {display:inline; margin:0px;padding:0px;}
ul#menuL li a {
 width: 30px;
 margin:0px 2px 0px 0px;
 padding:5px 7px 2px 8px;
 border-left: 1px solid #606; 
 color: #f30;
 text-decoration: none;
}
#switch_language_menu>ul#menuL li a { width:auto; }
ul#menuL li#active a {
 color: #f30;
 border-bottom: solid 1px #f30;
 font-weight:normal;
}
ul#menuL li#NA a {
 color: #808080;
 text-decoration: line-through;
}
ul#menuL li#NA-active a {
 color: #808080;
 border-bottom: solid 1px #767676;
 text-decoration: line-through;
 font-weight:normal;
}
ul#menuL li a:hover, ul#menuL li#active a:hover, ul#menuL li#NA a:hover, ul#menuL li#NA-active a:hover {
 color: #fc6;
 border-left: 1px solid #fc6;
 border-bottom: solid 2px #f30;
}

#leftContent {
 float: left; 
 width: 220px; 
 padding: 0px 8px 0px 8px;
 margin:0px 8px 0px 8px;
	/*background: #EBEBEB; 
	border-top: 0px;
	border-left:1px;
	border-right:1px;
	border-bottom:0px;
	border-style: dotted;
	border-color: #808080; */ 
}
#normalContent {
 padding: 0px 8px 0px 8px;
 margin:0px 8px 0 8px;
}
#rightContent {
 float:right; 
 width:500px;
 padding: 0px 8px 0px 8px;
 margin:0px 8px 0px 8px;
}
#borderContent{
 float:right;
 width:200px;
 clear:right;
 padding: 0px 8px 0 8px;
 margin:0px 8px 0 8px;
}
#footer {
 padding: 2px 0px 2px 0px; 
 text-align: center;
 font-style:italic;
 font-size:0.7em;
 height:16px;
 /*background:#DDDDDD;*/
  background: url(../images/footergradi1.jpg) top center repeat-y;
}
#footer A {
 text-decoration: none;
 color:#000;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
 clear:both;
 height:0;
 font-size: 1px;
 line-height: 0px;
}
/*~~~vv~~~~ Rounded Corners CSS ~~~~vv~~~ */
.rounded {display: block;width:804;margin:0px auto;}
  
.rounded *{
   background:#660066;
   display: block;
   height: 1px;
   overflow: hidden; 
   font-size: .01em;   
}
  
.r1 {
   margin-left: 3px;
   margin-right: 3px;
   padding-left: 1px;
   padding-right: 1px;
   border-left: 1px solid #d4eb74;
   border-right: 1px solid #d4eb74;   
}
  
.r2 {
   margin-left: 1px;
   margin-right: 1px;
   padding-right: 1px;
   padding-left: 1px;
   border-left: 1px solid #f5fa26;
   border-right: 1px solid #f5fa26;   
}
  
.r3 {
   margin-left: 1px;
   margin-right: 1px;
   border-left: 1px solid #aed9cd;
   border-right: 1px solid #aed9cd;
}
  
.r4 {
   border-left: 1px solid #d4eb74;
   border-right: 1px solid #d4eb74;
}
  
.r5 {
   border-left: 1px solid #b4dcbf;
   border-right: 1px solid #b4dcbf;
}
.csc-sitemap{
font-size:100%;
}