@charset "UTF-8";
/* CSS Document */

/************ Reset CSS nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
/*	line-height: 1; */
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/***************************/

body { 
font-size: 12pt; 
line-height: 1.2em; 
font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
font-weight: normal;
background: none;
color: #000;
}

input, select, option, button{
font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6{
margin: 0 0 1em 0;
font-weight: 600; 
color: #000000;
}

p,ul,ol,label,address {
margin: 0 0 1.2em 0;
}

a,
a:link,
a:visited{
text-decoration: underline;
color: #000000;
}

address {
font-style:normal;
font-size: inherit;
text-indent: 0;
}

h1{}
h2{font-size: 115.789473684211%; line-height: 1.18181818181818em; font-weight: 600; text-transform: uppercase; margin-bottom: 1em;}
h3{font-size: 100%; line-height: 1.2em; font-weight: 600; text-transform: uppercase; margin-bottom: 1em;}
h3:first-child{margin-top: 0;}
h4{font-size: 100%; }
h5{font-size: 100%; margin-bottom: 0;}
h6{font-size: 100%; margin-bottom: 0;}
p{font-size: 100%;}

strong {
font-weight: bold; 
}

em{
font-style: italic;
}

small {
font-size: 0.8em;
}

small {
font-size: 0.78947368421053em;
}

sup {
font-size: 0.78947368421053em;

line-height: 0; 
position: relative; 
vertical-align: baseline; 
top: -0.5em; 
}

sub {
font-size: 0.78947368421053em;

line-height: 0; 
position: relative; 
vertical-align: baseline; 
bottom: -0.25em; 
}

hr{
height: 0;
padding: 0;
border: 0;
border-bottom: 1pt dotted #777777;
margin: 2em 0 2em 0;
}

.txrev {
unicode-bidi: bidi-override;
direction: rtl;
}

.offscreen{
position: absolute;
left: -99999px;
}

.tab{
float:left;
display: inline;
width: 4.5em;
}


p.mehr{
display: none;
}

p.mehr a,
p.mehr a:link,
p.mehr a:visited{
display: none;
}

.bild img {
display: block;
width: 100%;
}


/**********/

#wrapper{
}


header{
margin-bottom: 15pt;
border-top: 80px solid #cccccc;
}

header .inner{
margin: 0 2%;
margin-top: -80px;
}

header h1{
overflow: hidden;
margin-bottom: 0;
padding-bottom: 1em;
padding-top: 10px;
position: relative;
}

header h1 a{
text-decoration: none;
}

header h1 span{
display: none;
}

header h1 span.claim{
position: absolute;
display: block;
right: 0%;
top: 30px;

font-weight: 400;

font-size: 1.05263157894737em;
line-height: 1em;
letter-spacing: 0.04em;
word-spacing: 0.05em;
}

#menubutton{
display: none;
}

#nav1,
#breadcrumbs,
#extrabox,
#extranav,
#extranav_tooltip,
#highlightbox,
#livechat_button,
#callback-form,
.xdsoft_datetimepicker{
display: none !important;
}


#content{
clear: both;
margin: 0;
}

#content>.section{
clear: both;
position: relative;
height: auto;
min-height: 0 !important;
/*
page-break-inside: avoid;
*/

}

#content>.section>.inner{
height: auto !important;
min-height: 0;
padding: 15pt 0 15pt 0;
}

#content>.section>div.inhalt_weiter{
display: none;
}
#content>.section>div.inhalt_zurueck{
display: none;
}

.section#einleitung .inner .col2_3.textbereich:last-child{
width: auto;
}



#content>.dekostreifen{
overflow: hidden;
max-height: 200px;
}

#content>.dekostreifen img{
display: block;
width: 100%;
}


#content ol, #content ul{
}

#content ul{
list-style-position: outside;
list-style-type: disc;
/*
margin-top: 0.73529411764706em;
*/
margin-bottom: 0.73529411764706em;
overflow:hidden;
}

#content ol{
list-style-position: outside;
list-style-type: decimal;
}

#content ul li,
#content ol li{
margin-left: 1.3em;
margin-bottom: 0.73529411764706em;
}

#content ul li{
}

