/****************************************/
/* CSS Helfert                          */
/* copyright: die medialisten           */
/* Ansprechpartner: Nikias Ehrlich      */
/* www.diemedialisten.de                */
/* mail@nikias-ehrlich.de               */
/****************************************/


/******************************************************************************/
/*                            Hauptelemente HTML                              */
/******************************************************************************/

*
{
  margin: 0px;20.08.2008
  padding: 0px;
}

html { height: 100% }
body {
    font-size: 100.01%;
    font: 14px/1.5em "Verdana";
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.3;
    text-align:justify;
    color: #4D485B;
    background-color: #d9dadb;
  }

li
{
  padding: 0;
  margin: 0;
}

ul
{
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}



/******************************************************************************/
/*                          Hauptelemente CSS                                 */
/******************************************************************************/
/*Rahmen um alles rum*/
#rahmen
{
  position:relative;
  width:990px;
  height:auto;
  top: 30px;
  /*Damit der Rahmen zentriert wird*/
  margin-left: auto;
  margin-right: auto;

  background-color: #FFFFFF;
}

.topmenu
{
  position: absolute;
  width: 900px;
  height: 80px;
  top: 40px;
  left: 80px;
  right: 0px;
  background-color: transparent;
  z-index: 20;
}

form.form
{
	width:490px;
	height:auto;
	background-color: #FFDC7F;
	border: 10px solid #FFDC7F;
	color: #000000;
}

a.form
{
	background:#FFFFFF;
	color:#000000;
	width:80px;
	text-decoration:none;
}

.spacer
{
	position: relative;
	width: 10px;
	height: 114px;
	clear: both;
}

.title
{
  position: relative;
  clear:both;
  height: 102px;
  left: 0px;
  z-index: 15;
  overflow: hidden;
}

.contentArea
{
  position: relative;
  clear: both;
  width: 891px;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  color: #FFFFFF;
}

.logo
{
	position: absolute;
	top: 0;
	left: 0;
}

.c1
{
  position: relative;
  width: 17px;
  height: auto;
  padding: 0;
  margin: 0;
  float: left;
}

.c2
{
  position: relative;
  width: 165px;
  height: auto;
  padding: 0;
  margin: 0;
  float: left;
  text-align: left;
}

.c3
{
  position: relative;
  width: 516px;
  height: auto;
  padding: 0;
  margin: 0;
  float: left;
  text-align:left;
  font-size: 12px;
}

.c4
{
  position: relative;
  width: 38px;
  height: 800px;
  padding: 0;
  margin: 0;
  float: left;
}

.c5
{
  position: relative;
  width: 155px;
  height: auto;
  padding: 0;
  margin: 0;
  float: left;
  text-align: right;
}

.bild
{
	position: relative;
	width: 155px;
	height: auto;
	clear: both;
	margin-bottom: 15px;

}

.bottommenu
{
	position: absolute;
	text-align: right;
	top: 550px;
	right: 0px;
	width: auto;
	height: auto;
}


/******************************************************************************/
/*                          Links, Menus                                      */
/******************************************************************************/

h1
{
  clear: left;
  margin: 5px;
  margin-top:0px;
  margin-left: 0px;
  font-size: 12pt;
  font-weight: bold;
}

a.admin
{
	z-index: 50;
	position: absolute;
	display: block;
	width: 80px;
	height: 200px;
	top: 30px;
	right: 0;
}

.topmenu a
{
  display: block;
  vertical-align: text-bottom;
  height: 27px;
  width: auto;
  float: left;
  cursor: pointer;
  text-decoration: none;
}

.bottommenu a
{
  color: #436aa1;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

.bottommenu a:hover
{
  text-decoration: underline;
}


.contentmenu a
{
  color: #235046;
  font-size: 10pt;
  text-decoration: none;
}


.c2 a
{
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 20px;
}

.c2 a:hover
{
   color: #043882;
}

.pagemenu a.sel
{
  color: #FF6600;
}

.pagemenu a:hover
{
  color: #FF6600;
}

a.mp
{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/leer.gif);
  background-repeat: repeat;
  text-decoration: none;
}



a.points
{
   display: block;
   width: 365px;
   height: 367px;
   background: url(../img/home/pointsstart.gif);
}
a.points:hover
{
  background: url(../img/home/pointsover.gif);
}


.headmenu a:hover
{
  color: #ffffff;
  text-decoration: underline;
}

a.textlink
{
  color: #235046;
  text-decoration: underline;
  font-style: italic;
}

a.textlink2
{
  color: #FF6600;
  text-decoration: none;
}

p
{
   margin-top: 0px;
}

input.submit
{
  position: relative;
  background-color: #FFFFFF;
  border: 0;
  left: 495px;
  cursor: pointer;
  z-index:30;
}

input.submit2
{
  position: absolute;
  background-color: #FFFFFF;
  border: 0;
  left: 423px;
  top:384px;
  cursor: pointer;
  z-index:30;
}


.adminmenu a
{
  display: block;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-left: 10%;
  width: 80%;
  height: 20px;
  clear: right;
  background-color: #F8AD14;
  text-decoration: none;
  color: #000000;
  text-align: center;
}

a.sel
{
  color: #043882;
}


fieldset
{
  border: 0;
  background-color: #043882;
  color: #F7F7F7;
}