body {
padding : 0;
font: 12px Verdana, Tahoma, Geneva, Arial, sans-serif;
line-height : 1.7em;
margin:0px; width:auto;

background: #99bacc; /* Old browsers */
background: -moz-linear-gradient(left,  #99bacc 0%, #ffffff 30%, #ffffff 70%, #99bacc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #99bacc 0%,#ffffff 30%,#ffffff 70%,#99bacc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #99bacc 0%,#ffffff 30%,#ffffff 70%,#99bacc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bacc', endColorstr='#99bacc',GradientType=1 ); /* IE6-9 */

}

h1 {
color: #003463;
line-height : 1.9em;
text-shadow: #7d858e 3px 2px 4px;
}

h2 {
color: #003463;
line-height : 1.9em;
text-shadow: #7d858e 3px 2px 4px;
margin-bottom: -1px;
}

h3 {
color: #003463;
line-height : 1.9em;
text-shadow: #7d858e 3px 2px 4px;
}

h4 {
color: #003463;
vertical-align: 40px;
text-shadow: #7d858e 3px 2px 4px;
}

h3.banner {
color: white;
background-color: #304060;
height: 20px;
text-align: center;
line-height : 1.9em;
}

h3.nav2{
margin: -44px 0px 15px 65px;
}

h3.nav3{
margin: 6px 0px 10px 0px
}

#con_nav {
margin : 25px auto;
width : 282px;
height: 85px;
float: left;
margin-left:64px;
text-align: center;
color: black;
}
#con_nav_text {
background : url(bilder/button-gelb.gif) no-repeat;
background-position:0px 0px;
background-size: cover;
background-size: contain;
height: 32px;
padding:3px;
letter-spacing: 0.1em;
text-shadow: #AC9800 1px 2px 5px;
font: 22px Arial, sans-serif;
color: #003463;

}
#con_nav_info {
height: 42px;
color: #666666;
text-align: left;
padding:12px;
font: 11px Verdana, Tahoma, Geneva, Arial, sans-serif;
font-weight: 400;
}

#container {
margin : 4px auto;
width : 980px;
}

#header {
background : transparent;
padding : 0px 5px 20px 5px;
text-align : left;
margin: 0px auto 0;
width: 980px;
height: 71px;
}

#frame_top {
float: left;
width: 980px;
height: 85px;
text-align: center;
background: #003463;
clear: left;
color: white;
z-index: 10;
margin : 0 6px 5px 0;
background-position : center;
}
#frame_topindex {
float: left;
width: 980px;
height: 435px;
text-align: center;
background: #003463;
clear: left;
color: white;
z-index: 10;
margin : 0 6px 5px 0;
background-position : center;
}
#master    {
float:left;
background : transparent;
padding : 15px 15px 15px 15px;
text-align : left;
margin: 0 0 60px 0;
width: 690px;
}

#balken {
float:left;
width:220px;
background : transparent;
font-family: Arial;
margin-left: 40px;
margin-top : 20px;
}

#frame_bottom {
position:fixed;
padding-left: 10px;
bottom: 0px;
width: 100%;
height: 50px;
text-align: left;
color: white;
font-size: smaller;
background: #003366;
}


a {
text-decoration: none;
font-weight: bold;
color: #003463;
}

a:hover   {
text-decoration: underline;
color: #003463;
}

a.nav      {
display : block;
height : 90px;
width: auto;
color: #DDD;
font: normal 20px Verdana, Tahoma, Geneva, sans-serif;
padding: 12px 25px 0px 15px ;
text-decoration: none;
text-align: center;
display: inline-block;
}

nav ul {
    text-align: center;
    margin-left: -10px;
    padding: 10px 12px 0px 12px ;
    /* weitere Angaben */
}

nav ul li:hover ul,
nav ul a:focus ~ ul {
  font: inherit;
  z-index: auto;
  /*  Unternavigation einblenden */
}

a.nav:hover   {
background-color: #DDD;
color: #003463;
}

nav > ul {
  margin: 0;
  padding: 0;
}

nav li {
 display: inline-block;
  list-style: none;
  font-size: 1.5em;
  position: relative;
}

nav ul ul {
  position: absolute;
  top: -0.6em;
  left: -10px;
  top:20px;
  font: 0/0 serif;
  /* Unternavigation ausblenden */
  z-index: -1;
  transition: font 0.5s;
}

nav ul li:hover ul,
nav ul a:focus ~ ul {
  font: inherit;
  z-index: 1000;
  /*  Unternavigation einblenden */
}