#content ul ul,
#content ol ul{
margin-top: 0.73529411764706em;
}



footer {
clear: both;
overflow: hidden;
width: 100%;
margin-top: 1em;

display: none;
}

footer #topbutton{
display: none;
}

footer .inner{
clear: both;
margin: 0 1%;
}

footer .inner ul.navlist{
display: none;
}


#hinweis{
display: none;
}

/* Allgemeine Styles */

.col1_3{
float: left;
display: inline;

padding: 0.98039215686275%;
margin: 0 0.98039215686275% 10px 0.98039215686275%;

width: 29.41176470588235%;
position: relative;
}

.col1-5_3{
float: left;
display: inline;

padding: 0.98039215686275%;
margin: 0 0.98039215686275% 10px 0.98039215686275%;

width: 46.07843137254902%;
position: relative;
}

.col2_3{
float: left;
display: inline;

padding: 0.98039215686275%;
margin: 0 0.98039215686275% 10px 0.98039215686275%;

width: 62.74509803921569%;
position: relative;
}

.col3_3{
clear: both;
float: none;
display: block;
width: auto;
padding: 0.98039215686275%;
margin: 0 0.98039215686275% 10px 0.98039215686275%;
position: relative;
}

.col3_3.columns,
.col2_3.textbereich.columns{
clear: both;
float: none;
display: block;
width: auto;
padding: 0.98039215686275%;
margin: 0 0.98039215686275% 10px 0.98039215686275%;
position: relative;

    -webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;

	-webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}



.bildstreifen{
width: auto;
margin: 0;
overflow: hidden;
position: relative;
}

hr.bildstreifen_trenner{
clear: both;
margin: 0em 0 1em 0;
padding-top: 2em;
}

.bildstreifen_hl{
clear: both;
}

.bildstreifen_contents{
width: auto;
margin: 0 0 2em 0;
overflow: hidden;
/*
overflow-x: scroll;
*/
position: relative;

page-break-inside: avoid;
}

#content .bildstreifen ul{
width: auto !important;
padding-left: 0 !important;
height: auto;
list-style: none;
overflow: hidden;
margin: 0;
}

#content .bildstreifen ul li{
padding-right: 10px;
padding-bottom: 10px;
margin: 0 !important;
float: left;
display: inline;
height: 100px;
/*min-width: 50px;*/
position: relative;
}
#content .bildstreifen ul li .bild{
width: auto !important;
height: 100px;
}
#content .bildstreifen ul li .bild img{
display: block;
width: auto !important;
height: 100px;

float: left;
display: inline;
}
#content .bildstreifen ul li .bild p.legende{
	/*
position: absolute;
left: 0;
right: 10px;
bottom: 10px;
font-size: 0.78947368421053em;
line-height: 1.2em;
*/

height: 90px;
border: 1px solid #aaaaaa;
border-left: 0;
padding: 4px;

float: left;
display: inline;
font-size: 0.78947368421053em;
line-height: 1.2em;
max-width: 120px;

overflow: hidden;
margin: 0 0px 0 0px; 
}
#content .bildstreifen ul li:first-child{
padding-left: 0px;
}

.bildstreifen_controls{
display: none;
}





#aktuellliste{}

#content #aktuellliste ul{
padding-top: 5px;
}

#content #aktuellliste ul li{
margin: 0 0.98039215686275% 1.9607843137255% 0.98039215686275%;

font-size:   0.89473684210526em;
line-height: 1.23529411764706em;
}

#content #aktuellliste ul li a{
display: block;
text-decoration: none;
color: #000000;
font-weight: 400;

padding: 3.57142857142857%;
margin: -3.57142857142857%;

height: 100%;
position: relative;
}

#content #aktuellliste ul li a.vid{

}

#content #aktuellliste ul li .bild{
margin-bottom: 0.5em;
position: relative;
}
#content #aktuellliste ul li .bild img{
display: block;
width: 100%;
}

