/* HTML5 DISPLAY DEFINITIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%;}
form { margin: 0; }
input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input { line-height: normal; }
input[type="submit"] { cursor: pointer; }
input::-moz-focus-inner { border: 0; padding: 0; }
a {display:block; text-decoration:none; color:#000; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
*:focus  { outline: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.hidden { display: none !important; visibility: hidden; }
.invisible { display: none; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* font */
@font-face{
    font-family: 'Fira Sans';
    src: url('fira/eot/FiraSans-Light.eot');
    src: local('Fira Sans Light'),
         url('fira/eot/FiraSans-Light.eot') format('embedded-opentype'),
         url('fira/woff/FiraSans-Light.woff') format('woff'),
         url('fira/ttf/FiraSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: 'Fira Sans';
    src: url('fira/eot/FiraSans-LightItalic.eot');
    src: local('Fira Sans Light Italic'),
         url('fira/eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
         url('fira/woff/FiraSans-LightItalic.woff') format('woff'),
         url('fira/ttf/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face{
    font-family: 'Fira Sans';
    src: url('fira/eot/FiraSans-Regular.eot');
    src: local('Fira Sans Regular'),
         url('fira/eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('fira/woff/FiraSans-Regular.woff') format('woff'),
         url('fira/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira/eot/FiraSans-RegularItalic.eot');
    src: local('Fira Sans Regular Italic'),
         url('fira/eot/FiraSans-RegularItalic.eot') format('embedded-opentype'),
         url('fira/woff/FiraSans-RegularItalic.woff') format('woff'),
         url('fira/ttf/FiraSans-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* allgemein */
html {}
body { font-family:'Fira Sans', Helvetica, Arial, Verdana, sans-serif; color:#000; font-weight:300; font-size:14px; line-height:22px; letter-spacing:0.1px;}
* { margin:0; padding:0; border:0; }
.clear {clear:both;}
.invisible {display:none}
h1, h2, h3, h4, h5 {font-size:15px; font-weight:400;}
b, strong {font-weight:400;}
.wrapper {position:relative; max-width:980px; margin:auto; }

header {position:relative; width:100%; min-height:150px; line-height:13px; top:0; }
.logo, header h1 {position:absolute; font-weight:400; font-size:22px; top:70px;letter-spacing:0.5px;}
.top_logo {position:fixed; top:65px; z-index:10;}
header .logo {display:none;}
header h1 {font-weight:300; left:280px; text-transform:uppercase;}
.mod_changelanguage {position:absolute; right:40px; top:71px; font-size:14px;}
.facebook {position:absolute; right:0px; top:57px; display:block; height:26px; width:26px; background: url(../images/facebook.jpg) no-repeat; }
.facebook:hover {background-position: 0 -26px;}

.left {position:fixed; width:280px; top:145px; float:left; }
.btn_navbar {position:absolute; right:0; top:0px; background:url(../images/nav_button.jpg) no-repeat; width:48px; height:34px; cursor:pointer; border-left:1px solid #000;}
.spacer_34 {position:relative; height:34px;width:100%; display:none; border-bottom:1px solid #000;}
.left .mod_navigation {letter-spacing:0.5px;}
.left .mod_navigation li a { padding-left:63px;}
.left .mod_navigation ul.level_1 li { line-height:25px; margin-bottom:5px; font-size:15px; line-height:36px; font-weight:400;}
.left .mod_navigation li a:hover {background:url(../images/nav_back.gif) no-repeat left 1px;}
.left .mod_navigation li.active .active {display:block; background:url(../images/nav_back.gif) no-repeat left 1px; padding-left:63px;}
.left .mod_navigation li.trail .trail {padding-left:63px;}
.left .mod_navigation ul.level_1 li .level_2 {margin:5px 0 15px 0; letter-spacing:0.1px; display:none;}
.left .mod_navigation ul.level_1 li.active .level_2, .left .mod_navigation ul.level_1 li.trail .level_2 {display:block;}
.left .mod_navigation ul.level_1 li .level_2 li { font-size:14px; line-height:20px;font-weight:300; }
.left .mod_navigation li.active .level_2 a:hover, .left .mod_navigation li.trail .level_2 a:hover, .left .mod_navigation .level_2 li.active .active {background:url(../images/nav_back.gif) no-repeat left -7px;}

.main {position:relative; width:700px; float:right; }
.listen {margin-top:-10px;}
.main h1 {margin-bottom:15px;}
.main h2 {font-size:15px; line-height:25px;}
.main .ce_text a:hover, .main .listen a:hover {text-decoration:underline;}
.main .line {width:100%; height:1px; border-top:1px solid #000; margin:30px 0;}

/* start + list */
.main .image_links {position:relative; width:105%;  margin-left:-4.5%;} 
.main .image_links .ce_image {position:relative; display:inline-block; width:20%; height:auto; margin-left:4.55%; margin-bottom:4.55%;}
.main .image_links .ce_image a .a_title {position:absolute; top:0; left:0; width:100%; height:63%; text-align:center; padding-top:40%; background:#fff; -moz-opacity: 0; opacity: 0; filter:alpha(opacity=0); font-weight:400; font-size:14px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.main .image_links .ce_image a:hover .a_title {-moz-opacity: 0.8; opacity: 0.8; filter:alpha(opacity=80); text-decoration:none;}

.main img {width:100%; height:auto;}
.image_container img {margin-bottom:32px;}
.image_container figcaption {margin:-22px 0 22px 0; width:100% !important;}

/* newsletter */
.mod_subscribe, .mod_unsubscribe {margin:10px 0 20px;}
.mod_subscribe input, .mod_unsubscribe input {font-size:14px; font-family:'Fira Sans', Helvetica, Arial, Verdana, sans-serif; color:#000; font-weight:300}
.mod_subscribe input.text, .mod_unsubscribe input.text {width:200px;line-height:25px; height:25px; padding:0 4px;margin-top:3px; display:block; border:1px solid #ccc;}
.mod_subscribe input.submit, .mod_unsubscribe input.submit {line-height:25px; height:25px; padding:0 10px; margin-top:10px; color:#000; background:#e2e2e2;}
.mod_subscribe input.submit:hover, .mod_unsubscribe input.submit:hover {background:#000;color:#fff;}

/* list */
.list {border-bottom:1px solid #000; padding:12px 0 20px; margin-bottom:20px; width:100%;}
.last {border:none;}
.more_info {margin-top:10px; width:100%; display:none;}
.list_right a {margin-top:10px;}
.list_left {width:30%; float:left;}
.list_left img {width:100%; height:auto;margin-bottom:15px;}
.list_right {width:60%; float:right;}
.main .list_right h2 {margin:-4px 0 20px;}


@media (max-width: 980px) { 
	.wrapper { padding:0 15px; }
	header .logo {display:block;}
	.top_logo {display:none;}
	.left {position:relative; width:100%; top:0; float:none; border-right:none;}
	.left .mod_navigation {position:relative;display:none;}
	.left .mod_navigation li a  {padding:0;}
	.left .mod_navigation li.active .active  {padding:0; color:#666;}
	.left .mod_navigation li.trail .trail {padding-left:0;}
	.left .mod_navigation li a:hover, .left .mod_navigation li.active .active  {background:none;}
	.left .mod_navigation li.active .level_2 a:hover, .left .mod_navigation li.trail .level_2 a:hover, .left .mod_navigation .level_2 li.active .active {background:none;}
	.left .mod_navigation ul.level_1 li {width:100%; text-align:center; border-bottom:1px solid #000; }
	.left .mod_navigation ul.level_1 li .level_2 li {border:none;}
	.spacer_34 {display:block;}
	.main { width:100%; float:none;}
	.left .mod_navigation .level_1 li.active .level_2 li {background:none;}
	.left .mod_navigation ul.level_1 li .level_2 {margin-bottom:10px;}
	.main .image_links .ce_image a .a_title {position:absolute; top:auto; left:0; bottom:0; width:auto; height:auto; text-align:left; padding:0 5px; background:#000; -moz-opacity: 1; opacity: 1; filter:alpha(opacity=100); font-weight:300; font-size:12px; line-height:20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color:#fff;}
	.main .image_links .ce_image a:hover .a_title {-moz-opacity: 1; opacity: 1; filter:alpha(opacity=100); text-decoration:none;}
}

@media (max-width: 768px) {
	header {height:180px;}
	header h1 {left:0; top:140px; }
	.main .image_links .ce_image {width:44.9%;margin-left:4.5%;}
}
@media (max-width: 500px) {
	.mod_changelanguage {top:30px;right:0;}
	.list_left, .list_right {width:100%;}
	.list_left img {margin-bottom:25px;}
	.main .image_links .ce_image {width:44.6%;margin-left:4.5%;}
}