@import url(http://fonts.googleapis.com/css?family=PT Sans Narrow:400,700);
body {
	font: 12px Verdana,Arial,sans-serif;
}
h2{
	font-family: PT Sans Narrow,Arial;
	font-size:18px;
	letter-spacing:0.06em;
	color:#666666;
	text-transform:uppercase;
	margin:5px 0 10px 0;
	font-weight:normal;
	}
h3{
	font-family: PT Sans Narrow,Arial;
	font-size:16px;
	letter-spacing:0.06em;
	color:#666666;
	text-transform:uppercase;
	margin:5px 0 5px 0;
	font-weight:normal;
}	
h4{
	font-family: PT Sans Narrow,Arial;
	font-size:14px;
	letter-spacing:0.06em;
	color:#666666;
	text-transform:uppercase;
	margin:5px 0 0 0;
	font-weight:normal;
	}
p{
	margin:0 0 8px 0;
	line-height:1.5em;
	letterspacing:0.03em;
	color:#666666;
}
strong{
	font-weight:bold; 
	}
ul{
	list-style-type:none;
}

#c-content li{
	list-style-type:disc;
	list-style-position: inside;
	color:#666666;
	padding:5px 0 5px 0;
	margin:-5px 0 0 0;
}

#earth > li{
	list-style-type:disc;
	list-style-position: outside;
	color:#666666;
	padding:0 0 5px 2px;
	margin:0 0 0 15px;
}

#earthmonth > li{
	list-style-type:decimal;
	list-style-position: outside;
	color:#666666;
	padding:0 0 5px 2px;
	margin:0 0 0 15px;
}

dl {	
	margin:20px 0 0 0;
}
dt {
	float:left;
	clear:left;
	margin:0;
}
dd {
	margin:0 0 0 50px;
}
a {
	color:#666666;
	text-decoration: none;
	}
/*a:hover{
	color:#000000;
	text-decoration: none;
	}*/
table{
	color:#666666;
	}
th{
	font-family: PT Sans Narrow,Arial;
	font-size:16px;
	letter-spacing:0.06em;
	color:#666666;
	text-transform:uppercase;
	margin:5px 0 5px 0;
	font-weight:normal;	
}
#c-content table tbody tr td{
	align:right;
	valign:top;
}
/*#nav li{
	float:left;
	margin:15px 0 0 0;
	padding:0 30px 0 0;
	font-family:PT Sans Narrow,Arial;
	font-size:18px;
	text-transform:uppercase;
	}*/
#c-content a{
	color:#008f97;
	text-decoration: underline;
	}
#c-content a:hover, a:hover{
	color:#008f97;
	text-decoration: underline;
	}
#content a{
	color:#008f97;
	text-decoration: underline;
	}
#content a:hover, a:hover{
	color:#008f97;
	text-decoration: underline;
	}


/*   Subnav   */

#mainnav,
#mainnav a,
#mainnav strong{
	font-family: PT Sans Narrow,Arial, sans-serif;
	font-weight: normal;
	font-size:18px;
	text-transform:uppercase;
	text-decoration: none;
}
#mainnav{
	/*padding: 26px 0 0;*/
}
#mainnav > .active-trail,
#mainnav > li:hover {
	/*background-color: #cccccc;*/
	background-color: #FFFFFF;
	color: #606060;
	margin: 0;
    padding: 11px 10px;
}
#mainnav > li{
	float: left;
	position: relative;
	padding: 11px 10px;
	letter-spacing: 0.03em;
	margin: 0;
	height: 33px;
	line-height: 33px;
}
#mainnav > li > ul{
	display: none;
	font-size: 14;
}
#mainnav > li > ul > li{
	line-height: 1.4em;
	font-size: 14px;
}
#mainnav ul a,
#mainnav ul strong{
	display: block;
	padding: 3px 8px;
}
#mainnav ul a:hover,
#mainnav ul strong{
	background-color: #FFFFFF;
	color: #606060;
}
/*#mainnav > .active-trail > ul,*/
#mainnav > li:hover > ul{
	display: block;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 54px;
	background: url(../img/bg_subnav.png);
	padding: 13px 0 10px;
	border: solid #cccccc;
	border-width: 2px;
	white-space: nowrap;
	
}
#mainnav ul ul{
	padding: 0 0 0.3em 0;
}
#mainnav ul ul a,
#mainnav ul ul strong{
	padding: 3px 8px 3px 2em;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}


