@charset "UTF-8";
/* CSS Document 
	Copyright Atilla Ocak // at.ocak@gmail.com // 0171 346 18 36
*/

body{
	margin:0;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#696969;
	background-color:#FFF;
	}


.topStripe{
	width:100%;
	height:30px;
	background-color:#f5f7f8;
	}
	
.wrapperTopStripe{
	width:940px;
	height:30px;
	margin:auto;
	padding:8px;
	}
	
.MenuStripe{
	width:100%;
	height:50px;
	margin:auto;
	background: #f5f7f8;
	border-bottom: 1px solid #E4E4E4;
	}

.wrapper{
	width:940px;
	margin:auto;
	}

.logo{
	width:250px;
	height:25px;
	background-image:url(../img/logo.png);
	background-size:250px 25px;
	float:left;
	margin-top:10px;
	}

.ul_Navi{
	list-style:none;
	float:right;
	margin-top:20px;
	}

.li_Navi{
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left: 1px dotted #d6dde0;
	}
	
.ul_Navi_footer{
	list-style:none;
	float:left;
	margin-top:25px;
	margin-left:0px;
	padding:0px;
	}

.li_Navi_footer{
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left: 1px dotted #d6dde0;
	}
	
.firstChild{
	font-weight:800;
	}
	
.copyright{
	
	font-size:12px;
	margin-top:15px;
	
	}
	
.copyLogo{
	width:200px;
	height:20px;
	background-image:url(../../img/logo_w.png);
	background-size:200px 20px;
	float:right;
	margin-top:23px;
	margin-bottom:20px;
	}
	
.contentBox, hc{
	width:170px;
	margin-right:60px;	
	float:left;
/*	border:1px solid #000;
*/	
	}
	
.contentBox2{
	width:650px;
	margin-right:110px;	
	float:left;
	
	}
	
.hc {
	font-size:20px;
	color:#254953;
	font-weight:700;
	margin-bottom:20px;
	}
	
.content{
	color:#4D4D4D;
	font-size:14px;
	line-height:20px;
	
	}
	
.lastContentBox{
	margin-right:0px;	
	}

.button{
	width:100px;
	height:30px;
	padding-top:5px;
	margin-top:10px;
	float:left;
	background-color:ffffff;
	border:1px solid #ccc;
	text-align:center;
	}
	
.headUnternehmen{
	width:910px;
	height:70px;
	background:url(../../img/head_unternehmen.png);
	background-size:940px 100px;
	margin-bottom:40px;
	padding-left:30px;
	padding-top:30px;
	font-size:24px;
	color:#ffffff;
	font-weight:700;
	}
	
.headLeistungen{
	width:910px;
	height:70px;
	background:url(../img/header_leistungen.jpg);
	background-size:940px 100px;
	margin-bottom:40px;
	padding-left:30px;
	padding-top:30px;
	font-size:24px;
	color:#ffffff;
	font-weight:700;
	}
	
.headKontakt{
	width:910px;
	height:70px;
	background:url(../img/header_kontakt.jpg);
	background-size:940px 100px;
	margin-bottom:40px;
	padding-left:30px;
	padding-top:30px;
	font-size:24px;
	color:#ffffff;
	font-weight:700;
	}
	
.headImpressum{
	width:910px;
	height:70px;
	background:url(../img/header_impressum.jpg);
	background-size:940px 100px;
	margin-bottom:40px;
	padding-left:30px;
	padding-top:30px;
	font-size:24px;
	color:#ffffff;
	font-weight:700;
	}
	
/* ICONS */	
	
.icoMail{
	width:15px;
	height:15px;
	background-image:url(../ico/mail.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	margin-right:5px;
	float:left;
	margin-top:2px;
	}
	
.icoPhone{
	width:12px;
	height:12px;
	background-image:url(../ico/phone.png);
	background-size:12px 12px;
	background-repeat:no-repeat;
	margin-right:5px;
	float:right;
	margin-top:4px;
	}
	
.icoMap{
	content:"\f041"
	}

	
/* LINKS */	
	
a.LinkTopStripe:link {
	font-size:11px;
	color:#969696;
	text-decoration:none;
	margin-top:-5px;
	}
a.LinkTopStripe:active {
	font-size:11px;
	color:#969696;
	text-decoration:none;
	margin-top:-5px;
	}
a.LinkTopStripe:visited {
	font-size:11px;
	color:#969696;
	text-decoration:none;
	margin-top:-5px;
	}
a.LinkTopStripe:hover {
	font-size:11px;
	color:#969696;
	text-decoration:underline;
	margin-top:-5px;
	}
	
a.linkNavi:link{
	text-decoration:none;
	color:#254953;
	}
	
a.linkNavi:active{
	text-decoration:none;
	color:#254953;
	}
	
a.linkNavi:visited{
	text-decoration:none;
	color:#254953;
	}
	
a.linkNavi:hover{
	text-decoration:none;
	color:#6E8A92	;
	}
	
	
a.linkNaviFooter:link{
	text-decoration:none;
	color:#fff;
	}
	
a.linkNaviFooter:active{
	text-decoration:none;
	color:#fff;
	}
	
a.linkNaviFooter:visited{
	text-decoration:none;
	color:#fff;
	}
	
a.linkNaviFooter:hover{
	text-decoration:underline;
	color:#fff	;
	}
	
	
footer{
	
	width:100%;
	height:70px;
	background-color:#254953;
	margin-top:30px;
	
	}
	
.footerContent{
	
	width:940px;
	margin:auto;
	
	}

	
#slides,
    #slides2,
    #slides3 {
      display: none;
      margin-bottom:50px;
    }

    .slidesjs-navigation {
      margin-top:3px;
    }

    .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    
  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
  <style>
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }