/*Webdesign NEW mit CSS für die Website: http://www.smmv-ch.ch* - 27.03.2009 (3-spaltig)*/

/*Farben: 
Hintergrund: #CCCC00
Schrift: #336600
Schrift, Ränder d'rot: #CC0000
Navivert festes gelb: #FFFF00
Navivert aktiv festes grün: #33CC00
Ränder Navi hell: #33CC00
Ränder Navi dunkel: #336600
Räder Navi rot: #CC0000
Navihori h'gelb: #FFFF33
Navihori hover d'rot: #CC0000
Links: #33CC00
Links hover: #CC0000
*/


/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; } 
 
h1, h2, h3, h4, h5, p, ul, ol, hr { margin-bottom: 1em; } 

ol ul { margin-bottom: 0; } 

	
/* ==================================
   2. Allgemeine Styles 
   =============================== */   

html { height: 101%; }    
   
body { 
  background: url(smmv-bg2.jpg) no-repeat fixed center;
  /*background-color: #294B02; */
  color: black; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;  
  font-weight: 550; 
  text-align: center;
}

h1 { font-size: 150%; }
h2 { font-size: 135%; }
h3 { font-size: 110%; margin-top: 1em;}
h4 { font-size: 110%; font-style: italic;}
h5 { font-size: 105%; color: yellow;}


/*allgemeines CSS für Listen*/
ul,li {
	list-style-type: disc;
	margin: 0;
	padding: 0;
}

ul li li {
	list-style-type: circle;
}

/* CSS für Trennlinie */
hr {
	margin-top: 10px;
	margin-left: 100px;
	width: 200px;
	border: 1px solid #FFFF00;
}   

/* ================
   Hyperlinks    */  

a { 
	text-decoration: none; 
	outline: none; 
	font-weight: bold;
} 

a:link { color: #339900; }
 
a:visited { color: #336600; }

a:hover,
a:focus,
a:active {
	color: #CC0000;
	text-decoration: underline;
}

/*
#mitte a:active { 
  background-color: none;yellow ; 
  color: white; 
  border: none !important;
} 
*/


/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   
   
/*CSS für Wrap (wrap)*/
#wrapper 
{
	width: 900px;
	/*height: 100%;*/
	margin: 20px auto;
	background-color: #CCCC00; 
	color: #336600;
	text-align: left;
	border-top: 1.5px solid #FFFF00;
	border-left: 1.5px solid #FFFF00;
	border-bottom: 2.5px solid #E6E600;
	border-right: 2.5px solid #E6E600;
}


/*CSS für den Header (header)*/
#header {
	position: relative;
	height: 300px;
}


/*CSS für die horizontale Navigation (navihori)*/
#navihori {
	position: absolute;
	top: 20px;
	right: 5px;
	font-size: 90%;
}

#navihori ul {
	text-align: right;
}

#navihori li {
	display: inline;
	padding: 0 12px 0 0;
	margin: 0;
}

#navihori a {
	color: #FFFF00;
	font-weight: bold; 
	text-decoration: none;
}

#navihori a:hover,
#navihori a:focus,
#navihori a:active {
	color: #CC0000;
}

/*
#navihori a:current {
	color: #CCCC00;
}
*/

/* CSS für das Titelbild */
#header-image {
	position: absolute;
	top: 40px;
	width: 900px;
	height: 219px;
	border-bottom: 0px solid #336600;
}

/* CSS für das Datum */
#datum {
	position: absolute;
	top: 275px;
	right: 17px;
	text-align: right;
	font-size: 75%;
	font-weight: bold;	
}


/* CSS für die linke Spalte */
#left {
	float: left;
	width: 200px;
	padding-top: 60px;
	padding-bottom: 30px;
}

/* Beginn des CSS für die vertikale Navigation (navivert) */
#navivert ul {
	/*width: 200px;16em;*/
	margin: 0;
	padding-left: 15px;
}

#navivert li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/*#navivert {
	float: left;
	width: auto;
	height: 750px; 
	padding-top: 60px;
	padding-left: 0px;
	padding-right: 0px;
	border-right: 0px solid #336600;
}*/

#navivert a {
	display: block;
	width: auto;
	text-decoration: none;
	background-color: #FFFF00;
	color: #336600;
	font-size: 100%;
	font-weight: 600;
	padding: 5px 10px;
	border-top: 1.5px solid #339900;
	border-left: 2px solid #339900;
	border-right: 2px solid #336600;
	border-bottom: 2px solid #336600;
	margin-bottom: 0.5px;	
}

#navivert a:hover, 
#navivert a:focus,
#navivert a:active {
	background-color: #336600;
	color: #FFFF00;
	border-right: 2px solid #CC0000;
	border-bottom: 2px solid #CC0000;
}

#navivert a:hover, 
#navivert a:focus {
	font-size: 110%;
}

