@charset "UTF-8";

/* CSS ingwu
*********************************************/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {border:0; font-size:100%; margin:0; 
	padding:0;}
a {outline:none;}
table {
	border-collapse:collapse;
	border-spacing:0;
	vertical-align: top;
}
fieldset, img {border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color:#000;}
input, button, textarea, select, optgroup, option 
	{font-family:inherit; font-size:inherit; 
	font-style:inherit; font-weight:inherit;}
input, button, textarea, select {*font-size:100%;}



/* start */

html, body{
	height: 100%;
}
body{
	font-family: syntax-regular, sans-serif;
	font-size: 100%;
	line-height: 1.375em;
	margin: 0;
	padding: 0;
	/*text-align: center; /* horizontale Zentrierung für IE Win quirks */
	border: 0;
}
body{ 
  	background: url(../bilder/bg-kash57528268_2400.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../bilder/bg-kash57528268_2400.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../bilder/bg-kash57528268_2400.jpg', sizingMethod='scale')";
}

@font-face {
    font-family: 'syntax-regular';
    src: url('../jw-fonts/syntax_regular.eot');
    src: url('../jw-fonts/syntax_regular.eot?#iefix') format('embedded-opentype'),
         url('../jw-fonts/syntax_regular.woff') format('woff'),
         url('../jw-fonts/syntax_regular.ttf') format('truetype'),
         url('../jw-fonts/syntax_regular.svg#syntax_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ionicons';
    src: url('../jw-fonts/ionicons.eot');
    src: url('../jw-fonts/ionicons.eot?#iefix') format('embedded-opentype'),
         url('../jw-fonts/ionicons.woff') format('woff'),
         url('../jw-fonts/ionicons.ttf') format('truetype'),
         url('../jw-fonts/ionicons.svg#ionicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1.h-sig{
	width: 0;
	height: 1px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0;
	line-height: 0;
	color:#FFFFFF;
	text-indent: -9999px;
}
h2{
	font-family: syntax-regular, sans-serif;
	font-size: 1.75em;
	font-weight: normal;
	color: #333;
	line-height: 1.375em;
	margin: 0 0 0.75em;
	padding: 0;
}
h3{
	font-family: syntax-regular, sans-serif;
	font-size: 1.375em;
	font-weight: normal;
	line-height: 1.25em;
	color: #333;
	margin: 1em 0 0.75em;
	padding: 0;
}
h4{
	font-family: syntax-regular, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #333;
	padding: 0;
	margin-bottom: 0.6em;
}
p{
	padding: 0 0 12px 0;
	margin: 0;
}
img{
	width: 100%;
	height: auto;
}

.clearfix{
	clear: both;
}
.nobr{
	white-space: nowrap;
}

/*links
**************************************************/
a:link{
	text-decoration: none;
	color: #444;
}
a:visited{
	text-decoration: none;
	color: #444;
}
a:hover{
	text-decoration: none;
	color: #336699;
}
a:active{
	text-decoration: none;
	color: #336699;
}

/* Navigation 
**********************************************/

.wrapper-nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 105px;
	background-color: #fff;
}
.nav1 ul.menu#m-mob{
	display: none;
}
.nav1 ul.menu#m-desk{
	display: block;
}
.nav1{
	position: absolute;
	top: 105px;
	left: 0;
	width: 100%;
	height: 60px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: url(../bilder/m-bg__a.jpg) 0 bottom repeat-x;
	overflow: hidden;
	z-index: 330;
}
.nav2{
	position: absolute;
	top: 165px;
	left: 0;
	width: 15%;
	height: 405px;
	background: url(../bilder/bg80.png);
	display: none;
}

#m2_mikrofontechnik,
#m2_mikrofonaufsaetze,
#m2_videos,
#m2_mikrofontechnik-downloads,
#m2_mikrofontechnik-links,
#m2_mensch-gesellschaft,
#m2_essays,
#m2_mensch-gesellschaft-links,
#m2_portrait,
#m2_menschen,
#m2_awards{
	display: block;
}
.nav-con{
	position: absolute;
	bottom: 12px;
	right: 0;
	width: 100%;
	height: 24px;
}
.nav1 ul.menu,
.nav2 ul.menu,
.nav-con ul.menu{
	list-style: none;
	padding: 0;
}
.nav1 ul.menu{
	position: relative;
	left: 50%;
	font-size: 1.5em;
	margin: 0 auto;
	padding: 0;
	float: left;
}
.nav2 ul.menu{
	position: relative;
	top: 1.5em;
	font-size: 1.5em;
	text-align: right;
	margin-right: 9px;
}
.nav-con ul.menu{
	float: right;
}
.nav-con ul.menu li a{
	color: #fff;
}
.nav1 ul.menu li{
	position: relative;
	right: 50%;
	float: left;
}
.nav1 ul.menu li:last-child{
	border-right: 2px solid #fff !important;
}
.nav2 ul.menu li{
	line-height: 1.2em;
	margin-bottom: 1.25em;
}
.nav-con ul.menu li{
	margin-left: 30px;
	float: left;
	transition: 0.4s ease;
}
.nav1 ul.menu li a,
.nav-con ul.menu li a{
	display: block;
	list-style: none;
	font-weight: normal;
}
.nav1 ul.menu li a{
	line-height: 60px; 
	color: #000;
	padding: 0 36px;
	border-left: 2px solid #fff !important;
	transition: 0.4s ease;
}
.nav2 ul.menu li a{
	color: #333;
}

