body {
font-family : Verdana, Arial;
}

.gross , h1  {
font-family : Verdana, Arial Black, Arial;
font-size : 20pt;
}

h2  {
font-family : Verdana, Arial Black, Arial;
font-size : 20pt;
font-weight: normal;
line-height: 40px;
margin-bottom: 2px;
margin-top: 0px;
}

h3 {
font-family : Verdana, Arial Black, Arial;
font-size : 16pt;
margin-top: 5px;
}

h4 {
font-family : Verdana, Arial Black, Arial;
font-size : 14pt;
font-weight: normal;
}

.mittel, dt {
font-size : 11pt;
font-weight : normal;
}

p {
font-size : 11pt;
font-weight : normal;
margin-left : 0;
text-align : justify;
}

hr {
	color: #DDDDDD;
	background-color: #DDDDDD;
	height: 2px;
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 7px;
	border-style: none;
	text-align: justify;
}

.zehner {
font-size : 10pt;
text-align: justify;
}

td {
font-size : 8pt;
vertical-align: top;
}

th {
background-color: #50B245;
color: #FFFFFF;
}

form, select, option {
margin: 0px;
}

textarea {
font-size: 10pt;
}

.grauezelle {
background-color:#EBEBEB;
border-style:solid;
border-color:#000000;
border-width:1px;
border-collapse:collapse;
}

.weissezelle {
border-style:solid;
border-color:#000000;
border-width:1px;
border-collapse:collapse;
}

.tabkopf {
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
border-collapse:collapse;
font-size:10pt;
}

.klein, dd {
font-size : 8pt;
}

a:link {
color : #008724;
font-weight: normal;
}

a:visited {
color : #a0a0a0;
font-weight : normal;
}

a:active {
color : #008724;
font-weight : normal;
}

a.kllink:link {
color : #000000;
font-size : 8pt;
}

a.kllink:visited {
color : #828282;
font-size : 8pt;
}

a.kllink:active {
color : #828282;
font-size : 8pt;
}

a.kllink:hover {
color : #000000;
background-color : #00e11e;
font-size : 8pt;
}

a.klmenu:link {
color : #000000;
font-size : 8pt;
font-weight: normal;
padding-left: 5px;
}

a.klmenu:visited {
color : #50B245;
font-size : 8pt;
font-weight: normal;
padding-left: 5px;
}

a.klmenu:active {
color : #000000;
font-size : 8pt;
font-weight: normal;
padding-left: 5px;
}

a.klmenu:hover {
color : #000000;
background-color : #00e11e;
font-size : 8pt;
font-weight: normal;
text-decoration: none;
padding-left: 5px;
}

a.klweiss:link {
color: #FFFFFF;
font-size : 8pt;
font-weight: normal;
}

a.klweiss:visited {
color: #FFFFFF;
font-size : 8pt;
font-weight: normal;
}

a.klweiss:active {
color: #000000;
font-size : 8pt;
font-weight: normal;
}

a.klweiss:hover {
color: #000000;
font-size : 8pt;
font-weight: normal;
text-decoration: underline;
}

a.schwarzlink {
	color : #000000;
	text-decoration : none;
}

a.schwarzlink:visited {
	color : #000000;
	text-decoration : none;
}

a.weisslink {
color : #ffffff;
font-weight : normal;
font-size : 12pt;
text-decoration : underline;
}

a.weisslink:visited {
color : #ffffff;
font-weight : normal;
font-size : 12pt;
text-decoration : underline;
}

a.weisslink:hover {
color : #afafaf;
font-weight : normal;
font-size : 12pt;
}

.hintergrundgruen {
	background-color: #50B245;
}

.weiss {
	color : #ffffff;
}

