#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}




/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'),
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}



/* news-cycle-regular - latin */
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('News Cycle'), local('NewsCycle'),
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-regular.svg#NewsCycle') format('svg'); /* Legacy iOS */
}
/* news-cycle-700 - latin */
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('News Cycle Bold'), local('NewsCycle-Bold'),
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ppr_templates/fonts/news-cycle-v14-latin-700.svg#NewsCycle') format('svg'); /* Legacy iOS */
}



/* Contao Open Source CMS  */
 
#wrapper {
width:100%;
margin:0 auto;
}

/**
 * Set the default margin of the grid columns
 */
 
 
*[class*="grid"] {
float:left;
margin-left:10px;
margin-right:10px;
display:inline;
}

/**
 * Add a default margin to all content elements, so they align with the floatet
 * ones (otherwise you would have to add "grid12" to every element)
 */
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
margin-left:10px;
margin-right:10px;
}

#right .mod_article *[class*="ce_"], #right  .mod_article *[class*="mod_"] {
margin-left:0;
margin-right:0;
}

/**
 * Handle news and event reader modules which are added via content element and
 * contain content elements themselves (see #5331)
 */
 
.mod_article .mod_newsreader,.mod_article .mod_eventreader {
margin-left:0;
margin-right:0;
}
.mod_article *[class*="layout_"] > *,.mod_article *[class*="event_"] > * {
margin-left:10px;
margin-right:10px;
}

/**
 * Remove the margin from floated articles, because the margin is already
 * applied to its content elements (see above)
 */
 
.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,
.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 {
margin-left:0;
margin-right:0;
}

/**
 * Automatically clear the floats in the main column, so you do not have to add
 * a clearing div to each article
 */
 
#main .inside {
overflow:hidden;
}


/**
 * Grid column widths
 */

#kopfleiste .inside{
max-width:1120px;
}

#headerbox{
max-width:1120px;
}

#header .inside{
max-width:1120px;
}

#footer .inside{
max-width:1120px;
}

#underfooter #unterfooter_galery{
max-width: 1120px !important;
margin:0 auto;
}

#container{
max-width: 1120px;
}

.grid1  { width:73px; position:relative; }
.grid2  { width:166px; position:relative; }
.grid3  { width:259px; position:relative; }
.grid4  { width:352px; position:relative; }
.grid5  { width:445px; position:relative; }
.grid6  { width:538px; position:relative; }
.grid7  { width:631px; position:relative; }
.grid8  { width:724px; position:relative; }
.grid9  { width:817px; position:relative; }
.grid10 { width:910px; position:relative; }
.grid11 { width:1003px; position:relative; }
.grid12 { width:1096px; position:relative; }


 
@media (min-width:979px) and (max-width:1140px){

#kopfleiste .inside{
max-width:960px;
}

#headerbox{
max-width:960px;
}

#header .inside{
max-width:960px;
}

#footer .inside{
max-width:960px;
}

#underfooter #unterfooter_galery{
max-width: 960px !important;
}

#container{
max-width: 960px;
}

.grid1  { width:60px;  }
.grid2  { width:140px; }
.grid3  { width:220px; }
.grid4  { width:300px; }
.grid5  { width:380px; }
.grid6  { width:460px; }
.grid7  { width:540px; }
.grid8  { width:620px; }
.grid9  { width:700px; }
.grid10 { width:780px; }
.grid11 { width:860px; }
.grid12 { width:940px; }

}


@media (min-width:768px) and (max-width:979px){

#kopfleiste .inside{
max-width:750px;
}

#headerbox{
max-width:750px;
}

#header .inside{
max-width:750px;
}

#footer .inside{
max-width:750px;
}

#underfooter #unterfooter_galery{
max-width: 750px !important;
}

#container{
max-width: 750px;
}

#right .inside{
margin-right:0;
}

.grid1  { width:42px;  }
.grid2  { width:104px; }
.grid3  { width:166px; }
.grid4  { width:228px; }
.grid5  { width:290px; }
.grid6  { width:352px; }
.grid7  { width:414px; }
.grid8  { width:476px; }
.grid9  { width:538px; }
.grid10 { width:600px; }
.grid11 { width:662px; }
.grid12 { width:724px; }

}





@media (max-width:767px){

*[class*="grid"] {
float:none !important;
display:block !important;
width:auto !important;
}

.phonesnone{
display:none !important;
}
}




/* ----  Sidebarpages  ---- */

.sidebarpage #main{
max-width:850px;
float:left;
padding:0;
margin:0 !important;
}

.sidebarpage #main .inside{
max-width:850px;
float:left;
padding:0;
margin:0 !important;
}

.sidebarpage #right{
float:right;
width:255px;
margin:0;
}

.sidebarpage #right .inside{
margin-right:10px;
}


@media (max-width:767px){

.sidebarpage #main .inside{
margin:10px !important;
margin-left:0 !important;
margin-top:0 !important;
}

}




@media (min-width:979px) and (max-width:1140px){

.sidebarpage #main{
width:720px;
}

.sidebarpage #main .inside{
padding-right:0;
}  

.sidebarpage #right{
float:right;
width:220px;
}

.grid5  { width:370px; }
}



@media (min-width:768px) and (max-width:979px){

.sidebarpage .grid6  { width:540px; }
.sidebarpage .grid9  { width:730px; }

.sidebarpage #right{
float:none;
clear:left;
width:730px;
}

.sidebarpage #right .inside{
padding:0;
margin:0;
width:750px;
}

}




@media (max-width:767px){

.sidebarpage #container{
border:0 #f00 solid;
width:100% !important;
margin-left:0;
margin-right:0;
padding:0;
}

.sidebarpage #right{
float:none;
width:auto;
}

.sidebarpage #right .inside{
margin:10px;
}

}


@media (max-width:450px){
#right  .ce_text img{
float:none;
width:100%;
margin:0;
}

}



/* CSS Document */
html, body{
padding:0;
margin:0;
width:100%;
min-width:320px;
-webkit-text-size-adjust: none;
box-sizing: content-box;
background:#fff;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:15px;
line-height:22px;
color:#333;
}
.back{
clear:both;
}
/* Resets */
figure{
padding:0;
margin:0 !important;
}
.clear{
clear:both;
margin:0 0 0 0;
}
p.clear{
display:block;
clear:both;
margin:0 0 0 0;
border:1px #00f solid;
}
.startseite .line{
clear:both;
margin:40px 0 40px 0;
height:20px;
border-bottom:1px #0055a0 solid;
}
.invisible{
display:none;
}
/* Basis-Layout */
#wrapper{
width:100%;
}
#kopfleiste{
background:#333;
color:#fff;
height:40px;
}
#kopfleiste .inside{
margin:0 auto;
height:40px;
text-align:right;
}
#header{
	
