@import url("fonts.css");
@import url("rte.css");
@import url("news.css");
@import url("plugins.css");
@import url("forms.css");
/* ------------------- GRUNDGERÜST ------------------- */
* {
  margin: 0px;
  padding: 0px; 
}

/*---- Fonts
font-family: 'DINCondensed';
----------------------- */

/*----- Farbschema


decosa:   #fffce4 rgb(255, 252, 228)
40%  #fffef5 rgb(255, 254, 245)  FFFFFEF5
grau  #faf9f2  rgb(250, 249, 242)
climapor:   #f07b00  rgb(240, 123, 0)
10%  #fef3e8  rgb(254, 243, 232)
20%  #fee6d0  rgb(254, 230, 208)
grau  #faf4ee  rgb(250, 244, 238)
secupor:   #225082  rgb(34, 80, 130)
10%  #e8e9f2  rgb(232, 233, 242)
20%  #d2d5e4  rgb(210, 213, 228)
grau  #ebedf0  rgb(235, 237, 240)

Saarpor box-fond-dunkel:   #e5e5e5
Saarpor box-fond-hell:    #f2f2f2
------------------------*/

html, body {margin:0 auto; padding:0; width:100%; height:100%;overflow:hidden;-webkit-font-smoothing: antialiased;}
#bg {position:absolute; z-index:1; width:100%;}
#bgimg {width:100%; height:100%; }
#scroll {position:absolute; z-index:2; width:100%; height:100%; top:0; left:0;overflow:auto; }

img.bg {
  min-height: 100%;
  min-width: 1200px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

body{
  font-family: Georgia, 'Times Ten', TimesNewRoman, "Times New Roman", Times, Baskerville, serif;
  text-align: center;
  background-color:#ffffff;
  color:#000000;
  font-size:14px;
  line-height:21px;
}

#Rahmen{
  text-align: left;
  margin: 0 auto;
}

#Logo{
  float:left;
  height:55px;
  width:200px;
  margin-left:10px;
  margin-top:30px;
  background-image:url('../lay/logo-saarpor.png');
  background-repeat:no-repeat;
  background-position:top left;
}

#Logo a{
  display:block;
  height:55px;
  width:200px;
}

#Logo strong{
  display:none;
}
#HeadNavSearch{
  float:left;
  height:43px;
  opacity:0.7;
  padding:10px 10px 15px;
  width:215px;
}

#HeaderWrap{
  width:980px;
  margin: 0 auto;
}

#Header{
  float:left;
  height:150px;
  width:840px;
}

#SocialMedias{
  float:right;
  margin-top:68px;
}

#SocialMedias img {
  margin-left: 2px;
  height:24px;
  width:inherit;
}

#HeaderShop{
  float:right;
  height:31px;
  width:120px;
  margin: 0 10px;
  text-align:center;
  padding-top:119px;
  font-size:28px;
  font-family: 'DINCondensed';
  color:#ffffff;
  text-transform:uppercase;
  display:block;
  z-index:1005;
  position:relative;
}
#HeaderShop a, #HeaderShop a:link, #HeaderShop a:visited, #HeaderShop a:active{
  color:#ffffff;
  text-decoration:none;
  height: 31px;
  width: 120px;
  display: block;
  padding-top: 119px;
  position: relative;
  top: -119px;
  
  background-color:#c00303;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  border-radius:0 0 10px 10px;
  background-image:url('../lay/icon-shop-big.png');
  background-repeat:no-repeat;
  background-position:center 60px;
}
#HeaderShop a:hover{
  text-decoration:underline;
  height: 31px;
  width: 120px;
  display: block;
  padding-top: 154px;
  position: relative;
  top: -119px;
  background-position:center 95px;
}

#sub #AllContent{
  width:960px;
  border:solid #ffffff 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color:#ffffff;
  -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  margin:0 auto;
}

#sub #Content-Wrap{
  float:right;
  margin-left:10px;
  width:720px;
  padding:10px;
}

#sub #einespalte #Content{
  float:left;
  width:720px;
}

#sub #Content{
  /* min-height:400px; */
}

#sub #zweispalten #Content{
  float:left;
  width:385px;
  padding-right:5px;
}