#content #aktuellliste ul li .text{
padding-left: 35px;
position: relative;
}
#content #aktuellliste ul li .text>h3{
font-size: 1em;
line-height: 1.23529411764706em;
text-transform: none;
font-weight: 600;
margin-bottom: 0;
}
#content #aktuellliste ul li .text>h3 span.datum{
font-weight: 400;
position: absolute;
left: 0;
top: 4px;
width: 25px;
padding-right: 9px;
/*
border-right: 1px solid #000000;*/
text-align: center;
}
#content #aktuellliste ul li .text>h3 span.tag{
font-size: 1.76470588235294em;
line-height: 1em;
display: block;

margin-top: -5px;
}
#content #aktuellliste ul li .text>h3 span.monat{
font-size: 0.94117647058824em;
line-height: 1.2em;
display: block;

color: #000000;
text-transform: uppercase;
}
#content #aktuellliste ul li .text>h3 span.jahr{
font-size: 0.8125em;
line-height: 1.4em;
display: block;

color: #000000;
}
#content #aktuellliste ul li p.mehr{
margin: -0.6666666667em 0 0 0;
font-size: 0.88235294117647em;
font-weight: 600;
position: relative;
padding-left: 14px;
}


#map_canvas{
width: auto;
height: 520px;
position: relative;
page-break-inside: avoid;
}


/* REFS ... */




#referenzenliste{
clear: both;
}

#content #referenzenliste>ul{
list-style: none;
margin: 0;

position: relative;
}

#content #referenzenliste>ul>li{
display: block;
width: 96.07843137254902%;
padding: 0.98039215686275%;
margin: 0 0.98039215686275%;
clear: both;
overflow: hidden;

border-bottom: 1px solid #777777;

margin-top: 20px;
}

#content #referenzenliste>ul>li .bild{
float: right;
display: inline;

height: 0;
width: 22.95918367346939%;
padding-bottom: 22.95918367346939%;
border-radius: 50%;
border: 1px solid #777777;

margin-left: 2.04081632653061%;

margin-bottom: 50px;

overflow: hidden;
}

#content #referenzenliste>ul>li .bild+.bild{
/*	
margin-left: 5.102040816326531%;
*/

/*
margin-right: -25%;
margin-left: 25%;

position: relative;
right: 25%;
*/
}

#content #referenzenliste>ul>li .bild img{
display: block;
width: 100%;
}

#content #referenzenliste>ul>li .text{
	/*
float: left;
display: inline;

width: 54.08163265306122%;
padding-right: 13.26530612244898%;
*/

float: none;
display: block;
width: auto;

margin-bottom: 50px;
}
#content #referenzenliste>ul>li .bild+.text{
margin-right: 36.73469387755102%;
}
#content #referenzenliste>ul>li .bild+.bild+.text{
margin-right: 53.06122448979592%;
}

#content #referenzenliste>ul>li .text blockquote{
}

#content #referenzenliste>ul>li .text p.quote_von{
font-size: 0.84210526315789em;
line-height: 1.25em;
margin-bottom: 1.4375em;
margin-top: -0.75em;
}



/* LINKS */
.links{
display: none;
}


#suchergebnisse ul#suchergebnisliste{
list-style: none;
border-top: 1px solid #000000;
}
#suchergebnisse ul#suchergebnisliste li{
margin: 0 !important;
padding: 4px 0;
border-bottom: 1px solid #000000;
}
#suchergebnisse ul#suchergebnisliste li a{
padding: 8px 2px;
display: block;
text-decoration: none;
font-weight: 400;
color: #000000;
}

#suchergebnisse ul#suchergebnisliste li a h3{
color: #000000;
margin-bottom: 0.5em;
}

#suchergebnisse ul#suchergebnisliste li a p.textausschnitt{
margin-bottom: 0.5em;
}

#suchergebnisse ul#suchergebnisliste li a p.pfad{
font-size: 0.68421052631579em;
line-height: 1.53846153846154em;
line-height: 1.30769230769231em;
margin: 0;
color: #000000;
}
#suchergebnisse ul#suchergebnisliste li a p.pfad>span{
margin-right: 7px;
padding-left: 13px;
display: inline-block;
position: relative;
}
#suchergebnisse ul#suchergebnisliste li a p.pfad>span.offscreen{
position: absolute;
}
#suchergebnisse ul#suchergebnisliste li a p.pfad>span:after{
content: ">";
font-size: 1.6em;
font-weight: 100;

