/*
Theme Name: jugendarbeit-region6.de
Theme URI: http://jugendarbeit-region6.de/
Description: Theme fuer die Jugendarbeits-Seite der Region 6 in Hamburg
Version: 3.0
Author: Wolfgang Timme & Philip Wilson
Author URI: http://jugendarbeit-region6.de/
Tags: 
*/

html, body {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	background-color: #f0f0f0;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
}

div {
	text-align: left;
}

a:link, a:hover, a:active, a:visited {
	color: #3a9cdd;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #2a78ab;
}

#page {
	text-align: center;
	margin: 0px auto auto auto;
	width: 880px;
	-webkit-box-shadow: #C8C8C8 0px 4px 14px;
	-moz-box-shadow: 0 0 1em #C8C8C8;	
	padding: 20px;
	background: #FFFFFF;
}

#content, #header, #top-navigation, .divider {
	margin: 0px auto auto auto;
	width: 880px;
}

#header img {
	float: left;
	border-width: 0px;
}

.divider {
	height: 8px;
	font-size: 6px;
	clear: both;
}

#top-navigation {
	/* background-image: url(gfx/nav-bg.jpg);
	background-repeat: repeat-x;*/
	
	height: 26px;
	margin-left: 5px;
	display: inline;
	width:880px;
}
/*
#top-navigation-left {
	 background-image: url(gfx/nav-left.jpg);
	width:4px; 
	height: 26px;
	float:left;
	display: inline;

}
#top-navigation-right {
	background-image: url(gfx/nav-right.jpg);
	width:4px;
	height: 26px;
	float:left;
	display: inline;

}

*/

#top-navigation a {
	height: 21px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40b600', endColorstr='#359500');
	background: -webkit-gradient(linear, left top, left bottom, from(#40b600), to(#359500));
	background: -moz-linear-gradient(top, #40b600, #359500);
	padding-top: 5px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-decoration: none;
}
#top-navigation a:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#E6E6E6');
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E6E6E6));
	background: -moz-linear-gradient(top, #F2F2F2, #E6E6E6);
	color: #333;
	text-decoration: none;
}

#left, #right {
	padding-top: 16px;
	margin-top: 10px;
}
#left {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#right {
	float: left;
	width: 620px;
	padding-left: 10px;
}

#left-navigation {
	margin-bottom: 46px;
}

#left-navigation a {
	display: block;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 2px;
	text-decoration: none;
	padding-left: 12px;
	width: 133px;
	background-color: #5c5c5c;
	margin-bottom: 2px;
}
#left-navigation a:hover, #left-navigation a.current {
	background-color: #35772d; /* ACHTUNG: keine Webfarbe! */
}

#sidebar-heading {
	margin-top: 10px;
	background-color: #3a9cdd;
	padding: 2px;
	padding-left: 4px;
	color: #ffffff;
}
.sidebar-event .title {
	font-style: italic;
}
#sidebar-divider {
	display: block;
	height: 10px;
}
#footer {
	width: 850px;
	height: 120px;
	background-color: black;
}

/* Termin-Tabelle */
#events {
	border-width: 0px;
	margin-top: 10px;
}
#events th {
	font-weight: bold;
}
#events td {
	vertical-align: top;
}
#events th.date { width: 80px; }
#events th.time {	width: 124px; }
#events th.location { width: 250px; }
#events th.title { width: 250px; }
#events td.current { background-color: #E7E7E7; }
#events td.heading { background-color: #d3c773; padding: 5px; }

#event-information .label {
	float: left;
	width: 140px;
}
#event-information .content {
	float: left;
	width: 408px;
}
/* CSS bezueglich des Contents, also der Posts. */
.post #heading, #heading {
	margin-bottom: 10px;
	font-size: 20pt;
	color: #2a78ab;
	margin-top: -3px;
	font-weight: normal;
}
.post ul {
	list-style-type: disc;
}
.post ul, .post li {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Wordpress fuegt bei Listen immer ein <br> zwischen den Punkten ein. Dies soll nicht angezeigt werden. */
.post ul br {
	line-height: 0px;
}

/* Suche */
.search-result {
	display: block;
}
.search-result .heading {
	display:block;
	margin-bottom: 5px;
}

/* CSS bezueglich der Bilder */
img.alignleft {
	display: inline;
}

#sidebar-impressum {
	display: block;
	margin-top: 20px;
}
#sidebar-impressum {
	font-size: 11pt;
}



/*  CSS Test STRONG */

strong {
	font-size: 15pt;
	color: #313c30;
	font-weight: 200;
}