#sub #einespalte #Content_Right{
  display:none;
}
#sub #zweispalten #Content_Right{
  float:right;
  width:330px;
}


#Content_Left{
  /*float:left;
  width:189px;*/
  overflow: hidden;
  padding:10px;
  background-color:#eeeeee;
  border-right: 1px solid #cccccc;
}

.Decosa #Content_Left{
  background-color:#fffce4;
}
.Climapor #Content_Left{
  background-color:#fee6d0;
}
.Secupor #Content_Left{
  background-color:#d2d5e4;
}


#index #Content_Right,
#index #Content_Left{
  display:none;
}

#index #Content_Right,
#index #Content_Left{
  width:980px;
  clear:both;
  float:none;
  margin: 0 auto;
}

#index #Content{
  clear:both;
  float:none;
  margin: 0 auto;
}

#Content ul,
#Content ol{
  margin: 5px 0px 5px 20px;
}

#index #Rand{
  margin:0 auto;
  width:1000px;
}

/* ----------------------- FOOTER --------------------- */
#Footer{
  font-size:13px;
  padding: 10px;
  color:#666;
  margin:0 auto;
  margin-top:20px;
  width:960px;
  height:100px;
  background-image:url('../lay/bg-footer.png');
  background-repeat:repeat-x;
  background-position:top left;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
}

.footer-links{
  float:left;
  width:50%;
}
.footer-rechts{
  text-align:right;
  float:right;
  width:50%;
}

a.aFooter, a.aFooter:link, a.aFooter:active, a.aFooter:visited{
  text-decoration:none;
  color:#666;
}

a.aFooter:hover {
  text-decoration:underline;
}

/* ----------------------- HAUPTNAVIGATION --------------------- */
#NavH{
  /* height:41px; */
  margin:0;
  /* width:840px; */
}
#NavH a{
  display:block;
}

#NavH ul{
  list-style-type:none;
}

#NavH ul li{
  float: left;
  display:block;
}

#NavH ul li.act,
#NavH ul li.inact{
  height:80px;
}

#NavH ul li.inact .aNavH{
  opacity:0.3;
}

#NavH ul li:hover .aNavH,
#index.Saarpor.Company #NavH ul li.inact:hover .aNavH{
  position:relative;
  margin-top: 10px;
  opacity:1.0 !important;
  display:block;
  z-index:1001;
  
  -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
}

#NavH ul li.act,
#index.Saarpor #NavH ul li.inact .aNavH{
  opacity:1.0 !important;
}

#index.Saarpor.Company #NavH ul li.inact .aNavH{
  opacity:0.3!important;
}

/*----- Subnav ---------- */

#NavH ul li ul{
  display:none;
  z-index:100;
}

.nav2 .NavH_Box{
  margin-left:-190px;
}
.nav3 .NavH_Box{
  margin-left:-400px;
}
.nav4 .NavH_Box{
  margin-left:-610px;
}

#NavH ul li:hover ul{
  display:block;
}
#NavH ul li ul li{
  border-right: 1px solid #cccccc;
  float: left;
  padding: 0;
  margin:0;
  width:209px;
}

#NavH ul li ul li:first-child{
  width:199px !important;
}


#NavH ul li ul li:last-child{
  border-right:0 none !important;
  padding: 0;
  margin:0;
  /*
  width:110px !important; 
  */
}

/* Last Child wird von IE nicht erkannt, daher wird mit jquery (main.js) dem last-child einfach diese Klasse hinzugefuegt :-D */
.NavH_lastchild_ie_hack{
  border-right:0 none !important;
  padding: 0;
  margin:0;
  /*
  width:110px !important;
  */
}


#NavH ul li ul li{
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.NavH_Pic{
  display: block;
  clear: both;
  margin: 0;
  padding:0 10px;
}
.NavH_Pic img{
  -webkit-border-radius: 10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin-bottom:10px;
}

.NavH_Teaser{
  display: block;
  clear: both;
  margin: 0;
  padding:0 10px;
  font-size:14px;
  line-height:16px;
}

.ebene-1{
  padding-top:5px;
}