margin-top: 0em;
margin-right: 0;
position: absolute;
left: -2px;
top: 0px;

    -ms-transform: scale(0.5,1); /* IE 9 */
    -webkit-transform: scale(0.5,1); /* Chrome, Safari, Opera */
    transform: scale(0.5,1);
	
color: #000000;
}
#suchergebnisse ul#suchergebnisliste li a p.pfad span:first-child{
padding-left: 0;
}
#suchergebnisse ul#suchergebnisliste li a p.pfad span:first-child:after{
display: none;
}



.bild{
margin-bottom: 2em;
}

.bild img{
display: block;
width: 100%;
}

.bild p.legende{
margin: 6px 0 0 0;
font-size: 0.78947368421053em;
line-height: 1.33333333333333em;
}

.bild a{
display: block;
position: relative;
}




div.expandlist{
clear: both;
margin-left: 0;
margin-right: 0;
}

div.expandlist div.switch_all{
display: none;
}


div.expandlist>ul,
div.expandlist>form>ul{
list-style: none;
}

#content div.expandlist>ul>li,
#content div.expandlist>form>ul>li{
margin: 0;
padding: 0;

margin-bottom: 15pt;
position: relative;
overflow: hidden;

}
div.expandlist>ul>li>h3,
div.expandlist>form>ul>li>h3{
font-size: 0.78947368421053em;
line-height: 1.21052631578947em;
margin: 0;
padding: 7px 2% 7px 2%;
cursor: pointer;
text-transform: uppercase;
position: relative;
border: 2px dotted #000;
}


div.expandlist>ul>li.aktiv>h3,
div.expandlist>form>ul>li.aktiv>h3{
border: 2px solid #000;
}

div.expandlist ul>li>.contents{
/*border-top: 1px solid #ffffff;*/
overflow: hidden;
padding: 2% 1% 0% 1%;
/*padding-bottom: 15pt;*/
position: relative;

/*
display: none;
*/

}

div.expandlist ul>li.aktiv>.contents{
display: block;
}


div.expandlist ul>li>.contents .bildbereich{
width: 30.61224489795918%;
float: right;
display: inline;
}

div.expandlist ul>li>.contents .bildbereich .bild{
margin-bottom: 20px;
}

div.expandlist ul>li>.contents .bildbereich .bild img{
width: 100%;
display: block;
}

div.expandlist ul>li>.contents .textbereich{
width: auto;
float: none;
display: block;
}

div.expandlist ul>li>.contents .bildbereich+.textbereich{
width: 65.30612244897959%;
float: left;
display: inline;
}




div.expandlist>ul>li>.contents .downloadsbereich{
width: auto;
float: none;
display: block;
}

div.expandlist>ul>li>.contents .downloadsbereich>ul{
list-style: none;
padding-bottom: 1px;

margin-top: 0 !important;
}

div.expandlist>ul>li>.contents .downloadsbereich>ul li{
clear: both;
padding: 5px 0;
margin: 0 0 -1px 0 !important;
display: block;

border-top: 1px solid #777777;
border-bottom: 1px solid #777777;

position: relative;
}

div.expandlist>ul>li>.contents .downloadsbereich>ul li>span.a-subst,
div.expandlist>ul>li>.contents .downloadsbereich>ul li a,
div.expandlist>ul>li>.contents .downloadsbereich>ul li a:link,
div.expandlist>ul>li>.contents .downloadsbereich>ul li a:visited{
text-decoration: none;
font-weight: 400;
color: #000000;

padding: 4px 220px 4px 2px;

display: block;

}

div.expandlist>ul>li>.contents .downloadsbereich>ul li>span.a-subst{
color: #444444;
background: none;

padding-right: 130px;
}
div.expandlist>ul>li>.contents .downloadsbereich>ul li a span.zusatz{
font-size: 0.89473684210526em;
line-height: 1.35294117647059em;
position: absolute;
top: 9px;
right: 0;
right: 120px;
display: block;
width: 90px;

white-space: nowrap;
}
div.expandlist>ul>li>.contents .downloadsbereich>ul li a.bltkat,
div.expandlist>ul>li>.contents .downloadsbereich>ul li a.bltkat:link,
div.expandlist>ul>li>.contents .downloadsbereich>ul li a.bltkat:visited{
position: absolute;
right: 120px;

right: 0px;
top: 5px;
/*
border: 1px solid #dedddb;
*/
padding: 4px 10px 4px 10px;

font-size: 0.89473684210526em;
line-height: 1.35294117647059em;

border: 1px solid #000000;

}








