/*  copyright 2004-2008 by Cartoon41 Heiner Fierz www.41-41.com for site Peter Semle   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
*/
/* 
[if gte IE 5]>
<![endif]
*/
/* Reihenfolge für Links:  link visited focus hover active */
/* 1. oben, 2. rechts, 3. unten, 4. links  */

/* FARBEN background-color: #9cc;  */ /* #9cc  3cf   cff */
/* border-color: #6ff #399 #399 #6ff; */
/* 03c 669 366 39c 099 036   609  009  border-color: #3ff   
color: #099; border-top-color: #3ff; */ 

/*
FARBEN UMSTELLEN
LINK, VISITED, ACTIVE
background-color: #ccf;   AUF cff 
border-color: 
#3cf   AUF 6ff
#03c   AUF 399
#03c   AUF 399
#3cf;   AUF #6ff
color: #069;  AUF lassen

HOVER
background-color: #cff;   AUF ccf
border-color: 
#6ff   AUF #03c
#399  AUF #3cf
#399   AUF #3cf
#6ff;   AUF #03c
color: #3cf;  AUF lassen

WAHL
ddf  cff
#eff
CCF DDF
*/


body { 
	visibility: visible; 
	background-color: #add; 
	background-image: url('../img/gelbgartenhell_fortl.jpg'); 
	background-position: center;  
	background-repeat: repeat-y; 
} 

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 17px;  
	color: #36c; 
	border-top: #47a  solid  4px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	background-color: #cdf;
	padding: 0px 0px 1px 2px;
	text-align: center;
}
h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 15px; 
	color: #03c; 
} 
h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 12px; 
	color: #039; 
}  
h4 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 10px; 
	color: #336; 
}
td { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align: left; 
}
p, input, .ausgabe { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align: justify; 
}
.pw { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align: justify; 
	color: white; 
	font-weight: bold; 
}
.pw_hp { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-align: justify;
	color: white; 
	font-weight: bold; 
}
.p_initial:first-letter { 
	font-family: 'Times New Roman', Times, serif; 
	color: #99f; 
	font-style: italic; font-size: 400%; 
	padding-right: 8px; 
	margin: 2 10 2 10; 
	font-weight: bold; 
	float: left; 
} 
.p_initial_alt:first-letter { 
	font-family: 'Times New Roman', Times, serif; 
	color: #99f; 
	font-style: italic; 
	font-size: 600%; 
	margin: 0 22 0 10; 
	font-weight: bold; 
	float: left; 
} 
.address { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-align: left; 
	vertical-align: top; 
	color: #036; 
}
.address10 { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	text-align: left; 
	vertical-align: top; 
	color: #069; 
}
.address11 { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	text-align: left; 
	vertical-align: top; 
	color: #069; 
}
.address12 { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
	text-align: left; 
	vertical-align: top; 
	color: #069; 
}
.caps {  
	font-style: normal; 
	font-weight: bold; 
	text-transform: uppercase;  
} 
.rot { 
	color: #c00; 
	font-weight: bold; 
}
.smallcaps { 
	font-style: normal; 
	font-weight: bold; 
	text-transform: none; 
	font-variant: small-caps; 
}

