@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body {
	//font-family: 12px Verdana,Arial,sans-serif;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color:#6d6d6d;
}
h2{
	
	font-family: Georgia,Times;
	font-style:italic;
	font-size:1.5em;
	letter-spacing:0.03em;
	color:#ebb110;
	margin:0 0 20px 3px;
	}
h3{
	font-size:1.1em;
	font-style:bold;
	letter-spacing:0.03em;
	color:#6d6d6d;
	margin:0 0 5px 0;
	}
h4{
	font-size:0.9em;
	letter-spacing:0.03em;
	color:#6d6d6d;
	margin:0 0 0 0;
	}
p{
	margin:0 0 8px 0;
	font-size:0.9em;
	line-height:1.3em;
}
strong{
	font-weight:bold; 
	}
ul{
	list-style-type:none;
}
dl {	
	margin:20px 0 0 0;
}
dt {
	float:left;
	clear:left;
	margin:0;
}
dd {
	margin:0 0 0 50px;
}
a {
	color:#9e9e9e;
	}
a:hover, #nav a:hover {
	color:#A72420;
	}	
#teaser img{
	float:left;
	margin:0 0 0 0;
	}
#teaser h3{
	padding:0 50px 0 170px;
	}
#teaser h4{
	padding:0 0 0 170px;
	}
#teaser p{
	padding:0 50px 0 170px;
	color:#6d6d6d;
	}
#teaser li{
	margin:0 50px 50px 170px;
	}
#c-inner a{
	text-decoration:none;
	color:#d2863c;
	}
#c-inner a:hover{
	color:#d2863c;
	text-decoration:underline;
	}
#c-inner h2{
	color:#d2863c;
	}
c-inner.linie img{
	margin:20px 0 0 0;
	}
#c-inner li{
	margin:0 0 20px 0;
	}
#mainnav {
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	}
#mainnav li {
	float: left;
	}

#fnav {
	width: 100%;
	float: right;	
	padding: 0 17px 0 0;
	list-style: none;
	}
#fnav li {
	float: right;
	color:FFFFFF;
	}

#content-bar ul{
	list-style-type:disc;
	padding:0 0 0 15px;
	}
#content-bar h2{
	color:#f0f0f0;
	margin:0 0 10px 3px;
	}
#content-bar h3{
	color:#f0f0f0;
	}
#content-bar h4{
	color:#f0f0f0;
	}
#content-bar p{
	color:#f0f0f0;
	}
#content-bar a{
	text-decoration:none;
	color:#4f3113;
	}
#content-bar a:hover{
	color:#4f3113;
	text-decoration:underline;
	}
#c-bar li{
	font-size:0.9em;
	color:#f0f0f0;
	}	
#menu1 a, #menu1 a:visited , #menu1 a:active {
	display: block;
	width:73px;
	height:34px;
	background:url(../img/n_home.jpg);
	}
#menu1 a:hover {
	background:url(../img/n2_home.jpg);
	}
#menu2 a, #menu2 a:visited , #menu2 a:active {
	display: block;
	width:118px;
	height:34px;
	background:url(../img/n_rohstoffe.jpg);
	}
#menu2 a:hover {
	background:url(../img/n2_rohstoffe.jpg);
	}	
#menu3 a, #menu3 a:visited , #menu3 a:active {
	display: block;
	width:197px;
	height:34px;
	background:url(../img/n_rohstoffsicherung.jpg);
	}
#menu3 a:hover {
	background:url(../img/n2_rohstoffsicherung.jpg);
	}
#menu4 a, #menu4 a:visited , #menu4 a:active {
	display: block;
	width:117px;
	height:34px;
	background:url(../img/n_vollmacht.jpg);
	}
#menu4 a:hover {
	background:url(../img/n2_vollmacht.jpg);
	}
#menu5 a, #menu5 a:visited , #menu5 a:active {
	display: block;
	width:111px;
	height:34px;
	background:url(../img/n_uebermich.jpg);
	}
#menu5 a:hover {
	background:url(../img/n2_uebermich.jpg);
	}