position:absolute;
z-index:99;
top:40px;
width:100%;
height:150px;
padding-bottom:9px;
background: url(../../files/ppr_templates/images/header_shadow.png)  no-repeat bottom;
}
#header .inside{
position:relative;
margin:0 auto;
padding:0;
}
#container{
clear:left;
position:relative;
min-height:800px;
margin:30px auto;
padding:0;
}
.sidebarpage #container {
	margin-bottom: 10px;
}
.startseite #container{
}
@media (min-width:979px) and (max-width:1140px){
.startseite #container{
margin-top:530px;
}
}
@media (min-width:768px) and (max-width:979px){
.startseite #container{
margin-top:450px;
}
}
@media (min-width:681px) and (max-width:767px){
.startseite #container{
margin-top:450px;
}
}
@media (max-width:680px){
.startseite #container{
margin-top:300px;
}
}
#right{
padding:0;
margin:0;
margin-bottom:20px;
}
#footer{
clear:both;
background:#0055a0;
color:#fff;
}
#footer .inside{
clear:both;
color:#fff;
margin:0 auto;
padding:0;
background:url(../../files/ppr_templates/images/ppr_marke.png) no-repeat left 10px;
line-height:18px;
font-size:12px;
font-weight:bold;
}
#footer .inside .fusszeile{
margin:0;
}
#footer .inside img{
}
#underfooter{
background:#dbdbdb;
min-height:50px;
padding-top:2px;
padding-bottom:14px;
}
#main .ce_text p{
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
text-align: justify;
}
/* //////////////Kopfleiste ////////////// */
/* Metanavigation */
#kopfleiste .block{
display:inline-block;
}
#kopfleiste .mod_customnav{
margin:0;
padding:0;
}
#kopfleiste .mod_customnav li{
display:block;
float:left;
list-style:none;
margin-left:10px;
border-left:1px #999 solid;
padding: 0 0 0 10px;
}
#kopfleiste .mod_customnav ul{
margin:0 10px 0 0;
padding:0;
}
#kopfleiste a{
color:#fff;
text-decoration:none;
font-size:16px;
opacity:0.8;
text-transform:uppercase;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:700;
}
#kopfleiste a:hover{
opacity:1;
}
#kopfleiste .trail a{
color:#fff !important;
text-decoration:none;
font-size:16px;
text-transform:uppercase;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:700;
}
#kopfleiste span.active{
color:#fff;
text-decoration:none;
font-size:16px;
text-transform:uppercase;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:700;
}
/* Socialicons */
#kopfleiste .socialicons{
display:inline-block;
margin-top:8px;
padding:0;
}
#kopfleiste .socialicons ul{
margin:0;
padding:0;
list-style:none;
}
#kopfleiste .socialicons li{
display:inline-block;
margin:0;
margin-left:3px;
list-style:none;
}
#kopfleiste .socialicons a{
display:block;
margin:0;
-webkit-opacity: 0.80;
-moz-opacity: 0.80;
opacity: 0.80; 
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height:24px;
width:24px;
padding:0;
font-size:1px;
background-size: 24px;
}
#kopfleiste .socialicons a:hover{
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.socialicons .facebook{
background: url(../../files/ppr_templates/images/socialicons/facebook_r.png) no-repeat 0 0 #fff;
}
.socialicons .linkedin{
background: url(../../files/ppr_templates/images/socialicons/linkedin_r.png) no-repeat 0 0 #fff;
}
.socialicons .googleplus{
background: url(../../files/ppr_templates/images/socialicons/google_r.png) no-repeat 0 0 #fff;
}
.socialicons .xing{
background: url(../../files/ppr_templates/images/socialicons/xing_r.png) no-repeat 0 0 #fff;
}
.socialicons .youtube{
background: url(../../files/ppr_templates/images/socialicons/youtube_r.png) no-repeat 0 0 #fff;
}
.socialicons .rss{
display:none !important;
background: url(../../files/ppr_templates/images/socialicons/rss_r.png) no-repeat 0 0 #fff;
}
/* //////////////Header ////////////// */
#header #logo{
float:left;
height:60px;
width:180px;
margin-top:40px;
margin-left:10px;
}
/* --- Sprachwechsler --- */
#header #sprachwechsler{
float:right;
margin-top:12px;
}
#header #sprachwechsler ul{
display:block;
margin:0 15px 0 0;
padding:0;
}
#header #sprachwechsler li{
display:inline-block;
margin:0;
	width: 15px;
}
#header #sprachwechsler li + li{
display:inline-block;
margin-left:12px;
	border-left: 2px #000 solid;
	padding-left: 10px;
}


#header #sprachwechsler a{

text-decoration:none;
color:#0055a0;
font-size:18px;

font-family: 'Roboto Condensed', sans-serif;
font-weight: 500;
}
#header #sprachwechsler a:hover{
color:#000;
}

#header #sprachwechsler .de{

}



/*
#header #sprachwechsler .de{
background: url(../../files/ppr_templates/images/flags/de.png) no-repeat 0 3px;
}
#header #sprachwechsler .en{
background: url(../../files/ppr_templates/images/flags/en.png) no-repeat 0 3px;
}
*/