div.expandlist ul>li>.contents .downloadsbereich2{
width: auto;
float: none;
display: block;
}

div.expandlist ul>li>.contents .downloadsbereich2>ul{
list-style: none !important;
padding-bottom: 1px;

margin-top: 0 !important;
}

div.expandlist ul>li>.contents .downloadsbereich2>ul li{
clear: both;
padding: 10px 0;
margin: 0 0 0px 0 !important;
display: block;

border-top: 1px solid #777777;

position: relative;
overflow: hidden;
}


div.expandlist ul>li>.contents .downloadsbereich2>ul li .bild{
width: 13.54166666666667%;
float: left;
display: inline;
clear: left;
margin:  0 1.04166666666667% 0 0;
padding: 0 1.04166666666667% 0 0;
}

div.expandlist ul>li>.contents .downloadsbereich2>ul li>h5{
width: 82.29166666666667%;
float: right;
display: inline;
/*
margin:  0 0 0 17.70833333333333%;
*/
margin: 0 0 10px 0;
}
div.expandlist ul>li>.contents .downloadsbereich2>ul li .text{
width: 82.29166666666667%;
float: right;
display: inline;
margin:  0 0 10px 2.08333333333333%;
padding: 9px 0 8px 0;
border-bottom: 1px dotted #ddd;
border-top:    1px dotted #ddd;
position: relative;
overflow: hidden;

min-height: 1.21052631578947em;
}

div.expandlist ul>li>.contents .downloadsbereich2>ul li .text input{
display: none;
}

div.expandlist ul>li>.contents .downloadsbereich2>ul li .text label{
display: none;
}


div.expandlist ul>li>.contents .downloadsbereich2>ul li a.link,
div.expandlist ul>li>.contents .downloadsbereich2>ul li a.link:link,
div.expandlist ul>li>.contents .downloadsbereich2>ul li a.link:visited{
text-decoration: none;
font-weight: 400;
color: #000000;

padding: 0px 0 0 0;

display: block;
margin-right: 270px;
float: left;
display: inline;

font-size: 0.89473684210526em;
line-height: 1.35294117647059em;
}


div.expandlist ul>li>.contents .downloadsbereich2>ul li a.bltkat,
div.expandlist ul>li>.contents .downloadsbereich2>ul li a.bltkat:link,
div.expandlist ul>li>.contents .downloadsbereich2>ul li a.bltkat:visited{
position: absolute;
right: 120px;

right: 0px;
top: 5px;
/*
border: 1px solid #dedddb;
*/
padding: 4px 10px 4px 10px;

font-size: 0.89473684210526em;
line-height: 1.35294117647059em;

border: 1px solid #000000;

display: block;
text-decoration: none;
}









div.messenliste>ul{
list-style: none;
clear: both;
}

#content div.messenliste>ul>li{
margin: 0;
padding: 0;

margin-bottom: 30px;
position: relative;
overflow: hidden;

}

div.messenliste>ul>li>h3{
font-size: 0.78947368421053em;
line-height: 1.21052631578947em;
margin: 0;
padding: 0 0%;
cursor: pointer;
text-transform: uppercase;
position: relative;

}

div.messenliste>ul>li>.contents{
overflow: hidden;
padding: 20px 0% 0% 0%;
position: relative;
}


div.messenliste>ul>li>.contents>ul{
list-style: none;
padding-bottom: 1px;

margin-top: 0 !important;
}

div.messenliste>ul>li>.contents>ul li{
padding: 5px 0;
margin: 0 0 -1px 0 !important;
display: block;

border-top: 1px solid #777777;
border-bottom: 1px solid #777777;

position: relative;
}

div.messenliste>ul>li>.contents>ul li a,
div.messenliste>ul>li>.contents>ul li a:link,
div.messenliste>ul>li>.contents>ul li a:visited{
text-decoration: none;
font-weight: 400;
color: #000000;

padding: 4px 2px 4px 2px;

display: block;
overflow: hidden;
}

