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

ul.kollGallery{list-style:none; margin:0; padding:0;}
ul.kollGallery h4{font-size:1.2em; padding:30px 0 20px 0; clear:both;}
ul.kollGallery li{list-style:none; margin:0 !important; padding:0 !important; width:50%; display:inline; box-sizing:border-box; float:left; height:240px;}
ul.kollGallery li a{ outline:none;}
ul.kollGallery li a img{ border: medium none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    vertical-align: bottom; padding:5px}

#banner ul{padding:40px 0 0; margin:0; list-style:none}
#banner ul li {
    float: left;
    height: 190px;
    margin: 0 8px 10px 8px;
    overflow: hidden;
    position: relative;
    width: 300px;
}

#banner ul li.last {
  
    margin: 0 0 10px 0;
  
}

#banner ul li .box {
    background: url("../pics/bg_purple_portfolio.png") no-repeat scroll 0 0 transparent;
    bottom: -1000px;
    color: #000;
    height: 1200px;
    position: absolute;
    left: -975px;
    width: 1200px;
}

#banner ul li .title {
    color: #fff;
    font-size: 18px;
    left: 55px;
    position: absolute;
    top: 144px;
	width:300px;
	left:0;
	padding:10px 0 10px 60px;
	display:none;
	background:#67A52A;
}

#banner ul li .plus {
	
    color: #302C31;
    font-size: 60px;
    left: 10px;
    position: absolute;
    top: 155px;
	
}



