/* 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_all.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 : bold;
	color : #7ac1e4;
	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:230px;
}

#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;
}      
*/

#fshp {
 display: none;
}

#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: #086ab4;
	width: 929px;
	overflow:auto;
	vertical-align:top;
  text-align:center;
/*	background-image:url(../images/bg_streifen.gif); */
	float: left;
}

#text2 ul {
  padding-left:342px;
  padding-right:20px;
  text-align:left;
}

#text2 ul li {
  padding-left:12px;
  padding-right:20px;
  text-align:left;
}

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

#text img{
	padding-right: 10px;
	vertical-align: middle;
	border:none;
}

#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;
}

.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;
}

img {
	vertical-align: middle;
	border:none;
}


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; }


/* CSS Document Kontaktformular */

#adresse-li {
    position:absolute; 
    left: 200px; 
    top: 95px;
    width: 125px;
    height: 120px;
    border: none; 
}

#adresse-li-input {
    position:absolute; 
    left: 315px; 
    top: 100px;
    width: 220px;
    height: 120px;
    border: none; 
}



#adresse-re {
    position:absolute; 
    left: 570px; 
    top: 95px;
    width: 125px;
    height: 120px;
    border: none; 
}

#adresse-re-input {
    position:absolute; 
    left: 680px; 
    top: 100px;
    width: 220px;
    height: 120px;
    border: none; 
}

#information {
    position:absolute; 
    left: 200px; 
    top: 210px;
    width: 500px;
    height: 70px;
    border: none; 
}

#interessen {
    position:absolute; 
    left: 200px; 
    top: 270px;
    width: 500px;
    height: 70px;
    border: none; 
}

#rueckruf {
    position:absolute; 
    left: 200px; 
    top: 310px;
    width: 900px;
    height: 70px;
    border: none; 
}

#code-text {
    position:absolute; 
    left: 200px; 
    top: 390px;
    width: 900px;
    height: 30px;
    border: none; 
}

#code-feld {
    position:absolute; 
    left: 420px; 
    top: 415px;
    width: 20px;
    height: 30px;
    border: none; 
}


#linie  {
    position:absolute; 
    left: 215px; 
    top: 370px; 
    width:660px; 
    border: 1px solid #ffffff;
}

#abschicken  {
    position:absolute; 
    left: 640px; 
    top: 451px; 
    width:660px;
    height: 100px; 
    border: none;
}

#anderer-code {
    position:absolute; 
    left: 640px; 
    top: 420px;
    width: 80px;
    height: 30px;
    border: none;   
}

p     {
    color:#FFFFFF;
    font-family:Verdana;
    font-size:14px;
    font-style:normal;
    font-weight:normal;
    padding-left:5px;
    padding-right:0;
    line-height: 1.5;
}

.bold     {
    color:#FFFFFF;
    font-family:Verdana;
    font-size:14px;
    font-style:normal;
    font-weight:normal;
    padding-left:5px;
    padding-right:0;
    line-height: 1.5;
}