/****************************************************
#####################################################
##-------------------------------------------------##
##               QUANTUA                           ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2013            ##
## Date      = mai 2013                            ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

html {
	margin: 0px;
	padding: 0px;
	height: 100.1%;
	font-size: 62.5%;
	}


body{
margin:0;
padding:0;
text-align:center;
background:#323232 url(../images/bg.png) 150% 150%;
font-size:13px;
color:#555555;
font-family: 'open sans',arial, helvetica , sans-serif;
font-weight:normal;

}

 /*texte*/

p {
font-size: 100%;

}


h1 {
font-size: 200%;

}

 h2 {
font-size: 150%;

}

h3 {
font-size: 125%;

}

h4, h5, h6 {
font-size: 100%;

}

a:link, a:visited {
text-decoration:underline;
font-weight:bold;
color:#e57624;

}

a:hover {
color:#555555;
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;	
	transition: all 0.3s ease;
text-decoration:none;
}

ul {
margin:0;
padding-left:20px;

}

li {
list-style-type:none;
background:transparent;
margin: 4px;

}

img.caption {
text-align: left;

}

.highlight{
padding: 0px 2px 0px 2px;
color:#fff;
background: #d74629;

}

.button {
border:none;
color:#fff;
font-weight:bold;
padding:4px;
background: #d74629;


}

.inputbox {
color:#010101;
border:none;
padding:4px;
font-weight:normal;
background: #faffbd;


}

.pagewidth{
position:relative;
width:990px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
margin-bottom:0px;
}

label {
text-align:left;

}

fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;

}

.clr {
clear:both;

}


/************************/
/* The Nivo Slider styles */
#slide {
float:left;
position:relative;
width:100%;
height:580px;
overflow: hidden;
background: #000 url(../images/loading.gif) no-repeat 50% 50%;
font-family: Oswald, arial, helvetica , sans-serif;
z-index:1;
border-radius: 0px;
}
	 
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
	z-index:1;
}

/* If an image is wrapped in a link */
#slide a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption  {
display:none;
		
}

 .nivo-caption h2 {
display:none;

}

.nivo-caption h3 {
display:none;

}  

.nivo-caption a {
display:none;

}

.nivo-html-caption {
display:none;
	
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
 top:45%;
 z-index:9;	
 cursor:pointer;
  text-indent: -10000px; 
 width: 47px;	
 height: 47px;
 background-repeat: no-repeat;	
 
}
.nivo-prevNav {
	left:30px;	
 background-position: left top;
  background: url(../images/prev.png)
}
.nivo-nextNav {
	right:30px;	
 background-position: left top;
  background: url(../images/next.png)
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
	
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/***************/
#slogan {
width: 100% !important;
position:absolute;
margin-top:0px;
left:0px;
text-align:center;
background: url(../images/bg-menu.png) 0 0 repeat-x;
z-index:999;

}
#slogan h1 {
padding: 0px 10px;
font-size:22px;
color:#e57624;
font-family: Oswald, arial, helvetica , sans-serif;
font-weight:normal;
text-shadow:0.1em 0.3em 0.4em black;
}


#sitename {
position:absolute;
margin-top:130px;
right:40px;
background:transparent;
border: 0px;
z-index:999;

}

/*****************/
#menu {
position:absolute; 
left:0;
margin-top:385px;
width:980px;
height:50px;
background: url(../images/bg-menu.png) 0 0 repeat-x;
 z-index:105;
}

/****************************/
.navigation {
float:left;
padding-left: 0px;
width: 980px;
background:transparent;
 
}

.navigation ul {
list-style: none;
margin:0;
padding:0;
float: left;

}

.navigation ul ul {
margin: 0;
padding: 0;
 
}

.navigation ul li {
margin:0px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;	

}

.navigation ul li ul {
width: 200px;
position: absolute; 
z-index: 99;
left: -999em;
height: auto;
w\idth: 200px;

}

.navigation ul li ul ul {
margin: 0;

}
 
.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;

}


.navigation ul ul a {
width: 100%;
}

.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
 left: -999em;

}


.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;	

}

.navigation ul li a {
padding: 15px 18px 0 18px ; 
margin:0;
display: block; 
font-weight: normal;	
font-size:17px;
text-transform:uppercase;
height:43px;
background:transparent;
color:#fff;
font-family: Oswald, arial, helvetica , sans-serif;
text-shadow:0.1em 0.1em 0.2em black;
text-decoration:none;
}

