/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	FONT IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
@import url(http://fonts.googleapis.com/css?family=Rock+Salt);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-family: Verdana, arial, helvetica, sans-serif;
}

thead th,
tbody th{
	font-family: Verdana, arial, helvetica, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	font-family: Verdana, arial, helvetica, sans-serif;
}

p {
	line-height:150%;
	color:#000;
	margin:10px 0;
	font-weight:700;
}


.menu{
	font-family: Verdana, arial, helvetica, sans-serif;
}

blockquote{
	font-family: Verdana, arial, helvetica, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
	margin:0;
	padding:0;
	color:#000;
/*	background:#efefef url(../images/hex-metal-mesh.png) repeat center top fixed;  */
	background-color:#000; 
	font:normal 0.9em/150% 'Arimo', Verdana, arial, helvetica, sans-serif;
	text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
	width:100%;
	height:100%;
	background:#000 url(../images/bg/schiefer.jpg) repeat center top;	
}

#allover{
	overflow:hidden;	
}

#bg{
	position:absolute;
	width:100%;
	height:100%;
	z-index:-99;
}

#bg img{
/*	min-height:100%; */
	height:auto !important;
/*	height:100%; */
	min-width:100%;
	width:auto !important;
	width:100%;
	margin:0 auto;
	display:block;
	position:absolute;
	top:0;
	right:0;
}

#header{
	width:100%;
	padding:0;
	margin:0;
	border: none;
/*	text-shadow:0px 1px 1px #fff; */
	top:0;
	position:absolute;
	z-index:-20;
	left:0;
}

#footer{
	padding:0;
	margin:0;
	background:#000 url(../images/bg/footer_leather_narrow.jpg);
/*	background:#000 url(../images/page_header_bg.jpg); */
	border-top:2px solid #500;
	color:#A99;
	font-size:0.9em;
/*	text-shadow:0px 1px 1px #fff; */
	position:fixed;
	bottom:0;
	left:0;
	height:80px;
	width:100%;
	font-weight:bold;
	z-index:100;
}

#footer a{
	color: #a99;
	text-decoration:none; 
}

#footer a:hover{
	color: #fff; 
	text-decoration:underline; 
}

#wrap{
	width:960px;/*960*/
	background:#fff;
	margin:80px auto 150px auto;
	padding:0 0 0px 0;
	border:1px solid #ccc;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
/*	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,.75)));
	background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,.75));
	background-image: -o-linear-gradient(0% 0% 90deg, from(rgba(255,255,255,1)), to(rgba(255,255,255,.75))); */
}

#content {
	padding: 20px;
}
.menu{
	margin:-1px -1px 0 -1px;
}

#topnavi {
	width:1050px;/*1050*/
	margin:5px auto 30px auto;
	padding:30px;
	background:url(../images/topnavi_panel.png) no-repeat; 
	width:1050px;
	height:110px;
	font-family:helvetica, Geneva, sans-serif;
	font-size:24px;
	font-weight:bold;
	z-index:110;
}

#topnavi a:hover {
	border:2px solid 900;
	display: block;	
}

#link-top{
	position: absolute;
	top:10px;
	right:10px;
	*right:25px;/*IE 7 ONLY*/
	left:auto;
	color:#666;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/*---------------------------------
	OnMouseOver Effekte
-----------------------------------*/


.foto-link {
	width: 60px;
	height: 45px;
	display: block;
	margin: 0 auto;
}

.foto-link2 {
	width: 25px;
	height: 35px;
	display: block;
	margin: 0 auto;
}

.foto1 {
	background: url(../images/logos/logo_echt_oberharz.png) no-repeat;
}

.foto2 {
	background: url(../images/logos/logo_html5.png) no-repeat;
}


.foto-link:hover {
	background-position: 0 -45px;
}

.foto-link2:hover {
	background-position: 0 -35px;
}


/*---------------------------------
	Transparenz
-----------------------------------*/

.opac50 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape/FireFox */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* aktuelle Browser */
  opacity: 0.5;
}

.opac85 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  /* IE 5-7 */
  filter: alpha(opacity=85);
  /* Netscape/FireFox */
  -moz-opacity: 0.85;
  /* Safari 1.x */
  -khtml-opacity: 0.85;
  /* aktuelle Browser */
  opacity: 0.85;
}

.opac90 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape/FireFox */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* aktuelle Browser */
  opacity: 0.9;
}

.opac95 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  /* IE 5-7 */
  filter: alpha(opacity=95);
  /* Netscape/FireFox */
  -moz-opacity: 0.95;
  /* Safari 1.x */
  -khtml-opacity: 0.95;
  /* aktuelle Browser */
  opacity: 0.95;
}

.opac100 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape/FireFox */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* aktuelle Browser */
  opacity: 1;
}


.thumb {
	margin-top: -35px;
	float: left;
	position: relative;
}

.thumbinail img {
	margin: 5px;
	padding: 5px;
	border: 1px dashed #D2D2D2;
	background-color: #EAEAEA;
	float: left;
	display: inline-block;
	height: 45px;
	width: 75px;
	
}

ul.thumbinail {
	padding-top: 3;
	padding-right: 0;
	padding-bottom: 3;
	padding-left: 0;
	margin: 5px;
}

ul.thumbinail li{
	list-style:none;
	float:left;
	padding:3px 20px 3px 3px;
}

ul.thumbinail li a{
		display:block;
}

ul.thumbinail li a img{
		display:block;
}

ul.thumbinail li a:hover img{
		-ms-transform: scale(1.3) rotate(15deg);
		-moz-transform: scale(1.3) rotate(15deg);
		-webkit-transform: scale(1.3) rotate(15deg);
		-o-transform: scale(1.3) rotate(15deg);
		transform: scale(1.3) rotate(15deg);
}

ul.thumbinail li.m15 a:hover img  {
		-ms-transform: scale(1.3) rotate(-15deg);
		-moz-transform: scale(1.3) rotate(-15deg);
		-webkit-transform: scale(1.3) rotate(-15deg);
		-o-transform: scale(1.3) rotate(-15deg);
		transform: scale(1.3) rotate(-15deg);
}