.aNavHSub, .aNavHSubActive {
  font-family: 'DINCondensed';
  font-size:20px;
  font-weight:normal;
  text-transform:uppercase;
  margin-top:5px;
}
a.aNavHSub, a.aNavHSub:link, a.aNavHSub:visited, a.aNavHSub:active, a.aNavHSub:hover,
a.aNavHSubActive, a.aNavHSubActive:link, a.aNavHSubActive:visited, a.aNavHSubActive:active, a.aNavHSubActive:hover{
  color:#666666;
}

a.aNavHSubSub, a.aNavHSubSub:link, a.aNavHSubSub:visited, a.aNavHSubSub:active, a.aNavHSubSub:hover{
  font-weight:bold;
}
.aNavHSubSub:before{
  content: "»";
  padding: 0 2px;
}

.NavH_abstract{
  font-size:14px;
  line-height:16px;
  float:left;
}

.NavH_Box{
  margin:-5px 0 0 20px;
  font-size:12px;
  padding:20px 0 20px 0;
  width:940px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display:block;
  min-height:210px;
  
  -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
}
.NavH_Box_Item{
  font-size:12px;
  padding:10px;
  display:block;
}


.nav1 .NavH_Box{
  /* RGB Fallback */
  background: rgb(255, 255, 255) transparent;
  /* RGBA Transparent */
  background: rgba(255, 255, 255, 0.95);
  /* IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
  /* IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}
.nav2 .NavH_Box{
  /* RGB Fallback */
  background: rgb(255, 254, 245) transparent;
  /* RGBA Transparent */
  background: rgba(255, 254, 245, 0.95);
  /* IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFEF5, endColorstr=#FFFFFEF5);
  /* IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFEF5, endColorstr=#FFFFFEF5)";
}
.nav3 .NavH_Box{
  /* RGB Fallback */
  background: rgb(254, 243, 232) transparent;
  /* RGBA Transparent */
  background: rgba(254, 243, 232, 0.95);
  /* IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFEF3E8, endColorstr=#CCFEF3E8);
  /* IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFEF3E8, endColorstr=#CCFEF3E8)";
}
.nav4 .NavH_Box{
  /* RGB Fallback */
  background: rgb(232, 233, 242) transparent;
  /* RGBA Transparent */
  background: rgba(232, 233, 242, 0.95);
  /* IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE8E9F2, endColorstr=#CCE8E9F2);
  /* IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE8E9F2, endColorstr=#CCE8E9F2)";
}


/* Hauptnavigation 3. Ebene sw 26.09 */
#NavH ul li ul li ul {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  margin: 0;
  width: inherit;
}

#NavH ul li ul li ul li{
  float:none;
  border:none;
}

#NavH ul li ul li ul li .NavH_Teaser{
  padding:0;
}

/*----- Subnav Ende ----- */



.aNavH, 
a.aNavH:link, 
a.aNavH:active, 
a.aNavH:visited{
  display:block !important;
  margin:0;
  text-decoration:none;
  margin:0 0 0 10px;
  text-align:center;
  width:200px;
  height:45px;
  font-size:28px;
  line-height:45px;
  font-family: 'DINCondensed';
  text-transform:uppercase;
}
a.aNavH:hover{
  text-decoration:underline;
  display:block;
  height:45px;
  line-height:45px;
}

.aNavHActive, 
a.aNavHActive:link, 
a.aNavHActive:active, 
a.aNavHActive:visited, 
a.aNavHActive:hover {
  display:block;
  margin:0;
  text-decoration:none;
}


/*-- Unternehmen --*/
.nav1 a.aNavH, 
.nav1 a.aNavH:link, 
.nav1 a.aNavH:active, 
.nav1 a.aNavH:visited {
  display:block;
  height:45px;
  width:176px;
  padding:0 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height:49px;
  margin-left:10px;
}
#index .nav1 a.aNavH, 
#index .nav1 a.aNavH:link, 
#index .nav1 a.aNavH:active, 
#index .nav1 a.aNavH:visited {
  color: #666666;
  background-color:#ffffff;
}
#sub .nav1 a.aNavH, 
#sub .nav1 a.aNavH:link, 
#sub .nav1 a.aNavH:active, 
#sub .nav1 a.aNavH:visited {
  color: #666666;
  background-color:#ffffff;
}
.nav1.act a.aNavH,
.nav1.act a.aNavH:active,
.nav1.act a.aNavH:link,
.nav1.act a.aNavH:visited,
.nav1.inact a.aNavH:hover{
  color: #666666;
  background-color:#ffffff;
}