div.messenliste>ul>li>.contents>ul li a span{

display: inline-block;
float: left;
}

div.messenliste>ul>li>.contents>ul li a span.datum{

/*min-width: 200px;*/
width: 28%;
padding-right: 2%;
}
div.messenliste>ul>li>.contents>ul li a span.datum span.von{
padding-right: 3px;
}
div.messenliste>ul>li>.contents>ul li a span.datum span.bis{

}
div.messenliste>ul>li>.contents>ul li a span.event{

width: 36%;
padding-right: 2%;

font-weight: 600;

white-space: nowrap;
}

div.messenliste>ul>li>.contents>ul li a span.ort{

width: 31%;

text-indent: 40px;

white-space: nowrap;
}

div.messenliste>ul>li>.contents>ul li a span.land{

position: absolute;
top: 2px;
right: 31%;
margin-right: -20px;
display: block;
width: 30px;
height: 30px;

border-radius: 50%;
overflow: hidden;
border: 1px solid #000000;
}

div.messenliste>ul>li>.contents>ul li a span.land img{

display: block;
height: 100%;
margin: 0;
}



h2#main_hl+h3{
/*
margin-top: -1em;
*/
}
h2#main_hl+h3 span.datum{}
h2#main_hl+h3 span.datum .von{}
h2#main_hl+h3 span.datum .bis{}
h2#main_hl+h3 span.ort{ 
text-transform: none; 
font-weight: 400;
}
h2#main_hl+h3 span.land{ 
text-transform: none; 
font-weight: 400;
}
h2#main_hl+h3 span.trenner{ 
font-weight: 400;
}





div#zeitstrahlliste{}

div#zeitstrahlliste>ul{
list-style: none;
clear: both;
}

#content div#zeitstrahlliste>ul>li{
margin: 0;
padding: 0;

padding: 9px 2% 10px 2%;
position: relative;
overflow: hidden;
}


#content div#zeitstrahlliste>ul>li div.bild{
float: left;
display: inline;
width: 130px;
margin-bottom: 1em;

}
#content div#zeitstrahlliste>ul>li div.bild a{
display: block;
}


#content div#zeitstrahlliste>ul>li div.text{
margin-left: 150px;
line-height: 1em;
}

#content div#zeitstrahlliste>ul>li div.text p,
#content div#zeitstrahlliste>ul>li div.text h5,
#content div#zeitstrahlliste>ul>li div.text h6,
#content div#zeitstrahlliste>ul>li div.text ul,
#content div#zeitstrahlliste>ul>li div.text ol{
line-height: 1em;
margin-bottom: 1em;
}

#content div#zeitstrahlliste>ul>li h4.jahr{

}
#content div#zeitstrahlliste>ul>li div.bild{
position: relative;

}





/* Bereichs-spezifische Styles */

#b_home #intro{
display: none;
}

#themenboxen>.inner>div{
font-size:   0.89473684210526em;
line-height: 1.23529411764706em;
}

#themenboxen>.inner>div>a{
text-decoration: none;
}

#themenboxen>.inner>div .bild img{
display: block;
width: 100%;
}


#themenboxen>.inner>div.variante1{

}

#themenboxen>.inner>div.variante1 .text{
float: left;
display: inline;
width: 60%;
width: 53.57142857142857%;

margin-bottom: 25px;
}

#themenboxen>.inner>div.variante1 .bild{
float: right;
display: inline;
width: 33%;
width: 42.85714285714286%;
min-height: 50px;
margin-top: 5px;
}

#themenboxen>.inner>div.variante2{

}

#themenboxen>.inner>div.variante2 .bild{
display: block;
min-height: 50px;
margin-bottom: 5px;
}

#themenboxen>.inner>div h3{
margin-bottom: 0.45454545454545em;

font-size: 1.29411764705882em;
line-height: 1em;
}

#themenboxen>.inner>div p{
margin-bottom: 0.58823529411765em;
}


#endethemenboxen{
display: none;
clear: both;
}









/* PROD1 ...*/

.cta-buttons{
display: none !important;
}

div.section#produkthighlights .inner{
}