/* --- Menu --- */
.mainnav h4{
display:block;
}
.mainnav{
clear:right;
position:absolute;
right:20px;
top:69px;
}
.mainnav li.menu_hidden{
display:none !important;
}
.mainnav .level_1{
display:block !important;
}
.mainnav h4:hover .mainnav{
			overflow: visible !important;
}
/* --- Superfish-Menu --- */
@media only screen and (min-width : 1150px){
.mainnav ul.level_1 li.trail a.trail{
border-bottom:4px #c22 solid;
height:6px;
}
.mainnav ul.level_1 {
background:none;
}
 
.mainnav ul.level_1 span.active {
text-align:center;
display:block;
font-size:22px;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;
letter-spacing:0.01em;
color:#777;
padding-bottom:6px;
margin-bottom:10px;
border-bottom:4px #c22 solid;
}
.mainnav ul.level_1 span.active:hover,
.mainnav ul.level_1 span.active:focus,
.mainnav ul.level_1 span.active:active {
color:#777;
}
 
.mainnav ul.level_1 li {
float:left;
display:block;
margin:0;
padding:4px 14px 4px 10px;
}
.mainnav ul.level_1 li.last {
padding-right:10px;
}
 
.mainnav ul.level_1 li a {
display:block;
color:#777;
text-decoration:none;
text-align:center;
font-size:22px;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;
letter-spacing:0.01em;
padding-bottom:20px;
}
	
	
	.mainnav ul.level_1 li:hover ul{
display: block;
}
	
	
 
.mainnav ul.level_1 li:hover a,
.mainnav ul.level_1 li:active a,
.mainnav ul.level_1 li:focus a {
color:#333;
}
.mainnav ul.level_2:before {
position:absolute;
content: " ";
width: 24px;
height: 24px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 4px;
left: 15px;
background: #ddd;
}
.mainnav ul.level_2 {
display:none;
margin-top:4px !important;
padding-top:16px;
padding-right:0;
padding-left:0;
position:absolute;
width:180px;
background-color:none;
}
 
.mainnav ul.level_2 li.active {
display:block;
text-align:left;
border:none;
}
 
.mainnav ul.level_2 span.active {
display:block;
text-align:left;
font-size:16px;
padding: 3px 10px 3px 16px;
color:#000;
margin:0;
background-color:#eee;
border:none;
}
.mainnav ul.level_2 span.active:hover,
.mainnav ul.level_2 span.active:focus,
.mainnav ul.level_2 span.active:active {
color:#000000;
background-color:#eee;
}
.mainnav ul.level_2 li {
margin:0;
background-color:#ddd;
padding:0;
width:100%;
}
 
.mainnav ul.level_1 li:hover ul.level_2 li {
display:block !important;
}
 
.mainnav ul.level_1 li:hover ul.level_2 li {
display:block !important;
}
 
.mainnav ul.level_2 li:first-child {
padding-top:20px;
}
.mainnav ul.level_2 li:last-child {
padding-bottom:20px;
padding-right:0;
}
 
.mainnav ul.level_2 li a {
display:block;
text-align:left;
padding: 3px 10px 3px 16px;
font-size:16px;
}
 
.mainnav ul.level_2 li a:hover,
.mainnav ul.level_2 li a:active,
.mainnav ul.level_2 li a:focus {
color:#000000;
background-color:#eee;
}
.mainnav ul.level_2 li span.active{
background-color:#eee;
border:none;
}
.mainnav ul.level_2 li span.active{
background-color:#eee;
}
.mainnav ul.level_2 li.trail a.trail{
border:none;
padding: 3px 10px 3px 16px;
height:20px;
background-color: #eee;
} 
}
 
/* ------ Footer unten grau------ */
#underfooter .ce_gallery{
margin-top:0;
padding-top:0;
}
#underfooter ul{
padding:0;
margin-left:0;
}
#underfooter li{
float:left;
text-decoration:none;
list-style:none;
padding:0;
margin-left:0;
margin-right:30px !important;
}
#underfooter li.row_last{
}
#underfooter li img{
display:block;
}
/* ------ Headerbild------ */
#headerbox{
clear:both;
margin-top:150px !important;
margin:0 auto;
overflow:hidden;
max-height:380px;
}
@media only screen and (max-width : 680px){
#headerbox{
margin-top:90px !important;
}
}
#headerbox .image_container{
padding:0 !important;
margin:0 !important;
width:100% !important;
}
#headerbox #headerbild, #headerbox .image_container{
width:100% !important;
}
#headerbox .image_container img{
padding:0 !important;
margin:0 !important;
width:100% !important;
height:auto;
}
#headerbox .image_container a{ 
padding:0 !important;
margin:0 !important;
}
/* Unter Footer*/
#underfooter ul{
display:block;
margin:10px;
}
#underfooter li{
margin-right:20px;
}
#underfooter li.row_last{
margin-right:0;
}
#underfooter #slideshow .image_container{
display:block;
height:44px;
}
#underfooter #slideshow .image_container img{
height:100% !important;
width:100%;
}
/* ////////////// Header, Header-Menüs ////////////// */
	.mod_navigation h4{
		display: none;
	}
	
@media only screen and (max-width:980px){
#header #logo img {
margin-top:0;
width:200px;
height:auto;
}
#header .mainnav {
}
.mainnav ul.level_1 li a {
font-size: 18px;
}
.mainnav ul.level_1 span.active{
font-size: 18px;
}
#underfooter li{
margin-right:15px !important;
}
#underfooter #unterfooter_galery .image_container img{
height:35px !important;
width:auto
}
}
@media (max-width:767px){
#logo{
margin-left:20px !important;
}
#sprachwechsler{
margin-right:10px;
}
#kopfleiste .mod_customnav{
margin-right:14px;
}
	
	.inside{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
}
@media only screen and (max-width : 1150px){
#header{
height:90px !important;
}
#header #logo{
margin-top:24px;
}
#header #logo img{
width:160px;
}
#headerbox{
margin-top: 90px !important;
}
.mainnav li.menu_hidden{
display:block !important;
}
#kopfleiste .socialicons a{
opacity: 1;
}
#kopfleiste .mod_customnav{
display:none;
}
#sprachwechsler{
position:absolute;
top:-43px;
left:20px;
}
#sprachwechsler li{
margin-right:5px !important;
margin-left:0 !important;
width:30px !important;
}
#sprachwechsler a{
display:block;
color:#fff !important;
opacity:1 !important;
width:0 !important;
overflow:hidden;
padding-right:0 !important;
padding-left:30px !important; 
}
	
	
	
	
/*Superish-Menü */
	
	
#header .mainnav{
top:40px;
right:0;
height:30px;
overflow:hidden;
}
#header .mainnav:hover {
width:320px;
height:650px;
	overflow: visible !important;
}
	#header .mainnav:active {
width:320px;
height:650px;
	overflow: visible !important;
}
	
#header .mainnav h4{
display:block;
float:right;
margin-right:23px;
margin-top: 6px;
font-family: "Roboto Condensed",sans-serif;
font-size: 29px;
color:#777;
font-weight: 400;
cursor:pointer;
padding-left:30px;
background: url(../../files/ppr_templates/images/hamburger-icon_2.png) no-repeat left;
	
}
.mainnav ul.level_1 {
background:#ddd !important;
height:650px;
width:100% !important;
margin-top:50px;
padding-top:10px;
padding-bottom:0;
}
 
