/* Copyright 2003-2008 by Cartoon41 Heiner Fierz www.41-41.com  */
/* body { background-color: #fec; url(../img/global/41_bground.gif);  color: #000;  }   */

/* Netscape 4 won't display style sheets if JavaScript is turned off. */

/* Reihenfolge ist :link - :visited - (:focus) - :hover - :active */

body { background: #ccc;  color: #000; } 
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px;  text-align: left; color: #c00; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #c00; }
h2 a:link, h2 a:visited { font-weight: bold; font-size: 14px; color: #c00; text-decoration: underline; border-bottom: border: 2px dotted #c00; }
h2 a:hover, h2 a:active { font-weight: bold; font-size: 14px; color: #c00; text-decoration: overline; border-bottom: border: 2px solid #c00; }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; }
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9px; }
img { border: none;}
p { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 12px; text-align: justify; }
table { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; border: 0px; margin: 0px; padding: 0px; line-height: 10px; font-size: 10px; }
table img { border-top: 4px solid transparent; }
.table_fett { line-height: 11px; font-size: 11px; font-weight: bold; }
/*
tr { border-bottom: 10px solid transparent; }
table, tr, td { border: 0px; margin: 0px; padding: 0px; }
tr { line-height: 10px; font-size: 10px;}
*/
.p_initial:first-letter { font-family: serif; color: #cc6; font-size: 400%; margin: 0 12 0 10; font-weight: bold; float: left; } /* #ffc */
.rot { color: #c00; font-weight: bold; }

.it:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; border: none; visibility: visible; color: #000; }
.it:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; border: none; visibility: visible; color: #333; }
.it:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; background-repeat: repeat; border: none; visibility: visible; background-color: #399; color: #000; }
.it:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none;background-color: #ff9; color: #399; border: none; visibility: visible; }

.gt:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; border: none; visibility: visible; background-color: #399; color: #ffc; } /* background-color:  #c00; */
.gt:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; border: none; visibility: visible; background-color: #c00; color: #ffc; }
.gt:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; background-repeat: repeat; border: none; visibility: visible; background-color: none; color: #c00; }
.gt:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none;background-color: #ff9; color: #c00; border: none; visibility: visible; }

.gt1:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; border: none; visibility: visible; background-color: #399; color: #cff; }
.gt1:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; border: none; visibility: visible; background-color: #399; color: #cff; }
.gt1:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; background-repeat: repeat; border: none; visibility: visible; background-color: none; color: #399; }
.gt1:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none;background-color: #ff9; color: #399; border: none; visibility: visible; }

.tt:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; border: none; visibility: visible; background-color: #ffc; color: #666; }
.tt:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; border: none; visibility: visible; background-color: #ffc; color: #666; }
.tt:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; background-repeat: repeat; border: none; visibility: visible; background-color: #666; color: #ffc; }
.tt:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; background-color: #999; color: #ffc; border: none; visibility: visible; }
.la_act { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-align: right; color: #666; }
.la { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-style: normal; font-weight: bold; text-align: right; text-decoration: none; border: none; }
.la:link, .la:visited { color: #ccc; }
.la:hover, .la:active { background-color: #fc9; color: #666; }

.legende {
	font-size: 9px;
	color: #333; 
	width: 300px;
}

/* NEUIGKEITEN background-color: #99ccff; font: #6633cc; */

.sky:link { background-color: #9cf; 
border-top-color: #9cf; border-top-style: solid; border-top-width: 4px;color: #63c; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px; }
.sky:visited { background-color:  #9cf; 
border-top-color: #9cf; border-top-style: solid; border-top-width: 4px;color: #63c; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px; }
.sky:hover { background-color: transparent; background-image: url(/img/global/sky.jpg); background-repeat: no-repeat; border-top-color: #63c; border-top-style: dotted; border-top-width: 4px; color: #63c; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }
.sky:active { background-color: transparent; background-image: url(/img/global/sky2.gif); background-repeat: no-repeat; border-top-color: #63c; border-top-style: dotted; border-top-width: 4px; color: #63c; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }

.sky:hover { 
background-color: transparent; 
background-image: url(/img/global/sky.jpg); 
background-repeat: no-repeat; 
border-top-color: #63c; 
border-top-style: dotted; 
text-align: left; /* right */
width: 200px; /* 200 innerhalb subnavi??? */
}

/* vorher ------
---- vorher + war ein Fehler (leer) bei visibility: ; */

/* BIOGRAFIE background-color: #ffc; font: #930; */
.boat:link { background-color: #ffc; border-top-color: #ccc; border-top-style: solid; border-top-width: 4px; color: #930; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px; }
.boat:visited { background-color: #ffc; border-top-color: #ccc; border-top-style: solid; border-top-width: 4px; color: #930; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px;}
.boat:hover { background-color: transparent; background-image: url(/img/global/boat.jpg); background-repeat: no-repeat; border-top-color: #930; border-top-style: dotted; border-top-width: 4px; color: #930; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }
.boat:active { background-color: transparent; background-image: url(/img/global/boat2.jpg); background-repeat: no-repeat; border-top-color: #930; border-top-style: dotted; border-top-width: 4px; color: #930; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }
.edge:link { background-color: #cc9; border-top-color: #ccc; border-top-style: solid; border-top-width: 4px; color: #369; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px; }
.edge:visited { background-color: #cc9; border-top-color: #ccc; border-top-style: solid; border-top-width: 4px; color: #369; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px;}
.edge:hover { background-color: transparent; background-image:   url(/img/global/edge.jpg); background-repeat: no-repeat; border-top-color: #369; border-top-style: dotted; border-top-width: 4px; color: #369; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }
.edge:active { background-color: transparent; background-image: url(/img/global/edge2.gif); background-repeat: no-repeat; border-top-color: #369; border-top-style: dotted; border-top-width: 4px; color: #369; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }
/* BILD-GESCHICHTEN background-color: #cc3; grün font: #663; */
.gras:link { background-color:  #cc3; border-top-color: #ccc; border-top-style: solid; border-top-width: 4px; color: #663; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px; }
.gras:visited { background-color: #cc3; border-top-color: #ccc; border-top-style: solid; border-top-width: 4px; color: #663; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px;}
.gras:hover { 
background-color: transparent; 
background-image: url(/img/global/gras.jpg); 
background-repeat: no-repeat; 
border-top-color: #663; 
border-top-style: dotted; 
text-align: left; 
width: 200px; 
} 
/* border-top-width: 4px; color: #663; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-decoration: none; overflow: visible; visibility: visible;  */

.gras:active { background-color: transparent; background-image: url(/img/global/gras2.gif); background-repeat: no-repeat; border-top-color: #663; border-top-style: dotted; border-top-width: 4px; color: #663; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }
/* KONTAKT + NEWS background-color: #c96; grün: #3c9; neu: c00; orange font: #f93;*/
.face:link { background-color: #c96; border-top-color: #ccc; border-top-style: solid; border-top-width: 4px; color: #c00; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px; }
.face:visited { background-color: #c96; border-top-color: #ccc; border-top-style: solid; border-top-width: 4px; color: #c00; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: left; text-decoration: none; overflow: visible; visibility: visible; width: 200px;}
.face:hover { background-color: transparent; background-image: url(/img/global/face.jpg); background-repeat: no-repeat; border-top-color: #c00; border-top-style: dotted; border-top-width: 4px; color: #c00; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }
.face:active { background-color: transparent; background-image:   url(img/global/face2.gif); background-repeat: no-repeat; border-top-color: #c00; border-top-style: dotted; border-top-width: 4px; color: #c00; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 104px; text-align: right; text-decoration: none; overflow: visible; visibility: visible; width: 400px; }

#bg { width: 800px; height: 520px; overflow: hidden; position: absolute; text-align:center; visibility: visible; top: 60px; left: 40px; z-index: 2; } 
#sky  { width: 200px; height: 104px; overflow: hidden; position: absolute; visibility: visible; top: 60px; left: 40px; z-index: 16; } /* width: 400px;  */
#sky_subnavi  { font-size: 12px; background-color: #9cf; width: 200px; height: 104px; overflow: visible; position: absolute; visibility: visible; top: 60px; left: 240px; z-index: 15; 
filter:alpha(opacity = 70); -moz-opacity: 0.70;
} 
#sky_subnavi a { color: #63c; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } 
#sky_subnavi a:link { color: #63c; }
#sky_subnavi a:link { color: #63c; }
#sky_subnavi a:hover { color: #3ff; }
#sky_subnavi a:active { color: #63c; }

#boat { width: 400px; height: 104px; overflow: hidden; position: absolute; visibility: visible; top: 164px; left: 40px; z-index: 16; } 
#edge { width: 400px; height: 104px; overflow: hidden; position: absolute; visibility: visible; top: 268px; left: 40px; z-index: 16; } 
#gras { width: 200px; height: 104px; overflow: hidden; position: absolute; visibility: visible; top: 372px; left: 40px; z-index: 16; } 
#gras_subnavi  { background-color: #cc3; top: 376px; font-size: 12px; width: 200px; height: 100px; overflow: visible; position: absolute; visibility: visible; left: 240px; z-index: 15; 
filter:alpha(opacity = 70); -moz-opacity: 0.70;
} /* FEHLENDE DOTTED LINE: top: 376px; statt 372px; height: 100px statt 104 */
#gras_subnavi a { color: #663; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } 
#gras_subnavi a:link { color: #663; }
#gras_subnavi a:link { color: #663; }
#gras_subnavi a:hover { color: #9c6; }
#gras_subnavi a:active { color: #663; }


#face { width: 400px; height: 104px; overflow: hidden; position: absolute; visibility: visible; top: 476px; left: 40px; z-index: 16; } 

#text {
	width: 370px;
	height: 420px;
	overflow: visible;
	position: absolute;
	visibility: visible;
	top: 160px;
	left: 451px;
	z-index: 16;
	text-align: left;
	overflow: visible;
	background-color: transparent; /* background-color: #f6f6f6; */
}  /* height: 300px; width: 350px;  */
#text1 {width: 710px; height: 300px; overflow: visible; position: absolute; visibility: visible; top: 500px; left: 80px; z-index: 41; text-align: left; display: none;}  
/* #text1 ERST UNSICHTBAR, BEI MOUSEOVER EINGEBLENDET current/index_mehr.php */

#title { width: 310px; height: 94px; overflow: hidden; position: absolute; visibility: visible; top: 66px; left: 450px; z-index: 16; text-align: left; } 
#foto { width: 10px; height: 10px; overflow: visible; position: absolute; visibility: show; top: 60px; left: 40px; z-index: 40; } 
#foto_bg { width: 10px; height: 10px; overflow: visible; position: absolute; visibility: show; top: 60px; left: 40px; z-index: 39; } 
#einev { width: 50px; height: 60px; overflow: visible; position: absolute; visibility: visible; top: 66px; left: 760px; z-index: 12; text-align: left; } 
#go { width: 35px; height: 20px; overflow: visible; position: absolute; display: none; visibility: hidden; top: 140px; left: 805px; z-index: 24; } 
/* #langu kann im Dok durch Auflösungvon display: none; visibility: hidden;  aktiviert werden. */
#langu { width: 20px; height: 40px; overflow: visible; position: absolute; display: block; visibility: visible; top: 66px; left: 815px; z-index: 20; text-align: left; } /* visibility: visible; display: block; */
#plus { width: 40px; height: 520px; overflow: visible; position: absolute; visibility: visible; top: 66px; left: 800px; z-index: 24; text-align: right; } 

/*
Loesung fuer #foto (unsichtbar, aber blockierte Navigation) war kleiner Layer mit blind.gif und overflow: visible; #foto { width: 400px; height: 520px; overflow: hidden; position: absolute; visibility: show; top: 60px; left: 40px; z-index: 22; } 
*/
/* Alle Navi-Typen nun ohne Uni-Bilder, dafür background-color */