.navigation ul li a:hover {
color:#ccc;
background:#010101 url(../images/bg-menu.jpg) 100% 0 repeat-y;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;	
	transition: all 0.5s ease;
}

.navigation ul li {
background: url(../images/nav.png) repeat-y 100% 0px ;
height:50px;

}

.navigation ul li.active a {
color:#fff;
height:43px;
background: #e57624;

} 

.navigation ul li ul {
background:#010101;
margin-top: -1px;
padding-bottom: 10px;
text-align:left !important;
padding-bottom:0px;

}

.navigation ul li ul li {
border-bottom: 1px solid #383838 !important;
border-top: 1px solid #020202 !important;
padding-top:2px ;
padding-bottom:0px ;
background:none !important

}

.navigation ul li ul li a{
height:41px !important;
padding-left:31px;
background:none !important;
padding-top:16px !important;
color:#fff !important;
}

.navigation ul li ul li a:hover  {
height:41px ;
color:#ccc !important;
}

.navigation ul li ul li ul {
margin-left:200px;
margin-top: -30px;
padding-bottom: 3px;
padding-top: 0px;
text-align:left !important;
padding-bottom: 0px;

}

.navigation ul li ul li.active a {


}

.navigation ul li.active ul li a {
}

.navigation ul li.active ul li a:hover {
}

/************************/
#toolitem {
float:right;
width:60px;
height:59px;
margin:0;
padding:0;

}

/***********************/
#content-main {
margin-top: -135px;
float:left;
position:relative;
width:978px;
background:#dbdad9;
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
z-index:99;
}

#main {
float:left;
width:730px;
background:#dbdad9;
text-align:left;

}

#main-full {
float:left;
width:978px;
background:#dbdad9;
text-align:left;

}

item-page { 
position:relative; 

}

.item-page aside {
  float:left;
  position:absolute;
  width:80px;
  padding-top:20px;
 
}
.item-image {
  margin:0 0px 20px 0;
  width:100%;
 
}

.item-image {
    opacity: 1;
}

.item-image:HOVER {
    opacity: .5;
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.gk-article {
  font-size:15px;
  line-height:20px !important;
  margin:20px 0px 10px 91px;
  background:#dbdad9;
  padding:0px 15px 20px 15px;
}

.gk-article h1 {
font-size:21px;
font-family:  Oswald,arial, helvetica , sans-serif;
line-height: 24px;
background: url(../images/h2.png) 0 0 no-repeat;
margin-left:-32px;
padding-left:32px;
}

.gk-article h2 {
font-size:16px;
font-family:  Oswald,arial, helvetica , sans-serif;
line-height: 24px;
}

.gk-article h3 {
font-size:16px;
font-family:  Oswald,arial, helvetica , sans-serif;
line-height: 25px;
width: 100%;
background: transparent;
border-bottom:1px solid #555555;
}

.gk-article h4 {
font-size:16px;
font-family:  Oswald,arial, helvetica , sans-serif;
line-height: 20px;
margin-top:-30px;
width: 100%;
background: transparent;
border-bottom:1px solid #555555;
}


.gk-article img {
margin:10px 15px;
box-shadow:0.3em 0.3em 0.4em #555555;
border: 2px solid #fff;
background: #fff;
}

.gk-article a:hover {
  	opacity: 0.80;
  	filter: alpha(opacity=80);
}


.blog-liste-referenzen img {
position:relative;
margin-right: -300px;
margin-top: -50px;
}



.item-page .item-page { min-height:500px; }
.item-page time {
  display:block;
  width:80px;
  height:60px;
  line-height:20px;
  margin:0px;
  padding:8px 6px 6px 6px;
  text-align:center;
  background:transparent;
  font-size:35px;
  font-weight:600;
  color:#010101;
   font-family: Oswald,tahoma, arial, sans-serif; 
   font-weight:normal;
   
   
}

.item-page time span {
  display:block;
  font-size:35px;
  line-height:45px;
   font-family: Oswald,tahoma, arial, sans-serif; 
   text-transform:uppercase;
   
}

.article-info {
  margin-bottom:0;
  text-align:left;
  font-size:11px;
  margin-left:10px;
 
  
}

.article-info dd { 
margin:0 0 10px ; 
font-weight:normal;

}

.gk-item-page .gk-article { min-height:400px; }
.gk-article .article-header {
  clear:both;
  font-size:32px;
  line-height:52px;
  margin:0 0 24px;
   font-family: Oswald,tahoma, arial, sans-serif; 
   text-transform:uppercase;
}

.span4 {
  float:left;
 background:transparent;
  width:320px;
  margin-left:20px;
  margin-top:-50px;
  margin-bottom: 30px;

}

/*********************/
/* Pagination ---*/
 .counter {
 text-align:center;

 }
 
 .pagination   {
 margin:20px 0 20px 0;
 overflow: hidden;
 text-align:center;
 background:transparent;
  
 }
 
 .pagination li   {
display:inline;
 margin: 0;
 padding: 8px;
 margin:0px;
 overflow: hidden;
text-align:center;
  
 
 }
 
 .pagination li span {
 padding: 6px; 
 line-height: 20px;

 }
 
 .pagination li a {
 line-height: 20px;
 padding:7px;
 text-decoration: none;
 color:#d74629;
 background:#fafafa;
  padding:5px 5px 5px 5px;

 }
 
 .pagination li a:hover, .pagination li a:active, 
 .pagination li a:focus {
 text-decoration: none;
 color: #010101;
 
 } 
 
 ul.pager.pagenav {
float:left;
background:transparent;
width:100%;
margin:15px 0 0 0;
padding:0;

}

 .next  {
	float: right;
}
 .previous  {
	float: left;
}

.result-title {
 padding:10px;
 }
 
 /*********************/
 
#main .readmore a:link,
#main .readmore a:visited,
#main a.readmore:link,
#main a.readmore:visited {
float:right;
margin:0px -10px 20px 0px;
}



