html{height:100%}

*{
  margin:0px;
  padding:0px;
  list-style-type:none;
}

@font-face {
      font-family: 'DINWeb';
      src: url('../fonts/DINWEb-Light.eot');
      src: url('../fonts/DINComp-Light.ttf') format('truetype');
}

body{
  background: #fff url('/fileadmin/setup/images/background.jpg') no-repeat;
  background-size: 100% auto;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  height:100%;
}

h1{
  font-size:30px;
  font-weight:normal;
  color:#666;
  font-family: 'DINWeb',  sans-serif;
  margin-bottom:10px;
}

h2{
  font-size: 24px;
  font-family: 'DINWeb', sans-serif;
  color:#666;
  font-weight:normal;
}

h4{
  font-size:12px;
  color:#666;
  margin-bottom:18px;
}

header{
  height:103px;
  width:719px;
  margin:0 auto;
  padding-left:40px;
}

h1, h2, h3, h4, h5, h6{
 font-family: 'DINWeb', sans-serif; 
}

#logo{
  width:174px;
  padding-top:18px;
  padding-left:8px;
  float:left;
}

#top_nav{
  width: 300px;
  height:28px;
  float: right;
  margin-top: 74px;
}

#top_nav ul{
  float:right;
  padding-right:8px;
}

.ua_chrome #top_nav ul{
  float:right;
  padding-right:10px;
}

#top_nav ul li{
  float:left;
  text-align: right;
  margin-left:8px;
}

#top_nav li a{
  color:#333333;
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
  font-family: 'Asap', sans-serif;
  padding-bottom: 3px;
  letter-spacing:0.62px;
}

#top_nav li a:hover{
  border-bottom:2px solid #333;
}

#navigation{
  width: 100%;
  height: 43px;
  background:url('/fileadmin/setup/images/nav_bg.jpg') repeat-x;
}

#navigation_left{
  width: 100px;
  height:43px;
  background:url('/fileadmin/setup/images/nav_left.jpg') no-repeat;
  float:left;
}

#navigation_right{
  width: 180px;
  height:43px;
  background:url('/fileadmin/setup/images/nav_right.png') no-repeat;
  float:right;
  margin-top:-43px;
}

nav{
  height:43px;
  width:704px;
  padding-left:39px;
  margin:0 auto;
  z-index: 100;
}

nav ul.menu > li{
  float: left;
}

nav ul.menu > li > a{
  color:#fff;
  font-family: 'Asap', sans-serif;
  text-decoration:none;
  text-transform: uppercase;
  font-weight: bold;
  font-size:13px;
  height:43px;
  line-height: 43px;
  display:block;
  margin-right:22px;
  letter-spacing:0.62px;
}

.ua_chrome nav ul.menu > li > a{
  margin-right:22px;  
}

.ua_unknown nav ul.menu > li > a{
  margin-right:22px;  
}

nav ul.menu > li:last-child > a {
  margin:0px;
}

nav ul.menu > li > a:hover, nav ul.menu > li.cur > a{
  border-bottom:3px solid #fff;
  height:40px;
}

nav ul.submenu{
  background:#3e3e3f;
  padding-top:7px;
  z-index: 1000;
  position:absolute;
  display:none;
}

nav ul.submenu a{
  padding:8px 42px 10px 18px;
  display:block;
  font-size:12px;
  color:#fff;
  letter-spacing:0.62px;
  text-decoration:none;
}

nav ul.submenu a:hover, nav ul.submenu li.cur a{
  background:#626262;
}


nav ul.menu > li:hover > ul.submenu{
  display:block;
}

nav ul.submenu-right {
  display:none;
}

nav ul.menu > li:hover > ul.submenu > li:hover > ul.submenu-right{
  display:block;
  position:absolute;
  left:0;
  top:0;
  background:#3e3e3f;
}

#slider{
  width:702px;
  background: transparent;
  margin:23px auto 52px auto;
}

#slider img{
  width:702px;
  height:392px;
}

#content{
  width:671px;
  padding-left:6px;
  margin:0 auto;
}

#text{
  width:344px;
  padding-top:41px;
  float: left;
}

#text p{
  line-height: 18px;
  font-size:12px;
  margin-bottom:18px;
  width: 300px;
}

