/*
   Stylesheet fuer landjugend-insheim.de
   (c) Christian Boltz 2004
*/

/* Basis-Setup */
* {
	margin:0;
	padding:0;
}

body, ul, li, p {
	color:black;
	font-family:arial, helvetica, sans-serif;
}
ul {
	padding-left:1.2em;
	padding-bottom:.2em;
}
li {
	padding-left:.6em;
	padding-bottom:.2em;
}

body {
	background:white;
/*	font-size:small; */
}
* html body { overflow-y:hidden; } /* IE */
@media print {
	* html body {overflow-y:visible; } 
}

.printonly { visibility:hidden; }
@media print {
	.printonly {visibility:visible}
	.nonprint {display:none;}
}

/* Kopfbereich */
div.kopf {
position:fixed; 
top:0;
height:140px; 
background:#ccb7a4; 
overflow:hidden; 
}
* html div.kopf { position:absolute; } /* IE */

div#kopfmain {
left:0;
width:100%;
z-index:11;
}
* html div#kopfmain { width:98% } /* IE */

div#kopfie {
right:0;
width:2%;
z-index:9;
}

div#kopfbild {
position:fixed; 
left:220px; 
top:0;
overflow:hidden;
z-index:11;
}
* html div#kopfbild { position:absolute; } /* IE */

@media print {
	div.kopf, div#kopfmain, div#kopfie, div#kopfbild {display:none;}
}

/* Balken unter Kopfbereich */
div.headline {
position:fixed;
top:140px;
height:1.7em; 
background:white; 
border-bottom: 1px solid #a2a3a3; 
border-top: 1px solid #5d5c5c;
}
* html div.headline { position:absolute; } /* IE */

div#headlinemain {
left:0px;
width:100%;
z-index:20;
}

/* * html div#headlinemain { width:98%; } /* IE */

div#headlineie {
right:0;
width:5%;
z-index:9;
}

div#headlinenummer {
width:39px; 
height:1.6em;
float:left;
}
div#headlinenummer div {
height:1.6em;
border-right:1px solid #aea198;
padding-top:.1em;
padding-bottom:.1em; 
text-align:center;
font-size: 1.5em;
/*font-weight:bold; */
color: #f3a61d;
letter-spacing:1px;
}

div#headlinetitel {
width:181px; 
float:left; 
border-right:1px solid #aea198;
}
div#headlinetitel div {
height:1.8em;
margin-left:11px; 
padding-top:.2em;
font-size: 1.3em;
color:#b29e95;
/*font-weight:bold;*/
font-variant:small-caps;
letter-spacing:3px;
}

div#headlinemenu {
text-align:right; 
padding-top:.4em; 
padding-right:1em;
}

@media print {
	div.headline {display:none;}
}

/* linke Spalte */
div#leftcol {
position:fixed; 
left:0; 
top:0; 
width:220px;
height:100%; 
background: #f6e4cb url("images/streifenlinks.gif") repeat-y;
z-index:11;
border-right:1px solid #aea198;
}
* html div#leftcol { position:absolute; } /* IE */

div#logo {
padding-top:42px; 
padding-bottom:73px;
margin-left:42px;
height:56px;
text-align:center; 
}

div#menu {
margin-left:50px;
margin-top:1.6em;
}

@media print {
	div#leftcol {background:none; border:none; width:100%; height:auto; position:absolute;}
	div#menu {display:none;}
	div#logo { margin:0; padding:0; }
}

/* Links: Menue */
.menu a, .menu a:link, .menu a:visited {
color:#867277;	
text-decoration:none;
font-variant:small-caps;
}
.menu a span, .menu a:link span, .menu a:visited span {
color:#f3a61d;
}

.menu a:hover, .menu a:active, .menu a:focus, .menu a.aktiv, .menu a.aktiv:link, .menu a.aktiv:visited {
color:#f3a61d;
text-decoration:none;
}
.menu a:hover span, .menu a:active span, .menu a:focus span, .menu a.aktiv span, .menu a.aktiv:link span, .menu a.aktiv:visited span {
color:#867277;	
}