/*  kleines Prisma als Aufzählpunkte  */
.li_aufzaehl {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-align: left;
	list-style : url(../img/aufzaehl_prisma.gif);
	padding-bottom : 8px;
}
.b_text, .b_text:visited,.b_text:link, .b_text:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	display: inline; 
	text-align: center; 
	margin: 1px 2px 2px; 
	padding: 0px 5px 0px 5px; 
	visibility: visible; 
	border-left: 2px solid #399;
	border-bottom: 0px;
	background-color: #9ff; 
	color: #069;
}
.b_text:hover, .b_text:focus { 
	background-color: #ccf; 
	border-left: 2px solid #03c; 
	border-bottom: 0px;
	color: #069; 
}
.test_linksrechts { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	width: 100px; 
	text-align: right;
	float: right;
	clear: left; 
}
.a_text, .a_text:visited,.a_text:link, .a_text:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none; 
	display: inline; 
	text-align: center; 
	margin: 1px 2px 2px; 
	padding: 0px 5px 0px 5px; 
	visibility: visible; 
	border-top: 2px solid #3cf; 
	border-bottom: 2px solid #03c; 
	background-color: #ccf; 
	color: #069;
}
.a_text:hover, .a_text:focus { 
	color: #3cf;
	background-color: #cff; 
	border-top: 2px solid #6ff; 
	border-bottom: 2px solid #399; 
	color: #3cf; 
}
.button { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	font-style: normal; 
	text-decoration: none; 
	text-align: center;
	color: #069;
	background-color: #ccf;
	border: 4px solid; 
	border-color: #3cf #03c #03c #3cf;
	visibility: visible;
}
.button:link, .button:visited { 
	background-color: #ccf; 
	border-color: #3cf #03c #03c #3cf; 
	color: #069; 
}
.button:focus, .button:hover { 
	background-color: #cff; 
	border-color: #6ff #399 #399 #6ff; 
	color: #3cf; 
}
.button:active { 
	background-color: #ccf; 
	border-color: #3cf #03c #03c #3cf; 
	color: #069; 
}
#area { 
	background-color: #009966; 
	width: 80%;  
	left: 10%;  
	position: absolute; 
	overflow: visible; 
	visibility: visible; 
	top: 3%; 
	z-index: 1; 
	height: auto;  
	text-align: center;  
} 
/*  Titel in 3 Teilen: #title rechts bündig mit #text, #title_a linksbündig mit Navi, Loch */
#title { 
	left: 32%; 
	width: 48%; 
	height: 40px; 
	position: absolute; 
	visibility: visible;
	top: 10px; 
	z-index: 14; 
	text-align: left;  
	padding-left: 0px; 
	padding-right: 16px; 
	margin: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 17px;  
	color: #069; 
	border-top: #399  solid  4px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
}
#title_a { 
	right: 70%; 
	height: 40px; 
	overflow: hidden; 
	margin-right: 3px; 
	margin-left: 8px; 
	width: 146px; 
	position: absolute; 
	visibility: visible; 
	top: 10px; 
	z-index: 13; 
	text-align: left; 
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 17px;  
	color: #0ff; 
	border-top: #399  solid  4px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
}
#title_b { 
	right: 68%; 
	width: 140px; 
	height: 40px; 
	position: absolute; 
	visibility: visible; 
	top: 10px; 
	z-index: 12; 
	text-align: right;  
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 17px;  
	color: #0ff; 
	border-top: #399  solid  4px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
}
#transp { 
	top: 170px; 
	left: 32%; 
	width: 48%; 
	background-color: #666 
	filter: alpha(opacity = 35); -moz-opacity: 0.35; 
	min-height: 300px; 
	overflow: visible; 
	position: absolute; 
	visibility: visible; 
	z-index: 14; 
	padding: 8px; 
}
#text { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	left: 32%; 
	width: 48%; 
	background-color: #f0fffe; 
	min-height: 350px; 
	overflow: visible; 
	position: absolute; 
	visibility: visible; 
	top: 100px; 
	z-index: 16; 
	padding: 8px; 
	text-align: left;
	border-bottom: #399 solid 4px; 
	filter:alpha(opacity = 90); -moz-opacity: 0.90;
/*
	border-right: 0px; border-top: 0px; border-left: 0px;
*/
} 
#bottomleft {
	position: absolute;
	text-align: left;
	line-height: 8px;
	z-index: 9;
	color: #333; 
	font-weight: bold;  
	font-size: 7px; 
}
#bottomleft a {
	color: #333; 
	text-decoration: none;
}
#bottomleft a:hover {
	color: #f00; 
}
#langu { 
	right: 0%; 
	top: 21px; 
	width: 48px; 
	height: 16px; 
	line-height: 12px; 
	overflow: hidden; 
	position: absolute; 
	visibility: visible; 
	border: 1px solid #000; 
	background-color: #fc9; 
	text-align: right; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	z-index: 14; 
}
.lang { 
	font-size: 11px; 
	color: #069; 
	text-align: right; 
	text-decoration: none; 
}
.lang_act { 
	font-size: 11px; 
	color: #c9c; 
	text-align: right; 
	text-decoration: none; 
}
#logo { 
	right: 70%; 
	height: 50px; 
	width: 146px; 
	top: 18px; 
	z-index: 21; 
	text-align: center;  
	margin-right: 3px; 
	margin-left: 8px; 
	position: absolute; 
	visibility: visible; 
	border: 0px; 
}

