/*
Theme Name: agljv09
Theme URI: http://www.agljv.de/
Description: Individuelles Theme für die AGLJV auf der Basis von jw09 für jugendwerk-albpfinz.de, 2009
Version: 1.0
Author: Felix Beck
Author URI: http://www.felixbeck.de/
*/




/* ------------------------------------------------------------------------ 
   RESET RELOADED by Eric Meyer, http://meyerweb.com/
------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------------------------------------------------------------------------ 
   Ende RESET RELOADED
------------------------------------------------------------------------ */







/* ------------------------------------------------------------------------ 
   BASICS 
------------------------------------------------------------------------ */

.c {
	clear: both;
}

.n {
	position: absolute;
	top: -1000px;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;
}

.s {
	font-size: .7em;
	line-height: .2em;
}


html {

}

body {
	background: #f3f3f3 url('grafiken/hg_body.gif') repeat-y center;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#rahmen {
	width: 900px;
	margin: 0 auto;
	background: #FEFEFE url('grafiken/hg_rahmen.gif') repeat-y 600px;
	text-align: left;
}


hr {
	border: solid #ddd 1px;
	height: 1px;
	width: 75%;
	margin: 20px auto;
	text-align: center;
	clear: both;
}



/* ------------------------------------------------------------------------ 
   KOPF 
------------------------------------------------------------------------ */

#kopf {
	height: 200px;
	background: #000 url('grafiken/banner.jpg') no-repeat center;
}

	h1 {

	}
	
		h1 a {
		display: block;
		height: 140px;
		width: 430px;
		position: relative;
		top: 45px;
		left: 15px;
		}	


/* ------------------------------------------------------------------------ 
   NAVIGATION 
------------------------------------------------------------------------ */

#navigation {
	background: transparent url('grafiken/hg_rahmen_top.gif') no-repeat top;
	display: block;
	padding-bottom: 40px;
	border-top: 4px solid #ff6600;
}

	
#navigation ul {
	margin: 0px 15px;
	clear: both;
}
	

/* Alternative Navigation */

#navigation li {
	display: inline;
	float: left;
	background:  transparent url('grafiken/hg_nav_l.gif') no-repeat bottom left;
	margin: 0 4px 0 0;
}

	#navigation a {
		background: transparent url('grafiken/hg_nav_r.gif') no-repeat bottom right;
		padding: 10px 5px 7px 5px;
		float: left;
		text-decoration: none;
		color: #222;
	}
	
	#navigation a span {
		background: #fff262;
		padding: 10px 0 7px 0;
		margin: 0px 6px;
	} 

#navigation li:hover, #navigation li.aktiv {
	display: inline;
	float: left;
	background:  transparent url('grafiken/hg_nav_hover_l.gif') no-repeat bottom left;
	margin: 0 4px 0 0;
}

	#navigation a:hover, #navigation .aktiv a {
		background: transparent url('grafiken/hg_nav_hover_r.gif') no-repeat bottom right;
		padding: 18px 5px 5px 5px;
		float: left;
		text-decoration: none;
		color: #FFF;
	}
	
	#navigation a:hover span, #navigation .aktiv span {
		background: #ff6600;
		padding: 18px 0 5px 0;
		margin: 0px 6px;
	} 


/* ------------------------------------------------------------------------ 
   INHALT 
------------------------------------------------------------------------ */

#inhalt {
	background: #FEFEFE;
	width: 610px;
	padding: 0 20px 40px 20px;
	float: left;
}

/* Überschriften */
		
#inhalt h2 {
	font-size: 2em;
	line-height: 1.0em;
	color: #000;
	margin-top: 1.5em;
	margin-bottom: .1em;
	padding: 0px 0px 5px 0px;
	letter-spacing: .05em;
}
		
	#inhalt h2 a {
		color: #000;
		text-decoration: none;
		border-bottom: none;
	}
	
	#inhalt h2 a:hover {
		background: none;
		color: #02357a;
		border-bottom: none;
	}
	
#inhalt p.meta {
	font-style: italic;
	font-size: .9em;
	color: #999;
	margin-bottom: 10px;
	clear: both;
}