/*#navivert li a#current
{
	font-weight: 900;
	color: #FFFF33;
	background: #33CC00 url(../../Dreamweaver8/user_upload/navigation/navi1current-060917.png) repeat top left;
	border-left: 2.5px solid #CC0000;
}
*/

/*padding weg bei 2. und 3. Naviebene */
#navivert ul ul,
#navivert ul ul ul {
	padding: 0;
}

/*2. Menuebene*/
#navivert ul ul a {
	display: block;
	margin-bottom: 1px;
	text-decoration: none;
	background-color: #FFFF33;
	color: #006600;
	font-size: 90%;
	font-weight: 500;
	padding: 3px 5px 3px 14px; 
	border-top: 1.5px solid #339900;
	border-right: 2px solid #336600;
	border-bottom: 2px solid #336600;
	border-left: 2.5px solid #339900;
}


#navivert ul ul a:hover, a:focus, a:active {
	background-color: #336600;
	color: #FFFF33;
	font-size: 95%;
	font-weight: 800;
	border-top: 1.5px solid #339900;
	border-right: 2px solid #CC0000;
	border-bottom: 2px solid #CC0000;
	border-left: 2.5px solid #339900;	
}

/*
#navivert li li a#current
{
	font-weight: 1900;
	color: #FFFF33;
	background: #33CC00 url(../../Dreamweaver8/user_upload/navigation/navi1current-060917.png) repeat top left; 
	border-left: 2.5px solid #CC0000;
}
*/

/*3. Menuebene*/
#navivert ul ul ul a {
	display: block;
	text-decoration: none;
	margin-bottom: 2px;
	background-color: #FFFF66;
	color: #336600;
	font-size: 85%;
	font-weight: 500;
	padding: 3px 2px 3px 18px; 
	border-top: 1.5px solid #339900;
	border-right: 2px solid #336600;
	border-bottom: 2px solid #336600;
	border-left: 2.5px solid #339900;	
}

#navivert ul ul ul a:hover, a:focus, a:active {
	background-color: #336600;
	color: #FFFF66;
	font-size: 90%;
	border-top: 1.5px solid #339900;
	border-right: 2px solid #CC0000;
	border-bottom: 2px solid #CC0000;
	border-left: 2.5px solid #339900;	
}

#rootline {
	float: left;
	width: 655px;
	color: #CC0000;
	text-align: left;
	font-size: 90%;	
	padding: 0 10px 0 20px;
	margin: 10px 0 25px 0;
}

/* Korrektur für den IE6 und kleiner */
* html #rootline { width: 665px; }

#rootline a {
	text-decoration: none;
	color: #339900;
	font-weight: bold;
	margin: 0 3px 0 3px;
}

#wrapper #rootline a:hover,
#wrapper #rootline a:focus,
#wrapper #rootline a:active {
	margin-top: 0px;
	color: #CC0000;
	/*text-decoration: none;*/
}


/*Beginn des CSS für content (Inhalt mitte + Inhalt rechts)*/
#content {
	float: right;
	width: 675px;
	position: relative;	
	line-height: 1.45;
	padding: 10px;
}

/*Beginn des CSS für mitte (Inhalt mitte)*/
#mitte {
	float: left;
	width: 420px;	
	position: relative;
	padding: 10px 20px;
}

/* Korrektur für den IE6 und kleiner */
* html #mitte { width: 415px; }


/*#mitte p {
	font-size: 100%;
	margin: 5px 15px 5px 10px;
}*/


/*#mitte hr {
	margin-top: 10px;
	width: 500px;
	border: 1px solid #FFFF00;
}*/

#mitte li {
	list-style-image: url(listen-stern.gif);
	padding-left: 10px;
	margin-left: 30px;
	line-height: 175%;
	font-size: 105%;
}
/*#mitte li { margin-left: 2em; } */

/*#mitte a {
	color: #339900;
	font-weight: bold;
	text-decoration: none;
}
#mitte a:hover {
	color: #CC0000;
	text-decoration: underline;
}

*/

/*Beginn des CSS für rechts (Inhalt rechts)*/
#rechts {
	float: right;
	width: 180px;
	line-height: 1.45;
	padding: 10px;
	background: #FFFF00;
	border-top: 1.5px solid #33CC00;
	border-right: 3px solid #336600;
	border-bottom: 3px solid #336600;
	border-left: 1.5px solid #33CC00;
}

/*Beginn des CSS für den Footer (footer)*/
#footer {
	clear: both;
	bottom: -40px;
	width: 900px;
	background-color: #CCCC00;
	color: #FFFF00;
	font-size: 75%;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 10px 0 20px 0;
	border-top: 2px solid #CC0000;
	/*border-left: 1.5px solid #FFFF00;
	border-right: 2px solid #FFFF00;*/
}
	
	
/* ==================================
   4. Sonstige Styles 
   =============================== */   

/*Beginn des CSS für die Sitemap*/
#mitte .csc-sitemap {
	color: #CC0000; 
	padding: 0 0 30px 50px;
}


