@media screen and (max-width:1366px) {
#wrapper {
width : 1366px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 310px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-image : url(header-1.png);
background-repeat : no-repeat;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : 300;
font-size : 1em;
color : #ffffff;
border-radius: 5px 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 15px 44px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav ul {
margin-left : -45px;
height : auto;
width : 100%;

}
#unternav ul li {
float : left;
margin-top : -13px;
text-align : center;
width : auto;
height : auto;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
}
#unternav li {
display : inline-block;
padding : 3px 9px;
background-color : white;
margin-left : 5px;
}
#unternav li a {
color : black;
font-size : 1em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
font-size : 1em;
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 1em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
color : black;
line-height : 1.5em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 1em;
color : blue;
text-decoration : underline;
display : block;
width : 70%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 125px;
height : 125px;
float : left;
margin-right : 40px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 160px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 160px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 3em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 1.5em;
color : black;
margin-left : 10px;
margin-top : -40px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 2em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.3em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.7em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 50%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 0.8em;
float: right;
text-align: right;
margin-top : 10px;
}
}
@media screen and (max-width:1280px) {
#wrapper {
width : 1260px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 310px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-image : url(header-1.png);
background-repeat : no-repeat;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : 300;
font-size : 1em;
color : #ffffff;
border-radius: 5px 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 15px 40px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav ul {
margin-left : -45px;
height : auto;
width : 100%;

}
#unternav ul li {
float : left;
margin-top : -13px;
text-align : center;
width : auto;
height : auto;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
}
#unternav li {
display : inline-block;
padding : 3px 9px;
background-color : white;
margin-left : 5px;
}
#unternav li a {
color : black;
font-size : 1em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
font-size : 1em;
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 1em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
color : black;
line-height : 1.5em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 1em;
color : blue;
text-decoration : underline;
display : block;
width : 70%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 125px;
height : 125px;
float : left;
margin-right : 40px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 160px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 160px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 3em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 1.5em;
color : black;
margin-left : 10px;
margin-top : -40px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 2em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.3em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.7em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 50%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 0.8em;
float: right;
text-align: right;
margin-top : 10px;
}

}
@media screen and (max-width:1024px) {
#wrapper {
width : 1000px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 260px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-image : url(header-1.png);
background-repeat : no-repeat;
background-size: 110%;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : lighter;
font-size : 1em;
color : #ffffff;
border-radius: 5p0.95 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 13px 24px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav li a {
color : black;
font-size : 0.9em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 0.9em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
color : black;
line-height : 1.5em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 1em;
color : blue;
text-decoration : underline;
display : block;
width : 70%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 125px;
height : 125px;
float : left;
margin-right : 40px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 160px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 160px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 2.3em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 1.3em;
color : black;
margin-left : 10px;
margin-top : -30px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 2em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.3em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.7em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 50%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 0.8em;
float: right;
text-align: right;
margin-top : 10px;
}
}
@media screen and (max-width:980px) {
#wrapper {
width : 950px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 260px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-image : url(header-1.png);
background-repeat : no-repeat;
background-size: 110%;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : lighter;
font-size : 1em;
color : #ffffff;
border-radius: 5p0.95 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 13px 18px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav li a {
color : black;
font-size : 0.9em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 0.9em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
color : black;
line-height : 1.5em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 1em;
color : blue;
text-decoration : underline;
display : block;
width : 80%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 110px;
height : 110px;
float : left;
margin-right : 40px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 160px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 160px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 2.3em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 1.3em;
color : black;
margin-left : 10px;
margin-top : -30px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 2em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.3em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.7em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 50%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 0.8em;
float: right;
text-align: right;
margin-top : 10px;
}
}
@media screen and (max-width:800px) {
#wrapper {
width : 780px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 200px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-image : url(header-1.png);
background-repeat : no-repeat;
background-size: 110%;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : lighter;
font-size : 0.93em;
color : #ffffff;
border-radius: 5px9 5px 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 9px 18px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav li a {
color : black;
font-size : 0.7em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 0.7em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 0.9em;
color : black;
line-height : 1.3em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 0.9em;
color : blue;
text-decoration : underline;
display : block;
width : 80%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 90px;
height : 90px;
float : left;
margin-right : 40px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 0px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 130px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 2em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 1em;
color : black;
margin-left : 10px;
margin-top : -30px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 1.8em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.2em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.7em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 50%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 0.6em;
float: right;
text-align: right;
margin-top : 10px;
}
}
@media screen and (max-width:768px) {
#wrapper {
width : 750px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 195px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-image : url(header-1.png);
background-repeat : no-repeat;
background-size: 110%;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : lighter;
font-size : 0.94em;
color : #ffffff;
border-radius: 5px 95px 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 10px 15px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav li a {
color : black;
font-size : 0.7em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 0.7em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 0.9em;
color : black;
line-height : 1.3em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 0.9em;
color : blue;
text-decoration : underline;
display : block;
width : 80%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 90px;
height : 90px;
float : left;
margin-right : 40px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 0px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 130px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 2em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 1em;
color : black;
margin-left : 10px;
margin-top : -30px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 1.8em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.2em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.7em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 50%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 0.6em;
float: right;
text-align: right;
margin-top : 10px;
}
}
@media screen and (max-width:736px) {
#wrapper {
width : 720px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 195px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-image : url(header-1.png);
background-repeat : no-repeat;
background-size: 110%;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : lighter;
font-size : 0.97em;
color : #ffffff;
border-radius: 5p0.95 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 10px 15px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav {
margin-top: -15px;
}
#unternav li a {
color : black;
font-size : 0.7em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 0.7em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav ul li{
margin-top: 5px;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 0.9em;
color : black;
line-height : 1.3em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 0.9em;
color : blue;
text-decoration : underline;
display : block;
width : 90%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 90px;
height : 90px;
float : left;
margin-right : 40px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 0px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 130px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 2em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size : 0.9em;
color : black;
margin-left : 10px;
margin-top : -30px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 1.8em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.2em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.7em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 60%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 9px;
float: right;
text-align: right;
margin-top : 10px;
}
}
@media screen and (max-width:667px) {
#wrapper {
width : 647px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 170px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-image : url(header-1.png);
background-repeat : no-repeat;
background-size: 110%;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : 300;
font-size : 0.94em;
color : #ffffff;
border-radius: 5p0.95 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 10px 15px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav {
margin-top: -15px;
}
#unternav li a {
color : black;
font-size : 0.7em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 0.7em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav ul li{
margin-top: 5px;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 0.9em;
color : black;
line-height : 1.3em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 0.9em;
color : blue;
text-decoration : underline;
display : block;
width : 96%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 90px;
height : 90px;
float : left;
margin-right : 40px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 0px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 130px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 2em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size : 0.9em;
color : black;
margin-left : 10px;
margin-top : -30px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.2em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.3em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 60%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 9px;
float: right;
text-align: right;
margin-top : 10px;
}
}
@media screen and (max-width:640px) {
#wrapper {
width : 630px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 150px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-size: 0%;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : 300;
font-size : 0.94em;
color : #ffffff;
border-radius: 5p0.95 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 12px 12px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav {
margin-top: -15px;
}
#unternav li a {
color : black;
font-size : 0.6em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 0.6em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav ul li{
margin-top: 5px;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 0.9em;
color : black;
line-height : 1.3em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 0.9em;
color : blue;
text-decoration : underline;
display : block;
width : 96%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 75px;
height : 75px;
float : left;
margin-right : 20px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 0px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 90px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 2em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 1em;
color : black;
margin-left : 10px;
margin-top : -30px;
line-height : 1.1em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.1em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.3em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 70%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 9px;
float: right;
text-align: right;
margin-top : 10px;
}
}
@media screen and (max-width:600px) {
#wrapper {
width : 590px;
background-color : white;
height : auto;
margin : 0 auto;
}
#header {
width : 100%;
height : 165px;
background-color : white;
float : left;
margin-top : 0;
margin-bottom : 0;
background-size: 0%;
}
#cssmenu {
width : auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
padding : 0;
margin : 0;
height : auto;
line-height : 1;
font-family : 'Lato', sans-serif;
font-weight : 300;
font-size : 0.9em;
color : #ffffff;
border-radius: 5p0.95 5px 5px 5px;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content : "";
display : table;
}
#cssmenu:after, #cssmenu > ul:after {
clear : both;
}
#cssmenu ul {
background : #3b5998;
border : #2b4479 solid 1px;
border : #2d4373 solid 1px;
}
#cssmenu ul > li {
float : left;
list-style : none;
}
#cssmenu ul > li > a {
display : block;
text-decoration : none;
padding : 12px 12px;
position : relative;
}
#cssmenu ul > li > a:hover {
background : #2d4373;
color : orange;
transition: 0.6;
}
#cssmenu ul > li > a:hover:before {
content : "";
z-index : 2;
position : absolute;
border-left : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-right : 0;
width : 100%;
height : 100%;
top : 0;
left : -1px;
transition: 0.6;
}
#cssmenu ul > li > a:hover:after {
content : "";
z-index : 2;
position : absolute;
border-right : grey solid 1px;
border-top : 0;
border-bottom : 0;
border-left : 0;
width : 100%;
height : 100%;
top : 0;
right : -1px;
transition: 0.6;
}
#cssmenu > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul {
width : 200px;
position : absolute;
}
#cssmenu > ul > li > ul > li {
float : none;
position : relative;
}
#cssmenu > ul > li > ul > li > ul {
visibility : hidden;
position : absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
visibility : visible;
position : absolute;
transition: 0.6;
}
#cssmenu > ul > li > ul > li > ul {
left : 200px;
top : 1px;
width : 200px;
}
#cssmenu > ul > li > ul > li > ul > li {
float : none;
}
#unternav {
margin-top: -15px;
}
#unternav li a {
color : black;
font-size : 0.6em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav li:hover {
border : black solid 1px;
background-color: lightgrey;
border: 1px solid black;
transition: 0.5;
}
#unternav li a:hover {
color : black;
font-size : 0.6em;
text-decoration : none;
font-family : 'Lato', sans-serif;
font-weight : 300;
}
#unternav ul li{
margin-top: 5px;
}
#sidebar {
float : left;
width : 33%;
height : auto;
padding-left : 15px;
background-color : white;
clear : both;
box-sizing: border-box;
}
#sidebar p {
font-family: 'Roboto', sans-serif;
font-size : 0.9em;
color : black;
line-height : 1.3em;
font-weight : 300;
padding-left : 10px;
}
#sidebar a {
font-size : 0.9em;
color : blue;
text-decoration : underline;
display : block;
width : 96%;
height : auto;
margin-top: -11px;
padding :2px;
border: 1px solid lightgrey;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;

}
#sidebar a:hover {
color : black;
text-decoration : none;
font-weight : 300;
border : black solid 1px;
background-color: lightgray;
transition: 0.2;
}
#mainContent {
width : 66%;
height : auto;
float : right;
padding-left: 15px;
padding-right: 30px;
margin-top: 0px;
text-align : justify;
box-sizing: border-box;
background-color: white;
}
#mainContent p {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
text-align : justify;
}
#mainContent img {
width : 75px;
height : 75px;
float : left;
margin-right : 20px;
box-shadow: 3px -3px 6px grey;
border-radius: 5%;
}
#mainContent ul li {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
line-height : 1.6em;
margin-left : 0px;
list-style-type : disc;
}
#mainContent > h5 {
margin-left : 90px;
}
#mainContent a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : black;
text-decoration : none;
margin-top : 0;
}
#mainContent a:hover {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
color : orange;
text-decoration : none;
margin-bottom : 30px;
}
#mainContent p > a {
font-family: 'Roboto', sans-serif;
font-size : 1em;
font-weight : 300;
line-height : 1.6em;
}
#mainContent p > a:hover {
color : orange;
font-size : 1em;
font-weight : 300;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 2em;
color : #3b5998;
font-weight : 700;
margin-left : 10px;
margin-top : 30px;
line-height : 1.6em;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size : 0.8em;
color : black;
margin-left : 10px;
margin-top : -30px;
line-height : 1.1em;

margin-left : 10px;
margin-top : -30px;
line-height : 1.6em;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
color : #3b5998;
font-weight : 300;
margin-top : 10px;
font-weight: normal;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size : 1.4em;
font-weight : bold;
color : black;
margin-top : 60px;
}
#sidebar h4 {
color: darkblue;
font-size: 1.1em;
font-weight: 400;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size : 1.3em;
color : black;
font-weight : 500;
margin-top : 0;
}
h6 {
font-family : 'Lato', sans-serif;
font-size : 30px;
color : #3b5998;
font-weight : 700;
margin-top : -30px;
margin-left : 10px;
}
hr {
border : none;
border-top : 1px dotted black;
background-color : #FFFFFF;
height : 1px;
}
#mainContent .fancybox img {
width : 109px;
height : 76px;
margin-top : 15px;
border-radius: 5%;
}
#footer {
width : 70%;
height : 30px;
float : left;
background-color : white;
font-family : sans-serif;
color : black;
font-size : 9px;
float: right;
text-align: right;
margin-top : 10px;
}
}