/* ------------------------------------------------------------------------------------
  * Project: www.wale-in-kanada.de
  * Agency: e8media - agentur fr digitale kommunikation | www.e8media.de
  * Code by: Tobias Kivelip [kivelip@e8media.de]
  * Screendesign by: Stefan Weber [weber@e8media.de]
  * Created 10.04.2007
  * ------------------------------------------------------------------------------------
*/

/* ----------------------------------------- */
/* 3te Navigation */

#rightBar ul.thirdNav
{
	margin: 15px 13px 0 10px;
	list-style: none;
}

#rightBar ul.thirdNav li
{
	margin-top: 5px;
}

#rightBar ul.thirdNav li a.act
{
	font-weight: bold;
}

/* ----------------------------------------- */
/* tabellarische Infobox (floatet rechts) */
dl.infobox
{
	width: 295px;
	float: right;
}

/* Überschrift wie in rechter Spalte; kein Margin */
dl.infobox dt
{
    color: #fff;
    background-color: #169fda;
    padding: 5px 5px 5px 5px;
    margin: 30px 25px 0 25px;
    font-size: 13px;
}

dl.infobox dd
{
	background-color: #eaf6fc;
	margin: 0 25px 0 25px;
}

/* schwarze Überschrift im Kasten */
dl.infobox h4
{
	color: #444444;
	padding: 10px 15px 0 15px;
	background-color: #eaf6fc;
}

/* Absätzen das Margin nehmen, damit es ein geschlossener Kasten wird */
dl.infobox p
{
	background-color: #eaf6fc;
	margin: 0 0 0 0;
	padding: 15px 15px 15px 15px;
}

/* Tabelle für Aufzählungen */
dl.infobox table
{
	background-color: #eaf6fc;
	border-spacing: 0;
	width: 215px;
	margin: 0px auto;
}

dl.infobox table tr
{
	border: none;
}

dl.infobox table td,
dl.infobox table th
{
	text-align: left;
	padding: 6px 6px 6px 0px;
	margin: 0 0 0 0;
}

dl.infobox table th
{
	background: none;
	color: #6a6a6a;
	padding-right: 5px;
	text-align: left;
	vertical-align: top;
}

/*
dl.infobox table tr:hover
{
	background-color: #dae5eb;
}
*/


/* caption-Element ausblenden; Tabllenüberschrift für Screenreader; Barrierefreiheit */
dl.infobox caption
{
	text-indent: -999em;
	visibility: hidden;
	height: 15px;
	overflow: hidden;
}

dl.promiListe
{
	margin: 15px 25px 0 20px;
}

dl.promiListe dt
{
	margin-top: 15px;
	font-weight: bold;
}

/* ----------------------------------------- */
/* Formulare */

label
{
	display: block;
	width: 100px;
	float: left;
}

input,
textarea,
select
{
    background-color: #f2f9ff;
    border: 0;
    border-top: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    font-family: verdana, helvetica, sans-serif;
    font-size: 11px;
    color: #6a6a6a;
    padding: 3px 5px 3px 5px;
    width: 212px;
}

/* Script-Schutz-Grafik */
img.scriptschutzbild
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

input.btn
{
	margin-left: 100px;
	width: 150px;
	border: 1px solid #cbcbcb;
	background: #eeeeee;
}

/* Fehlerausgabe UL */
ul.form_error
{
	color: red;
	margin: 15px 25px 0px 30px;
}

/* ----------------------------------------- */
/* Listen im Content-Bereich */
ul
{
	list-style: square;
	margin: 15px 25px 0 35px;
}

ul li
{
	line-height: 150%;
}

/* ----------------------------------------- */
/* Tabellen im Content-Bereich */

table
{
    margin: 15px 25px 0 20px;
    font-size: 11px;
    border-collapse: collapse;
    border-spacing: 1px;
}

table th
{
    color: #fff;
    background-color: #169fda;
    padding: 5px;
}

table tr
{
	border-bottom: 1px solid #d7d7d7;
}

table tr.alt
{
	background-color: #f4f9fe;
}

table tr:hover
{
	background-color: #e2effb;
}

table td
{
	text-align: center;
	padding: 8px;
}

/* ----------------------------------------- */
/* Sonstiges */

/* Link mit PDF-Icon */

a.pdf
{
	display: block;
	background-image: url('/img/pdf.gif');
	padding-left: 20px;
	height: 20px;
	background-position: top left;
	background-repeat: no-repeat;
}


/* Bilder Galerie */
div#mainCont p.floatgal
{
	float: left;
	width: 210px;
	text-align: center;
	margin: 15px 10px 0 0;
	min-height:180px;
	height:auto !important; /* überschreibt die feste Höhe */
	height:180px; /* für den IE */
	
}

div#mainCont p.floatgal img
{
	overflow: hidden;
}

/* Bilder in der Rightbar */
div#rightBar2 div.galery
{
    margin: 0px 10px 0 7px;
}

div#rightBar2 div.galery a,
div#mainCont p.galery a
{
	display: block;
	height: 70px;
	overflow: hidden;
	float: left;
	width: 110px;
	margin: 1px 0 0 1px;
}

div#rightBar2 a.invis
{
	display: none;
	visibility: hidden;
}

div#mainCont p.floatgal img
{
	/*border: 1px solid #169fda;*/
	padding: 2px;
	float: none;
	display: block;
}

/* ----------------------------------------- */
/* Walfilme */
div#walfilme
{
    margin: 0 5px 0 7px;
	color: #FFFFFF;
	background-color: Black;
	background-image: url('/img/walfilme_bg_all.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 130px;
	min-height: 500px;
}

div#walfilme div.filmauswahl a
{
	color: White;
	text-decoration: none;
}

div#walfilme h2,
div#walfilme h3
{
	color: White;
}

div#walfilme div.walplayer
{
	width: 418px;
	float: left;
	position:relative
}

div#walfilme div.filmauswahl
{
	width: 292px;
	float: left;
	position:relative
}

div#walfilme div.filmauswahl dl
{
	width: 135px;
	float: left;
}

div#walfilme div.filmauswahl dt,dd
{
	margin: 5px 0 0 15px;
}

div#walfilme div.filmauswahl dt
{
	margin-top: 15px;
}

div#walfilme div.filmauswahl img
{
	width: 113px;
	margin: 4px 0 0 0;
}




/* ----------------------------------------- */
/* Waltagebuch: news in der rightbar */
p.blog span
{
    display: block;
    color: #a6a5a5;
}

p.blog strong
{
    display: block;
}

/* ----------------------------------------- */
/* floatende Container - 3 in einer Reihe */
dl.floatCont
{
    margin: 15px 0 10px 0;
    padding: 0;
    display: block;
    width: 235px;
    float: left;
}

dl.floatCont dt
{
    margin: 0 0 0 20px;
    padding: 0;
    display: block;
}

dl.floatCont dd
{
    margin: 0 0 0 20px;
    padding: 0;
    display: block;
}

dl.floatCont dd h3
{
    margin: 0;
    padding-top: 10px;
    font-size: 14px;
}

dl.floatCont dd p
{
    margin: 5px 0 0 0;
}