.layout_2 p.bodytext{
  line-height: 18px;
  font-size:12px;
}

#gallery{
  width:112px;
  min-height: 60px;
  float: left;
  padding-top:99px;
}

#gallery img{
  margin-bottom:6px;
}

#gal h1{
  margin-bottom:35px;  
}

#gal h2{
/*  margin-bottom:-12px;  */
}

.gal{
  margin-bottom:10px;
}

.gal img{
  margin-right:10px;
  margin-bottom:10px;
}

/*
.gal img:last-child{
  margin-right:0px;
}
*/


aside{
  width:215px;
  float:right;
  min-height: 60px;
  padding-top:99px;
}

aside a{
  color:#666666;
  font-size:12px;
  text-decoration:none;
  letter-spacing:0.62px;
  line-height: 24px;
}

aside .csc-uploads{
  margin-top:28px;
}

footer{
    width:100%;
    min-height:30px;
  background: url('/fileadmin/setup/images/footer_bg.png') repeat;
  border-top:5px solid #ccc;
}

#copyright{
  width:671px;
  padding-left:8px;
  padding-top:3px;
  margin:0 auto;
  font-size:13px;
  font-family: 'DINWeb', sans-serif;
  color:#999;
}

#gal{
  padding-top:40px;
}

.clearAll{
  clear:both;
}


/* slider */
.fancybox-title iframe {
  min-height: 30px;
  vertical-align: middle;
}
html body.layout_1 #slider {
  width: 702px;
  height: 392px;
  position:relative;
  padding-left:40px;
}
html body.layout_1 a.slidesjs-navigation {
  display: none;
}

/* slider boebbels */
.slidesjs-pagination {
  list-style-type: none;
  float: left;
}

.slidesjs-pagination li {
  float:left;
  width: 7px;
  height: 7px;
  display:block;
  margin-right: 7px;
  margin-top: 12px;
  overflow: hidden;
}

.slidesjs-pagination li a {
  color: #ccc;
  background: #ccc;
}

.slidesjs-pagination li a.active {
  color: #666;
  background: #666;
}

/* footer */
#copy { float: left; }

#newsletter { 
  float: left;
  height:18px;
  background:#f1f1f1;
  border:1px solid #dbdbdb;
  border-radius:4px;
  margin-left:263px;
  line-height:20px;
  padding:0px 3px;
}

#newsletter a{
  text-decoration:none;
  color:#838383;
  font-size:12px;
}

#facebook { float: right; }

  

.csc-default a { color: #666 }
.csc-default a:visited { color: #666; }

body.layout_3 #text { width: 622px; }
body.layout_3 #text p { width: 622px; }
/* nho
body.layout_4 #text { width: 622px; }
body.layout_4 #text p { width: 622px; }
*/

aside ul.csc-uploads li{
  padding-left:40px;
}


ul.csc-uploads {
  margin-top: 28px;
}

.news-list-container h2 {
font-size: 30px;
font-weight: normal;
color: #666;
font-family: 'DINWeb', sans-serif;
margin-bottom: 10px;
}

.slidesjs-container, .slidesjs-control{
  width:702px!important;
  height:392px!important;
}

/* NEWS */

.news-list-container hr.clearer{
  clear: both;
  margin:30px 0px;
  height:1px;
  border-bottom:;
  background:#bebebe;
  display:block;
  
}

.news-list-container IMG{
  float:left;
  margin-right:20px;
  width:133px;
  height: 133px;
  margin-bottom:30px;
}

.news-list-container h3, .news-single-item h2{
  margin-bottom:15px;
  font-weight: normal;
}

.news-list-container h3 a, .news-list-container h3 a:visited, .news-single-item h2{
  text-decoration:none;
  color:#666;
  font-family: 'DINWeb', sans-serif;
  clear:left;  
}

body.layout_3 #text .news-single-item p{
  width: 460px;
  padding-left:150px;
}

.news-list-date{
  float:left;
  padding:0;
  font-size:12px;
  color:#666;
}

.news-single-img{
  float:left;  
  width:153px;
  margin-top:0px;
  margin-left:0px;
}

.news-single-img img{
  width:133px;
  height:133px;
}

.news-single-item{
  padding:0px;
  margin:0px;
}

.news-list-morelink{display:none;}

.leftContact {
  float: left;
  width:300px;
}

.rightContact {
  top: -140px;
  position: relative;
  float: right;
  width:240px;
}

#page_14 aside, #page_14 #gallery {
  display: none;
}