/*   End Subnav   */
#mainnav > li#menutelefon:hover {
	/*background-color: #cccccc;*/
	background-color: #BDDDDC;
	color: #606060;
	margin: 0;
    padding: 1px 10px;
}






#c-nav h2{
	color:#00afb9;
}
#c-nav li{
	list-style-type:disc;
	list-style-position: inside;
	border-bottom: 1px solid #cccccc;
	color:#00afb9;
	padding:5px 0 5px 0;
	margin:-5px 0 0 0;
}

#c-nav li#h-info-first p{
	margin:-17px 0 0 13px;
	text-decoration: none;
}
#c-nav li#h-info p{
	margin:-17px 0 0 13px;
}
#c-nav li#h-info-last p{
	margin:-17px 0 0 13px;
}
#c-nav li#h-info{
	margin:0 0 0 0;
}
#c-nav li#h-info-last{
	margin:0 0 0 0;
	border-bottom: none;
}
#c-nav-liste li#h-info-first a{
	text-decoration: none;
	}
#c-nav-liste li#h-info a{
	text-decoration: none;
	padding:5px 0 5px 0;
}
#c-nav-liste li#h-info-last a{
	text-decoration: none;
	padding:5px 0 5px 0;
}
#c-nav-liste li#h-link-last{
	margin:0 0 0 0;
	border-bottom: none;
}
#c-nav-liste li#h-link-first a{
	text-decoration: none;
	}
#c-nav-liste li#h-link a{
	text-decoration: none;
	padding:5px 0 5px 0;
}
#c-nav-liste li#h-link-last a{
	text-decoration: none;
	padding:5px 0 5px 0;
}
/*#content a{
	color:#666666;
	text-decoration: underline;
}
#content a:hover, a:hover{
	color:#000000;
	text-decoration: none;
}*/
#c-footer a{
	color: #444444;
	text-decoration:none;
	}
#c-footer a:hover{
	color: #444444;
	text-decoration:underline;
	}
#c-footer li{
	text-transform:uppercase;
	float:left;
	color: #444444;
	text-decoration:none;
	margin:17px 0 0 0;
}
#c-footer li#cfl{
	width:360px;
}
#c-footer li#cfr{
	width:600px;
	text-align:right;
}
#nav-footer ul{
	text-transform:uppercase;
	float:left;
	margin:15px 0 0 0;
	}
#nav-footer ul#nfl{
	width:320px;
}
#nav-footer ul#nfm{
	width:320px;
	}
#nav-footer ul#nfr{}
#nav-footer li{
	padding:5px 0 0 0; 	
}
#nav-footer a{
	color: #f9f9f9;
	text-decoration:none;
	}
#nav-footer a:hover{
	color: #BDDDDC;
	text-decoration:none;
	}

/* telefon*/

li#menutelefon{
	float:right;
	margin:-10px 0 0 0;
	}
img#menutelefon{
	text-align:middle;
	margin:0 0 0 0;
}
#menutelefon a{
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/* telefon*/
/* 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: 960px;
}

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

#slider img {
    height: 380px;
    width: 960px;
    margin: 0;
    position: relative;
}


/* SLIDER CONTAINER */

.slider-container {
    border: 0px solid #222;
    width: 960px;
    height: 380px;
    overflow: hidden;
    margin:23px 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: #009ba4;
    text-indent: -9999px;
    display: block;
    opacity: 0.3;
    -moz-opacity: 0.3;
    filter:alpha(opacity=30);
}

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

/* 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: normal; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

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

#imageDataContainer{
   font: 10px Verdana, Helvetica, sans-serif;
   background-color: #BDDDDC;
   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: #BDDDDC;
   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;
}