.nav-con ul.menu li a{
	text-align: right;
	padding-right: 0;
}

.nav1 ul.menu li.current a:link,
.nav1 ul.menu li.current a:visited,
.nav1 ul.menu li.current.active a:visited,
.nav1 ul.menu li.current.active a:link,
.nav1 ul.menu li.current.active a:visited,
.nav1 ul.menu li.parent.active a:link,
.nav1 ul.menu li.parent.active a:visited{
	color: #666;
	text-decoration: none;
	background: url(../bilder/m-bg__v.jpg) 0 0 repeat-x;
}
.nav2 ul.menu li.current a:link,
.nav2 ul.menu li.current a:visited,
.nav2 ul.menu li.current.active a:visited,
.nav2 ul.menu li.current.active a:link,
.nav2 ul.menu li.current.active a:visited,
.nav2 ul.menu li.parent.active a:link,
.nav2 ul.menu li.parent.active a:visited{
	color: #666;
}
.nav-con ul.menu li.current a:visited{
		color: #66ccff;
}
.nav1 ul.menu li a:hover{
	color: #666;
	text-decoration: none;
	background: url(../bilder/m-bg__v.jpg) 0 0 repeat-x;
}
.nav2 ul.menu li a:hover{
	color: #666;
}
.nav-con ul.menu li a:hover{
	color: #66ccff;
	text-decoration: none;
}


/*Layout
**********************************************/

#buehne{
	position: relative;
	top: 0;
	width: 80%;
	margin: 0 auto;
	height: auto !important;
	min-height: 100%;
	margin: 0 auto -60px;
	overflow: hidden;
}
.logo{
	position: absolute;
	top: 50%;
	left: 30px;
	width: 18%;
	max-width: 240px;
	min-width: 120px;
	height: auto;
	-webkit-transform: translateY(-39%);
	-moz-transform: translateY(-39%);
	-ms-transform: translateY(-39%);
	-o-transform: translateY(-39%);
	transform: translateY(-39%);
	filter: progid:DXImageTransform.Microsoft.Matrix(Dy=-39%);
}
.banner{
	position: relative;
	top: 165px;
	width: 100%;
	height: 405px;
	margin-bottom: 195px;
	overflow: hidden;
}

.custom_banner{
	position: relative;
	top: 50%;
	text-align: center;
	-webkit-transform: translateY(-48%);
	-moz-transform: translateY(-48%);
	-ms-transform: translateY(-48%);
	-o-transform: translateY(-48%);
	transform: translateY(-48%);
	filter: progid:DXImageTransform.Microsoft.Matrix(Dy=-48%);
}
.custom_banner img{
	position: relative; /* allows repositioning */
	left: 100%; /* move the whole width of the image to the right */
	margin-left: -200%; /* magic! */
}
.copyright{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../../images/bilder/Copyright.png) 12px bottom no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.copyright h6{
	position: absolute;
	left: 30px;
	bottom: 0;
	max-width: 60%;
	width: auto;
	height: auto;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	padding: 6px;
	background: url(../bilder/transp000_40.png);
	display: none;
}

.page-header h2{
	margin-top: 3px !important;
}
#in_willkommen{
	position: absolute;
	display: inline;
	top: 600px;
	left: 0;
	width: 100%;
	bottom: 48px;
}
.inhalt{
	position: relative;
	display: block;
	top: 0;
	height: auto;
	background: url(../bilder/bg80.png);
	clear: both;
}
.text{
	position: absolute;
	top: 0;
	left: 10%;
	width: 85%;
	color: #000;
	padding-top: 45px;
	bottom: 30px;
}
#t_mikrofontechnik-links,
#t_mensch-gesellschaft-links{
	padding-right: 5%;
	transition: 0.4s ease;
}
#t_mikrofonaufsaetze,
#t_mikrofontechnik-links,
#t_mikrofontechnik-downloads,
#t_videos,
#t_mensch-gesellschaft,
#t_mensch-gesellschaft-links,
#t_essays,
#t_portrait,
#t_awards,
#t_kontakt,
#t_sitemap,
#t_impressum,
#t_datenschutz{
	position: relative;
	padding-right: 5%;
	padding-bottom: 3em;
	transition: 0.4s ease;
}
#t_mikrofonaufsaetze,
#t_mikrofontechnik-downloads,
#t_mikrofontechnik-links,
#t_videos,
#t_mensch-gesellschaft,
#t_essays,
#t_portrait,
#t_awards,
#t_mensch-gesellschaft-links{
	left: 15%;
	width: 80%;
	transition: 0.4s ease;
}
.detail-inhalt{
	position: relative;
}
.detail-inhalt img,
.custom_det-portrait img{
	position: absolute;
	top: 0;
  	left: 0;
}