/*-- Decosa --*/
.nav2 a.aNavH, 
.nav2 a.aNavH:link, 
.nav2 a.aNavH:active, 
.nav2 a.aNavH:visited {
  display:block;
  height:41px;
  width:172px;
  padding:0 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#index .nav2 a.aNavH, 
#index .nav2 a.aNavH:link, 
#index .nav2 a.aNavH:active, 
#index .nav2 a.aNavH:visited{
  color: #c00303;
  background-color:#fffce4;
  border:2px solid #000000;
}
.nav2.inact a.aNavH, 
.nav2.inact a.aNavH:link, 
.nav2.inact a.aNavH:active, 
.nav2.inact a.aNavH:visited,
#index.Saarpor.Company .nav2.inact a.aNavH{
  color: #000000 !important;
  background-color:#ffffff !important;
  border:2px solid #000000 !important;
}
.nav2.act a.aNavH,
.nav2.act a.aNavH:link,
.nav2.act a.aNavH:active,
.nav2.act a.aNavH:visited,
#NavH ul li.nav2:hover a.aNavH,
#index.Saarpor.Company .nav2.act a.aNavH,
#index.Saarpor.Company #NavH ul li.nav2:hover a.aNavH{
  color: #c00303 !important;
  background-color:#fffce4 !important;
  border:2px solid #000000 !important;
  display:block;
}
#index.Saarpor .nav2 a.aNavH, 
#index.Saarpor .nav2 a.aNavH:link, 
#index.Saarpor .nav2 a.aNavH:active, 
#index.Saarpor .nav2 a.aNavH:visited{
  color: #c00303 !important;
  background-color:#fffce4 !important;
  border:2px solid #000000 !important;
}


/*-- Climapor --*/
.nav3 a.aNavH, 
.nav3 a.aNavH:link, 
.nav3 a.aNavH:active, 
.nav3 a.aNavH:visited {
  display:block;
  height:41px;
  width:172px;
  padding:0 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
}
#index .nav3 a.aNavH, 
#index .nav3 a.aNavH:link, 
#index .nav3 a.aNavH:active, 
#index .nav3 a.aNavH:visited {
  color: #ffffff;
  background-color:#f07b00;
  border:2px solid #000000;
  
}
.nav3.inact a.aNavH, 
.nav3.inact a.aNavH:link, 
.nav3.inact a.aNavH:active, 
.nav3.inact a.aNavH:visited,
#index.Saarpor.Company .nav3.inact a.aNavH{
  color: #000000 !important;
  background-color:#ffffff !important;
  border:2px solid #000000 !important;
}
.nav3.act a.aNavH,
.nav3.act a.aNavH:active,
.nav3.act a.aNavH:link,
.nav3.act a.aNavH:visited,
#NavH ul li.nav3:hover a.aNavH,
#index.Saarpor.Company .nav3.act a.aNavH,
#index.Saarpor.Company #NavH ul li.nav3:hover a.aNavH{
  color: #ffffff !important;
  background-color:#f07b00 !important;
  border:2px solid #000000 !important;
}
#index.Saarpor .nav3 a.aNavH, 
#index.Saarpor .nav3 a.aNavH:link, 
#index.Saarpor .nav3 a.aNavH:active, 
#index.Saarpor .nav3 a.aNavH:visited {
  color: #ffffff !important;
  background-color:#f07b00 !important;
  border:2px solid #000000 !important;
  
}
/*-- Secupor --*/
.nav4 a.aNavH, 
.nav4 a.aNavH:link, 
.nav4 a.aNavH:active, 
.nav4 a.aNavH:visited {
  display:block;
  height:41px;
  width:172px;
  padding:0 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#index .nav4 a.aNavH, 
#index .nav4 a.aNavH:link, 
#index .nav4 a.aNavH:active, 
#index .nav4 a.aNavH:visited {
  color: #ffffff;
  background-color:#225082;
  border:2px solid #000000;
}
.nav4.inact a.aNavH, 
.nav4.inact a.aNavH:link, 
.nav4.inact a.aNavH:active, 
.nav4.inact a.aNavH:visited,
#index.Saarpor.Company .nav4.inact a.aNavH {
  color: #000000 !important;
  background-color:#ffffff !important;
  border:2px solid #000000 !important;
}
.nav4.act a.aNavH,
.nav4.act a.aNavH:active,
.nav4.act a.aNavH:link,
.nav4.act a.aNavH:visited,
#NavH ul li.nav4:hover a.aNavH,
#index.Saarpor.Company .nav4.act a.aNavH,
#index.Saarpor.Company #NavH ul li.nav4:hover a.aNavH{
  color: #ffffff !important;
  background-color:#225082 !important;
  border:2px solid #000000 !important;
}
#index.Saarpor .nav4 a.aNavH, 
#index.Saarpor .nav4 a.aNavH:link, 
#index.Saarpor .nav4 a.aNavH:active, 
#index.Saarpor .nav4 a.aNavH:visited {
  color: #ffffff !important;
  background-color:#225082 !important;
  border:2px solid #000000 !important;
}

