/*---------------------------------- C S S  C O D E , by  claudiogadient.ch  --*/

/*---------------------------------- A L L G E M E I N E S --------------------*/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
background-image: url(images/hg.jpg);
}
p {
margin: 0px;
padding: 0px;
}
#container {
margin: 0px auto 0px auto;
padding: 0px;
width: 1000px;
}


/*---------------------------------- L O G O ----------------------------------*/

#logospalte {
margin: 0px;
padding: 0px;
width: 200px;
float: left;
}
#logospalte img {
margin: 32px 0px 0px 0px;
padding: 0px;
}
/*---------------------------------- A K T U E L L - N E U ----------------------------------*/

#aktuell_logo {
margin: 80px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 200px;
}
#aktuell_logo img {
margin: 0px 0px 10px 0px;
padding: 0px;
width: 200px;
}
#aktuell_logo h1 {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 16px;
font-weight: bold;
}
#aktuell_logo p {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 12px;
}
.bildwechsel-lk-l {
	width: 140px;
	height: 201px;
	border: 0px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}
.bildwechsel-lk-r {
	width: 140px;
	height: 201px;
	border: 0px;
	margin: 0px 0px 7px 7px;
	padding: 0px 0px 0px 0px;
}

/*---------------------------------- T I P P ----------------------------------*/

#tipp {
margin: 100px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 200px;
}

#tipp img {
margin: 10px;
padding: 0px;
}
#tipp h1 {
margin: 0px;
padding: 0px 10px 10px 10px;
font-size: 16px;
font-weight: bold;
}
#tipp p {
margin: 0px;
padding: 0px 10px 10px 10px;
font-size: 12px;
}
.fruehling {
background-color: #9395BD;
}
.sommer {
background-color: #E494B5;
}
.herbst {
background-color: #98789F;
}
.winter {
background-color: #C58A75;
}


/*---------------------------------- N A V I G A T I O N ---------------------*/

#navi {
margin: 0px 0px 0px 250px;
padding: 125px 0px 0px 0px;
}
#navi p {
margin: 0px;
padding: 5px;
background-color: #CCCCCC;
}
#pfad {
margin: 0px 0px 0px 250px;
padding: 30px 0px 0px 0px;
}
#pfad p {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #333333;
}
#pfad a, #pfad a:link {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #009900;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 9em;
	font-size: 0.8em;
	padding: 5px 5px;
	color: #ffffff;
	text-decoration: none;
}
#nav a:hover {
	background-color: #009900;
}

#nav li { /* all list items */
	float: left;
	width: 9em; /* width needed or else Opera goes nuts */
	background-color: #666666;
	border-bottom: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
}
#nav li li {
	background-color: #666666;
}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 9em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	color: #333333;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 9em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover {
	background-color: #009900;
}
#nav li ul {
	border-top: #ffffff solid 1px;
}
.corner {
	background-image: url(images/ecke.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.clera {
	clear: left
}


/*---------------------------------- T E X T S P A L T E ---------------------*/

#textteil {
width: 414px;
margin: 30px 0px 0px 50px;
pading: 0px;
min-height: 500px;
float: left;
}
#textteil h1 {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 16px;
font-weight: bold;
}
#textteil h2 {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 14px;
font-weight: bold;
}
#textteil h3 {
margin: 0px;
padding: 0px 0px 3px 0px;
font-size: 12px;
font-weight: bold;
}
#textteil p {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 12px;
}
#textteil img {
margin: 0px 10px 10px 0px;
padding: 0px;
float: left;
}
#textteil a {
color: #009900;
}
.gruen {
color: #009900;
}
H1.GT {
color: #009900;
}
H3.GT {
color: #009900;
}
.hellgruen {
background-color: #B3D1AB;
}
.text-sommer {
color: #CC006B;
}
.text-herbst {
color: #491150;
}
.text-fruehling {
color: #344183;
}
.text-winter {
color: #901A24;
}
#kasten1 {
margin: 10px 0px 0px 0px;
padding: 00px 0px 0px 0px;

}
#kasten1 img {
float: left;
}
#kasten1 p {
margin: 0px 0px 15px 120px;
padding: 0px 0px 0px 0px;
display: block;
}
#kasten1 h3 {
margin-left: 120px;
}
#textteil li {
font-size: 12px;
margin-bottom: 8px;
}
#textteil td {
vertical-align: top;
border-top: solid 1px #CCCCCC;
padding-top: 5px;
}
#textteil td.ohnerand {
border-top: none;
}
#textteil.XL {
width: 700px;
}
/*---------------------------------- B I L D S P A L T E --------------------*/

#bildspalte {
width: 290px;
margin: 30px 0px 0px 20px;
pading: 0px;
float: left;
/*background-color: #CCCCCC;*/
}
.abstand-normal {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.abstand-links {
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 0px;
}
#bildspalte p {
margin: 3px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #333333;
font-size: 11px;
font-weight: bold;
}
/*---------------------------------- F O O T E R ----------------------------*/

#footer {
margin: 0px 25px 0px 0px;
padding: 3px 0px 0px 0px;
text-align: center;
clear:left;
border-top: solid 1px #666666;
}

#footer p {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 10px;
}

/*---------------------------------- i F R A M E ----------------------------*/
iframe {
border: #666666 1px solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px
}

/*---------------------------------- E M - G E W I N N S P I E L -------------*/
label {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 200px;
font-size: 12px;
}
form {
margin: 20px 0px 0px 0px;
}
.label-block {
display: block;
margin-top: 5px;
}
fieldset {
margin: 0px;
padding: 0px;
border: none;
}
#wettbewerb {
border: solid 1pt #666666;
margin: 0px 0px 10px 0px;
padding: 10px 10px 0px 10px;
}

/*---------------------------------- N A V I - I N T E R N --------------------*/

#inavi {
margin: 50px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 200px;
background-color: #33CC66;
}
#inavi ul {
text-decoration: none;
background-color: #CCCCCC;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
list-style-type: none;
display: block;
}
.inavi-aktiv {
background-color: #FFFFFF;
border-left: #CCCCCC solid 2px;
border-right: #CCCCCC solid 2px;
}
#inavi li {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 10px;
border-bottom: #FFFFFF solid 1px;

}
#inavi ul a {
text-decoration: none;
display: block;
}
#inavi a:link {
color: #333333;
}
#inavi a:visited {
color: #333333;
}
#inavi ul a:hover {
color: #009900;
}
#inavi h1 {
background-color: #999999;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 10px;
border-bottom: #FFFFFF solid 1px;

}

/*---------------------------------- T A B E L L E - I N T E R N -------------*/
#container #textteil #tabelle p {
margin: 5px 5px 5px 5px;
padding: 0px;
color: #000000;
}
#container #textteil #tabelle p.weiss {
color: #FFFFFF;
}
#container #textteil #tabelle h1 {
margin: 5px 5px 5px 5px;
padding: 0px;
color: #FFFFFF;
}
#container #textteil #tabelle td {
vertical-align: top;
background-color: #CCCCCC;
}
#container #textteil #tabelle td.head {
background-color: #666666;