@charset "utf-8";
/* Philipp Michaelis - CSS Document */

body { margin: 0px; background-image: url(body-bg.gif); background-repeat: repeat-x; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7a7a7a; width: 100%; height: 100%;}
p { margin: 0px; padding: 0px;}

/* LINKS */
a { outline: none; outline-style: none; border: none; }
a:focus { outline-style: none;}
a:hover, a:active { outline-style: none;}

/* HTML 5 ELEMENTS */
header, nav, article, footer, address {  display: block;  }
header { padding-top: 13px; padding-bottom: 26px;}
article > hgroup { position: relative; float: left; display: block; width: 930px; margin: 0px; cursor: pointer; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; padding-top: 11px; padding-right: 15px; padding-bottom: 11px; padding-left: 15px; }
article hgroup .active { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
figure { margin-bottom: 30px;}
figcaption { padding-top: 5px; font-size: 11px; color: #adadad;}

#full { position: absolute; width: 100%; height: 100%; background-color: #000; z-index: 100;}

/* HEADER */
header h1 { position: realtive; float: left; display: inline; font-size: 10px; color: #fff; background-color: #929292; text-transform: uppercase; font-weight: bold; margin: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
header h1 a { text-decoration: none; color: #fff;}
header .info { position: realtive; float: left; display: inline; font-size: 10px; color: #fff; background-color: #b7b7b7; text-transform: uppercase; font-weight: bold; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; margin-left: 2px; cursor: pointer; z-index: 100;}
header .active { background-color: #5c5c5c;}

/* NAVI */
#navi { position: relative; float: right; display: inline; margin: 0px;}
#navi ul.rex-navi1 { position: relative; float: left; display: inline; margin: 0px; padding: 0px;}
#navi ul.rex-navi1 li { position: relative; float: left; display: inline; font-size: 10px; color: #d1d1d1; text-transform: uppercase; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; margin-left: 2px;}
#navi ul.rex-navi1 li a{ color: #b7b7b7; text-decoration: none;}
#navi ul.rex-navi1 li a.rex-current { color: #929292;}

/* INFO BOX */
footer {}
footer #nav {  margin-top: 21px; padding-bottom: 26px;}
footer h1 { position: realtive; float: left; display: inline; font-size: 10px; color: #fff; background-color: #929292; text-transform: uppercase; font-weight: bold; margin: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
footer .info { position: absolute; float: left; display: inline; font-size: 10px; color: #fff; background-color: #b7b7b7; text-transform: uppercase; font-weight: bold; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; margin-left: 2px; cursor: pointer !important; z-index: 100 !important;}
footer .active { background-color: #5c5c5c;}
footer article { padding-top: 39px; padding-bottom: 0px;}
footer article > hgroup > h2 { color: #fff;}

/* ARROW */
.accordion { position: relative; float: left; width: 100%;}
article > .arrow { position: absolute; display: block; right: 15px; top: 0px; margin-top: -5px; width: 17px; height: 10px; background-image: url(arrow.png); background-repeat: no-repeat; background-position: right center; -webkit-transition:  all 0.2s ease-in-out; -moz-transition:  all 0.2s ease-in-out; -o-transition:  all 0.2s ease-in-out; -ms-transition:  all 0.2s ease-in-out; transition:  all 0.2s ease-in-out; display: none;}
article hgroup.active {}
article > .arrow.active { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); display: block !important; right: 15px; top: 32px;}

/* HEADLINES */
h1 {}
h2 { position: relative; float: left; display: inline; margin: 0px; padding: 0px; font-size: 35px; font-weight: normal; color: #1a1a1a;}
article > hgroup > h2 { padding-left: 0px; margin-left: -4px; }
h3 { position: relative; float: left; display: inline; margin: 0px; padding: 0px; font-size: 14px; font-weight: normal; color: #787878;}
article > hgroup > h3 { padding-left: 10px; padding-top: 20px;}
h4 { font-weight: normal; color: #4c4c4c; font-size: 14px; margin-top: -3px; padding-top: 0px; margin-bottom: 15px;}

/* CONTENT */
article { position: relative; width: 100%;}
.content { position: relative; float: left; width: 100%; padding-top: 30px; }
.wysiwyg h3 { float: left; width: 100%; margin-bottom: 10px; color: #2b2b2b;}
.wysiwyg a { color: #454545; text-decoration: none;}
.wysiwyg a:hover { color: #454545; text-decoration: underline;}
.wysiwyg p{ margin-bottom: 15px;}
.wysiwyg ul { font-size: 11px; margin-left: 0px; margin-top: 20px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; color: #adadad; border-top-width: 1px; border-top-style: solid; border-top-color: #e5e5e5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; }
.wysiwyg ul li { margin-left: 0px; list-style-type: none;}

/* FIGURES */
.grid_3 figure { margin-bottom: 19px;}

/* ARTIKEL */
.accordion-2 { position: relative; float: left; width: 100%;}
.accordion-2 hgroup{ cursor: auto;}
.accordion-2 .content { visibility: visible; display: block !important; padding-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5;}


/* FOOTER */
footer #nav{ display: none;}
footer { position: relative; float: left; width: 100%; padding-bottom: 60px; background-color: #000; opacity: 0.9;}
footer h1 a { text-decoration: none; color: #fff;}
footer article hgroup { cursor: default; margin-bottom: 30px;}
footer .content{ position: relative; display: block; background-color: #000; opacity: 0.9; }
footer .grid_12 { padding-top: 30px; }
footer .wysiwyg h3 { position: relative; float: left; width: 100%; font-size: 16px; color: #fff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2e2e2e; padding-bottom: 8px; margin-bottom: 15px; }
footer .wysiwyg { color: #c9c9c9; }
footer .wysiwyg a { text-decoration: underline; color: #c9c9c9;}
footer .wysiwyg a:hover { text-decoration: underline; color: #c9c9c9;}
footer .wysiwyg ul { font-size: 12px; color: #c9c9c9; padding: 0px; border: none; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; }