.mainnav ul.level_1 { 
display:block; 
}
.mainnav li{
list-style:none;
display:block !important;
float:none !important;
margin-top:0 !important;
margin-left:-40px !important;
padding:0 !important;
}
.mainnav li a{
display:block !important;
white:auto;
padding:6px 22px!important;
text-decoration:none;
color: #777;
}
.mainnav li:hover{
background-color: #eee !important;
}
span.active{
display:block !important;
white:auto;
border-left:2px #cc2222 solid;
padding:4px 10px!important;
margin:2px 0 2px 10px;
color: #777;
}
#header .mainnav ul.level_2:before {
position:absolute;
content: " ";
width: 25px;
height: 30px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 40px;
left: 240px;
background: #ddd;
}
#header .mainnav ul.level_1{
padding-top:40px;
}
ul ul span.active{
display:block !important;
white:auto;
padding:4px 10px!important;
margin:2px 0 2px 30px;
color: #777;
}
	.mainnav li ul {
overflow: hidden;
	}
	
	
.mainnav li li a{
display:block !important;
white:auto;
padding:6px 42px!important;
text-decoration:none;
color: #777;
}
.mainnav li li a:hover{
background:#f7f7f7;
width: 100% !important;
}
.mainnav ul ul li {
display:block;
width:320px !important;
padding-right:120px;
}
.mainnav ul ul{
display:block !important;
padding-bottom:10px;
}
.mainnav ul.level_1 li:hover ul.level_2{
display:block !important;
}
.mainnav ul.level_1 lir ul.level_2:hover{
display:block !important;
}
.mainnav span.trail{
border-left: 2px solid #cc2222;
color: #777;
display: block !important;
margin: 2px 0 2px 10px;
padding: 4px 10px !important;
	 font-size: 18px;
}
}
/* //////////////Footer ////////////// */
#footer .inside img{
width:100%;
height:auto;
}
@media (max-width:767px){
#footer .inside img{
}
#footer .inside .grid4{
max-width:300px;
}
#footer .inside .grid2{
float:left !important;
width:100px !important;
}
.footer_textbox{
float:left;
}
.footer_imagebox{
float:right;
}
#underfooter{
display:none;
}
}
@media (max-width:500px){
#footer .inside .grid4{
max-width:100%;
}
.footer_textbox{
width:100%;
}
.footer_imagebox{
text-align:right;
}
}
/* //////////////Produkte ////////////// */
.produkte .grid4{
	min-height:600px;
margin-bottom: 40px;
}
@media (max-width:1140px){
.produkte .grid4{ 
width:460px; 
min-height:600px;
}
}
@media (max-width: 980px){
.produkte .grid4{ 
width:100%; 
min-height:300px;
	padding-bottom: 20px;
		padding-top: 20px;
}
}
/* ---- Links ----*/
.ce_text a{
color:#0055a0;
font-weight:bold;
text-decoration:none;
}
.ce_text a:hover{
color:#cc2222;
}
/* ---- Links Telefonnummern ----*/
.lel_label{
display:block;
float:left;
width:40px;
}
.tel_link{
color:#333;
font-weight:normal;
}
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
text-decoration: none;
color:#333;
font-weight:normal;
}
#footer .tel_link{
color:#fff;
}
#footer a[href^="tel"]:link,
#footer a[href^="tel"]:visited,
#footer a[href^="tel"]:hover {
text-decoration: none;
color:#fff;
font-weight:bold;
}
.img_scale img{
width:100%;
height:auto;
}
.produkte .img_scale figure img{
display:block;
width:177px;
height:auto;
margin:0 auto;
}
#produkte h3{
display:block;
text-align:center;
}
#produkte .grid4 p{
text-align:justify;
padding:4px;
}
#produkte .grid4 h3{
padding:4px;
	
	font-size: 23px;
line-height: 30px;
	
	
}
h1{
font-size:36px;
line-height:42px;
color:#0055a0;
font-family: 'Roboto Condensed', sans-serif;
font-weight:normal;
}
h2{
font-size:30px;
line-height:30px;
margin-bottom:0;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;
color:#0055a0;
}
h3{
font-size:24px;
line-height:30px;
margin-bottom:0;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;
color:#0055a0;
}
@media (max-width:450px){
body{
font-size:14px;
}
h1{
font-size:30px;
line-height:32px;
}
h2{
font-size:26px;
line-height:28px;
}
h3{
font-size:17px;
line-height:20px;
}
}
.ce_text{
margin-top:20px;
margin-bottom:20px;
}
.topimageartikel{
margin-top:0;
	
}
/*   NEU  13.01.2016  / News-Kasten mit Bild auf Startseite */
.bg_blau{
    
    background-color:#0055A0 !important;
    
}
@media (min-width:979px) and (max-width:1140px){
    
.bg_blau img{
    
    width:100% !important;
    height:auto;
}
}
/* popup */
body{
	overflow-x: hidden;
}
#popup {
  position: fixed;
	z-index: 9;
  right: -460px;
	top: 250px;
  background-color: #eeeeee;
  width: 320px;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.popuptext:before {
position:absolute;
content: " ";
width: 152px;
height: 187px;
	background: url('https://www.ppr-hamburg.com/files/image_stellenangebot/bewerbung.png') no-repeat top;
top: -13px;
left: 190px;
}
@media (max-width:400px){
	
	
#popup {
	top: 160px;
  width: 280px;
  padding: 20px;
}
.popuptext:before {
top: -13px;
left: 170px;
}
}
	
