/*
 *  @author      Roger Thill
 *  @copyright   Roger Thill
 */

*{
	margin:0;
	padding:0;
}

html {
  font: 14px Arial, Helvetica, sans-serif;
}

body {
  background-color: #798CA6;
  background:    url("../Media/bgbody.gif");
  background-repeat:repeat-x;
}
img {
border:none;
}
h4 {
  font-size: 16px;
  font-weight: bold;
}
h6{
   text-align:center;
   font-size:13px;
   font-weight:bold;
}
#main {
  background-image:     url("../Media/streifen.gif");
  background-position: right top;
  background-repeat: repeat-y;
  margin: 10px auto 10px auto;
  padding: 0;
  width: 900px;
  background-color: #FFEBCD ;
  border: 1px solid #800000;
  position:relative;  
}
/*----------------Formatierung des Seitenkopfes----------------*/
#header {
  height:160px;
  background-color: #FFDEAD ;
  border-bottom:3px #800000  solid;
}

#header h1 {
  margin:0 20px;
}
#header h1 a img{
/*   border:none;
 */  padding:10px 0 0 0 ;
}
#header-img a img{
  position:absolute;
  top:10px;
  right:10px;
 }
#header-img  img{
  position:absolute;
  top:10px;
  right:20px;
 }
 
#titel h1{
  padding:5px;
  font: 17px Arial, Helvetica, sans-serif;
  color:#777777;
  font-weight:bold;
  text-align:center;
  }
/*----------------Ende Formatierung des Seitenkopfes----------------*/

/*------------------------------Navigation----------------------------------*/
#navcontainer
{
	background-color: #FFEBCD;
	width: 20%;
	padding: 1em 0;
	font-family: Arial georgia, serif;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	float:left;
}

ul#navlist
{
	text-align: center;
	list-style: none;
	margin: 0 auto;
	width: 100%;
}

ul#navlist li
{
  display: block;
}

ul#navlist li a
{
  display: block;
  width: 80%;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-width: 1px;
  border-color: #ffe #aaab9c #ccc #fff;
  border-style: solid;
  color: #777;
  text-decoration: none;
  background: #f7f2ea;
}

ul#navlist li a.activ
{
  background: #f0e7d7;
  color: #800000;
}
ul#navlist li a:hover, ul#navlist li#active a:hover
{
  color: #800000;
  background: #FFDEAD;
  border-color: #aaab9c #fff #fff #ccc;
  }
/*---------------------------Navigationsende-----------------------------*/
#FLVPlayer{
text-align: center;
}

#content p img {
  padding: 120px 5px 30px 5px;
 }

#content p {
  text-align:center;
  padding:3px 0 3px 0;
}
#content h3 {
  font-variant:small-caps;
  color: #F00;
}
#txt {
	width:63%;
	float:left;
}
#txt p {
  font: 20px Arial, Helvetica, sans-serif; 
  color: black;
}
#formular1 p ,#formular2 p{
	font: 13px Arial, Helvetica, sans-serif;
	color: black;
	text-align:left;
}
/*---------Formatierung für sämtliche Tabellen--------------*/
table {
	width:100%;
	border-collapse: collapse;
 } 
 td {
	/*  width:100%;
 */ height:30px;
	padding: 3px;
	font-size:13px;
	font-weight:bold;
 }
span {
	font-weight: normal;
	font-size: 13px;
}

 .gerade {
 background: #FFDEAD;
 }
/*---------Ende Formatierung für sämtliche Tabellen--------------*/
 
 address {
  font-weight:bold;
  padding:0 0 0 20px;
  }
  #presentation {
  font-size:14px;
  margin: 20px 0 0 20px;
  }
  #presentation  p{
  font-size:16px;
  font-weight: bold;
  text-align:center;
  }
  /*------ Java-Zusatztexte bei Presantation und Gallerien----------*/
  #versammlung-more, #galerie-more {
  font-size:16px;
  text-align: justify;
  border: 1px solid #800000;
  background-color:#F7F2EA;
  color:#336633;
  padding:10px 10px
  }
  
  #presentation  h3, #galerie h3{
  font-size:16px;
  color: #336633;
  font-weight: bold;
  text-align:center;

  }
 /*------- Ende Java-Zusatztexte bei Presantation und Gallerien-------*/

 /* ----------------Infobox und Fusszeile--------------*/
#infobox {
	position:absolute;
	top:275px;
	right:0px;
	margin:0px;
	width:15%;
	color: #F00;
	text-align: right;
/*   border: 1px solid #800000;
 */}
#sponsor {
	background-color: #FFEBCD;
	position:absolute;
	top:225px;
	right:0px;
	margin:0px;
	width:15%;
	color: #777777;
	text-align: center;
}
#sponsor td, #infobox td {
  padding-top: 10px;
  }
#footer{
  font-size:12px;
  margin:0;
  padding:0;
  clear:right;
  text-align:center;
  background:#FFDEAD;
  color:black;
  border-top: 1px solid #800000;
}
/* ----------------Ende von Infobox und Fusszeile--------------*/

/*----------------------Bildergalerie-------------------------------*/
#gallery li {
  display: block;
  float: left;
  margin: 10px 10px 0 0;
}

#bigGalleryPicContainer {
  position: absolute;
  top: 150px;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: url(../media/ajax-loader.gif) no-repeat center center;
  text-align: center;
}

#bigGalleryPic {
  display: block;
  margin: 55px auto 5px auto;
}

#bigGalleryNavi {
  background-color: #FFDEAD;
  color: #000;
  font-weight:bold;
  padding: 5px 10px;
  font-size: 16px;
  width: 500px;
  margin: 0 auto;
  text-align: center;
}

#bigGalleryPicTitle {
  padding: 3px 10px;
}
/*-------------------Bildergalerieende----------------------------*/
/*-----------------------Formular----------------------------------*/

form {
  width: 100%;
  text-align: right;
}

label {
	display:block;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	margin: 5px 0;
}
.rightcoloun {
	text-align: left;

}
#formular2 td, #formular1 td{
/* 	height:50px;
 */	padding: 0px 3px;
	font-size:13px;
	font-weight:bold;
 }

input,
select,
textarea {
	margin-left: 10px;
	margin-right: 5px;
}
label#highlight * {
  background-color: #FFCC99;
  color: #800000;
  font-weight:bold;

}
/*-------------Formular-Ende-----------------------------*/
/*--------------Decor/index-------------------------------*/
#animgif-1{
  position:absolute;
  top:180px;
  left:185px;
 }
#animgif-2{
  position:absolute;
  top:180px;
  right:128px;
 }
 #banner {
	position:absolute;
	top:200px;
	left:275px;
	width:410px;
	text-align: center;
	color: #800000;
	font-weight:bold;
}
 #banner2 {
	position:absolute;
	top:540px;
	left:210px;
	width:410px;
	text-align: center;
	color: #800000;
	font-weight:bold;
}
 #bannercomite {
	position:absolute;
	top:190px;
	left:208px;
	width:543px;
	text-align: center;
	color: #800000;
	font-weight:bold;
	height: 34px;
}
/*---------------- Fin Decor-Index -------------------------*/

.cl {
  clear:left;
}

.cr {
  clear:right;
}

.cb {
  clear:both;
}
/*-------------------------Bildlauf---------------------------------------------      
	  #myLayer   { 
         width: 191px; 
         height: 101px; 
         position: absolute; 
         top: 10px; 
         left: 10px; 
         z-index: 0; 
}*/