/* ----------------------- CONTENTNAVIGATION ------------------- */
#NavC{
  display:block;
  font-size:13px;
  line-height:16px;
}
#index #NavC{
  display:none;
}

#NavC ul{
  margin: 0px !important;
  padding: 0px !important;
  list-style-type:none;
}

#NavC ul li{
  display:block;
  margin:0px;
  padding:0px;
}


.UNavText:before,
.UNavTextActive:before{
  content: "»";
  padding: 0 2px;
}

.UNavText, a.UNavText:active, a.UNavText:visited, a.UNavText:link {
  display:block;
  font-weight:bold;
  text-decoration:none; 
  color:#000000;
}

.UNavTextActive, a.UNavTextActive:active, a.UNavTextActive:visited, a.UNavTextActive:link, a.UNavText:hover {
  display:block;
  font-weight:bold;
  text-decoration:underline;
}

#NavC ul li ul{
  list-style-type:none;
  margin-bottom:5px !important;
}

#NavC ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
}

.UNav2Text:before,
.UNav2TextActive:before{
  content: "»";
  padding: 0 2px;
}

.UNav2Text, a.UNav2Text:active, a.UNav2Text:visited, a.UNav2Text:link {
  display:block;
  font-weight:normal;
  text-decoration:none;
  color:#000000;
  padding-left:15px;
}

.UNav2TextActive, a.UNav2TextActive:active, a.UNav2TextActive:visited, a.UNav2TextActive:link, a.UNav2Text:hover {
  display:block;
  font-weight:normal;
  text-decoration:underline;
  padding-left:15px;
}

/* ----------------------- CONTENTNAVIGATION 3. & 4. Ebene------------------- */
#NavC ul li ul li ul{
  list-style-type:none;
  padding:0;
  border:none;
  margin-bottom:5px;
}

#NavC ul li ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
}

.UNav3Text:before,
.UNav3TextActive:before{
  content: "»";
  padding: 0 2px;
}
.UNav3Text, a.UNav3Text:active, a.UNav3Text:visited, a.UNav3Text:link {
  display:block;
  font-weight:normal;
  padding-left: 25px;
  text-decoration:none;
  color:#000000;
}

.UNav3TextActive, a.UNav3TextActive:active, a.UNav3TextActive:visited, a.UNav3TextActive:link, a.UNav3Text:hover {
  display:block;
  font-weight:normal;
  padding-left: 25px;
  text-decoration:underline;
}


#NavC ul li ul li ul li ul{
  list-style-type:none;
  margin:0 0 0 5px;
  padding:0;
  border:none;
}

#NavC ul li ul li ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
}

.UNav4Text, a.UNav4Text:active, a.UNav4Text:visited, a.UNav4Text:link {
  display:block;
  font-size:10px;
  font-weight:normal;
  padding:0px;
  text-decoration:none;
  color:#000000;
}