.readmore {
margin:-10px 0px 40px 0px;
}
 


/* ++++++++++++++  items-more  ++++++++++++++ */

 .items-more {
 margin-left:90px;
 margin-top:30px;
	
}

 .items-more h3{
 display:none; 
}

.items-more ul{
 margin-left:0px;
 
}

.items-more li {
list-style-type:disc !important;

}

.items-more ol li a{
background : transparent;
padding-left:5px;
margin-left:0px;
list-style-type:disc !important;

}

.items-more ol li a:hover,
.items-more ol li a:active,
.items-more ol li a:focus{

}


.email-icon , .print-icon   {
 float:left;
 list-style-type:disc !important;
 font-size:12px;
 margin:0;
 padding:0;

} 

.email-icon a , .print-icon a   {
 font-weight:normal;
 margin:0;
 padding:0;

} 

/* ++++++++++++++  nav entre article  ++++++++++++++ */
 ul.pagenav {
 position:relative;
 margin-bottom:15px;

}

ul.pagenav li {
 list-style: none;
 padding: 8px;
 background:#010101;
color:#fff;

}

ul.pagenav li a{
color:#fff;

}

ul.pagenav li:hover, ul.pagenav li:focus {
background:#d74629;
color:#fff;
padding: 8px;

}

ul.pagenav li.pagenav-prev {
float: left;

}

ul.pagenav li.pagenav-next { 
float:right;

}

/****************************/
.contact,#searchForm,.search-results,.weblink-category ,.newsfeed-category ,.remind,.registration, .categories-list{
font-size:14px;
  line-height:26px !important;
  margin:0 0 0px 0;
  background:#fff;
  padding:15px 15px 35px 15px;
  
}

.category-desc {
padding:15px 15px 35px 15px;
}

.category-desc h1 {
font-size:21px;
font-family:  Oswald,arial, helvetica , sans-serif;
line-height: 24px;
background: url(../images/h2.png) 0 0 no-repeat;
margin-left: 50px;
padding-left:32px;
}


.cat-children,.content-category {
padding:15px 15px 35px 15px;
}



.contact h2 {
font-size:25px;
font-family:Oswald;
text-transform:uppercase;
  
}

.search-suche {
background:#e57624;
font-family:Oswald;
color:#e57624;
padding:7px 5px 7px 25px;
border-radius: 20px;
border: 2px solid #fff;
text-shadow:0.1em 0.1em 0.2em #e57624;
}