#back_popup {
  cursor: pointer;
	position: relative;
  margin-top: 0;
	margin-bottom: 0;
	width: 30px !important;
		height: 30px;
}
#back_popup .menu-toggle-bar {
  width: 30px;
  height: 5px;
  background: #333333;
  transition: background .3s;
}
#back_popup:hover .menu-toggle-bar {
  width: 30px;
  height: 5px;
  background: #cc2222;
}
.toggle-bar-1 {
  position: absolute;
	margin-top: 10px;
  transform: rotate(-405deg);
}
.toggle-bar-2 {
  position: absolute;
	top: 10px;
  transform: rotate(45deg);
}
.popuptext span {
  font-size: 20px;
  margin-top: 30px;
  color: #333333;
  font-weight: 200;
	clear: both;
}
.popuptext span.strong {
  font-weight: 400;
  padding: 0;
}
.popuptext h3 {
  color: #0055a0;
  margin-top: -15px;
  margin-bottom: 10px;
	font-family: "Roboto Condensed", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 30px;
}
.popuptext a {
    display: block;
    font-size: 16px;
    font-weight: 600;
  text-transform: none;
  color: #0055a0;
  text-decoration: none;
  transition: color .3s;
  margin-top: 0;
  margin-bottom: 10px;
	    background: url("https://www.ppr-hamburg.com/files/ppr_templates/images/pfeil_weiter_blau_rot.png") no-repeat right 3px;
	  width: 86px;
padding-right: 20px;
}
.popuptext a:hover {
background:url("https://www.ppr-hamburg.com/files/ppr_templates/images/pfeil_weiter_blau_rot.png") no-repeat right -27px;
color:#cc2222;
}
/* PBB-Video */
video{
	display: block;
	width: 100%;
	
}
#videos .first{
	margin-top: 0 !important;
}
#videos .grid6 .ce_player, #videos .grid6 .ce_text{
	margin: 0 !important;
}
#videos .ce_text, #videos .ce_text p{
	text-align: center;
	text-justify: none;
}
#videos h3{
	text-align: center;
	text-justify: none;
}
#videos{
	position: relative;
}
#videos h4{
	text-align: center;
	display: block;
margin-bottom: 6px;
}
.video_content{
	padding-bottom: 100px !important;
}
.sidebarpage #container{
	
}
	
/*  Slider Logoleiste */
.logoleiste-container{
	
	border-top: 1px #0055a0 solid !important;
	margin-top: 25px;
	margin-left: 0 !important;
margin-right: 0 !important;
		margin-bottom: 25px;
	padding-top: 35px;
}
	
		.logoleiste {
			padding: 0;
			margin: 0;
		
	}
	
	.logoleiste li{
		display: inline-block;
					padding: 0;
			margin: 0;
		width: 24%;
		text-align: center;
	}
	
		.logoleiste li img{
max-width: 220px;
		width: 100%;
		height: auto;
	}
	
.ce_accordionSingle p{
	text-align: left !important;
	
	
}
.page_referenzen .ce_accordionSingle .accordion-closed{
	
	display: none;
}
#main #article-3{
	margin-bottom: 50px;
	
}
#article-73 #meldungen-archiv .grid9,
#article-73 #meldungen-archiv .grid2{
		margin-left: 0;
	
}
.inhaber .grid3{
	
	margin-top: 30px;
}
.inhaber .grid3 img{
	max-width: 220px;
	width: 100%;
	height: auto;
}
@media (max-width:500px){
.inhaber .grid3 img{
	max-width: 100%;
}
}
	
	
.imag-padding-top{
	margin-top: 50px;
}
	
#right .inside{
	margin-top: 50px;
}










#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:20px; padding-right:65px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:16px; 
   line-height:16px;

}

#cookiedingsbumsCloser {
   color: #0055a0;

   font: 20px/100% arial, sans-serif;
   position: absolute;
   right: 25px;
   text-decoration: none;
   text-shadow: 0 0 0 #fff;
   top: 15px;
   cursor:pointer;
   border-top:0 solid white; 
   border-left:0 solid white; 
   border-bottom:0 solid #7b92a9; 
   border-right:0 solid #7b92a9; 
   padding:4px;

 }

#cookiedingsbumsCloser:hover {border-bottom:0 solid white; border-right:0 solid white; border-top:0 solid #7b92a9; border-left:0 solid #7b92a9;}





#right .inside{
	margin-top: 50px;
}






/* ----- SIDEBAR-NAVI ----- */

.sidebarnav{
margin:0;
padding:0;
}

.sidebarnav ul{
margin:0;
padding:0;
}

.sidebarnav li{
margin:0;
padding:0;
list-style:none;
}

.sidebarnav a{
display:block;
padding:10px 20px 10px 20px;
background:#9ab9da;
text-decoration:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:2px;
font-family: "Open Sans Condensed",sans-serif;
font-size: 16px;
font-weight: 700;
color:#333;
}

.sidebarnav a:hover{
background:#aac9e1;
}

.sidebarnav span.active{
display:block;
padding:10px 20px 10px 20px !important;
background:#0055a0;
text-decoration:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:2px;
font-family: "Open Sans Condensed",sans-serif;
font-size: 16px;
font-weight: 700;
color:#fff;
	margin-left:0;
padding-left:0;

}

.sidebarnav .trail{
color:#fff;
background:#0055a0;
}

.sidebarnav .trail a{
color:#fff;
background:#0055a0;
}

.invisible{
display:none !important;
}









/* ----- SIDEBAR-NAVI PPR-News ----- */


.mod_newsmenu{
margin:0;
padding:0;
padding-bottom:20px;
}

.mod_newsmenu ul{
margin:0;
padding:0;
}

.mod_newsmenu li{
margin:0;
padding:0;
list-style:none;
}

.mod_newsmenu a{
display:block;
padding:10px 20px 10px 20px;
background:#9ab9da;
text-decoration:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:2px;
font-family: "Open Sans Condensed",sans-serif;
font-size: 17px;
font-weight: 700;
color:#333;
}

.mod_newsmenu a:hover{
background:#aac9e1;
}

.mod_newsmenu span.active{
display:block;
padding:10px 20px 10px 20px;
background:#0055a0;
text-decoration:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:1px;
font-family: "Open Sans Condensed",sans-serif;
font-size: 17px;
font-weight: 700;
color:#fff;
}



.mod_newsmenu span{
display:block;
padding:10px 20px 10px 20px;
background:#0055a0;
text-decoration:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:1px;
font-family: "Open Sans Condensed",sans-serif;
font-size: 17px;
font-weight: 700;
color:#fff;
	cursor: pointer;
}


.mod_newsmenu .trail{
color:#fff;
background:#0055a0;
}

.mod_newsmenu .trail a{
font-family: Arial, sans-serif;
font-weight:normal;
color:#fff;
background:#0055a0;
}

.mod_newsmenu .level_2 a{
font-family: Arial, sans-serif;
font-weight:normal;
padding:6px 0 8px 40px;
}

.mod_newsmenu .level_2 span.active{
font-family: Arial, sans-serif;
font-weight:normal;
padding:6px 0 8px 40px;
}