table{
	width: 100%;
	border-collapse: collapse;
}
td{
	vertical-align: top;
	padding: 0 30px 0 0;
}

hr{
	border: dotted 1px #FFFFFF;
	margin: 12px 9px 12px 0;
}

ul.inh{
	list-style: circle;
}
ul.bildlinks{
	text-align: justify;
	padding: 0;
}
ul.bildlinks li{
	display: inline-block;	
	list-style:none;
	margin: 0;
}
#line{
	padding-left: 100%;
}
ul.arrow{
	list-style: none;
	margin: 0 0 1rem 1rem;
}
ul.arrow li{
	padding-left: 0.3rem;
    text-indent: -0.9rem;
	white-space: normal ;
	-webkit-hyphens: auto ;
	-moz-hyphens: auto ;
	-ms-hyphens: auto;
	hyphens: auto;
}
ul.arrow li:before{
	position: relative;
	top: 0;
	content:"\203A";
	font-size: 1.5rem;
	color: #999;
	padding-right: 0.6rem;
	margin-left: -0.1rem;
}
ol{
	margin: 3em 0 1em 21px;
}
ol li{
	margin-bottom: 1em;
}
.fuss{
	position: relative;
	width: 80%;
	height: 60px;
	margin: 42px 10% 0;
	clear: both;
	overflow: hidden;
	transition: 0.4s ease;
}
#fu_willkommen{
	margin-top: 0;
}
.ion-up,
.ion-back,
.ion-download{
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ion-up,
.ion-back,
.ion-download{
	font-family: ionicons;
	line-height: 1.825em;
}
.ion-up{
	position: absolute;
	right: 1em;
	text-align: right;	
}
.ion-up:before{
	position: relative;
	content: "\f366";
	top: -6px;
	font-size: 1.24em;
	color: #336699;
	float: right;
}
.ion-back:before{
	position: relative;
	content: "\f2ca";
	top: -6px;
	font-size: 1.24em;
	color: #336699;
	float: left;
}
.ion-up:hover,
.ion-back:hover{
	opacity: 0.7;
}
.ion-download:before{
	position: relative;
	content: "\f41f";
	top: -6px;
	font-size: 1.24em;
	color: #336699;
	float: left;
}
#in_mikrofonaufsaetze h6{
	position: absolute;
	top: 0;
	left: -90px;
	width: 60px;
	height: auto;
	font-size: 1.75em;
}
ol.contents{
	list-style: square !important;
}


/* Willkommen 
**********************************************/

#ba_willkommen{
	display: none;
}
#ba_willkommen .custom_wiba{
	position: absolute;
	top: -18%;
	width: 135%;
	height: auto;
}

#in_willkommen{
	top: 195px;
	background: url(../../../images/bilder/JWuttke_0616.jpg) left center  no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/JWuttke_0616.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/JWuttke_0616.jpg', sizingMethod='scale')";
}
#t_willkommen{
	left: 54%;
	width: 42%;
	padding-right: 4%;
	overflow: auto;
}
#t_willkommen p{
	margin-left: 42px;
}

/* Mikrofontechnik
**********************************************/

#ba_mikrofontechnik,
#ba_mikrofontechnik-downloads{
	left: 15%;
	width: 85%;
	background: url(../../../images/bilder/mft-MK_SolidW_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/mft-MK_SolidW_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/mft-MK_SolidW_1800.jpg', sizingMethod='scale')";
}
/*#ba_mikrofonaufsaetze{
	left: 15%;
	width: 85%;
	background: url(../../../images/bilder/mfa-banner_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/mfa-banner_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/mfa-banner_1800.jpg', sizingMethod='scale')";
}*/
#ba_mikrofonaufsaetze{
	left: 15%;
	width: 85%;
}

#ba_videos{
	left: 15%;
	width: 85%;
	background: url(../../../images/bilder/mtv-vortrag_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/mtv-vortrag_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/mtv-vortrag_1800.jpg', sizingMethod='scale')";
}
/*#ba_mikrofontechnik-links{
	left: 15%;
	width: 85%;
	background: url(../../../images/bilder/lin-hg-browser0425_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/lin-hg-browser0425_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/lin-hg-browser0425_1800.jpg', sizingMethod='scale')";
}*/