.UNav4TextActive, a.UNav4TextActive:active, a.UNav4TextActive:visited, a.UNav4TextActive:link, a.UNav4Text:hover {
  display:block;
  font-size:10px;
  font-weight:normal;
  padding:0px;
  text-decoration:none;
  color:#333333;
}
/* ----------------------- BREADCRUMBS ------------------- */
#BreadCr{
  color:#999;
  font-weight:normal;
  padding:8px 0 8px 23px;
  width:980px;
  margin: 0 auto;
}
#index #BreadCr{
  display:none;
}
a.aBreadCr, a.aBreadCr:link, a.aBreadCr:active, a.aBreadCr:visited{
  text-decoration:none;
  color:#999;
}

a.aBreadCr:hover {
  text-decoration:underline;
}
/* ----------------------- METANAVIGATION ------------------- */
#NavP{
  float: left;
  font-size: 13px;
  font-weight: normal;
  margin-top: 70px;
  text-align: right;
  color: rgb(102, 102, 102);
  width: 500px;
  height: 31px;
  margin-bottom: 4px;
}  

#NavP ul li{
  display:inline;
}

a.aNavP, a.aNavP:link, a.aNavP:active, a.aNavP:visited{
  font-weight: bold;
  text-decoration:none;
  color:#666;
}

a.aNavP:hover {
  text-decoration:underline;
}

#aNavPimg ul li {
  background-repeat:no-repeat;
  background-size: 150px 150px;
  background-position: 50% 50%;
  text-decoration:none;
  text-indent:-999em;
}

a.aNavPimg, a.aNavPimg:link, a.aNavPimg:active, a.aNavPimg:visited{
  background-repeat:no-repeat;
  background-size: 150px 150px;
  background-position: 50% 50%; 
  text-decoration:none;
  text-indent:-999em;
}

a.aNavPimg:hover {
  text-decoration:none;
}

/* --------------------- SPRACHAUSWAHL ---------------------- */
#Lang{
  width:25px;
  padding-left:5px;
  text-align:right;
  margin-top:68px;
  height:16px;
  float:left;
}

#Lang ul,
#Lang ul li ul{
  list-style-type:none;
}
#Lang ul li{
  display:block;
  padding:5px;
  z-index:10000;
}

#Lang ul li:first-child{
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  border-radius:6px 6px 0 0;
}
#Lang ul li:last-child{
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius:0 0 6px 6px;
  border-radius:0 0 6px 6px;
}


#Lang ul li ul{
  display:none;
  z-index:10000;
}

#Lang ul li ul:hover,
#Lang ul li ul.lang-active{
  display:block;
}

#Lang a:hover img{
  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */
}
#Lang img{
  -webkit-border-radius: 2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#Lang .no-translation img{
  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */
}


/* -------------------------- Suche ---------------------------- */
#Suche{
  
}

#Suche form{
  display:inline;
  padding:0px;
  margin: 0px;
}

#Suche .searchfield{
  font-size: 11px;
  font-weight: normal;
  border: 1px solid #b4b6b9;
  vertical-align:middle; 
  width: 174px;
  padding: 2px;
  background-color: #eaeaea;
  height:18px;
}

#Suche .submitbtn{
  border:1px solid #B4B6B9;
  color:#B4B6B9;
  font-size:10px;
  padding:2px;
  text-align:center;
  vertical-align:middle;
}


/* -------------------------- DIVERSES ---------------------------- */
/* ---- clear the new way ----- */
.clearer, .Clearer {
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

a img{
  outline: 0;
  border: 0px none;
}


.hide{
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline; 
}

hr {
  border: none;
  border-bottom: 1px dotted #CCC;
  height: 1px;
}

/*----- Slider Startseite ---- */
#index .slide{
  margin:0 auto;
  width:960px !important;
  height:540px !important;
  border:solid #ffffff 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color:#ffffff;
  -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
}
#index .slide img{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.slide .csc-textpic-text {
  padding: 40px;
  height: 460px;
  position: relative;
  top: -540px;
  left: 0px;
  color: #ffffff;
}
.slide .csc-textpic-text h1{
  text-align:left;
  font-size:68px;
  line-height:60px;
  color: #ffffff;
  padding:0;
  margin:0;
  font-family: 'DINCondensed';
  font-weight:normal;
  text-transform:uppercase;
  text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px;
}
.slide .csc-textpic-text h2{
  text-align:left;
  font-size:42px;
  line-height:40px;
  color: #ffffff;
  padding:0;
  margin:0;
  font-family: 'DINCondensed';
  font-weight:normal;
  text-transform:uppercase;
  text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px;
}
.slide.right .csc-textpic-text h1,
.slide.right .csc-textpic-text h2{
  text-align:right;
}
.slide .csc-textpic-imagerow-last{
  position:relative;
  z-index:1002;
}