#menu6 a, #menu6 a:visited , #menu6 a:active {
	display: block;
	width:152px;
	height:34px;
	background:url(../img/n_kimbanguisten.jpg);
	}
#menu6 a:hover {
	background:url(../img/n2_kimbanguisten.jpg);
	}
#menu7 a, #menu7 a:visited , #menu7 a:active {
	display: block;
	width:99px;
	height:34px;
	background:url(../img/n_kontakt.jpg);
	}
#menu7 a:hover {
	background:url(../img/n2_kontakt.jpg);
	}
	

#footer p{
	margin:0 0 0 0;
	}
#c-footer p{
	color: #FFFFFF;
	font-size:0.8em;
	}
#i-footer a,p{
	color: #FFFFFF;
	font-size:0.8em;
	letter-spacing:0.05em;
	text-decoration:none;
	}
#i-footer a:hover{
	color: #FFFFFF;
	font-size:0.8em;
	letter-spacing:0.05em;
	text-decoration:underline;
	}

/* Textbereich */
#c-text img{
	float:left;
	margin:0 20px 0 0;
	}
#c-text p{
	margin:0 20px 5px 0;
	color: #6d6d6d;
	font-size:0.9em;
	}
#c-text ul{
	margin:5px 0 5px 0;
	}
#c-text li{
	font-size:0.9em;
	color:#6d6d6d;
	margin:0 0 5px 225px;
	list-style-type:disc;
	}
	

/* shadowbox*/
#c-shadow{
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	width:500px;
	background-color:#FFFFFF;
	padding:10%;
	}


/* SLIDER */

#main-inner {
    position: relative;
    height: 380px;
    width: 940px;
}

#slider {
    height: 380px;
    width: 940px;
}

#slider img {
    height: 378px;
    width: 940px;
    margin: 0;
    position: relative;
}


/* SLIDER CONTAINER */

.slider-container {
    border: 1px solid #222;
    width: 938px;
    height: 378px;
    overflow: hidden;
    margin:-20px 0 0 0;
}

a, a:hover, a:visited {
    text-decoration: none;
    color: #fff;
}

/*.previous-btn, .next-btn {		Buttons für links rechts auch im miniSlider.js einschalten
    position: absolute;
    top: 130px;
    width: 40px;
    height: 40px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    border-radius: 23px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
}

.previous-btn:hover, .next-btn:hover {
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
}

.previous-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}*/

/* PAGiNATION */
.pagination {
    position: absolute;
    top: 20px;
    margin: 0;
    padding: 0;
    right: 16px;
}

.pagination li {
    list-style: none;
    float: left;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    position: relative;
}

.pagination li a {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 23px;
    background: #fff;
    text-indent: -9999px;
    display: block;
    opacity: 0.6;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
}

.pagination li.current-pagination a, .pagination li a:hover {
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter:alpha(opacity=90);
}

/* Lightbox */

#hoverNav{
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
}

#hoverNav a{ outline: none; }

#imageContainer{ padding: 10px; }

#imageContainer>#hoverNav{ left: 0; }

#imageData{ padding: 0 10px; color: #666; }

#imageData #bottomNavClose{
   width: 113px;
   float: right;
   padding-bottom: 0.7em;
   outline: none;
}

#imageData #caption{ font-weight: bold; letter-spacing:0.05em; color:#CCCCCC;}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; letter-spacing:0.05em; color:#CCCCCC;}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }

#imageDataContainer{
   font: 10px Verdana, Helvetica, sans-serif;
   background-color: #006334;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100%;
}

#lightbox{
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
}

#lightbox a img{ border: none; }

#lightbox img{ width: auto; height: auto; }

#loading{
   position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
}

#nextLink { right: 0; float: right; }

#nextLink:hover, #nextLink:visited:hover {
   background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat;
}

#outerImageContainer{
   position: relative;
   background-color: #006334;
   width: 250px;
   height: 250px;
   margin: 0 auto;
}

#overlay{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
   background-color: #000;
}

#prevLink { left: 0; float: left; }

#prevLink, #nextLink{
   width: 49%;
   height: 100%;
   background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
   display: block;
}

#prevLink:hover, #prevLink:visited:hover {
   background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat;
}