/*
Theme Name: freihafen.org
Theme URI: http://freihafen.org/
Description: Template fuer die Website des Jugendmagazins Freihafen
Version: 1.0
Author: Philip Wilson, Wolfgang Timme
Author URI: http://media-services-hamburg.de/
Tags: freihafen, youth, press
*/


html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 11px;
	font-family: Arial, Verdana, Sans-Serif;
	background-color: #FFFFFF;
	background-image: url(gfx/bg_total.jpg);
	background-repeat: repeat-x;
	}

#header {
	background-image: url(gfx/header.jpg);
	background-repeat: no-repeat;
	display: block;
}

#page {
	/* width: 743px; /* /* ohne Werbung */
	width: 919px;
}

#entry, h2 {
	width: 550px;
}

#content {
	width: 560px;
	margin-left: 26px;
	float: left;
}

#sidebar_right {
	width: 120px;
	height: 600px;
	margin-left: 26px;
	float: left;
}

/* pre wird von freihafen benutzt. */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#topNavigation {
	background-color: #666666;
	color: #FFFFFF;
	padding-left: 19px;
	margin-top: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 714px;
}
#topNavigation a:link, #topNavigation a:visited, #topNavigation a:hover, #topNavigation a:active {
	color: #FFFFFF;
	text-decoration: none;
}

a.navLink:link, a.navLink:visited, a.navLink:active {
	color: #FFFFFF;
	width: 100%;
	display: block;
	background-image: url(gfx/category_buttons/default.jpg);
	background-position: 124px 4px;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.navLink#dom:hover, #dom-heading {  background-image:url(gfx/category_buttons/dom.jpg); }
a.navLink#elbbruecken:hover, #elbbruecken-heading { background-image:url(gfx/category_buttons/elbbruecken.jpg); }
a.navLink#fischmarkt:hover, #fischmarkt-heading { background-image:url(gfx/category_buttons/fischmarkt.jpg); }
a.navLink#grosse-freiheit:hover, #grosse-freiheit-heading { background-image:url(gfx/category_buttons/grosse-freiheit.jpg); }
a.navLink#hh-city:hover, #hh-city-heading { background-image:url(gfx/category_buttons/hh-city.jpg); }
a.navLink#millerntor:hover, #millerntor-heading { background-image:url(gfx/category_buttons/millerntor.jpg); }
a.navLink#speicherstadt:hover, #speicherstadt-heading { background-image:url(gfx/category_buttons/speicherstadt.jpg); }

.teaserHeadline {
	width: 252px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:16px;
	border-top:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	margin-bottom: 10px;
}
.teaserHeadline a:link, .teaserHeadline a:active, .teaserHeadline a:visited, .teaserHeadline a:hover {
	width: 252px;
	display: block;
	background-image:url(gfx/category_buttons/hh-city.jpg);
	background-repeat: no-repeat;
	background-position: 240px 4px;
	text-decoration: none;
	color: #000000;
}

.heading a:link, .heading a:visited, .heading a:active, .heading a:hover {
	color: #000000;
	text-decoration: none;
}

.teaserMore {
	width: 100%;
	text-align: right;
}
.teaserMore a:link, .teaserMore a:visited, .teaserMore a:active, .teaserMore a:hover  {
	color: #009aff;
	text-decoration: none;
}

.author {
	width:100%;
	text-align: right;
	display: block;
}

.post .heading, .heading {
	font-family: times new roman, serif;
	font-size: 20px;
}
.post .heading a:link {
	color: #000000;
	text-decoration: none;
}

img {
	border-width: 0px;
	margin: 0px;
}

.archiv-row {
	margin-top:2px;
	margin-left: 2px;
}

.archiv-year-row {
	display: block;
	width: 200px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	margin-top: 10px;
	background-color: #333333;
	color: #FFFFFF;
}

/* Termine */
.termin_page .heading {
  margin-bottom: 10px;
}
table#events { width: 550px; margin: 0px; margin-top: 10px; padding: 0px; border-collapse: collapse; }
table#events td { margin: 0px; padding: 0px; vertical-align: top; }

table#events td.tdDatum { width: 100px; }
table#events td.tdUhrzeit { width: 90px; }
table#events td.tdOrt { width: 130px; }
table#events td.tdBeschreibung { width: 220px; }
table#events th {
	font-weight: bold;
	border-bottom: 1px solid #000000;
	font-family: Arial, Verdana, Sans-serfif;
	font-size: 12px;
}
#event-information .label {
	float: left;
	width: 100px;
}
#event-information .content {
	width: 300px;
	float: left;
}
a.location_link img {	/*	Das Map-Icon */
	border-width: 0px;
}
#event-information .divider {
  display: block;
  clear: both;
}

/*	Info-Kasten */
.infoBox_heading, .infoBox_content {
	display:block;
	margin-left: 10px;
	width: 300px;
	background-color: #EFEFEF;
	padding: 10px;
}
.infoBox_heading {
	font-size: 14px;
	font-weight: bold;
}