#inhalt h3 {
	margin: 1.2em 0px 10px 0px;
	font-size: 1.1em;
	font-weight: bold;
}

	
/* Fließtext */
		
#inhalt p  {
	font-size: .99em;
	line-height: 1.8em;
	margin: 10px 0px;
	color: #222;
}
		
/* Listen */
		
#inhalt ul, #inhalt  ol  {
	font-size: .99em;
	line-height: 1.8em;
	margin: 5px 5px;
	color: #333;
}

	#inhalt ul li {
		list-style: square;
		margin-left: 1.5em;		
	}
	
	#inhalt ol li {
		list-style: decimal;
		margin-left: 2em;	
	}
	
/* Links */
		
#inhalt p a, #inhalt li a, #inhalt blockquote a {
	color: #02357a;
	border-bottom: 1px dotted #436cf2;
	text-decoration: none;
}

#inhalt a.lightbox, #inhalt a.lightbox:hover {
	border-bottom: none;
}
	
	#inhalt p a:hover, #inhalt li a:hover, #inhalt blockquote a:hover {
		color: #436cf2;
		border-bottom: 1px solid #ff6600;
		text-decoration: none;
	}
	

/* Abstand für gefloatete Bilder */
			
#inhalt p img.alignleft {
	padding: .3em .7em .7em 0;
}

#inhalt p img.alignright, #seitenleiste img.alignright {
	padding: .3em 0 .7em .7em;
}

/* Zitatabsätze */
		
#inhalt blockquote {
	margin-left: 1em;
	border-left: 5px solid #EEE;
	padding-left: .5em;
}


/* Bildbeschriftungen */

.wp-caption {
	padding: .5em;
}

	.wp-caption img.alignright {
		padding: 0;
	}

#inhalt p.wp-caption-text {
	font-size: .9em;
	font-style: italic;

	line-height: 1.1em;
}
	

/* Blaettern */
p.pagination span {
	color: #ff6600;
}

p.pagination a {
	padding: .3em;
	border: 1px dotted #436cf2;
}

	p.pagination a:hover {
	border: 1px solid #ff6600;
	}
	
		
/* ------------------------------------------------------------------------ 
   SEITENLEISTE 
------------------------------------------------------------------------ */

#seitenleiste {
	background: transparent;
	width: 230px;
	padding: 0 10px;
	float: right;
}

#seitenleiste ul p, #seitenleiste ul ul  {
	margin: 3px 7px;
	font-size: .9em;
	color: #222;
	line-height: 1.5em;
}

	#seitenleiste ul p.s {
	font-size: .7em;
	line-height: 1.3em;
	}
	
		#seitenleiste ul p.s a {
		color: #777;
		border: none;
		}
}

#seitenleiste ul ul li {
	padding: .2em .3em;
}


/* Links */

#seitenleiste p a {
		color: #02357a;
		border-bottom: 1px dotted #436cf2;
		text-decoration: none;
	}
		
	#seitenleiste p a:hover {
		color: #436cf2;
		border-bottom: 1px solid #ff6600;
		text-decoration: none;
	}
	
#seitenleiste ul li a {
	text-decoration: none;
}
	

/* Unternavigation */

#seitenleiste li#unternavigation ul li a {
	background: transparent url('grafiken/li_nav_grau.gif') left no-repeat;
	padding-left: 15px;
	color: #333;
	font-size: 1.1em;
}

	#seitenleiste li#unternavigation ul li a:hover {
		background: transparent url('grafiken/li_nav_gelb.gif') left no-repeat;
		color: #ff6600;
	}
	
	#seitenleiste li#unternavigation ul li.current_page_item a {
		background: transparent url('grafiken/li_nav_gelb.gif') left no-repeat;
	}
		

	
/* Überschriften */

#seitenleiste h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	letter-spacing: .05em;
	color: #333;
	border-bottom: 3px solid #02357a;
	margin: 10px 5px;
	padding: 10px 5px 1px 5px;
}
		

/* Gefloatete Bilder in der Seitenleiste */

#seitenleiste p img.alignleft {
	padding: .3em .7em .7em 0;
}

#seitenleiste p img.alignright {
	padding: .3em 0 .7em .7em;
}


/* Formulare in der Seitenleiste */