@media (min-width: 45em) {
  nav > ul {
    flex-direction: row;
  }
  nav li {
     display: inline-block;
    flex: 1;
    font-size: 1em;
  }
}

nav a {
  display: block;
  padding: 0.4em;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  color: white;
}

nav li[aria-current] a {
  background-color: firebrick;
  color: gold;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
  color: darkblue;
  background-color: gold;
}

nav .submenu {
  visibility: hidden;
  height: 0;
  z-index: 1000;
}
nav .submenu li {
  display: block;
  width: 130px;
  background-color: orange;
}
/**     Show the submenu on hover, focus     **/
nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu,
nav li:focus-within .submenu {
  visibility: visible;
  height: auto;
}


a.nav1      {
width: auto;
color: white;
font-size: 14px;
font-weight: 200;
padding: 0px 10px 0px 10px ;
text-decoration: none;
text-align: center;
display: inline-block;
}

.nav1:hover{
color: yellow;
}

a.link_big {
color: black;
font-size: 22px;
}

a.text_link {
color: black;
font-size: 12px;
display: inline-block;
}

li {
margin: 5px 0px 0px 15px;
font-weight: bold;
}

li.txt {
font-weight: 100;
}


#nav_left {
display : block;
width : 204px;
height :121px;
margin: 10px 0 0 15px;
}

#content   {
width: 700px;
color: #888888;
float: left;
}

#content_R {
width: 280px;
color: #888888;
border: 1px solid #FFF000;
}

#titel     {
position: absolute;
margin: -61px auto auto 400px;
width: 550px;
color: yellow ;
font-size: 29px;
font-weight: bold;
border: 0px solid #FFF000;
}
#info1      {
float: left;
margin-top: 20px;
margin-left: 0px;
background : url(pic/finger.gif) no-repeat;
padding-right : 0;
padding-left : 70px;
width: 250px;
}

#info2    {
float: left;
margin-top: 20px;
margin-left: 20px;
background : url(pic/finger.gif) no-repeat;
padding-right : 0;
padding-left : 70px;
width: 250px;
}

#info3    {
float: left;
margin-top: 0px;
margin-left: 0px;
background : url(pic/finger.gif) no-repeat;
padding-right : 0;
padding-left : 70px;
width: 640px;
}

#info4    {

background : url(bilder/haken.gif) no-repeat;
background-position:10px 17px;
padding-right : 0;
padding-left : 70px;
}

#space    {
float: left;
margin-top: 0px;
margin-left: 0px;
padding-right : 0;
padding-left : 70px;
width: 640px;
height:40px;
}

.in_  {
margin-bottom: 1px;
padding: 2px;
padding-left: 4px;
border: 1px solid #dcd9d9;
background-color: #ebebeb;
width: 120px;
height: 15px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


.top {
top: 0;
left: 0;
}

.bottom {
bottom: 0;
left: 0;
}

ul {
list-style-type: none;
}


ul.datenschutz li {
font-weight: 100;
}

#paket_box{
height: 100px;margin: auto;
font-size: 35px;
font-weight:100;
color: #FFF;text-align: center;padding-top: 1px;
background: rgb(0,51,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,51,102,1) 0%, rgba(112,171,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,51,102,1) 0%,rgba(112,171,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,51,102,1) 0%,rgba(112,171,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#70abcc',GradientType=0 ); /* IE6-9 */
}

#paket_box_green{
height: 100px;margin: auto;
font-size: 35px;
font-weight:100;
color: #FFF;text-align: center;padding-top: 1px;
background: linear-gradient(to bottom, green, #00CC00);
}

.PButton {
    margin-top: 5px;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:linear-gradient(to bottom, #68c23e 5%, #477033 100%);
	background-color:#68c23e;
	border:1px solid #3ca607;
    border-radius:9px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 45px;
	text-decoration:none;
}
.PButton:hover {
	background:linear-gradient(to bottom, #477033 5%, #68c23e 100%);
	background-color:#477033;
    color: yellow;
}
.PButton:active {
	position:relative;
	top:1px;
}

 .phr{  position: relative;
      height: 0px;
      color:white;
      border: 0px;
      border-top: 1px solid #777;
      width: 165px;
      margin-left: auto;
 }
 .pac{
     width: 184px;
     border: 1px solid;
     background:white;
 }

 .ppreis{
     margin-top:11px;
     margin-left:6px;
     font-size: 32px;
     font-weight:800;
     color: #468 ;
     text-align: center;
 }

 .field{
   margin-top:11px; 
 }