/*  ------------------- tmp titel wegen linie --------------------------------- */
#line_l { 
right: 70%; width: 146px; top: 72px; height: 21px; position: absolute; visibility: visible; z-index: 6; 
padding: 0px; 
margin-right: 3px; margin-left: 8px; 
border-bottom: #399  solid  2px; 
border-right-width: 0px; border-top-width: 0px; border-left-width: 0px;
background-color: #cce6e6; 
/* geht nicht: width: 146px; 2px gösser, damit kein Loch entsteht und immer noch zentriert */
}
#line_r { 
left: 32%; width: 48%; top: 72px; height: 21px; position: absolute; visibility: visible; z-index: 5; 
padding-right: 16px; 
margin: 0px; 
border-bottom: #399  solid  2px; 
border-right-width: 0px; border-top-width: 0px; border-left-width: 0px;
background-color: #cce6e6; 
}
#line_m { 
right: 68%; width: 140px; top: 72px; height: 21px; position: absolute; visibility: visible; z-index: 5; 
padding: 0px; 
margin: 0px; 
border-bottom: #399  solid  2px; 
border-right-width: 0px; border-top-width: 0px; border-left-width: 0px;
background-color: #cce6e6; 
}
/*  ------------------- ENDE tmp titel wegen linie --------------------------------- */

/*  SCHILD in 3 Teilen: #title rechts bündig mit #text, #title_a linksbündig mit Navi, Loch */
#schild { 
	left: 32%; 
	top: 76px; 
	width: 34%;  
	height: 14px; 
	position: absolute; 
	visibility: visible; 
	overflow: hidden; 
	z-index: 8; 
	text-align: left;  
	padding-left: 0px; 
	padding-right: 16px; 
	margin: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 16px;
	color: #069; 
}
#schild_r { 
	right: 18%; 
	top: 77px; 
	width: 110px;  
	height: 16px; 
	position: absolute; 
	visibility: visible; 
	z-index: 9; 
	text-align: right;  
	padding-left: 0px; 
	padding-right: 16px; 
	margin: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #069; 
}
#schild_a { 
	right: 70%; 
	top: 76px; 
	height: 20px;  
	margin-right: 3px; 
	margin-left: 8px; 
	margin-top: 0px; 
	width: 146px; 
	position: absolute; 
	visibility: visible; 
	z-index: 7; 
	text-align: left;  
	padding: 0px; 
	border: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 16px;
	color: #069; 
}
/*  ------------------- standard ohne navi --------------------------------- */

/*  ------------------- nur HOME --------------------------------- */
#rechts_tx { 
	height: 74px; 
	top: 10px; 
	right: 16%; 
	width: 156px; 
	z-index: 18; 
	padding-top: 8px;
	padding-right: 8px;
	text-align: left; 
	position: absolute; 
	visibility: visible; 
	overflow: hidden; 
}
#rechts { 
	height: 74px; 
	top: 19px; 
	left: 32%; 
	width: 48%; 
	z-index: 16; 
	padding-right: 0px; 
	text-align: right; 
	position: absolute; 
	visibility: hidden; 
	overflow: hidden; 
	border: 0px;
}
#rechts_b { 
	height: 74px; 
	top: 19px; 
	left: 80%; 
	width: 16px; 
	z-index: 16; 
	padding-right: 0px; 
	text-align: left; 
	position: absolute; 
	visibility: hidden; 
	overflow: hidden; 
	border: 0px;  
}