/*****************************/
#right-menu {
float:left;
width:200px;
height:100%;
text-align:left;
padding:10px;
margin-bottom:15px;
margin-left:15px;
margin-top:10px;
background: #e57624;
color:#fff;
text-shadow:0.1em 0.1em 0.2em black;
border: 1px solid #fff;
border-radius: 20px;
}

#right-menu a {
color:#fff;
text-shadow:0.1em 0.1em 0.2em black;
text-decoration:none;
font-weight:normal;
}

#right-menu a:hover {
  	opacity: 0.60;
  	filter: alpha(opacity=60);
}

#right-menu h3 {
font-size:16px;
font-family:  Oswald,arial, helvetica , sans-serif;
line-height: 25px;
text-shadow:0.1em 0.1em 0.2em black;
}

#right-menu img {
text-align:center;
margin:5px;
box-shadow:0.3em 0.3em 0.4em black;
border: 2px solid #fff;
}

#right ul {
padding-left:5px;


}

#right .moduletable_menu,
#right .moduletable {
 margin-bottom:30px;
padding-left:0px;
padding-bottom:10px;
margin-left:0;

}

#right .moduletable_menu a,
#right .moduletable a {
background : url(../images/bg-ul.png) no-repeat 0px 6px !important;
 padding-left:15px;
color:#010101;

}

#right .moduletable_menu a:hover,
#right .moduletable a:hover {
color:#d74629;

}

#wrapper-box {
 float:left;
 width:978px;
 background:#1b1b1b;
 text-align:left;
 margin-top:1px;
 } 
 
 .box {
 float:left;
 width:220px;
 background:transparent;
 margin-left:20px;
 
 }
 
 .box .moduletable_menu h3,
 .box .moduletable h3,
 .box h3 {
 font-size:19px;
 text-align:left;
 font-weight: normal;
 font-family: Oswald, arial, helvetica , sans-serif;
 
 }
 
 .box .moduletable_menu  ,
 .box .moduletable  ,.box  {
 padding-bottom:5px;
 margin-bottom:10px;
 color:#a1a1a1;
 
 }
 
 .box .moduletable_menu li   ,.box .moduletable li ,.box li {
 list-style-type:disc; 
 color:#a1a1a1;
 padding:3px 0;

 }
 
 .box .moduletable_menu ul  ,.box .moduletable ul,.box ul {
 
 } 
 
 .box .moduletable_menu  a,.box .moduletable  a,.box  a {
 font-weight:bold;
color:#a1a1a1;

				
 }
 
 .box .moduletable_menu  a:hover,.box .moduletable  a:hover,.box  a:hover {
 font-weight:bold;
color:#e57624;
 
 }

.moduletable-neue-beitraege {
 margin-top:20px;
border-top: 1px dotted #fff;
 }

.moduletable-neue-beitraege a {
text-decoration:underline;
 }

.moduletable-neue-beitraege a:hover {
text-decoration:none;
}



.moduletable-bereiche h3 {
font-size:13px;
color:#a1a1a1;
font-family: 'open sans',arial, helvetica , sans-serif;
font-weight:normal;
}

.nav menu ul {
margin-top: -30px;
list-style: none;
}

#phocaMapPlgPM1 {
box-shadow:0.3em 0.3em 0.4em #555555;
border: 2px solid #fff;
background: #fff;
}

 
 /**********************/
.ftb {
 float:left;
 text-align:center;
 font-weight:normal;
 font-size:13px;
 width:978px;
 height:57px;
 float:left;
 color:#a1a1a1;
 background: #1b1b1b;
 border-top:1px solid #383838;
 
 } 
 
.ftb-c  {
 float:left;
 width:800px;
 height:25px;
 margin-top:20px;
 
 }
 
 .ftb-c a, .ftb-c a:visited{
 padding:0 !important;
 border:none !important;
 font-weight:bold;
 color:#a1a1a1;
 
 } 
 
 .ftb a:hover {
 color:#e57624;
 } 
 
 #top {
 float:left;
 width:30px;
 height:30px;
 margin-top:15px;
 padding:0 !important;
 border:none !important;
 background:transparent;
 }
 
 .top_button {padding:0 !important;
 border:0px;
 
 }