/* Zuerst wird html und body auf 100% Höhe gesetzt
und eventuell vorhandene störende Abstände eliminiert. */
html, body{
  height:100%;
  margin:0;
  padding:0 0 0 0;
  background-image:url(../images/bg-txt.jpg);
  background-color: #086ab4;
  color : #086ab4;
}

p {
	font-family : Verdana,Times New Roman,Arial,helvetica,sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none;
	text-align : left;
	padding-right:10px;
	padding-left: 0px;
	margin: 0;
}

p a{
	font-family : Verdana,Times New Roman,Arial,helvetica,sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #0a2539;
	text-align : left;
	padding-right:0px;
	padding-left: 0px;
	margin: 0;
}

li {
  font-family : Verdana,Times New Roman,Arial,helvetica,sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none;
	text-align : left;
	padding-right:10px;
	padding-left: 0px;
	margin: 0;
}

li a{
  font-family : Verdana,Times New Roman,Arial,helvetica,sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none;
	text-align : left;
	padding-right:10px;
	padding-left: 0px;
	margin: 0;
}

/* Weil folgende Eigenschaften für beide Elemente identisch sind,
werden diese gleich gemeinsam definiert. */
#spacer, #center{
  position:absolute;
  margin:0;
  padding:0;
}

#spacer{
  /* sorgt dafür, dass wenn nötig Scrolleisten erscheinen */
  width:100%;        /* ganauso breit, wie der Anzeigebereich */
  height:100%;       /* ganauso hoch, wie der Anzeigebereich */

  /* jetzt werden die notwendigen oder gewünschten Mindestmaße definiert. */
  min-width:970px;   /* Breite von #center (+ ein paar Pixel Rand) */
  min-height:570px;  /* Höhe von #center (+ ein paar Pixel Rand) */
}

* html #IEspacer {
  /* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */
  width:970px;          /* Breite von #center (+ ein paar Pixel Rand) */
  height:570px;         /* Höhe von #center (+ ein paar Pixel Rand) */
}

#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */
  border:0px solid #0f0; /* für die Zentrierung selbst nicht nötig */

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:970px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:570px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */

  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;
  left:50%;

  /* durch negative margins wird es jetzt um die Hälfte von Höhe und
  Breite nach oben und links verschoben */
  margin:-485px 0 0 -290px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

/* min-height für den IE */
* html #center {
  height:570px;             /* das selbe Maß wie oben bei min-height */
}



#mitte {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 960px; /* Breite des Elements */
   height: 565px; /* Höhe des Elements */
   margin-left: -485px; /* Breite des Elements geteilt durch zwei! */
   margin-top: -290px; /* Höhe des Elements geteilt durch zwei! */
  }


#content {
	width: 960px;
	height: 560px;
	background-color: transparent;
	/*background-image:url(../images/bg.png);*/
	background-repeat: no-repeat;
	margin:0em;
}



#content_start {
	width: 960px;
	height: 570px;
	background-color: transparent;
	background-image:url(../images/bg_1.gif);
	background-repeat: no-repeat;
	margin:0em;
}

#contentkontakt
{
	width: 89%;
	padding-left:130px;
	overflow: hidden;
	/*background-image: url(../images/bgkontakt.jpg);
	background-repeat: no-repeat;
	background-position: center;  */
}

.nav_w
{
	padding-left: 170px;
	padding: 0px;
	overflow:hidden;
	width: 910px;
	background-color: transparent;
}

.nav_w2
{
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	width: 940px;
}

.nav_bottom
{
  width: 910px;
  padding-left: 170px;
	height: 63px;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}

.nav_bottom_start
{
  width: 780px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}

#header_nav
{
	font-family : Verdana,helvetica,sans-serif;
	font-size : 15px;
	font-weight : bold;
	color : #0a2539;
	text-decoration : none;
	vertical-align: bottom;
	text-align:left;
	padding-top:55px;
	padding-left:121px;
}

#header_nav a
{
	font-family : Verdana,helvetica,sans-serif;
	font-size : 15px;
	font-weight : bold;
	color : #0a2539;
	text-decoration : none;
	vertical-align: middle;
}


#header
{
	width: 960px;
	height: 89px;
	overflow: hidden;
}

#flash
{
	margin: 0 0 0 0;
  background-color: transparent;
	padding: 0px;
	width: 671px;
	height: 361px;
	overflow:auto;
	vertical-align:top;
	float: left;
	padding:0 0 0 0;
}

#flash2
{
	margin: 0 0 0 0;
  background-color: transparent;
	padding: 0;
	width: 970px;
	height: 560px;
	overflow:auto;
	vertical-align:top;
	padding:0 0 0 0;
}

#welle
{
  padding-left:20px;
  padding-right:20px;
  margin-top:75px;
  margin-bottom:0px;
  padding-bottom:0px;
  background-color: transparent;
	width: 929px;
	height:80px;
	overflow:auto;
	vertical-align:top;
	background-image:url(../images/welle.gif);
	float: left;
}

#text2
{
  padding-left:20px;
  padding-right:20px;
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom:20px;
  background-color: transparent;
	width: 929px;
	overflow:auto;
	vertical-align:top;
	background-image:url(../images/bg_streifen.gif);
	float: left;
}