/* Links: Inhaltsbereich */
#inhalt a, #inhalt a:link, #inhalt a:visited,
#ibox_content a, #ibox_content a:link, #ibox_content a:visited {
	color:#f3a61d;
	text-decoration:none;
}

#inhalt a:hover, #inhalt a:active, #inhalt a:focus,
#ibox_content a:hover, #ibox_content a:active, #ibox_content a:focus {
	color:#867277;	
	text-decoration:none;
}
#inhalt a span, #inhalt a:link span, #inhalt a:visited span,
#ibox_content a span, #ibox_content a:link span, #ibox_content a:visited span {
	color:#867277;	
}
#inhalt a:hover span, #inhalt a:active span, #inhalt a:focus span, 
#inhalt a.aktiv span, #inhalt a.aktiv:link span, #inhalt a.aktiv:visited span,
#ibox_content a:hover span, #ibox_content a:active span, #ibox_content a:focus span,
#ibox_content a.aktiv span, #ibox_content a.aktiv:link span, #ibox_content a.aktiv:visited span {
color:#f3a61d;
}

@media print {
	#inhalt a, #inhalt a:link, #inhalt a:visited,
	#inhalt a:hover, #inhalt a:active, #inhalt a:focus {
		color:black;
	}
}




/* Menue */
.menu p {
	margin-bottom:.5em;
}
#menu h4 {
	font-weight:normal;
	font-style:normal;
	font-size:1.1em;
	padding-bottom:.3em;
	margin-bottom:.3em;
	margin-right:1em;
	border-bottom:1px solid #aea198;
}
#menu p.menuspacer {
	font-size:.5em;
	margin:0;
	padding:0;
}

/* Leiste unten */
div#leisteunten {
	z-index:20;
	position:fixed;
	bottom:0;
	right:30px; 
	width:30em;
	height:1.2em;
	background:#ccb7a4;
}
* html div#leisteunten { right:40px; position:absolute; } /* IE */

@media print {
	div#leisteunten {display:none;}
}

div#leisteunten div {
	padding-right:.5em; 
/*	padding-top:.1em;*/
	padding-top:2px;
	text-align:right; 
	/* color:#cccccc;*/
/*color:#e8e3de;*/
color:white;
	font-size:.8em;
}

#leisteunten a, #leisteunten a:link, #leisteunten a:visited {
color:#ffffff;
text-decoration:none;
}

#leisteunten a:hover, #leisteunten a:active, #leisteunten a:focus {
/*color:#e8e3de;*/
/*color:#f3d9ab;*/
color:#755f61;
text-decoration:none;
}

/* Inhaltsbereich */
* html div#inhalt { /* IE */
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
z-index:10;
} /* IE */

div#inhaltpos {
position:absolute; 
left:270px; 
top:200px;
padding-bottom:2em;
padding-left:2em;
padding-right:2em;
}

@media print {
	* html div#inhalt {overflow:visible;} /* IE */
	div#inhaltpos { left:0; top:90px; padding-bottom:0;}
}

#inhalt h1, #ibox_content h1 {
	font-size:1.6em;
	color:#978281;
	margin-bottom:1em;
	margin-left:-1em;
	text-align:left;
}

#inhalt h2, #ibox_content h2 {
	font-size:1.4em;
	color:#978281;
	margin-top:1.5em;
	margin-bottom:1em;
	text-align:left;
}

#inhalt h3, #ibox_content h3 {
	font-size:1.2em;
	color:#978281;
	margin-bottom:1em;
	text-align:left;
}

#inhalt h4, #ibox_content h4 {
	font-size:1.1em;
	color:#978281;
	margin-top:1.5em;
	margin-bottom:.8em;
	text-align:left;
}



#inhalt p, #ibox_content p {
	margin-bottom:.5em;
	max-width:40em;
}
@media print {
	#inhalt p { max-width:none; }
}

#inhalt .error p, #inhalt .error ul, #inhalt .error li {
	color:red;
	font-weight:bold;
}
#inhalt td, #ibox_content p {
	vertical-align:top;
}