#mitte .csc-sitemap li {
	list-style-image: url(listen-stern-gelb.gif);
	font-size: 95%;
	line-height: 1.75;
}

#mitte .csc-sitemap li li {
	list-style-image: url(listen-stern-rot.gif);
	font-size: 90%;
	line-height: 1.6;
}

#mitte .csc-sitemap li li li {
	color: yellow;
	list-style-image: none;
	list-style-type: circle; /*url(listen-stern-gruen.gif);*/
	font-size: 85%;
	line-height: 1.5;
}

.csc-header, .csc-firstHeader {
}


/*Beginn des CSS für die Tabellen*/
#mitte table.contenttable {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1.5px solid #336600;
	margin-left: -10px;
	margin-bottom: 15px;
}

#mitte table.contenttable .tr-0 {
	text-align: left;
	background-color: #336600;
	border: 1px solid #FFFF00;
	color: #FFFF00;
}

#mitte table.contenttable tr,
#mitte table.contenttable td {
	font-size: 85%;
}


#mitte table.contenttable td {
	padding: 2.55px;
	border: 1.5px solid #FFFF00;
}

#mitte table.contenttable tr {
	background-color: #fcfc4a; 
}


/*Beginn des CSS für Punktlisten*/
#mitte ul.csc-bulletlist,
#mitte li.csc-bulletlist {
	list-style-type: circle;
	/*url(./listen_stern.gif);*/
	line-height: 2;
	margin-left: 300px;
}


/*Beginn des CSS für Dateiuploads*/
table.csc-uploads {
	border-spacing: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 2.5px solid #FFFF00;
	margin-left: 120px;
	margin-bottom: 20px;
	/*background-color: #FFFF66;*/
}

table.csc-uploads td {
	padding: 3px 10px 3px 10px;
}

table.csc-uploads p {
	margin:0;
	padding:0;
}

/*table.csc-uploads tr*/
.tr-even {
	background-color: #FFFF80;
}


/*Beginn des CSS für Mailformulare*/
.csc-mailform {
	background-color: #FFFF33;
	border: 2.5px solid #336600;
	margin-left: 0px;
	margin-bottom: 40px;
	padding: 10px;
	/*width: 450px;*/
}

.csc-mailform-forum {
	background-color: #fcfc4a;
	border: 1px solid #FFFF00;
}

.csc-mailform-field {
	display: block;
	margin: 10px;
	padding: 5px;
	border: 0px solid #FFFF00;
}

.csc-mailform-label {
	font-size: 80%;
}

.csc-mailform label, .csc-mailform-forum label {
	display: block;
	width: 100px;
	float: left;
	font-size: 75%;
	text-align: left;
	margin: 2px 5px;
	padding-top: 0px;	
}

.csc-mailform input, .csc-mailform textarea, .csc-mailform-forum input, .csc-mailform-forum textarea {
	font-family: Verdana,Arial,Helvetica;
	color: #336600;
	background-color: #FFFFB3;
	border: 1.5px solid #336600;
	width: 200px;
	padding: 3px 6px;
	font-size: 10pt;
}

.csc-mailform-check {
	/*margin-left: -75px;*/
	width: 20px;
	height: 20px;
}

.csc-mailform input.csc-mailform-submit{
	margin-top: 25px;
	float: right;
	width: 200px;
	color: #CC3300;
	font-size: 11pt;
	font-weight: 900;
	border: 1.5px solid #336600;
	background-color: #FFFFB3;
}

.csc-mailform form input.csc-mailform-submit:hover{
	background-color: red; 
	border: 1px solid white;
	color: white;
}
 


/*Beginn des CSS für die Suche*/
.csc-searchform {
	background-color: #FFFF33;
	padding: 10px;
	margin-left: 10px;
	border: 1.5px solid #336600;
	font-size: 90%;
	font-weight: bold;

}
	
.csc-form-labelcell, .csc-form-fieldcell, .csc-searchResultInfo, .csc-searchResultRange, .csc-searchResultPrevNext, .csc-searchResultHeader, .csc-searchResult {
	font-family: Verdana,Arial,Helvetica;
	color: #336600;
}

.csc-form-labelcell {
	padding-right: 10px;
	padding-top: 10px;
	font-weight: bold;
}

.csc-form-label,
.csc-form-fieldcell {
	padding: 5px;
}

.csc-header csc-header-n1 {
}


/*CSS für die Beschriftung der Fotos*/
.csc-textpic-caption {
	color: #336600; 
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
	padding-top: 5px;
	padding-bottom: 10px;	
}

/*.csc-menu, .csc-menu-7
.csc-textpic-imagewrap {
width: 420px important!;
background: pink;
}
 */

/*
CSS für externe Links - Pfeil nach oben
a[href^="http://"]:before,
a[href^="https://"]:before {
  mitte: "\2197\00A0";
}
*/