/* Shantychor Windjammer eV Ploen, URI: www.Shantychor-Windjammer.de, CREATOR: D. Mehrwald */
/* ALL */

@media screen {
	html, body {
	height: 100%;  /* Anzeigenbereich/Elternelement fuer page/content-Hintergrund !!! */
	scrollbar-arrow-color: #FFFFFF;	scrollbar-base-color: #ADBADE; scrollbar-track-color: #D0D7EB;}
	.notonscreen {display: none !important;}
} /*end media screen*/


/* ##### body ################## */
@media screen {
	body {
	font-size: 95%;  /* MSIE */
	color: #000;
	font-family: verdana, helvetica, tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing: 0px;
	font-style: normal;
	text-align: center;  /* Used for win/IE4,win/IE5,win/IE5.5 to center page */
	margin: 0; padding: 0;
	min-width: 60em;  /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	background-image: url(-Grafik/Hintergrund_Meer.jpg);
	background-attachment: fixed;
	background-repeat: repeat;}
} /*end media screen*/

a:link, a:visited, a:focus, a:active {outline:0; -moz-outline:0;}

.error404jpg {padding: 0 40px 0 0;}


/* ##### page ################## */
@media screen {
	#page {
	min-height: 100%;  /* Mindesthöhe für moderne Browser */
	height: auto !important;  /* Important Regel für moderne Browser */
	height: 100%;  /* Mindesthöhe für den IE */
	overflow: hidden !important;  /* FF Scroll-leiste */ 
	max-width: 1000px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #183F66;
	margin: 0px auto;  /* auto margins left/right */
	padding: 0;
	text-align: left;
	background-color: #FFF;}
} /*end media screen*/

p {margin: 1.5ex 0 1ex 0; padding: 0;}	/* Abstandshalter (Absatz) */
hr {width: 100%; color: #4579AD; margin-bottom: 2em;}
.normal {font-style: normal;}
.kursiv, .italic {font-style: italic;}
.bold, b {font-weight: bold;}
.underline, u {text-decoration: underline;}
.klein {font-size: 8.5pt; line-height: 1.4em;}
.rechts {text-align: right;}
.mitte {text-align: center;}
.rot, .red {color: red;}
.blau {color: blue;}
.grau {color: grey;}
.white, .weiss {color: white;}
.gross {font-size: 120%; font-weight: bold;}
.floatLeft {float: left;}
.floatRight {float: right;}
.durchgestrichen {text-decoration: line-through;}


ul li {text-align: left;}


/* ##### Deko ################### TEST */
/* #Tau {background-image: url(-Grafik/Tau.gif); width:160px; height:199px; margin:0; border:0; position:fixed; top:0px; left:0px; background-repeat:no-repeat; z-index:11;}
#Moewe {background-image: url(-Grafik/Moewe.gif); width:138px; height:108px; margin:0; border:0; position:absolute; top:30px; right:30px; background-repeat:no-repeat; z-index:12;}
#Kette {background-image: url(-Grafik/Kette.gif); width:133px; height:334px; margin:0; border:0; position:fixed; bottom:0px; left:0px; background-repeat:no-repeat; z-index:11;} */


/* ##### Side Bar ################### */
#side-bar {
/* position: fixed; */
padding: 40px 0 0 0; margin: 0;
border-right: 1px solid #183F66; /* Menuerand */
float: left;
width: 160px; height: 100%;
text-align: left;
/* background-color: #FFF; */
background: url(-Grafik/side-bar.jpg);
background-repeat: repeat-y;}

#navlist {padding: 0;}

#navlist ul {list-style-type: none; margin: 0; padding: 0;}

#navlist a:link, #navlist a:visited {  /* Menuelinks in sidebar */
display: block; width: 150px;
margin: 0 0 3px 5px; padding: 4px 17px 4px 10px;
text-decoration: none; font-weight: normal;
color: #FFF; background-color: #5C8AB5; border: 1px outset #575757;}
#navlist a:hover {color: #FFF; background-color: #369; border: 1px outset #575757;}
#navlist li a:active {color: #FFF; background-color: #A0C4DE; border: 1px inset #575757;} /* Buttonklick */
#navlist #aktiv a {color: #183F66; background-color: #A0C4DE; border: 1px inset #575757;}



/* ##### Content ######################## */

#content {
/* max-width: 100em; */
text-align: justify; line-height: 1.2em;
margin: 0 0 0 180px; padding: 1em 0 1em 0;
background-color: #FFF;}

#content a:link, #content a:visited, #content a:active {color: #0057D1; text-decoration: underline;}
#content a:hover {background-color: #C8DFFF;}
/* Link-Formatierung fuer zusaetzliche Formatierungsstufe */
#content a:link *, #content a:visited *, #content a:active * {color: #0057D1; text-decoration: underline;}
#content a:hover * {background-color: #C8DFFF;}


.Titelgrafik {margin: 0 0 0 100px; border: 0;}
.weg {display: none !important;}  /* fuer Mail+Faxdaten */
iframe {margin: 0; border: 3px ridge #5C8AB5;}
.mp3demo {background-color: #000; width: 360px; height: 300px;}

h1, .h1, h2, .h2, h3, .h3 {line-height: 1.1em; font-family: arial, sans-serif; font-weight: normal; font-style: italic; color: #183F66}
h1, .h1 {font-size: 190%; margin: 1em 1em 0 1.4em;} /* pageheadline, Seitensuchergebnistext */
h2, .h2 {font-size: 160%; margin: 1em 0 0.8em 0;}
h3, .h3 {font-size: 140%; margin: 0.5em 0 0.5em 0;} /* textnah */

.noBox {
color: #000000;
background-color: transparent;
margin: 1em 1em 2em 1em; padding: 0em 2em 1em 1.5em; /* oberer Randlosausgleich */
border: 0px;}

.lighterBox {
color: #000000;
background-color: transparent;
margin: 1em 1em 2em 1em; padding: 1em 2em 1em 1.5em;
border: 1px solid #ADBADE;}

.darkerBox {
color: #000000;
background-color: #E3EFFA;
margin: 1em 1em 2em 1em; padding: 1em 2em 1em 1.5em;
border: 1px solid #ADBADE;}

#WarnungKontaktdaten {border: 1px solid red; padding: 5px; font-size: 8.5pt; line-height: 1.4em;}

#toplink {background-image: url(-Grafik/topPfeil.gif); width: 95%; height: 21px; margin: 0 30px; padding: 0; border: 0; background-repeat: repeat;}
#toplink a:hover {text-decoration: none;}

.initial {
float: left;
color: #183F66;
font-family: arial, sans-serif; font-size: 125%; font-weight: normal;
margin: -0.1ex 0.3ex 0 0; padding: 0;}


/* ------ (Daten-) Tabellen ------------------ */
table.newline {border: 0; margin: 0; padding: 0; width: 100%; height: 1px;}   /* neue Zeile nach float-Objekt */
table.newline tr, table.newline th, table.newline td {border: 0; font-weight: normal; font-size: 0px; line-height: 1px;}

table {border: 0; margin: 0; padding: 0;}   /* allg. Tabelle */
table th {border: 0; font-weight: bold;}
table td {border: 0; padding: 5px; vertical-align: top;}

table.layout {border: 0; margin: 0; padding: 0; background-color: transparent;}   /* (Layout-)Tabelle */
table.layout td {border: 0; padding: 1px; vertical-align: top;}
table.layout th {border: 0; font-weight: bold;}

table.Termine {border-collapse: collapse; border-width: 2px; border-style: ridge; border-color: #369;}
table.Termine th {background-color: #A0C4DE; padding: 5px;}
table.Termine tr {border-bottom: 1px solid black;}
table.Termine tr:nth-child(odd) {background-color: #EAF4F9;}	/* Zeilenfarbe 2 */
table.Termine td {padding-left: 10px; padding-right: 10px; border-width: 1px; border-style: solid; border-color: #369; vertical-align: top;}


/* ----- images ----------------------- */
img {border: 2px outset #1A62A1; margin: 0.5ex 0;}  /* fuer alle images */
img.noborder, a:hover img.noborder {border: 0;}

a:hover img {border: 2px outset #C8DFFF;}  /* img mouseover */

img.floatLeft {
float: left;
margin: 0.3ex 2em 0.3em 0;
font-size: 7pt; color: #708090; font-weight: normal; font-style: italic;}  /* Formatierung Alternativtext */

img.floatRight {
float: right;
margin: 0.3ex 0 0.3em 2em;
font-size: 7pt; color: #708090; font-weight: normal; font-style: italic;}  /* Formatierung Alternativtext */


table.BU {background-color: #F5F5F5; border: 1px solid black; padding: 5px; width: 150px;}  /* width=Minimum */
table.BU td {
border: 0;
font-size: 8pt;  /* Formatierung BU- + Alternativtext */
line-height: 1.3em; font-weight: bold; color: #000000; text-align: justify;}
table.BUleft {float: left; margin: 1ex 1.3em 1ex 0;}
table.BUright {float: right; margin: 1ex 0 1ex 1.3em;}
table.BUcenter {margin: 1ex 1ex 1ex 25ex;}				/* nicht umfloated */

.mitte {text-align: center;}

table.image {border: 0px;}

tr.image td {
border: 0px;
padding: 0 15px;
background-color: transparent;
text-align: center;
vertical-align: bottom;}

tr.BU td {
border: 0px;
padding: 0 5px;
color: #000000;
background-color: transparent;
font-size: 60%;
line-height: 1.5em;
font-weight: bold;
text-align: center;
vertical-align: top;}

table.imageBox {
width: 100%;
text-align: center;
background-color: transparent;
margin: 1em 0 2em 0;
padding: 0;
border: 0;}
table.imageBox td {
border: 0;
padding: 0 ;
background-color: transparent;
vertical-align: center;}


/* ##### Kontaktformular ###################### */
.Kontaktform {
margin: 0 0 10px 0;
padding: 0;
border: 0;
text-align: left;}

.autor, .betreff, .mail {
font-size: 10pt; color: #063769;
background-color: #FFF;
margin: 10px 0 0 30px;
border: 1px solid;}

.nachricht {
padding: 5px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12pt; color: #063769;
background-color: transparent;
margin: 20px 0 0 30px;
border: 2px solid;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #A6110C;
scrollbar-track-color: #EB706C;
overflow: auto;}

.autor, .betreff, .mail, .nachricht {
border-top-color: #369;
border-left-color: #369;
border-right-color: #74A3CC;
border-bottom-color: #74A3CC;}

.senden {margin: 10px 0 0 40px;}

.fehler {
background-color: #FFFFBA;
color: red; font-weight: bold;
text-align: left;
margin: 0;
line-height: 1.2em;}

.confirm {
margin: 100px 0 300px 0;
font-size: 20px;
color: red;}


/* ##### Seitensuche fuer Suchmaschinen - Highlighting ############################## */
.searchword  {color: #000000; background-color: #ffd; border: 1px dotted #ffd;}
.searchword0 {color: #000000; background-color: #ff0; border: 1px dotted #ff0;}
.searchword1 {color: #000000; background-color: #0f0; border: 1px dotted #0f0;}
.searchword2 {color: #000000; background-color: #0ff; border: 1px dotted #0ff;}
.searchword3 {color: #000000; background-color: #fbb; border: 1px dotted #fbb;}
.searchword4 {color: #000000; background-color: #dfd; border: 1px dotted #dfd;}
.searchword5 {color: #000000; background-color: #faf; border: 1px dotted #faf;}
.searchword6 {color: #000000; background-color: #ccc; border: 1px dotted #ccc;}