/*******************************************************************/
/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
/* Styles von www.architekt-jub für das gesamte Lyout                */
/* Erstellt: Gerhard Peilstöcker, 08.10.08                 */
/*******************************************************************/

 body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center; /* Zentrierung im Internet Explorer */
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 800px;
padding: 0;
background: #FFFFCC url(images/main_bg_redline.gif) repeat-y; /*komplette Seite mit navi gekachelt */
border: 2px ridge silver;
}
h1 {font-size: 1.5em; /* Banner Deklaration */
margin-left: 0px; padding: 0em;
margin-top: 0px;
width: 800px; text-align: center;
height: 96px;
background: #fed url(images/jub_banner_04.jpg) no-repeat 100% 0%;
/* border-bottom: 1px solid silver; */
}
ul#Navigation {
font-size: 0.83em;
float: left; width: 160px;
margin: 0 0 1.2em; padding: 15;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
text-decoration: none;
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black;
/* background-image:url(images/button.png);*/
}
ul#Navigation a:visited {
display:block;
color: #666; 
/* background-color: white;*/
}
ul#Navigation a:hover {
color: black; 
/* background-image:url(images/button_on.png);*/
}
ul#Navigation a:active {
color: white; /* background-color: gray;*/
}
div#Inhalt {
margin: 0 0 1em 180px;
padding: 0 1em;
}
* html div#Inhalt {
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
margin-bottom: 0;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0.2em 0;
color: navy;
}
div#Inhalt h3 { /*  3. Überschrift orange */

font-size: 1.0em;
margin: 0.2em 0;
color: rgb(255, 153, 0);
}

div#Inhalt p {
font-size: 1em;
margin: 1em 0;
}
/* Fusszeile und Textdefinitionen */
p#Fusszeile {
clear: both;
font-size: 0.70em;
margin-left: 195px; 
margin-right: 20px;
padding-top: 0.2em;
text-align: center;
/* background-color: #FFFFCC; */ /* Schrift-Hintergrund*/
/* border-top: 1px solid silver; */
border-top: 1px solid black; /*form und farbe*/

}


/*  Normaler Text, Standard                            */
.normtext {
color: rgb(51, 51, 51); /*  dunkelgrau */
font-weight: normal;
text-transform: none;
text-align: left;
line-height: normal;
font-family: verdana;
font-size: 12px;
font-style: normal;
}
.small { 
color: rgb(255, 153, 0); /*       */
text-align: left;
font-size: 11px; 
}

/*pic popup*/
#pic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 100px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 75px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

/* Angaben der Position und Größe*/
#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 263px;
	left: 130px;
	position: absolute;
	top: -160px;
        width: 350px; /*orginalgröße*/
}

#top {
	margin-left: 80px;
}