.susheader {
background-image : url(http://www.susolfen.de/grafik/hint_0-120_2.gif);
width: 90%;
}

.struktur {
border-color : #000000;
border-width : 1px;
border-style : solid;
}

.block {
border-collapse : collapse;
margin-left:auto;
}

.sportartenleiste {
background-image: url(http://www.susolfen.de/grafik/rahmen_sportarten_hintergrund.gif);
text-align: right;
}


/* ############## depreacated ################### 
.menueunterpunkte {
width : 139px;
font-weight : normal;
background-color : #FFFFFF;
color : #008724;
border-top-color : #000000;
border-top-width : 1px;
border-top-style : solid;
border-right-color : #000000;
border-right-width : 1px;
border-right-style : solid;
padding-bottom : 6px;
padding-top : 2px;
}

.radfahren {
height: 9px;
background-image: url(http://www.susolfen.de/grafik/radfahren_separator.gif);
}


.kalender_erstezelle {
background-color: #FFFFFF;
}

.kasten {
background-image: url(http://www.susolfen.de/grafik/kasten344x289.gif);
width: 344px;
height: 289px;
}

.schwarzekante {
background-color : #ebebeb;
font-size : 10pt;
border-left-color : #000000;
border-left-width : 1px;
border-left-style : solid;
border-top-color : #000000;
border-top-width : 1px;
border-top-style : solid;
border-bottom-color : #000000;
border-bottom-width : 1px;
border-bottom-style : solid;
}

 ################################# */

.surfhilfe {
background-color: #50B245;
color: #FFFFFF;
vertical-align: middle;
line-height: 15px;
}

.headergross {
background-color : #30cc30;
font-size : 12pt;
font-weight : bold;
padding : 2px;
}

.kasten_gruen_rechts_oben {
background-image : url(http://www.susolfen.de/grafik/kasten_gruen_rechts_oben.gif);
color : #FFFFFF;
font-size : 11pt;
font-weight : bold;
font-family : Verdana;
padding-left : 25px;
height : 22px;
line-height : 22px;
}

.kasten_gruen_rechts_mitte {
background-image : url(http://www.susolfen.de/grafik/kasten_gruen_rechts_mitte.gif);
padding-left : 17px;
padding-top : 10px;
padding-bottom : 3px;
padding-right: 3px;
}

.kasten_gruen_rechts_unten {
font-size : 8pt;
color : #ffffff;
background-image : url(http://www.susolfen.de/grafik/kasten_gruen_rechts_unten.gif);
padding-left : 42px;
height : 24px;
line-height : 19px;
vertical-align : bottom;
}

.kasten_rot_rechts_oben {
background-image : url(http://www.susolfen.de/grafik/kasten_rot_rechts_oben.gif);
color : #FFFFFF;
font-size : 11pt;
font-weight : bold;
font-family : Verdana;
padding-left : 25px;
height : 22px;
line-height : 22px;
}

.kasten_rot_rechts_mitte {
background-image : url(http://www.susolfen.de/grafik/kasten_rot_rechts_mitte.gif);
padding-left : 17px;
padding-top : 10px;
padding-bottom : 3px;
padding-right: 3px;
}

.kasten_rot_rechts_unten {
font-size : 8pt;
color : #ffffff;
background-image : url(http://www.susolfen.de/grafik/kasten_rot_rechts_unten.gif);
padding-left : 42px;
height : 24px;
line-height : 19px;
vertical-align : bottom;
}

.seitenueberschrift {
background-image: url(http://www.susolfen.de/grafik/ueberschrift_hintergrund.jpg);
height: 80px;
padding-top: 0px;
margin-top: 0px;
margin-left:-10px;
}

.rundung_kl_un {
vertical-align: bottom;
background-color: #50B245;
}

.kalender {
vertical-align: top;
border-spacing: 0px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
padding: 2px;
empty-cells: show;
}

.kalender tr {
height: 20px;
}

.inhaltsspalte {
padding-right: 20px;
padding-bottom: 30px;
}

.submenu {
	text-decoration: none;
	color: #000000;
	display:none;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 110%;
	width: 137px;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   
	font-weight : normal;
	background-color : #FFFFFF;
	color : #008724;
}

.mhead {
	font-family: "Futura", "Trebuchet MS", "Arial", "sans-serif";
	font-size: 11px;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   width: 137px;
   padding-left: 2px;
   display: block;
}

.mhead img {
   padding-right: 2px;
}

.submenuhead {
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	font-family: Verdana;
	text-align: center;
	display: block;
	line-height: 1em;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 140px;
	border-bottom: 1px solid #000000;
	color: #FFFFFF; 
}