#ba_mikrofontechnik-links{
	left: 15%;
	width: 85%;
	background: url(../../../images/bilder/lin-hg-browser0425_02_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/lin-hg-browser0425_02_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/lin-hg-browser0425_02_1800.jpg', sizingMethod='scale')";
}


#t_mikrofonaufsaetze h2{
	margin-top: 1em;
}
#t_mikrofonaufsaetze h4{
	margin-top: 1em;
}
#t_mikrofonaufsaetze ol{
	margin: 0 0 1.5em 27px;
}
#t_mikrofonaufsaetze ol li{
	padding-left: 6px;
}
#t_mikrofontechnik-downloads ul li:before{
	position: relative;
	top: 0.1em;
	font-family: ionicons;
	content: "\f41f";
	font-size: 1.5em;
	color: #336699;
	padding-right: 0.6em;
	margin: 0 0 1em 3px;
}
#t_mikrofontechnik-downloads ul li{
	margin: 0 0 1em;
}
#t_mikrofontechnik-links ul,
#t_mikrofontechnik-downloads ul,
#t_mensch-gesellschaft-links ul{
	list-style: none;
}
#t_mikrofontechnik-links ul li:before,
#t_mensch-gesellschaft-links ul li:before{
	position: relative;
	top: 0.18em;
	font-family: ionicons;
	content: "\f276";
	font-size: 1.5em;
	color: #336699;
	padding-right: 0.6em;
	margin: 0 0 1em 3px;
}
#t_mikrofontechnik-links ul li,
#t_mensch-gesellschaft-links ul li{
	margin-bottom: 1.5em;
	text-indent: -2.4em;
	padding-left: 2.4em;
}
/*img.image-left{
	float: left;
	margin: 0 1em 1em 0;
}*/
figure{
	width: 47.4%;
}
figure.image-left{
	display: inline-block;
	margin: 0.6em 5.1% 1.2em 0;
	float: left;
}
figure.image-right{
	display: inline-block;
	margin: 0.6em 0 1.2em 4.8%;
	float: right;
}
figure.image-left-sync,
figure.image-right-sync{
	display: inline-block;
	margin: 0.6em 0 1.2em 0;
}
figure.image-left-sync{
	float: left;
}
figure.image-right-sync{
	float: right;
}
figure.image-center{
	width: 100%;
	height: auto;
	margin: 0.6em 0 1.2em;
}
figure.image-bg{
	width: 100%;
	height: auto;
	margin: 0;
	text-align: center;
	background-color: #fff;
	white-space: nowrap;
}
figure.image50{
	display: inline-block;
	width: 46%;
	padding: 0.6em 1%;
	margin: 0;
}
figure figcaption {
	font-size: 0.875em;
	line-height: 1.25em;
  	padding: 0.6em 0 1em;
}
#t_mikrofonaufsaetze ul{
	margin-bottom: 1em;
	list-style: circle;
}
#t_mikrofonaufsaetze ul li{
	margin: 0 0 0.6em 18px;
}
#t_mikrofonaufsaetze table{
	margin: 1em 0;
}
#t_mikrofonaufsaetze table.intext{
	width: 46.5%;
	margin: 1em 0;
}
#t_mikrofonaufsaetze td{
	border: 1px solid #336699;
	text-align: center;
	padding: 0.3em; 
	margin: 0;
}
#t_mikrofonaufsaetze td:first-child{
	width: 15%;
	text-align: left;
	padding-left: 0.6em;
}
table.image-2sp tr:first-child{
	background-color: #FFF;
}
table.image-2sp td{
	width: 50% !important;
	font-size: 0.875em;
	line-height: 1.25em;
	text-align: left !important;
	padding: 0.6em 1.5em 1em 0 !important;
	border: none !important;
}
#t_mikrofonaufsaetze table.inh100{
	border-bottom: 1px solid #336699;
}
#t_mikrofonaufsaetze table.inh100 td{
	text-align: left;
	border: none;
	padding: 0.6em 1.5em 0.6em 0 !important;
}
#t_mikrofonaufsaetze table.inh100 tr:first-child{
	font-weight: bold;
	line-height: 1em;
	border-bottom: 1px solid #336699;
}
#t_mikrofonaufsaetze table.inh100 td:first-child{
	width: 24%;
}
.category-list table{
	margin: 0 0 1em !important;
}
.category-list td{
	border: none !important;
	text-align: left;
	padding: 0 0 1em !important; 
	margin: 0;
}
.category-list form{
	width: 100% !important;
}

/* Mensch + Gesellschaft
**********************************************/

#ba_mensch-gesellschaft,
#ba_essays,
#ba_mensch-gesellschaft-links{
	left: 15%;
	width: 85%;
	background: url(../../../images/bilder/P1120815abea2_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/P1120815abea2_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/P1120815abea2_1800.jpg', sizingMethod='scale')";
}
.blog h2{
	font-size: 1.5em;
}
.readmore{
	margin-bottom: 1em;
}