.mod_newsmenu .level_2{
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}

.mod_newsmenu .selected .level_2{
max-height: 2000px;
	

}



.mod_newsmenu .openYear ul.level_2{

	overflow: visible !important;
max-height: 1000px;
}


.mod_newsmenu .active ul.level_2{

	overflow: visible !important;
max-height: 1000px;
}









@media (min-width:768px) and (max-width:979px){

#news-menue-70{
width:228px;
float:left;
margin-top:10px;
}

.mod_newsmenu{
width:228px;
}

}

















/* Sidebar Elemente */


#right{
outline:0 #0f0 solid !important;
}

.sidebarelement{
outline:0 #f00 solid !important;
padding:20px;
margin-bottom:20px;
margin-top:20px;
font-size:14px;
line-height:16px;
}

.sidebarelement img{
width:100%;
height:auto;
}

.bluebackground{
background: none repeat 0 0 #0055a0;
color:#fff;
padding-bottom:40px;
padding-top:10px;
}

.bluebackground h3{
	color: #fff;
}


.blueoutline{
outline:1px #0055a0 solid !important;
color:#333;
padding-bottom:40px;
padding-top:10px !important;
}

.blueoutline div{
margin-top:0 !important;
}

.sidebarelement .img_scale{
width:245px;
height:auto;
margin-left:-20px !important;
margin-top:-10px;
}

.abbonform{
border:0 #f00 solid !important;
background:#0055a0;
color:#fff;
font-size:14px;
}

.abbonform h4{
font-size:16px;
margin-bottom:10px;
}

.abbonform input.text{
width:92%;
padding:3%;
border:2px #eeeeee solid;
background:#eeeeee;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-appearance: none;
}

.abbonform fieldset{
margin:0;
padding:0;
border:none;
}

.abbonform fieldset legend{
float:left;
margin:0 6px 6px 0;
padding:0;
}

.abbonform fieldset span{
float:left;
}

.abbonform .submit_container{
margin:0;
padding:0;
}

.abbonform .submit{
display:block;
width:100%;
padding:3%;
margin-top:18px;
border:none;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px;
border-radius: 6px;
background:#9ab9d1;
font-size:16px;
font-weight:bold;
cursor:pointer;
-webkit-appearance: none;
}

.abbonform .submit:hover{
background:#aac9e1;
}

.abbonform .widget-text label{
display:block;
margin-top:6px;
margin-bottom:4px;
}



@media (min-width:979px) and (max-width:1140px){
.sidebarelement .img_scale{
width:210px !important;
height:auto;
margin-left:-20px !important;
margin-top:-10px;
}
}


@media (min-width:768px) and (max-width:979px){
.sidebarelement{
width:188px;
float:left;
margin:10px;
}


.sidebarelement .img_scale{
width:228px !important;
height:auto;
margin-left:-20px !important;
}
}


@media (max-width:767px){

.sidebarelement .ce_text{
width:260px;
margin:0 auto !important;
}

#right .formbody{
width:260px;
margin:0 auto !important;
}

.sidebarelement img{
width:260px !important;
height:auto;
}

.sidebarelement .img_scale{
width:260px !important;
height:auto;
margin:0 auto !important;
margin-top:20px;
}

}





/*  Links */


a.link{
display:block;
float:right;
width:auto;
padding:5px 20px 5px 0;

background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right 3px;
text-decoration:none;
font-size:15px;
font-weight:600;
color:#0055a0;
font-family: "Roboto Condensed",sans-serif;
}

a.link:hover{
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right -27px;
color:#cc2222;
}

.bluebackground a.link{
display:block;
float:right;
width:auto;
padding:5px 20px 5px 0;

background:url(../../files/ppr_templates/images/pfeil_weiter_weiss.png) no-repeat right 3px;
text-decoration:none;
font-size:15px;
font-weight:600;
color:#fff;
font-family: "Roboto Condensed",sans-serif;
}

.bluebackground a.link:hover{
background:url(../../files/ppr_templates/images/pfeil_weiter_weiss.png) no-repeat right -27px;
}

a.pdf{
display:block;
float:right;
width:auto;
padding:6px 0 5px 30px;
background:url(../../files/ppr_templates/images/pdf_icon.png) no-repeat left 0;
text-decoration:none;
font-size:15px;
font-weight:600;
color:#0055a0;
font-family: "Roboto Condensed",sans-serif;
}

a.pdf:hover{
background:url(../../files/ppr_templates/images/pdf_icon.png) no-repeat left -29px;
}


/* Leitbild */


.leitbild img{
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}

.jahre_sidebar {
	padding-bottom: 15px;
}

.jahre_sidebar img{
	margin-bottom: 0;
}

/* CSS Document */


#main{
padding-bottom:40px !important;
}

#main .mod_article .first{

}

#main #kontakt .first{
margin-top:20px;
}

#main p{
text-align:justify;
}

#main .grid3 p{
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
text-align: justify;
}



#footer{
margin-top:40px;
}



#news-archiv .line{
margin-left:0 !important;
margin-right:0 !important;
}

.line{
clear:both;
margin-left:0 !important;
margin-right:10px !important;
height:20px;
border-bottom:1px #0055a0 solid;
}

.ce_teaser h1{
font-size:30px;
line-height:30px;
margin-bottom:0;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;
color:#0055a0;
}


@media (max-width:450px){

h1{
font-size:26px;
line-height:28px;
}
}




/* Google Maps */

#google-maps{
padding-right:20px;
}

.ce_dlh_googlemaps{
width:100%;
}


#dlh_googlemap_2{
height:418px;
width:100% !important;
}




/* Historie */


#historie .bluebox {
font-size: 26px;
line-height:90px;
margin-right:30px;
}

#historie .grid7{
width:660px;
}


@media (min-width:979px) and (max-width:1140px){

#historie .grid7{
width:550px;
}
}

@media (min-width:768px) and (max-width:979px){
#historie .bluebox {
margin-right:10px;
}

#historie .grid7{
width:600px;
}
}


@media (max-width:767px){
#historie .bluebox {
height:55px;
margin-right:10px;
line-height:60px;
}
}




/*  Akademischer Beirat */


#main #akademischer-beirat ul{
padding:0;
margin:0;
margin-top:40px;
}

#main #akademischer-beirat li{
display:block;
padding-left:50px;
background: url(../../files/ppr_templates/images/icons/akademiker.png) #eeeeee  no-repeat 10px 10px ;
margin-bottom:2px;
padding:14px 14px 14px 60px;
font-weight:700;
color:#005090;
}