.slide .csc-textpic-imagewrap{
  height:540px;
}

.anythingSlider .panel{
  padding:10px 0;
}

.slide a, .slide a:active, .slide a:visited, .slide a:link, .slide a:hover{
  color:#ffffff;
}


/*----- Boxen Startseite ---- */

#index .box-even{
  background-color:#e5e5e5;
}
#index .box{
  background-color:#f2f2f2;
}

#index.Decosa .box-even{
  background-color:#fffce4;
}
#index.Decosa .box{
  background-color:#faf9f2;
}

#index.Climapor .box-even{
  background-color:#fee6d0;
}
#index.Climapor .box {
  background-color:#faf4ee;
}

#index.Secupor .box-even{
  background-color:#d2d5e4;
}
#index.Secupor .box {
  background-color:#ebedf0;
}




#index .box{
}

#index .box-even,
#index .box,
#index .box {
  width:190px;
  border:solid #ffffff 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size:14px;
  line-height:16px;
  -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  padding:10px;
}
#index .box-even h2{
  color:#868686;
}
#index .box h2{
  /* color:#b1b2b2; */
  color:#868686;
}

#index .box-even h2,
#index .box h2{
  font-family: 'DINCondensed';
  font-weight:normal;
  text-transform:uppercase;
  font-size:21px;
  line-height: 22px;
  padding:0;
  margin:0;
}
#index .box-even p,
#index .box p{
  padding:0;
  margin:0;
}

#index .box-even img,
#index .box img{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}


.subcl, .subc, .subcr{
  padding:10px;
}
#index .box div.csc-textpic.csc-textpic-center.csc-textpic-below,
#index .box-even div.csc-textpic.csc-textpic-center.csc-textpic-below,
#index .box div.news-latest-container,
#index .box-even div.news-latest-container{
  position: relative;
  height:100%;
}
#index .box div.csc-textpic-imagewrap,
#index .box-even div.csc-textpic-imagewrap,
#index .box div.news-latest-image,
#index .box-even div.news-latest-image{
  margin-top:10px;
  display:inline-block;
}
#index .box div.csc-textpic-text,
#index .box-even div.csc-textpic-text{
}

#index .box .internal-link{
  float:right;
}

/* ------- Bildwelt ------ */
#index #Bildwelt{
  display:none;
}

#sub #Bildwelt{
  width:960px;
  height:270px;
  border:solid #ffffff 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color:#ffffff;
  -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
  margin:0 auto;
  margin-top:10px;
}
#sub #Bildwelt img{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/*------ aktuelle Ebene -----*/
.rubrik{
  font-family: 'DINCondensed';
  font-weight:normal;
  text-transform:uppercase;
  font-size:21px;
  line-height: 22px;
  clear:both;
  margin-bottom:5px;
}
a.rubrik,
a.rubrik:link,
a.rubrik:active,
a.rubrik:visited{
  color:#868686 !important;
}

/*----- Polaroid ----*/

.overlay{
  display:none;
}

.polaroid .overlay{
  width:330px;
  height:360px;
  position:absolute;
  top: 0px;
  left: 0px;
  display:block !important;
  background:url('../lay/polaroid-overlay.png');
}
.polaroid .csc-textpic-imagewrap{
  position:relative;
  width:270px;
  height:280px;
  padding-top:23px;
  padding-left:30px;
}
.polaroid{
  height:360px;
}


