/* Stylesheet für Sindolino - Jugenfarm Sindelfingen */

body {
	background-color:#990000;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
	font-size: 0.8em;
	font-family:Verdana, sans-serif, Helvetica;
	color:#fff;
	background-image: url(pix/bg.gif);
	background-repeat: repeat;
	}
body, html {
	width:100%;
	}

/* Inhalt  */

#box {
	z-index:3;
}

#inhalt {
	position: static;
	margin: 0 40px 10px 220px;  /*orul*/
         z-index:3;
}
#validate {
padding-top: 100px;
display: display;
}
/* ------------------------------------------------------ */

/*   Navigation  */

#navi-box {
	position:fixed;
	width:170px;
	height:92%;
	top:3%;
	left:20px;
	background-color: rgb(255,153,0);
	border:3px double rgb(0,0,0);
	overflow:auto;
	z-index:3;
}

#hauptnavi, #hauptnavi1, #hauptnavi2 {
	list-style-type:none;
	padding:0;
	margin: 9px 0 9px 30px;  /* orul Abstand zw. den Navi-Links */
}

#hauptnavi a, #hauptnavi1 a, #hauptnavi2 a {
	color: rgb(153,0,0);
	text-decoration:none;
	font-weight:bold;
	padding:0 0 1px 0;
	display:block;
	width:120px;
}

#hauptnavi a:hover, #hauptnavi1 a:hover, #hauptnavi2 a:hover {
	color:#ff0;
}

#hauptnavi a:visited, #hauptnavi1 a:visited, #hauptnavi2 a:visited {
	color:#000;
}

#nine {
	list-style-type:none;
	padding:0;
	margin: 9px 0 9px 30px;  /* orul Abstand zw. den Navi-Links */
}

#nine a {
	color: rgb(0,0,0);
	text-decoration:none;
	font-weight:bold;
	font-size: 0.8em;
         padding:0 0 1px 0;
	display:block;
	width:120px;
}

#nine a:hover {
	color:#ff0;
}

li {
	margin-bottom:2px;
}

/* ------------------------------------------------------ */

/* Text */

/* Überschriften */

h1, h2, h3, h4 {
	font-weight:bold;
	color:#ff0;
	padding:0px;
}

h1 {
	margin:17px 0px 25px 0px;   /*orul*/
	color:#000;
	font-size:2.5em;
	font-variant:small-caps;
	padding:0 0 2px 5px;
	background-color: #ff0;
	border:3px double #000;
}

h2 {
	margin:25px 0px 13px 0px;  /*orul*/
	font-size:1.4em;
}

h3 {
	margin:25px 0px 7px 0px;   /*orul*/
	font-size:1.2em;
}

h4 {
	margin: 0px 0px 0px 20px;   /*orul*/
	color: #000;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	font-variant: small-caps;
}

p {
	margin:0;
	padding: 15px 0 10px 15px;   /*orul*/
	text-align:justify;
}

/*   Links */
a {
	font-weight:bold;
	color: rgb(255,153,0);
	}
a:visited {
	color: rgb(255,255,0);
	}

a:hover {
	text-decoration:underline;
	color:rgb(0,0,0);
	}

.achtung a:hover {
	text-decoration:underline;
	color:#ff0;
	}

/* ------------------------------------------------------ */

/* Bilder */

img {
	border: 3px solid rgb(255,153,0);
         margin: 20px; /*orul*/
}

img.icon {
	border: 0;
         margin:0;
         padding: 0;
}

img.links {
float: left;
}

img.rechts{
float: right;
}
img.ohne {
	border: 0px;
         margin: 20px; /*orul*/
}

img.logo {
	border: none;
         text-align: center;
         margin: 20px 0px -15px 20px;/*orul*/
}

.jufa {   /* startbild auf index.html */
         text-align: center;
         margin: 50px 0 50px 70px;   /*orul*/
         border: none;
}

address {
	background: #ff0;
	color: #000;
         border: 6px double rgb(0,0,0);
	padding: 8px;   /*orul*/
	margin: 3px 160px 3px 50px;   /*orul*/
         font-style: normal;
}
address:first-line {
	font-weight:bold;
}

.achtung {
	background: #000;
/*	background: #8A3636;*/
	color: #fff;
         border: 3px double rgb(153,0,0);
	padding: 8px;   /*orul*/
	margin: 3px 160px 3px 50px;   /*orul*/
}

.datum {
	color: #000;
	padding: 3px;   /*orul*/
	margin: 3px 0px 3px 20px;   /*orul*/
         font-size: 0.7em;
         }

table {
 border: yellow 1px dotted;
 padding: 10px; /*orul*/
 margin: 20px 50px 50px 50px; /*orul*/
 width: 80%;
}
table.center {
 text-align: center;
}

table.chron td{
 border: yellow 0px dotted;
 padding-bottom: 30px;}

td {
 vertical-align: top;
}


strong{
 /*color: #FACD92;*/
color: #FFFFAA;
}

ul.chronik li{
margin: 0px;
padding: 0px;
list-style-image: url(pix/sindolino.gif);
}

ul.chronik{
margin: 0px;
padding-left: 28px;
padding-bottom: 2px;
}