#text
{
	margin-top: 10px;
  background-color: transparent;
	padding-left: 210px;
	width:678px;
	height:380px;
	overflow:auto;
	text-align: left;
	vertical-align:top;

}

#main
{
	margin-top: 0px;
	margin-bottom: 0;
  background-color: transparent;
	margin-left: 0;
	width:960px;
	height:400px;
	overflow:auto;
	vertical-align:top;
	padding:0 0 0 0;
}

#main2
{
	margin-top: 0px;
	padding: 0px;
	width: 980px;
	overflow:auto;
	background-color: transparent;
	vertical-align:top;
	padding:0 0 0 0;
}


#footer
{
	width: 850px;
	padding-left :50px;
	padding-right :40px;
	padding-bottom :10px;
	margin: 0px auto;
	font-family : Verdana,helvetica,sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none;
	background-color: transparent;
}

#footer a
{
	font-family : Verdana,helvetica,sans-serif;
	font-size : 14px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none;
}

#footer_2
{
	width: 850px;
	padding-left :50px;
	padding-right :40px;
	padding-bottom :60px;
	margin: 0px auto;
	font-family : Verdana,helvetica,sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none;
	background-color: transparent;
}

#fshp {
 display: none;
}

.head  {
	font-family : Verdana,helvetica,sans-serif;
	font-size : 14px;
	font-weight : normal;
	color : #000000;
	text-decoration : none;
	text-align : justify;
	padding-right:30px;
	padding-left: 30px;
}

.normal  {
	font-family : Verdana,helvetica,sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none;
	text-align : justify;
	vertical-align:text-top;
}
.normal a{
	font-family : Verdana,helvetica,sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #ffffff;
	text-decoration : none;
	text-align : justify;
	vertical-align:text-top;
}

.pdf {
	font-family : Verdana,helvetica,sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	text-decoration : none;
	text-align : justify;
}

.pdf a{
	font-family : Verdana,helvetica,sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	text-decoration : none;
	text-align : justify;
}

.softpadding {
	padding-right:30px;
	padding-left: 10px;
}

.softpadding12 {
	padding-right:20px;
	padding-left: 5px;
}

.copy {
	font-family: Verdana,helvetica,sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
}
.copy:hover {
	font-family: Verdana,helvetica,sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: underline;
	vertical-align: bottom;
	text-align: center;
}

.navlinks {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight : normal;
	font-family : Verdana,helvetica,sans-serif;
}

.formtext01
{
padding-left:5px;
padding-right:0px;
font-size:14px;
color: #ffffff;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
font-style: normal;
font-weight:normal;
}
.formtext02
{
padding-left:10px;
padding-right:10px;
font-size:14px;
color: #ffffff;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
font-style: normal;
font-weight:normal;
}

.formtext03
{
padding-left:0px;
padding-right:0px;
font-size:14px;
color: #ffffff;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
font-style: normal;
font-weight:normal;
text-align : left;
}

.formtext04
{
padding-left:10px;
padding-right:0px;
font-size:14px;
color: #ffffff;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
font-style: normal;
font-weight:normal;
}

.formtext05
{
padding-left:10px;
padding-right:0px;
font-size:14px;
color: #ffffff;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
font-style: normal;
font-weight:normal;
}

.formtextarea
{
width:185px;
border:solid 1px  #000;
padding-left:1px;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
text-decoration:none;
font-size: 14px;
font-weight: normal;
}
.formtextarea {
font-size: 14px;
font-weight: normal;
}

.formtextarea02
{
width:130px;
border:solid 1px #000;
padding-left:1px;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
text-decoration:none;
font-size: 14px;
font-weight: normal;
}
.bestcode01
{
margin:0;
padding:0 0 0 10px;
width:70%;
}
.formtextarea03
{
 width:50px;
 border:solid 1px  #000;
  padding-left:1px;
 font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
text-decoration:none;
font-size: 14px;
font-weight: normal;
}
.formtextareacode {
  background-color:transparent;
  color:#ffffff;
  border:#000 solid 1px;
  font-size:20px;
  font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
  width:200px;
}

.selectthema
{
width:180px;
border: solid 1px #000;
padding-left:1px;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
text-decoration:none;
font-size: 14px;
font-weight: normal;
}

.select02
{
width:75px;
border: solid 1px #000;
padding-left:1px;
font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
text-decoration:none;
font-size: 14px;
font-weight: normal;
}
.select01
{
width:100%;
border: solid 1px #000;
padding-left:1px;
 font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
text-decoration:none;
font-size: 14px;
font-weight: normal;
}
.formtextareathema
{
 width:120px;
 border:solid 1px  #000;
 padding-left:1px;
 font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
text-decoration:none;
font-size: 14px;
font-weight: normal;
}
.formtextareacall
{
 width:25px;
 border:solid 0px  #000;
 padding-left:1px;
 font-family: Verdana,Arial,helvetica,sans-serif,Times New Roman;
text-decoration:none;
font-size: 14px;
font-weight: normal;
}

.error01
{
font-family : Verdana,helvetica,sans-serif;
font-size :14px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
text-align : left;
padding-left : 20px;
padding-right : 20px;
height : auto;
top : auto;
}


a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:underline; }



.img-no-border  { border: 0; }