/*----- Container rechte Spalte ----*/
/* Content-Element */
.container_ce{
  margin: 10px 15px 20px 45px;
  font-size: 13px;
  line-height: 18px;
}
.container_ce p{
  /* padding:0 10px; */
}
/* News */
.container_news{
  margin: 10px 15px 20px 45px;
  font-size: 13px;
  line-height: 18px;
}
.container_news .news-latest-image{
  float:left;
  margin-right:10px;
}

.container_news .news-latest-subheader p{
  margin:0!important;
}

/* Video */
.container_video{
  margin: 10px 15px 20px 45px;
  font-size: 13px;
  line-height: 18px;
}

.container_video .link-overlay{
  width:270px;
  height:203px;
  position:absolute;
  top: 0px;
  left: 0px;
  display:block !important;
  background:url('../lay/video-overlay.png');
}
.container_video .csc-textpic-imagewrap{
  margin-top:5px !important;
  position:relative;
  width:270px;
  height:203px;
}
.container_video{
}

.container_ce h3,
.container_news h3,
.container_video h3{
  color:#999999;
  padding:5px 0 0 5px;
  background-color:#e1e1e1;
  /*
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  */
}

/*----- Content mittlere Spalte ----*/
.content_video p{
  font-size:13px;
  line-height:18px;
  margin:0!important;
}
.content_video{
  margin-top:20px;
  padding:10px 0;
  border-top:1px dotted #cccccc;
  border-bottom:1px dotted #cccccc;
  display:block;
}
.content_video.size200{
}
.content_video h5{
  font-size: 20px;
}
.content_video .link-overlay{
  width:120px;
  position:absolute;
  top: 0;
  left: 0;
  display:block !important;
  background-image:url('../lay/video-overlay-content.png');
  background-repeat:no-repeat;
  background-position:center center;
}
.content_video.size200 .link-overlay{
  width:200px;
}

.content_video .csc-textpic-imagewrap{
  position:relative;
  width:120px;
}
.content_video.size200 .csc-textpic-imagewrap{
  width:200px;
}

/*-------- Dateilinks -------- */

.filelinks .odd, .filelinks .even{
  margin:10px 0;
  padding:10px 0;
  border-top:1px dotted #cccccc;
}

.filelinkadditional{
  font-size:12px;
}

.filelinks .pdf,
.filelinks .video{
  font-weight:normal;
}

.filelinks .pdf, 
.filelinks a.pdf:active, 
.filelinks a.pdf:visited, 
.filelinks a.pdf:link,
.filelinks .video, 
.filelinks a.video:active, 
.filelinks a.video:visited, 
.filelinks a.video:link, 
.filelinks .video_ext, 
.filelinks a.video_ext:active, 
.filelinks a.video_ext:visited, 
.filelinks a.video_ext:link{
  background-image:none;
}



/*---- Abstand zwischen Bildern in Text/Bild CE ---*/
.csc-textpic-imagerow{
  margin-bottom:10px;
}

/*----- sitemap ----- */


.sitemap_item{
  border-top:1px dotted #ccc;
  margin-top:10px;
  padding-top:10px;
  display:block;
  clear:both;
}
.sitemap_image img{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.sitemap_image{
  float:left;
  margin-right:10px;
}
.sitemap_title{
}
.sitemap_excerpt{
}
.sitemap_more{
  float:right;
  
}


.anythingSlider-minimalist-round .anythingWindow {
  border-top: none;
  border-bottom: none;
}

.anythingSlider-minimalist-round.activeSlider .anythingControls a{
  background-color: #666;
  border-color:#777;
}

.anythingSlider-minimalist-round.activeSlider .anythingControls a.cur, .anythingSlider-minimalist-round.activeSlider .anythingControls a:hover {
  background-color: #fff;
  color: #000;
}

.anythingSlider-minimalist-round .anythingControls a{
  border-radius:50%;
  box-shadow:1px 1px 1px 0 #333 inset;
}

.polaroid .csc-textpic,
.polaroid .csc-textpic-imagewrap{
  overflow:visible !important;
}

.polaroid div.csc-textpic-border div.csc-textpic-imagewrap img{
  border:none;
}

.galleria-theme-classic {
  background: none !important;
}

@media(max-width:1024px){
#bg {
  position: relative;
}
}