/* Portrait 
**********************************************/

#ba_portrait,
#ba_menschen,
#ba_awards{
	left: 15%;
	width: 85%;
	background: url(../../../images/bilder/kon-Imgp3288bea_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/kon-Imgp3288bea_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/kon-Imgp3288bea_1800.jpg', sizingMethod='scale')";
}

.custom_det-portrait{
	position: relative;
	display: inline-block;
	top: 0;
	width: 32%;
	height: 0;
	border: 0;
	border-radius: 50%;
	padding: 16% 0;
	margin: 0 0 90px 75px;
	overflow: hidden;	
	float: right;
}

#de-in_portrait{
	display: none;
}

/* Awards 
**********************************************/
#t_awards .items-leading div[itemprop="blogPost"]{
	border-bottom: 1px dotted #336699;
	margin-bottom: 2em;
}
#t_awards .award-detail{
	position: relative;
	width: 70%;
	float: left;
}
.award-detail h3{
	margin-top: 0;
}
.award-detail img{
	width: 30%;
	height: auto;
}
.sige{
	clear: none;
}
#t_awards ul.sige{
	position: relative;
	float: right;
}

/* Kontakt
**********************************************/

#ba_kontakt{
	background: url(../../../images/bilder/kon-Stage_Tec_AURUS_Platinum_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/kon-Stage_Tec_AURUS_Platinum_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/kon-Stage_Tec_AURUS_Platinum_1800.jpg', sizingMethod='scale')";
}
#t_kontakt h3{
	margin: 0.6em 0;
}

.moduletable h3{
	display: none;
}
form.form-horizontal{
	position: relative;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
button.btn-primary{
	display: block;
	margin-top: 1.5em;
	border: none;
	background: none;
	padding: 0;
}
button.btn-primary:hover{
	color: #336699;
}
.jdscf-col-md-12{
	margin-top: 1rem;
}
.form-control{
	width: 98%;
	height: 24px;
}
label.d-block{
	display: block;
	margin: 1em 0 0.6em;
}
textarea.form-control{height: 6rem;}
.form-check{
	margin-bottom: 2rem;
}
.form-check-input{
	position: absolute !important;
	top: 4px;
}
.form-check-label{
	margin-left: 24px;
}
.parsley-required{
	margin-top: 0.6rem;
}

/* Impressum
**********************************************/
#ba_impressum,
#ba_datenschutz{
	background: url(../../../images/bilder/imp-Colette_principle_mont_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/imp-Colette_principle_mont_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/imp-Colette_principle_mont_1800.jpg', sizingMethod='scale')";
}

#t_impressum h3,
#t_datenschutz h3,
#t_impressum h4,
#t_datenschutz h4{
	line-height: 1em;
	margin: 1.25em 0 0.6em;
}

.bar {
	position: relative;
	padding: 0.2em 0 0.4em;
	cursor: pointer; 
}
.bar:hover{
	color: #336699;
}
.current {
	color: #336699;
}
.bar:before{
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 0.6em;
  margin-top: -0.06em;
  background: url(../bilder/icon-accordion.png) 0 0 no-repeat;
}
.current:before{
	transform: rotate(90deg);
	-moz-transform:rotate(90deg);
 	-webkit-transform:rotate(90deg);
 	-o-transform:rotate(90deg);
 	-ms-transform:rotate(90deg);
}
.bar:hover:before {
	transition: .2s;
 	-moz-transition: .2s;
 	-webkit-transition: .2s;
 	-o-transition: .2s;
 	-ms-transition: .2s;
 	transform: rotate(90deg);
	-moz-transform:rotate(90deg);
 	-webkit-transform:rotate(90deg);
 	-o-transform:rotate(90deg);
 	-ms-transform:rotate(90deg);
}
.content {
	text-decoration: none;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #336699;
}
h3.bar{
	line-height: 1.2em !important;
}

/* Videobox
**********************************************/

#vbOverlay{
	opacity: 0.8 !important;
}
#vbResponsive {
  box-shadow: none;
}
#vbBottomContainer {
  color: #fff;
  opacity: 1;
  font-size: 1em;
  box-shadow: none;
  background: none;
}
#vbBottom{
	padding: 6px 0 0 0;
}
#vbCaption{
	margin-bottom: 0;
}
ul.vb_gallery{
	margin: 1em 0 2em;
}
ul.vb_gallery li{
	position: relative;
	display: inline-block;
	width: 30%;
	min-width: 270px;
	margin: 0 6px 12px;
	background-color: #000;
	float: left;
	overflow: hidden;
}
.vb-caption{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 21%;
	background: #000;
	z-index: 1;	
}
ul.vb_gallery{
	margin: 1em 0 3em -6px;
}