div.section#produkthighlights div#highlightblock{
clear: left;
float: none;
display: block;
position: relative;

padding: 0.98039215686275%;
margin: 0 0.98039215686275% 10px 0.98039215686275%;

}

div.section#produkthighlights div#produktbild{
width: 33%;
width: 30.72%;
float: right;
display: inline;
margin-bottom: 5px;
margin-top: -40px;
}
div.section#produkthighlights div#produktbild img{
display: block;
width: 100%;
}

div.section#produkthighlights div#highlights{
position: relative;
}

div.section#produkthighlights div#highlights h3{
font-size: 1.15789473684211em;
}
div.section#produkthighlights div#highlights h3 span.subline{
display: block;
font-size: 0.90909090909091em;
font-weight: 400;
}


div.section#produkthighlights div#highlights>ul{
margin: 0;
list-style: none;
overflow: visible;
}

div.section#produkthighlights div#highlights>ul>li{
margin: 0;
}

div.section#produkthighlights div#highlights>ul>li>.marker{
display: none;
}

div.section#produkthighlights div#highlights>ul>li>.contents{
border-bottom: 1px solid #777777;
display: block;
padding-top: 1em;
}

div.section#produkthighlights div#highlights h4{
text-transform: uppercase;
}

div.section#produkthighlights div#highlights>ul>li>.contents .feature{
float: none;
display: block;
width: auto;
clear: both;
margin-right: 0;

overflow: hidden;

page-break-inside: avoid;
}

div.section#produkthighlights div#highlights>ul>li>.contents h5{
overflow: hidden;
}

div.section#produkthighlights div#highlights>ul>li>.contents h5>span{
padding: 2px 0px 2px 0px;
display: inline-block;
margin-right: 10px;
float: left;
}

div.section#produkthighlights div#highlights>ul>li>.contents h5 span.highlight-marker{
display: inline-block;
border: 1px solid #777777;
padding: 1px 10px;
color: #777777;
text-transform: uppercase;
margin-right: 0px;
float: none;

font-size: 0.78947368421053em;
}


div.section#produkthighlights div#highlights>ul>li>.contents .bild,
div.section#produkthighlights div#highlights>ul>li>.contents .einleitung+.feature:last-child .bild{
float: right;
display: inline;
width: 20%;
max-width: 190px;
margin-bottom: 10px;
margin-top: 5px;
margin-left: 10px;

border-radius: 50%;
overflow: hidden;
border: 1px solid #777777;
}
div.section#produkthighlights div#highlights>ul>li>.contents .bild img{

}
div.section#produkthighlights div#highlights>ul>li>.contents ul{
overflow: visible;
}



div.section#produktimpressionen .inner{
padding-bottom: 0;
}


#produktimpressionen .col1_3.textbereich{
clear: both;
float: none;
display: block;
width: auto;
}

#produktimpressionen .col2_3.videobereich{
display: none;
}

div.section#produktimpressionen .bildstreifen{
padding: 0.98039215686275%;
margin: 0 0.98039215686275% 10px 0.98039215686275%;

padding-right: 0;
margin-right: 0;
}


/* Produkt2 */

#b_produkt2{}

#produkteinfach{}

#produkteinfach #produktbild{}

#produkteinfach #produktbild img{
display: block;
width: 100%;
}


/* Messe Folgeseite */

#b_messen-detail h2#main_hl+h3{
/*
margin-top: -1em;
*/
}
#b_messen-detail h2#main_hl+h3 span.datum{}
#b_messen-detail h2#main_hl+h3 span.datum .von{}
#b_messen-detail h2#main_hl+h3 span.datum .bis{}
#b_messen-detail h2#main_hl+h3 span.ort{ 
text-transform: none; 
font-weight: 400;
}
#b_messen-detail h2#main_hl+h3 span.land{ 
text-transform: none; 
font-weight: 400;
}
#b_messen-detail h2#main_hl+h3 span.trenner{ 
font-weight: 400;
}









/* Ansprechpartner */


.asp_gruppen .textbereich{
float: none;
clear: left;
display: block;
width: 62.74509803921569%;
}