p.center {
	text-align:center;
}

/* Gaestebuch */
#inhalt div.gb {
	border: 2px solid #f6e4cb;
	margin-bottom:1em;
}

#inhalt .gbhead {
background: #f6e4cb;
			padding-left:5px;
			padding-right:5px;
			padding-top:1px;
			padding-bottom:1px;
}

#inhalt .gb .gburls {
	padding-bottom:.7em;
}
#inhalt .gb p {
	padding-left:5px;
	padding-right:5px;
}
#inhalt .gbadmin {
background: #f6e4cb;
}

/* Galerie */
#inhalt .galerie img, #ibox_content img, img.galerie {
	border:1px solid black;
}

#inhalt .galerie td, #ibox_content .galerie td {
	vertical-align:middle;
	text-align:center;
	padding-right:20px;
	padding-bottom:20px;
}

#inhalt .galerie td.galerietext, #ibox_content .galerie td.galerietext {
	vertical-align:top;
}

#inhalt .galerie .galerietexthead, #ibox_content .galerie .galerietexthead {
	text-align:left;
	margin-bottom:.2em;
	font-weight:bold;
}
#inhalt .galerie .galerietext, #ibox_content .galerie .galerietext {
	text-align:left;
	margin-left:1em;
}

#inhalt div.galerie, #ibox_content div.galerie {
	width:700px;
	text-align:center;
	background:white;
/*		   margin-top:auto;
		   margin-bottom:auto;
		   margin-left:auto;
		   margin-right:auto;
*/
}
#ibox_content div.galerie {
	border:10px solid white;
}
#inhalt div.galerienav, #ibox_content div.galerienav {
	margin-top:1em;
	width:700px;
	text-align:center;
}
/* Abstand fuer Tabellen innerhalb der Galerie wieder aufheben */
#inhalt .galerie td td, #inhalt div.galerie td {
	vertical-align:middle;
	text-align:left;
	padding-right:0px;
	padding-bottom:0px;
}



/* Infobox */
#inhalt .infoboxspacer {
	padding-left:20px;
	float:right;
}

#inhalt .infobox {
	width:224px;
}

#inhalt .infobox div {
	padding-left:10px;
	padding-right:10px;
}

#inhalt .infobox div.box {
	border: 2px solid #f6e4cb;
	margin-bottom:1em;
	padding-left:0;
	padding-right:0;
	}

#inhalt .infobox p.infohead {
	background: #f6e4cb;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
}

/* table_class */
.table_render table th {
	padding-right:.3em;
	text-align:left;
	font-weight:normal;
	padding-bottom:.4em;
}
.table_render table td {
	padding-right:.3em;
}
tr.table_render_shaded {
	background:#eeeeee;
}
/* */

/* aktuell */
div.imgright {
	float:right;
	width:200px;
	margin-left:2em;
	margin-bottom:1em;
	margin-top:1em;
	font-style:italic;
}
div.imgleft {
	float:left;
	width:200px;
	margin-right:2em;
	margin-bottom:1em;
	margin-top:1em;
	font-style:italic;
}

td.borderbottom {
	border-bottom: 1px solid #aea198;
}


/* 
   Styles for iBox
*/

#ibox_w{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
/*	background-color: #000; */
	background-image: url(images/grautrans.png);
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

* html #ibox_w {
	background:transparent;
	background-image: url(images/grautrans.gif);
	position: absolute;
}

#ibox_progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
	position: fixed;
	top: 0px;
	z-index:1000;
	width:100%; 
	height:100%; 
	text-align:center;
}

* html #ibox_wrapper {
	position: absolute;
}

#ibox_content {
	width:740px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:0px;
	padding:2px;
	vertical-align:middle;
}

* html #ibox_content {
	width:750px;
}

#ibox_footer_wrapper {
	position: fixed;
	right:5;
	top:5;
}

* html #ibox_footer_wrapper {
	position:absolute;
}

/* 
   END Styles for iBox
*/