ul.vb_gallery li h5{
	position: absolute;
	left: 18px;
	top: 50%;
	width: 90%;
	height: auto;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
ul.vb_gallery li .vb-play-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	width:60px;
	height: 60px;
	margin-left: -30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../bilder/play.png) 0 0 no-repeat;
	opacity: 0.7;
	z-index: 3;
}

/*SIGE
*****************************/
ul.sige {
	padding: 0;
	margin: 0;
	background: none;
}
ul.sige li{
	padding: 0;
	margin: 0;
	background: none;
}

.sige_thumb{
	margin: 0;
	padding: 0;
	border: 0;
	background: none !important;
	float: right;
}
.sige_thumb img{
	padding: 0;
	margin: 0;
	border: 0;
	background: none !important;
}
#sb-wrapper{
	z-index: 2;
}
#sb-wrapper-inner{
	z-index:-1;
}

/* sitemap
**********************************************/

/*#ba_sitemap{
	background: url(../../../images/bilder/sim-Still_07_1800.jpg) center center no-repeat; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/sim-Still_07_1800.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/bilder/sim-Still_07_1800.jpg', sizingMethod='scale')";
}*/

#xmap ul li{
	margin: 0.6em 0;
}


@media only screen and (min-width: 2400px) {
	
body{
	font-size: 125%;
}

/*Portrait
**********************************************/
#de-in_portrait{
	width: 22%;
	padding: 11% 0;
}

}


@media only screen and (max-width: 2400px) {
	
body{
	font-size: 115%;
}

}

@media only screen and (max-width: 2100px) {
	
	
}


@media only screen and (max-width: 1800px) {
	
body{
	font-size: 100%;
}
.custom_det-portrait{
	width: 32%;
	padding: 16% 0;
}

}

@media only screen and (max-width: 1650px) {

/* Navigation 
**********************************************/
.nav2{
	width: 16.5%;
	height: 390px;
}
/*Layout
**********************************************/
.banner{
	height: 390px;
}
#ba_mikrofontechnik,
#ba_mikrofonaufsaetze,
#ba_mikrofontechnik-downloads,
#ba_videos,
#ba_mikrofontechnik-links,
#ba_mensch-gesellschaft,
#ba_essays,
#ba_mensch-gesellschaft-links,
#ba_portrait,
#ba_menschen,
#ba_awards{
	left: 16.5%;
	width: 83.5%;
}

/* Willkommen 
**********************************************/
#t_willkommen{
	top: 0;
	left: 50%;
	bottom: 0;
	width: 44%;
	padding: 45px 4% 30px 2%;
	background:url(../bilder/bg60.png);
	overflow: auto;
	border-bottom: 30px solid rgba(255, 255, 255, 0.6);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */;
}

}


@media only screen and (max-width: 1500px) {

/* Navigation 
**********************************************/
.nav2{
	width: 18%;
	height: 360px;
}

/*Layout
**********************************************/
.banner{
	height: 360px;
}
#ba_mikrofontechnik,
#ba_mikrofonaufsaetze,
#ba_mikrofontechnik-downloads,
#ba_videos,
#ba_mikrofontechnik-links,
#ba_mensch-gesellschaft,
#ba_essays,
#ba_mensch-gesellschaft-links,
#ba_portrait,
#ba_menschen,
#ba_awards{
	left: 18%;
	width: 82%;
}

/*Portrait
**********************************************/
.custom_det-portrait{
	width: 36%;
	padding: 18% 0;
}

}

@media only screen and (max-width: 1350px) {

/* Navigation 
**********************************************/
.nav2{
	width: 19.5%;
	height: 330px;
}

/*Layout
**********************************************/
.banner{
	height: 330px !important;
}
#ba_mikrofontechnik,
#ba_mikrofonaufsaetze,
#ba_mikrofontechnik-downloads,
#ba_videos,
#ba_mikrofontechnik-links,
#ba_mensch-gesellschaft,
#ba_essays,
#ba_mensch-gesellschaft-links,
#ba_portrait,
#ba_menschen,
#ba_awards{
	left: 19.5%;
	width: 80.5%;
}
.custom_banner{
	min-width: 840px;
}

}

@media only screen and (max-width: 1230px) {

/* Navigation 
**********************************************/
.wrapper-nav{
	height: 90px;
}
.nav1{
	top: 90px;
	height: 45px;
}
.nav2{
	top: 138px;
	width: 21%;
	height: 300px;
}
.nav1 ul.menu li a{
	line-height: 45px; 
	padding: 0 18px;
}
.nav2 ul.menu{
	top: 1.15em;
}
.nav2 ul.menu li{
	margin-bottom: 1em;
}

/*Layout
**********************************************/
#buehne{
	width: 84%;
}