#seitenleiste form input {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

	#seitenleiste form p {
		line-height: 2.2em;
	}
	
	
	
	
		
/* ------------------------------------------------------------------------ 
   FUSS 
------------------------------------------------------------------------ */

#fuss {
	background: #e2e1e1 url('grafiken/hg_rahmen_fuss.gif') top no-repeat;
	padding: 5px 15px 20px 15px;
}

	#fuss p {
		font-size: 0.9em;
		color: #666;
		line-height: 1.3em;
	}
	
#fuss a {
	color: #02357a;
	border-bottom: 1px dotted #436cf2;
	text-decoration: none;
}
	
#fuss a:hover {
	color: #436cf2;
	border-bottom: 1px solid #ff6600;
	text-decoration: none;
}



/* ------------------------------------------------------------------------ 
   EVENTCALENDAR
   Note that <?php global $ec3; $ec3->nocss=true; ?> has to be placed
   in the header.php above the wp_head! 
------------------------------------------------------------------------ */


/* EventCalendar. Copyright (C) 2005 2006, Alex Tingle.  $Revision: 263 $
 * This file is licensed under the GNU GPL. See LICENSE file for details.
 */

/***
 ***  Calendar
 ***/

#wp-calendar table {
 width:100%;
}

#wp-calendar table caption {
  text-align:center;
}

#wp-calendar #prev {
  text-align:left;
}

#wp-calendar #next {
  text-align:right;
}

#wp-calendar .ec3_eventday a {
 color:#a00 !IMPORTANT;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
}

#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td {
 padding:1px;
 border:none;
}

#wp-calendar table td:hover,
#wp-calendar table td.ec3_today {
 padding:0px;
 border:solid 1px #999;
}

/* The EC graphic. */
.ec3_ec {
 display:block;
 float:right;
 border:none;
 background-repeat:no-repeat;
 background-position:bottom right;
 width:13px;
 height:9px;
}
.ec3_ec span { display:none }


/***
 ***  Event list
 ***/

.ec3_events li {
margin-bottom: .4em;
}

.ec3_events li strong {
	display: block;
	padding: 0;
}

.ec3_events li a {
	margin: 0;
	padding: 0;
	color: #444;
	text-decoration: none;
}

.ec3_events li a:hover {
	color: #436cf2;
	border-bottom: 1px solid #FF6600;
}

.ec3_list li strong:before {
 content:"" !IMPORTANT;

}

.ec3_list li:before {
 content:"" !IMPORTANT;
}

/***
 ***  Schedule
 ***/

table.ec3_schedule {
 border-collapse:collapse;
 margin:0.5ex 1ex 0.5ex 0;
 border:solid 2px #ffd800;
 float:left;
}

table.ec3_schedule td {
 padding:0 0.5ex 0 0.5ex;
 color:#ffd800;
}

td.ec3_start { text-align:right; }

td.ec3_to    { text-align:center; }

.ec3_schedule .ec3_past *  { text-decoration:line-through }

/***
 ***  Iconlet
 ***/

div.ec3_iconlet {
 margin:0 1ex 0.2ex 0;
 padding:0.3ex;
 border:solid 2px #ff6600;
 float: right;
 font-size:1em;
 text-align:center;
}

div.ec3_past {
 border-color:gray;
 opacity:0.5;
}

div.ec3_iconlet * {
 margin:0;
 padding:0;
 line-height:90%;
}

div.ec3_iconlet table {
 border-collapse:collapse;
}

div.ec3_iconlet td {
 padding-top:0.4ex;
 padding-bottom:0.4ex;
 text-align:center;
 font-weight:bold;
}

div.ec3_iconlet tr.ec3_day td {
 padding-top:0;
 padding-bottom:0;
 font-size:2.5em;
 font-weight:bold;
 width:2.5ex;
}

div.ec3_iconlet tr.ec3_time td {
 font-size:0.75em;
 font-weight:normal;
}

div.ec3_iconlet td.ec3_multi_start {
 padding-right:0.2ex;
}
div.ec3_iconlet td.ec3_multi_end {
 border-left:solid 1px #ff6600;
 padding-left:0.2ex;
}
div.ec3_past td {
 border-color:gray;
}