#page_14 #text {
  width: 570px;
  font-size: 12px;
}

#raeume{
  padding-top: 70px;
}

#placeholder { height: 43px; }

/*
body.layout_4 h1, body.layout_3 h1{
  border-bottom: 5px solid #666;
  float:left;
  margin-bottom:0px;
}
*/

body.layout_4 hr, body.layout_3 hr{
  clear:left;

}

body.layout_4 hr.newsline, body.layout_3 hr.newsline{
  display: block;
  margin-bottom: 30px;
  height:1px;
  background:#bebebe;
  border:none;
}

input[type=text].fh_entry {
  background-color: #dfdddd;
  border: 1px solid #b8b8b8;
  width: 223px;
  height: 25px;
  outline: 0;
  color: #666666;  
    padding-left: 14px;
  -webkit-box-shadow: inset 1px 1px 7px 0px rgba(0, 12, 0, 0.2); /* WebKit */
  -moz-box-shadow: inset 1px 1px 7px 0px rgba(0, 12, 0, 0.2); /* Firefox */
  box-shadow: inset 1px 1px 7px 0px rgba(0, 12, 0, 0.2); /* Standard */
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
}

input[type=checkbox].fh_entry{
  margin-bottom:5px;
} 

#raeume dt{
  outline: 0;
  color: #666; 
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 3px;
  height:14px;
  line-height: 20px;
}

#raeume dt:hover{
  color:#666;
}

.fh_entry:checked + .fh_label {
  color:#666;
  font-weight:bold;
}

.fh_label{
  position: absolute;
  margin-left:3px;
  margin-top:-2px;
}

#l_reset{
  margin-top:15px;
  margin-left:-55px;
}

#text h4 span{
  font-size:8px;
}

.hidden{
  display:none;
}

#gallery img{
  border:2px solid #666;
}

ul.submenu-right li a{
  min-width:110px;
}

div.tx-itawyoutoubeembed-pi1{
  margin:25px 0px;
}

.gal table { text-align: center; }

.gal td { text-align: center; }

/* csc-textpics - ausrichtung #13202 */
.csc-textpic-intext-left img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.csc-textpic-intext-right img {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

.csc-textpic-center-inner {
text-align: center;
width: 100%;
}

.csc-textpic-right img {
float: right;
}

.csc-textpic-right img {
float: right;
}

.csc-textpic-above {
width: 100%;
margin-bottom: 10px;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
float: left;
}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
float: right;
}


.csc-textpic-above .csc-textpic-imagewrap {
display: inline-block;
width: 100%;
}

.csc-textpic-below .csc-textpic-imagewrap {
width: 100%;
display: inline-block;
}

.csc-textpic { display: inline-block; margin-bottom: 5px; }

a img { border:0; }

/*nho ..*/
.layout_4 #text{
  width: auto;
}

.layout_4 #text p{
  width: auto;
}

.layout_4 #content { width: 703px; padding-left: 38px; }

#text ul { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 18px; }
#text ul li { list-style-type: square; list-style-position: outside; margin-left: 16px; }

h1{
  margin-bottom:0px;
  font-size:28px;
}

h2{
  margin-bottom:0px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

 .layout_0 nav ul.menu > li > a,
 .layout_1 nav ul.menu > li > a,
 .layout_2 nav ul.menu > li > a,
 .layout_3 nav ul.menu > li > a,
 .layout_4 nav ul.menu > li > a,
 .layout_5 nav ul.menu > li > a{
    margin-right:21px;
  }

 .layout_0 nav ul.menu > li:last-child > a,
 .layout_1 nav ul.menu > li:last-child > a,
 .layout_2 nav ul.menu > li:last-child > a,
 .layout_3 nav ul.menu > li:last-child > a,
 .layout_4 nav ul.menu > li:last-child > a,
 .layout_5 nav ul.menu > li:last-child > a{
    margin:0px;
}

   #navigation_right {
    display:none;
  }
  
}