.banner{
	top: 138px;
	height: 300px !important;
	margin-bottom: 162px;
}
#ba_mikrofontechnik,
#ba_mikrofonaufsaetze,
#ba_mikrofontechnik-downloads,
#ba_videos,
#ba_mikrofontechnik-links,
#ba_mensch-gesellschaft,
#ba_essays,
#ba_mensch-gesellschaft-links,
#ba_portrait,
#ba_menschen,
#ba_awards{
	left: 21%;
	width: 79%;
}
.custom_banner{	
	min-width: 780px;
}
#in_willkommen{
	top: 165px;
}
.text{
	padding-top: 30px;
}
#t_mikrofonaufsaetze,
#t_videos,
#t_mensch-gesellschaft,
#t_essays,
#t_portrait,
#t_awards,
#t_kontakt,
#t_sitemap,
#t_impressum{
	position: relative;
	padding-right: 5%;
	padding-bottom: 3em;
}
.fuss{
	width: 82%;
}

/*Mikrofontechnik - Videos
**********************************************/

ul.vb_gallery li{
	width: 48%;
}

/*Portrait
**********************************************/
.custom_det-portrait{
	width: 38%;
	padding: 19% 0;
	margin-bottom: 60px;
}

}

@media only screen and (max-width: 960px) {

/* Navigation 
**********************************************/
.wrapper-nav{
	height: 75px;
}
.nav1{
	top: 75px;
}
.nav2{
	top: 123px;
	height: 270px;
}
.nav1 ul.menu{
	font-size: 1.2em;
}
.nav2 ul.menu{
	top: 1em;
}

/*Layout
**********************************************/
#buehne{
	width: 88%;
}
.banner{
	top: 123px;
	height: 270px !important;
	margin-bottom: 147px;
}
.custom_banner{
	min-width:750px;
}
.copyright h6{
	width: 70%;
}

#in_willkommen{
	top: 150px;
}
.fuss{
	width: 84%;
}

/*Mikrofontechnik - Videos
**********************************************/

ul.vb_gallery li{
	width: 87%;
}

/*portrait
**********************************************/
.custom_det-portrait{
	width: 42%;
	padding: 21% 0;
	margin-left: 45px;
}


}

@media only screen and (max-width: 840px) {


/* Navigation 
**********************************************/
.nav2{
	height: 240px;
}
.nav2 ul.menu{
	top: 1em;
}
.nav2 ul.menu li{
	margin-bottom: 0.75em;
}
/*Layout
**********************************************/
#buehne{
	width: 92%;
}
.banner{
	height: 240px !important;
}
.custom_banner{
	min-width: 630px;
}
.fuss{
	width: 86%;
}

/*Portrait
**********************************************/

.custom_det-portrait{
	width: 48%;
	padding: 24% 0;
	margin-left: 45px;
}
/*Impressum
**********************************************/

}

@media only screen and (max-width: 720px) {

/* Navigation 
**********************************************/
.wrapper-nav{
	height: 66px;
}
.nav1 ul.menu#m-desk{
	display: none;
}
.nav1 ul.menu#m-mob{
	display: block;
	text-align: left;
}
.nav1{ 
	top: 99px;
	left: 0;
	width: 100%;
	height: auto;
	padding: 1em 15px 0 60px;
	margin-top: 12px;
	border: none;
	background: url(../bilder/transp_weiss_15.png);
	display: none;
	z-index: 48;
	overflow: auto;
}
.nav_m{
	position: absolute;
	top: 66px;
	left: 0;
	width: 100%;
	height: 42px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: url(../bilder/mm-bg.png) center 0 no-repeat;
	cursor: pointer;
	display: block;
	z-index: 330;
}
.nav1 ul.menu{
	left: 30%;
}
.nav1 ul.menu li a{
	font-size: 1.2em;
	line-height: 1.2em;
	padding-right: 0;	
	border: none !important;
	background: none !important;
}
.nav1 ul.menu li:last-child{
	border-right: none !important;
}
.nav1 ul.menu li{
	clear: left;
	margin-bottom: 1em;
}
.nav_m:hover{
	background: url(../bilder/mm-bg.png) center -42px no-repeat;
}
.nav_m:visited{
	background: url(../bilder/mm-bg.png) center 0 no-repeat;
}
.nav2{
	display: none !important;
}
ul.nav-child{
	position: relative;
	top: 1em;
	left: 240px;
	width: 300px;
	height: auto;
	font-size: 1em !important;
	text-align: left;
	margin: 0;
	list-style: none;
	padding: 0;
	z-index: 90;
}
ul.nav-child li {
	line-height: 1.25em;
	margin-bottom: 1em;	
}
ul.nav-child  li a{
	padding-left: 0 !important;
}

/*Layout
**********************************************/
.logo{
	position: absolute;
	top: 54%;
}
.banner{
	top: 111px;
	height: 300px;
	margin-bottom: 135px;
}
#ba_mikrofontechnik,
#ba_mikrofonaufsaetze,
#ba_videos,
#ba_mikrofontechnik-downloads,
#ba_mikrofontechnik-links,
#ba_portrait,
#ba_menschen,
#ba_awards,
#ba_mensch-gesellschaft,
#ba_essays,
#ba_mensch-gesellschaft-links{
	left: 0;
	width: 100%;
}
#ba_willkommen{
	display: block !important;
	top: 135px;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
#ba_videos{
	background-position: center left;
}
#in_willkommen{
	left: 0;
	width: 100%;
	padding: 0;
	height: auto;
	background: url(../bilder/bg80.png);
}
#in_willkommen,
#in_mikrofontechnik-downloads,
#in_mikrofontechnik-links,
#in_mensch-gesellschaft,
#in_mensch-gesellschaft-links,
#in_portrait{
	position: relative;
	display: block;
	top: 0;
	height: auto;
	clear: both;
}
#t_willkommen,
#t_mikrofontechnik-downloads,
#t_mikrofontechnik-links,
#t_mensch-gesellschaft,
#t_mensch-gesellschaft-links,
#t_portrait{
	position: relative;
	padding-right: 5%;
	padding-bottom: 3em;
}
#t_willkommen{
	top: 0;
	left: 0;
	width: 89%;
	padding: 24px 5% 0 6%;
	border-bottom: none;
	padding-bottom: 1.5em;
	overflow: visible;
}
#t_willkommen p{
	margin-left: 30px;
}

#t_mikrofonaufsaetze,
#t_mikrofontechnik-links,
#t_videos,
#t_mensch-gesellschaft,
#t_essays,
#t_mensch-gesellschaft-links,
#t_portrait,
#t_awards,
#t_kontakt,
#t_sitemap,
#t_impressum{
	left: 6%;
	width: 88%;
	overflow: hidden;
}
.fuss,
#fu_willkommen{
	width: 86%;
	margin-top: 45px;
}


/*Portrait
**********************************************/


/*Impressum
**********************************************/

}

@media only screen and (max-width: 660px) {	

/*Layout
**********************************************/

figure.image-left,
figure.image-right{
	width: 100%;
	clear: both;
}


/*Mikrofontechnik - Videos
**********************************************/

ul.vb_gallery li{
	width: 100%;
}

/*Awards
**********************************************/
#t_awards .award-detail{
	width: 100%;
	clear: left;
}

#t_awards ul.sige{
	float: left;
}

.sige_thumb{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	float: left;
}

}

@media only screen and (max-width: 480px) {

/* Navigation 
**********************************************/
.nav-con ul.menu li{
	margin-left: 24px;
}

/* Layout
*****************************/	

.banner{
	height: 240px;
}	
#ba_willkommen .custom_wiba{
	top: -18%;
	width: 168%;
}
#t_willkommen p{
	margin-left: 0;
}

#t_mikrofonaufsaetze,
#t_mikrofontechnik-links,
#t_videos,
#t_mensch-gesellschaft,
#t_essays,
#t_mensch-gesellschaft-links,
#t_portrait,
#t_awards,
#t_kontakt,
#t_sitemap,
#t_impressum{
	left: 6%;
	width: 90%;
	padding-right: 0;
}		
#t_portrait{
	top: 30px;
}
.ion-up{
	right: 0;
}

/*Portrait
**********************************************/
#in_portrait{
	padding-bottom: 12em;
}
.custom_det-portrait{
	width: 98%;
	padding: 49% 0;
	margin-left: 0;
	margin-bottom: 30px;
	float: left;
}

}

@media only screen and (max-width: 420px) {

/* Navigation 
**********************************************/	
.nav-con ul.menu li{
	margin-left: 18px;
}
	
	
/* Layout
*****************************/		

#in_portrait{
	padding-bottom: 9em;
}

.fuss, #fu_willkommen{
	width: 94%;
	margin-left: 2%;
	
}
	
}

@media only screen and (max-width: 380px) {

/* Navigation 
**********************************************/	
.nav-con ul.menu li{
	margin-left: 12px;
}	

/* Layout
*****************************/	
#ba_willkommen{
	height: 210px;
}	

#in_portrait{
	padding-bottom: 7.5em;
}

.fuss, #fu_willkommen{
	width: 96%;
	margin-left: 0;
	
}

}



/* Kategorieliste
*****************************/

.category-desc{
	left: 12%;
	margin: 3px 0 0 0;
}
table.category.table{
	width: 93%;
	margin: 12px 0 12px -60px;
}
td.list-title{
	padding: 0 0 18px 0;
}
form#adminForm{
	width: 60%;
	padding: 6px 0 0 0;
}