/* Allgemeine Angaben: */

body {
background: #fff ;/*#fff url(images/bg.jpg) repeat;}*/
font-family : Trebuchet ms, MS Arial,  MS Verdana, sans-serif;
color: #999;font-size: 15px;line-height: 18px;
margin:0;}/*?*/

header, footer, section, aside, nav, article {display: block;}
#wrapper {
width: 980px;
margin: 0 auto;/*margin-top: 10px;margin-bottom: 10px;*/
border:1px solid #fff;/*#005A87;*/
/*-moz-box-shadow: 10px 10px 5px #999; /* Mozilla Firefox */
/*-webkit-box-shadow: 10px 10px 5px #999; /* Google Chrome */
}

/* Kopfbereich: */
header {width: 980px;height: 188px;margin: 0 auto;background: #fff;}/* url(images/bg.jpg) repeat;}/*background: #fff;}*/
#form {width: 980px;margin: 0 auto;padding-top: 25px;background: #fff;overflow: hidden;}

/* Navigationsmenue: */

/**/
nav {background: #6096ff;margin: 0 auto;width: 980px;height: 30px;display: block;}/*6699cc*/

nav .menudropdown ul {    list-style-type: none;    margin: 0;    padding: 5px 5px;    overflow: hidden;    background-color: #6096ff;}
nav .menudropdown li {    float: left;}
nav .menudropdown li a, .dropbtn {    display: inline-block;    color: white;    text-align: center;    padding: 2px 5px;    text-decoration: none;}
/*nav .menudropdown li a, .dropbtn a.active { color: #f3366; }/**/
nav .menudropdown li a:hover, .dropdown:hover .dropbtn {    background-color: gray;}/*#003366;*/
/*nav .menudropdown li a, .dropdown .dropbtn a.active { color: #f3366; }/**/

nav .menudropdown li.dropdown {    display: inline-block;}
nav .menudropdown .dropdown a.active a { color: #3366; }/**/
nav .menudropdown .dropdown-content {    display: none;    position: absolute;    background-color: #6096ff;    min-width: 100px;    box-shadow: 0 4px 2px -2px gray;}
nav .menudropdown .dropdown-content a {    color: white;    padding: 5px 5px;    text-decoration: none;    display: block;    text-align: left;}
nav .menudropdown .dropdown-content a:hover {background-color:  gray;}/*#003366;*/
nav .menudropdown .dropdown:hover .dropdown-content {    display: block;}
nav .menudropdown li.active a { color: #003366;} 
/*nav .menudropdown li.right a {float: right;}*/
/*nav .menudropdown li .right {float: right;}/*color: #ff00ff;}/**/
/*nav .menudropdown li.ractive {float: right;}
/*nav .menudropdown a.active { color: #f3366; }*/

table { color: #003366; }

#content {float: left;width: 940px;margin-left: 40px; float : left;}/*900 13.10.2016*/
div.columns {-moz-column-count:2; -webkit-column-count:2; column-count:2;      border:1px solid #005A87; padding:10px; font-size: 14px; color:  #003366;}
             /* Firefox */        /* Safari, Chrome */ /*Opera,IE,W3CStandard*/
a:link, a:visited {color:gray;}
a:hover, a:active {color: #003366;}
p {margin-bottom: 18px;color:#003366;}/*08.11.2016*/
li {padding-left: 2px;color: #003366;}

article {margin-bottom: 5px;color: #003366;}/*10*/

article img {border: none;-webkit-box-shadow: 3px 3px 7px #777;-moz-box-shadow: 3px 3px 7px #777;}
#content ul, ol, hr {margin-bottom: 24px; color: #005A87;}/*08.11.2016*/
#content p          {margin-bottom: 24px; color: #003366;}
#content a          {color: #003366;}/*08.11.2016*/
#content ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}
#content h1, h2, h3, h4 {color: #003366;margin: 0 0 20px 0;line-height: 1.0em;}
h1,h2 {font-weight: bold;clear: both;}
h4 {text-decoration:underline;}

h1 {font-size : 24px;font-weight : bold;margin: 0 0 20px 0;line-height: 1.0em;}
h2 {font-size : 18px;font-weight : bold;color : #005A87;margin: 0 0 20px 0;line-height: 1.2em;}
a2 {font-size : 18px;font-weight : bold;color : #005A87;margin: 0 0 20px 0;line-height: 1.2em;}

image .dropdown {    position: relative;    display: inline-block;}
image .dropdown-content {    display: none;    position: absolute;    background-color: #f9f9f9;    min-width: 160px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
image .dropdown:hover .dropdown-content {    display: block;}
image .desc {    padding: 15px;    text-align: center;}

/*<image class="dropdown">
 <img class="imgright" src="/a/img/LB/Event_MMP_PBX.JPG" alt="Grafik MM" width="220" height="58">
  <image class="dropdown-content">
    <img class="imgright" src="/a/img/LB/Event_MMP_PBX.JPG" alt="Grafik MM" width="330" height="87">
    <image class="desc">Beautiful Trolltunga, Norway</image>
  </image>
</image>*/

.imgleft {float : left;border : 0;margin : 0px 20px 0px 10px;padding : 5px;}
.imgleft1 {float : left;border : 1px solid #005A87;margin : 5px 10px 10px 15px;padding : 5px;}
.imgright {float : right;border : 1px solid #005A87;margin : 5px 10px 10px 15px;padding : 5px;}
.imgright1 {float : right;border : 0;margin : 2px 10px 10px 15px;padding : 1px;}
.imgright10 {float : right;border : 0;margin : 2px 10px 10px 10px;padding : 1px;}
.imgright0 {float : right;border : 0;margin : 1px 1px 1px 1px;padding : 5px;}
.frameit {border: 15px #ccc solid;margin-right: 15px;-moz-border-radius: 10px;	-webkit-border-radius: 10px;}
	/* curved border radius */
	
/* Fussbereich: */
footer {color: #fff;width: 980px;margin: 0 auto;clear: both;}
#footer-area {background: #6096ff;color: #fff;font-size: 90%;padding: 10px 0;overflow: hidden;}
.footer-segment {float: left;margin-right: 10px;margin-left: 45px;width: 180px;}
footer .footer-segment a.active {color: #003366;}
footer aside h4 {color: #fff;font-size: 14px;text-transform : uppercase;line-height: 1.1em;}
footer p {margin-top: -10px;}

footer a:link, a:visited {color:#fff; text-decoration: none;}/*#fff;*/
footer a:hover, a:active {color: #003366;}