body { 
  margin: 0; 
  padding: 0;
  font-family: arial,sans-serif;
    font-size: 12px;
    line-height: 19px;
	color: #fff;
	background-color:#2a2429;
  
  
  
}


 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 0;
  padding: 0;
  line-height: 1; 
  font-weight: normal; 
  font-style: normal; 
} 
h1 { 
  font-size: 2.2em; 
 
  color:#609c24;
} 
h2 { 
  font-size: 1.6em; 
   color:#609c24;
   margin:10px 0 15px 0;
} 
h3 { 
  font-size: 1.4em; 
   margin:10px 0 15px 0;
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 

/* Liens */ 
a { 
  text-decoration: none; 
} 
a:link { 
  color: #78AC41;
} 

a:visited{ color: #78AC41; }

a:hover, a:focus, a:active { 
  color: #fff; 
  text-decoration:underline;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 

:focus {
	outline: none;
}


/*****MAIN CONTENT************************************************/

#bodyMain{ width:100%; height:auto; background:url(../pics/bgMaino.png) repeat top left ; }


.wrapper{ width:950px; height:auto; margin:0 auto 0; padding-bottom:40px  }
#head{width:950px; height:490px; }

#head.small{width:950px; height:290px; }

#logoContent{width:305px; height:490px; position:absolute; top:0; z-index:200; background:url(../pics/logoHeadLeft.png) no-repeat;}

#logoContent.small{width:200px; height:290px; position:absolute; top:0; z-index:200; background:url(../pics/logoKlein.jpg) no-repeat;}

#imgContent{width:950px; position:absolute; top:190px; height:300px; background:none; z-index:100}
#imgContentInner{float:right; width:inherit; height:inherit; overflow:hidden;}

#mainContent{width:950px;height:auto;}
#footerOuter{width:100%; min-height:100px; height:auto; background:url(../pics/bg_main_bottom_repeat.png) repeat-x top left}
#footer{padding-top:20px; font-size:10px; color:#FFF}

#navTopContent{float:right; height:20px; width:950px;  position:absolute; top:0;  z-index:250;}
#navTop{float:right; padding:0 0 0 20px; background:url(../pics/navTop_first.png) no-repeat left; }
#navTop ul{ margin:0; font-size:11px; background:#79ac43; height:20px; float:right; padding:0;}
#navTop ul li{list-style:none; float:left;}
#navTop ul li a{color:#fff; padding:5px 10px; text-decoration:none}
#navTop ul li a:hover, #navTop ul li a.active{color:#302c31; }

#navMainContent{float:right; height:30px; width:950px;  position:absolute; top:162px; z-index:250}

#navMain{ margin-top:0; width:950px}
#navMain ul, #navFooter ul{padding:0 20px 0 0; margin:0; font-size:14px; background:url(../pics/navRight.png) no-repeat right; height:20px; float:right;}
#navFooter ul{font-size:11px}
#navMain ul li, #navFooter ul li{list-style:none; float:left;}
#navMain ul li a, #navFooter ul li a{color:#fff; padding:5px 10px; text-decoration:none}
#navMain ul li a:hover, #navMain ul li a.active, #navFooter ul li a:hover, #navFooter ul li a.active{color:#609c24; }

#navSubContent{}

#hubschrauber{ height: 200px; margin-top: 280px; width:300px; background:url(../pics/hubsch.png) no-repeat}

#navSub{ margin-top:0px; float:right; width:681px; background:url(../pics/bg_nav_Sub.png) no-repeat left top; min-height:5px}
#navSub ul{padding:0; margin:10px; font-size:12px; height:20px; float:right;  margin-left:20px}
#navSub ul li{list-style:none; float:left; }
#navSub ul li a{color:#302c31; padding:5px 10px; text-decoration:none; background:url(../pics/navRightUnder.png) no-repeat right;}
#navSub ul li a:hover, #navSub ul li a.active{color:#fff; }

#titleMain{width:260px; float:left}
#titleMain h1{margin:15px 0 0 1px; padding:0; color:#F5F5F5; text-transform:uppercase}

.navThird{list-style:none; margin:0; padding:0}
.navThird li{list-style:none; margin:0 !important; padding:0 !important}
.navThird li a{ display:block; padding:5px 0}
.navThird li a.active{ color:#fff; text-decoration:none}



/*Table*/

.petra{width:620px; height:auto; border:solid 1px #CCC}
.petra tr {border:#CCC solid 1px;}
.petra td {border:#CCC solid 1px; text-align:left; padding:5px 0 5px 10px}
.petra td:first-child{width:50%; background:#67A52A; color:#302C31}



.zemContactForm fieldset { border: 0px; }
.zemContactForm { color: #fff; font-align: left; line-height: 15px;  width:auto; height:auto; }
.zemContactForm label { width: 200px; margin: 0px 5px 0 0; text-align: left; }
.zemContactForm br { clear: both; }
.zemContactForm legend { display: none; }
.zemContactForm input, .zemContactForm select, .zemContactForm textarea{ margin: 0 0 0.4em 0; background-color:#609C24; border:none; color: #fff; width:250px }
.zemContactForm input.zemCheckbox{width:auto;}
.zemContactForm textarea{width:270px; height:135px}
.zemContactForm fieldset .buttons { margin: 1em 0 1em 1em; }
.zemContactForm .zemCheckbox { float:left; margin: 0px 5px 5px 5px; }

.zemSubmit { cursor:pointer; float:right !important; color:#fff !important; width:auto !important;}
.zemSubmit:hover{background:#fff !important; color:#262128 !important; width:auto !important;}

ul.zemError { color: #a52a2a; list-style-type: none; padding: 10px 0px; line-height: 20px; font-size:1.2em }
.zemThanks { color:#a52a2a; font-size:14px; font-style: italic; }

.myFormText{width:270px; float:left}
.mL50{margin-left:50px}


.route text{ margin: 0 0 0.4em 0; background-color:#609C24; border:none; color: #fff; width:250px }

.mySubmit {
	margin-top:10px;
    background-color: #609C24;
    color: #FFFFFF;
    cursor: pointer;
    padding: 3px;
	border:none;
}

.mySubmit:hover {
    background-color: #fff;
    color: #262128;
   }


/**********BOXES**********/

#contLeft{width:280px; float:left;}
#contRight{width:650px; background:#F5F5F5; float:left; margin:0 0 0 20px}


.boxes{width:270px; float:left; height:auto; height:auto}

.boxes ul{margin:0; padding:0}
.boxes ul li{margin:0; padding:10px 0 0 0;}

.b2, .b3{margin-left:25px;}
.b2_3{margin-left:25px; width:625px;}
.mL270{margin-left:270px}





/******Classes**************/

.fLeft{float:left}
.fRight{float:right}

.mr10{margin-right:10px}
.mr20{margin-right:20px}

.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml50{margin-left:50px}

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt20minus{margin-top:-20px}
.mt25{margin-top:25px}
.mt40minus{margin-top:-40px}

.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}

.m10{margin:10px}
.m20{margin:20px}

.p10{padding:10px}
.p20{padding:20px}
.pb30{padding-bottom:30px}

.b300{width:300px}
.b600{width:600px}

.clear {		
		clear:both;		
		font-size: 1px;
		height: 0; /* Moderne Browser */
		line-height: 0; /* IE */
	}

.smallText{font-size:0.7em}

.none{display:none}