/* 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: 80%;  /* MSIE */
	color: #000;
	font-family: tahoma, geneva, "lucida sans unicode", "lucida grande", verdana, helvetica, arial, sans-serif; letter-spacing: 1px;
	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/Hint_KiWo.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: 0 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;}
.kursiv {font-style: italic;}
.bold {font-weight: bold;}
.klein {font-size: 8.5pt; line-height: 1.3em;}
.rechts {text-align: right;}
.rot {color: red;}
.blau {color: blue;}


/* ##### Deko ################### */
#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; top: 0;
padding: 160px 0 0 0; margin: 0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #183F66;
float: left;
width: 160px; height: 100%;
text-align: left;
/* background-color: #FFF; */
background-image: url(-Grafik/side-bar.jpg);
background-position: 0px 0px;
background-repeat: repeat-y;}

#navlist {padding: 2px 0 0 0;}

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


#navlist a:link, #navlist a:visited {  /* Menuelinks in sidebar */
display: block;
color: #FFF;
background-color: #5C8AB5;
width: 160px;
margin: 0 0 3px 5px; padding: 4px 17px 4px 10px;
text-decoration: none;
border-bottom: 1px solid #575757; border-right: 1px solid #575757;
font-weight: bold;}

#navlist a:hover {color: #FFF; background-color: #369}
#navlist li a:active {color: #FFF; background-color: #74A3CC;} /* Buttonklick */
#navlist #aktiv a {color: #369; background-color: #A0C4DE;}



/* ##### Content ######################## */
@media screen {
	#content {
	/* max-width: 100em; */
	text-align: left;
	line-height: 1.2em;
	margin: 0 0 0 180px;
	padding: 1em 0 1em 0;
	background-color: #FFF;}
} /*end media screen*/

@media screen {
	#content a:link, #content a:visited, #content a:active {color: #0057D1; text-decoration: underline;}
	#content a:hover {background-color: #C8DFFF;}
} /*end media screen*/

.Titelgrafik {margin: 0 0 0 100px; border: 0;}

.pageheadline {  /* mit margin left (nicht in Box)*/
text-align: left;
line-height: 1.1em;
font-family: arial, sans-serif;
font-size: 170%;
font-weight: normal;
color: #183F66;
margin: 1em 1em 0.3em 1.5em;
padding: 1ex 0 0.4ex 0;
}

h1, h2, .h2, h3 {
text-align: left;
line-height: 1.1em;
font-family: arial, sans-serif;
font-weight: normal;
color: #183F66;
padding: 0;}
h1 {font-size: 156%; margin: 0em 0 0.8em 0;}
h2, .h2 {font-size: 125%; font-weight: bold; margin: 1em 0 1em 0;}
h3 {font-size: 125%; margin: 0.5em 0 0.7em 0;}

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

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

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

.top {text-align: right; margin: 0 1em 0 0;}
.top a:hover {text-decoration: none; background-color: transparent;}

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

.mp3 {float: left; background-color: #000; width: 370px; height:320px; border: 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. (Layout-)Tabelle */
table th {border: 0; font-weight: bold;}
table td {border: 0; padding: 5px; vertical-align: top;}
table.impressum td {border: 0; padding: 0 16px 4px 0; vertical-align: top;}

table.Termine th {background-color: #E6E6E6; padding: 5px;}


/* ----- images ----------------------- */
img {                         /* fuer alle images */
margin: 0.5ex 0 0.5ex 0;   /* Ober- u. Unterrand fuer images ohne classes */
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 2px groove #708090;
border-right: 3px ridge #696969;}
img.noborder {border: 0;}

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

img.floatRight {
float: right;
margin: 1ex 0 1em 1.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;}