/* Newsarchiv, Historie blauer Kasten */

.newsheader{
padding:0;
margin:0;
}

.newsarchiv_row{
clear:left;
margin-top:40px;
margin-bottom:60px;
}

.bluebox{
display:block;
position:relative;
text-align:center;
background:#005090;
color:#fff;
height:95px;
width:105px;
padding:0;
	padding-top: 10px;
float:left;
margin-left:0;
margin-right:20px;

}

.bluebox h4{
position:relative;
font-size:26px;
	margin-top: 10px;
	margin-bottom:  10px;
}

.bluebox p{
	display: block;
margin-top: 0;
	margin-bottom: 0;
		text-align: center !important;

}


.bluebox h5{
position:relative;
font-weight: normal;
font-size: 15px;
	margin-top: 0;
	margin-bottom: 0;
}


#news-archiv .mod_newsarchive h1{
display:block;
float:left;
width:100%;
background:#eeeeee;
text-align:center;
margin-bottom:-20px;
border-top:1px #0055a0 solid;
padding-bottom:5px;
padding-top:5px;
}


#news-archiv .bluebox p{
display:block;
text-align:center;
margin-top:6px;
}


#news-archiv .bluebox h4{
position:relative;
margin-top:10px;
padding-top:0;
margin-bottom:0;
line-height:10px;
font-size:28px;
}



#news-archiv .bluebox h5{
margin-top:15px;
padding:0;
font-size: 15px;
font-weight: normal;
}



#article-33 h4.bluebox{
	font-size: 28px;
margin-top: 45px;
line-height: 85px;
}

#article-33 h4.bluebox{
	font-size: 28px;
margin-top: 45px;
line-height: 85px;
}



#news-archiv .kalenderwoche{
display:none;
}

.newstext .news_text div{
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.newstext h2{
	display: block;
	width: 100%;
}



@media (max-width:767px){

#news-archiv .line{
border:none;
}


#news-archiv .newsarchiv_row{
border:none;
padding-bottom:0;
margin-top:-30px;
}

#news-archiv .kalenderwoche{
display:block;
margin-bottom:-20px;
font-weight:normal;
}

#news-archiv .bluebox{
margin-bottom:20px;
}

#news-archiv .bluebox h4{
line-height:38px;
}

#news-archiv .bluebox p{
display:none;
}


#news-archiv .bluebox h5{
display:none;
}
}

.mod_newsarchive .newsinfo{
margin-left:140px;
}


@media (max-width:767px){

#news-archiv .mod_newsarchive h1{
margin-bottom:0;
border-bottom:1px #0055a0 solid;
}

.mod_newsarchive .bluebox{

margin-right:10px;
		margin-bottom: 15px;
}

.mod_newsarchive .newsinfo{
margin-left:70px;
width:100%;
margin-right:10px;
margin-left:0;
}

.mod_newsarchive .bluebox h4{
margin-top:16px;
}

	.mod_newsarchive .newsinfo{
		display: block;
clear:both;
	
}

}



.bluebox_gross{
display:block;

text-align:center;
background:#005090;
color:#fff;
height:130px;
width:145px;
padding:0;
padding-top:5px !important;
}

.bluebox_gross h4{
display:block;
font-size:50px;
margin-top:22px;
margin-bottom:22px;
}

.bluebox_gross p{
display:block;
margin-top:7px;
text-align:center !important;

}

#news-artikel h2{
clear:left;
display:block;
float:left;
margin-top:24px;
line-height:36px;
margin-left:0;
}

#news-artikel .news_text{
clear:left;
padding-top:20px;
}

#news-artikel .news_text .ce_text{
margin:0;
}



/*  Links */

.sitelink{
height:40px;
margin-bottom:20px;
}

.sitelink p{
margin:0 !important;
}

a.more{
display:block;
float:left;
width:auto;
padding:2px 20px 5px 0;
margin-top:10px;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right 3px;
text-decoration:none;
font-size:17px;
font-weight:600;
color:#005090;
font-family: "Roboto Condensed",sans-serif;
}

a.more:hover{
color:#cc2222;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right -27px;
}

p.more a{
display:block;
float:left;
width:auto;
padding:2px 20px 5px 0;
margin-top:10px;
margin-bottom:10px;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right 3px;
text-decoration:none;
font-size:17px;
font-weight:600;
color:#005090;
font-family: "Roboto Condensed",sans-serif;
}

p.more a:hover{
color:#cc2222;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right -27px;
}


p.back a{
display:block;
float:left;
width:auto;
padding:2px 0 5px 20px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot_links.png) no-repeat left 3px;
text-decoration:none;
font-size:17px;
font-weight:600;
color:#005090;
font-family: "Roboto Condensed",sans-serif;
}

p.back a:hover{
color:#cc2222;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot_links.png) no-repeat left -27px;
}

a.next{
display:block;
float:left;
width:auto;
padding:2px 20px 5px 0;
margin-top:0;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right 3px;
text-decoration:none;
font-size:17px;
font-weight:600;
color:#005090;
font-family: "Roboto Condensed",sans-serif;
}

a.next:hover{
color:#cc2222;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot.png) no-repeat right -27px;
}

a.previous{
display:block;
float:left;
width:auto;
padding:2px 0 5px 20px;
margin-top:0;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot_links.png) no-repeat left 3px;
text-decoration:none;
font-size:17px;
font-weight:600;
color:#005090;
font-family: "Roboto Condensed",sans-serif;
}

a.previous:hover{
color:#cc2222;
background:url(../../files/ppr_templates/images/pfeil_weiter_blau_rot_lins.png) no-repeat left -27px;
}

.pagination{
clear:left;
float:none;
margin-top:100px !important;
border-top:1px #0055a0 solid;
}

.pagination ul{
list-style:none;
padding:0 !important;
margin:0;
margin-top:15px;
list-style:none;
width:100%;
margin-top:-24px !important;
}

.pagination p{
display:block;

text-align:center !important;
margin-bottom:0;
margin:0 auto;

}

.pagination li{
display:none;
width:40%;
}

.pagination li.next{
display:block;
float:right;
text-align:right;
}

.pagination li.previous{
float:left;
display:block;
}

.pagination li{
width:auto;
padding:0;
margin:0;
}

.pagination p{
display:block;
margin-top:20px;
}