.asp_gruppen .bildbereich{
float: right;
page-break-inside: avoid;
}
/*
.asp_gruppen h3+.bildbereich{
margin-top: -90px;
}
*/
.asp_gruppen .bildbereich .bild img{
border: 1px solid #777777;
}

ul.asp_gruppen{
list-style: none;
}

ul.asp_gruppen>li{
margin: 0 0 1em 0 !important;
/*padding-bottom: 1em;*/

/*border-bottom: 1px solid #777777;*/
position: relative;
}

ul.asp_gruppen>li:after{
position: absolute;
height: 0;
content: "";
line-height: 0;
left: 1%;
right: 1%;
bottom: 0;
border-bottom: 2px solid #777777;
}

ul.asp_gruppen>li>h3{
overflow: hidden;
word-wrap: break-word;
/*
page-break-inside: avoid;
*/
}
ul.asp_gruppen>li>h3>span{
float: none;
display: block;
margin-left: 0;

overflow: hidden;
_padding-top: 1.2em;

display: table-cell;
vertical-align: middle;
height: 70px;
}
ul.asp_gruppen>li>h3>span.icon{
float: left;
display: inline;
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px;
margin-left: 0;
padding: 0;
page-break-inside: avoid;
}

ul.asp_gruppen>li>h3>span.icon img{
display: block;
width: 100%;
}

ul.asp_gruppen>li>div>.bild{
border-radius: 50%;
overflow: hidden;
width: 75%;
height: 0;
padding-bottom: 75%;
background: #E5E4DE;
margin-left: 25%;
margin-bottom: 0em;
border: 1px solid #777777;
}

ul.asp_gruppen>li>div>.bild img{
width: 100%;
display: block;
}

#content ul.asp_gruppen>li .expandlist>ul{
margin-top: 0px;

margin-bottom: 0px;
list-style: none;
}

#content ul.asp_gruppen>li .expandlist>ul>li{

}


ul.asp_gruppen>li .expandlist .tel,
ul.asp_gruppen>li .expandlist .fax,
ul.asp_gruppen>li .expandlist .mob,
ul.asp_gruppen>li .expandlist .email{
display: block;
clear: left;
}

ul.asp_gruppen>li .expandlist .tab{
width: 3em;
}

ul.asp_gruppen>li .expandlist .email{
overflow: hidden;
text-overflow: ellipsis;

white-space: nowrap;
}

ul.asp_gruppen>li .expandlist .email .tab{
display: none;
}

ul.asp_gruppen>li .expandlist>ul{

}

ul.asp_gruppen>li .expandlist>ul>li{

}

#content ul.asp_gruppen>li .expandlist .contents>ul{
margin-top: 0px;
margin: 0 -2.04081632653061%;
margin: 0 -1.02040816326531%;
margin: 0 -0.51020408163265%;
margin: 0 -1.53061224489796%;

overflow: visible;
}

#content ul.asp_gruppen>li .expandlist .contents>ul>li{
margin: 0.98039215686275%;
word-wrap: break-word;
padding-bottom: 4%;
page-break-inside: avoid;
height: auto !important;
}
#content ul.asp_gruppen>li .expandlist .contents>ul>li:nth-child(3n-2){
clear: left;
}

ul.asp_gruppen>li .expandlist>ul>li .bild{
margin-bottom: 10px;
overflow: hidden;
}
ul.asp_gruppen>li .expandlist>ul>li .bild img{
display: block;
width: 101.01%;
margin-left: -0.67340067340067%;
}
ul.asp_gruppen>li .expandlist>ul>li .text{

}
ul.asp_gruppen>li .expandlist>ul>li .text h4{
text-transform: uppercase;
font-weight: 300;
margin-bottom: 4px;
}
ul.asp_gruppen>li .expandlist>ul>li .text h5{
font-size: 1em;
font-weight: 600;
margin-bottom: 0px;
}
ul.asp_gruppen>li .expandlist>ul>li .text p{
margin-bottom: 0px;
}











.expandlist form#kontaktformular{
display: block;
}
.expandlist form#kontaktformular .kontaktformular_inner{
display: none !important;
}

form#kontaktformular{
display: none;
}



/* TEST */

/*
#wrapper{
max-width: 650px;

border-right: 1px #a00 solid;
}
*/