/*  Meldungen */

#meldungen-archiv{
padding:0;
}


#main  .meldungen_einleitung{

margin-top:0 !important;


}



#meldungen-archiv .grid7 h2{
padding:0;
margin:0;
	line-height: 36px;
}



#meldungen-archiv .mod_newsarchive{
padding:0;
margin:0;
}

#meldungen-archiv .mod_newsarchive h2{
padding:0;
margin:0;
}


#meldungen-archiv .ce_image img{
width:100%;
height:auto;
margin-top:20px;
}

#meldungen-archiv .info{
text-align:right;
padding-top:10px;
margin-top:40px;
margin-bottom:0;
border-top:1px #0055a0 solid;
color:#0055a0;
font-weight:bold;
}

.meldungen .sidebarnav{
display:none;
}


@media (min-width:768px) and (max-width:979px){
.grid7{
width:605px;
}

.sidebarnav{
display:none;
}

}



@media (max-width:767px){

#meldungen-archiv .layout_full{
clear:left;
}

#meldungen-archiv .ce_image{
width:300px;
height:auto;
margin-top:40px;
margin:0 auto !important;
}

#meldungen-archiv .image_container{
width:300px;
height:auto;
margin-top:40px;
margin:0 auto !important;
}

#meldungen-archiv .ce_image img{
width:300px;
height:auto;
margin-top:40px;
margin:0 auto !important;
}

#meldungen-archiv .info{
text-align:right;
margin-top:40px;
margin-bottom:20px;
}

}




/* --- Accordeon Spazial --- */

/* Referenzen */

.page_referenzen .ce_accordionSingle{
outline: 1px #ddd solid;
margin-bottom:20px;
padding-top:20px;
}

.page_referenzen .ui-accordion-content{
width:100%;
}

.page_referenzen .ui-accordion-content div{
padding:10px;
font-size:13px;
line-height:15px;
text-align:left;
padding-bottom:14px;
background:#ddd;
}

.page_referenzen .accordion_opening{
border: 0 #999 solid;
width:28px;
height:20px;
float:right;
margin-right:5px;
background:url(../../files/ppr_templates/images/aufklapp_pfeile.png) 0 -8px;
	cursor: pointer;
}

.page_referenzen .ui-accordion-header{
outline:none;
height:160px;
}

.page_referenzen .ui-accordion-header img{
display:block;
margin:0 auto;
}

.page_referenzen .ui-accordion-header-active .accordion_opening{
background:url(../../files/ppr_templates/images/aufklapp_pfeile.png) 0 -38px;
}

.page_referenzen .page_referenzen .clear{
border:none !important;
height:0;
}

#referenzen{
margin-bottom:60px;
}

@media (min-width:768px) and (max-width:979px){
.page_referenzen .grid3{
width:230px !important;
}
}


#adressblock{
border-right:1px #0055a0 solid;
}

#adressblock h3{
margin-top:0;
}


@media (min-width:768px) and (max-width:979px){

#kontakt .grid4{
width:730px;
border:none;
}

#adressblock .responsivebrake{
width:355px;
float:left;
}

#contactform{
width:730px;
}

}



@media (max-width:767px){

#kontakt .grid4{
width:730px;
border:none;
}

#adressblock .responsivebrake{
width:355px;
float:left;
}

#right{
display:none;
}

.clear_columns{
clear:left;
}

}



/* Kontaktformular */


#contactform{
margin-top:20px;
}

#contactform h3{
margin-top:0;
}

#contactform .formbody{
padding:10px;
}

#contactform .widget input[type="text"],
#contactform .widget input[type="email"]{
font-size:15px;
width:94%;
border:none;
padding:3%;
background:#eeeeee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#contactform .widget textarea{
font-size:15px;
border:none;
width:94%;
height:150px;
padding:3%;
background:#eeeeee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-family: Arial, sans-serif;
}

#contactform .submit_container{
margin-top:20px;
background:#9ab9d1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}


#contactform .submit {
display:block;
width:100%;
border:none;
padding:12px;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px;
border-radius: 6px;
background:#9ab9d1;
font-size:16px;
font-weight:bold;
cursor:pointer;
-webkit-appearance: none;
}

#contactform  .submit:hover{
background:#aac9e1;
}



#contactform  .pflichtfeld{
float:right;

margin-bottom:-42px;
font-weight:bold;
width:100%;
margin-right:4px;
	text-align:right;
}


#contactform .widget-explanation p{

}


#contactform label{
display:block;
float:left;
margin-top:6px;
width:200px;
}

#contactform p.error{
clear:both;
float:left;
margin:0;
color:#cc2222;
}







#contactform .widget-explanation p{
    margin:0;
}

#contactform .widget-explanation a{
    color:#0071b7;
}

#contactform .pflichthinweis{
	text-align: right;
	    color:#DD3447;
}





/* -- */


#contactform .datenschutz_radio{
	clear: both;
	padding: 0;
	border: none;
margin-top:15px;
	
}


#contactform .datenschutz_radio input{
width: auto;
	float:left;

	margin-top: 10px;
	margin-left: 0;
	margin-right: 10px;
}


#contactform .datenschutz_radio label{
width: auto;

float: none;
	
}


#contactform .datenschutz_text  p{
margin-top:10px;
	
}


#contactform .datenschutz_text  p{
text-align: left !important;
	
}

.widget-explanation{
	
		clear: both;
	
	
}




/* Artikel Teaser */


.ce_teaser{
border-bottom:1px #0055a0 solid;
padding-bottom:10px;
}

#agentur .first{
border-bottom:1px #0055a0 solid;
padding-bottom:30px;
}

#team .first{
border-bottom:1px #0055a0 solid;
padding-bottom:30px;
}

.mod_article .ce_text{
margin-bottom:0 !important;
}




@media (max-width:450px){
#adressblock .responsivebrake{
width:auto;
}

}



/*  Inhaber  */

#inhaber-gruender .grid3 img{
width:100%;
height:auto;
}

#inhaber-gruender .grid3 {
margin-top:40px;
}

#inhaber-gruender .grid6 {
margin-top:40px;
}

#inhaber-gruender .grid6 h2{
margin-top:0;
}



@media (max-width:767px){

#inhaber-gruender .grid3 img{
display:block;
width:300px;
height:auto;
margin:0 auto;
}


#inhaber-gruender .grid6 {
margin-top:30px;
}

}