@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1000px){
	ul.navigation-mobile ul.navigation-1 li{
		display: none;
	}
	.navigation-2{
		display:none;
	}
	.navigation-3 {
		display:none;
	}
	ul.navigation-mobile li
		{ display:block; }
	.navigation-mobile li a:hover ul.navigation-1 li
		{display:block;}
	#galleries {
		display: none;
		visibility: hidden;
	}
	.posts {
		font-size: 26px;
	}
	#blog{
		padding: 5px;
		width: 850px;
		height: 200px;
	}
	.posttitle {
		font-size: 28px;
	}
	.boxTitel{
		font-size: 30px;
	}
}
@media screen and (min-width: 1000px){
	.navigation-mobile li{
		list-style: none;
	}
	#Menu{display:none;}
	ul.navigation-1
		{
		padding: 5px 0;
		list-style: none;
		width: 842px;
		height: 28px;
		z-index: 10;
	}
	ul.navigation-1 li
		{
		margin:0;
		padding:0;
		display:block;
		float:left;
		position:relative;
		width:140px;
	}
	ul.navigation-1 li a:link,
	ul.navigation-1 li a,
	ul.navigation-1 li a:visited
		{ padding:4px 0; display:block; text-align:left; background:#030505; color:#bbb; width:140px; height:20px; cursor:pointer;}
	ul.navigation-1 li:hover a, ul.navigation-1 li a:hover, ul.navigation-1 li a:active
		{ padding:4px 0; display:block; text-align:left; background:#030505; color:#bbb; width:120px; height:20px; }
		
	ul.navigation-1 li ul.navigation-2
		{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#030505; width:170px; position:absolute; top:28px; left:-1px; }
	ul.navigation-1 li:hover ul.navigation-2
		{ display:block; }
	ul.navigation-1 a:active ul.navigation-1
		{ display:none; }
	ul.navigation-1 li ul.navigation-2
		{ border-style:solid; border-width:1px;}
	ul.navigation-1 li ul.navigation-2 li
		{clear:left; width:170px;}
	 
	ul.navigation-1 li ul.navigation-2 li a:link,
	ul.navigation-1 li ul.navigation-2 li a:visited
		{ clear:left; background:#030505; padding:4px 0; width:170px; border:none; position:relative; z-index:1000; }
	ul.navigation-1 li ul.navigation-2 li:hover a,
	ul.navigation-1 li ul.navigation-2 li a:active,
	ul.navigation-1 li ul.navigation-2 li a:hover
		{ clear:left; background:#030505; padding:4px 0; width:170px; border:none; position:relative; z-index:1000; }
	 
	ul.navigation-1 li ul.navigation-2 li ul.navigation-3
		{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:171px; top:-2px; padding:1px 0px 0 1px; background:#030505; z-index:900; width:150px;border-width: 1px 1px 1px 0px; border-style:solid;}
	ul.navigation-1 li ul.navigation-2 li:hover ul.navigation-3
		{ display:block; }
	ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
	ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
		{ background:#030505; width:150px; }
	ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
	ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
	ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
		{ background:#030505; width:150px;}
	ul.navigation-1 li ul.navigation-2 li a span
		{ display:none; position:absolute; top:0; left:160px; font-size:12pt; color:#bbb; }
	ul.navigation-1 li ul.navigation-2 li:hover a span,
	ul.navigation-1 li ul.navigation-2 li a:hover span
		{display:block; position:absolute; top:0; left:160px; font-size:12pt; color:#bbb; }
	.boxTitel{
		margin:0;
		font-weight:bold;
		padding: 15px;
		font-size: 16px;
	}
	#galleries {
		height: 600px;
		position: absolute;
		right: 0px;
		top: 0px;
		float: right;
		/*overflow: visible;*/
		padding: 5px;
	}
	.posts {
		font-size: 14px;
		height: 150px;
	}
	#blog{
		padding: 5px;
		width: 470px;
	}
	.posttitle {
		font-size: 14px;
	}
}

#actlink:link, #actlink:visited  { font-weight:bold; color:#999; text-decoration:underline !important; }
	#gallery{
		text-align: center;
	}
	#gbtop{
		border-top-width:1px;
 		border-top-style:solid;
  		border-color:white;
	}
	#gbbottom{
		border-bottom-width:1px;
 		border-bottom-style:solid;
  		border-color:white;
	}
	a, a:link, a:visited { font-weight:bold; color:#BBB; text-decoration:none; }
	a:focus , a:hover, a:active { font-weight:bold; color:#BBB; text-decoration:underline; }
	#gallery a, #gbtext a {font-family: Tahoma, Geneva, sans-serif;}
	#gallery a:link, #gallery a:visited, #gbtext a:link, #gbtext a:visited { font-weight:bold; color:#999; text-decoration:none; }
	#gallery a:focus ,#gallery a:hover, #gallery a:active, #gbtext a:focus ,#gbtext a:hover, #gbtext a:active { font-weight:bold; color:#999; text-decoration:underline; }
	#gallery img {border: 5px solid white;}
  .Titel {
	font-family: Tahoma, Geneva, sans-serif;
	color: #BBB;
	font-size: 18px;
	font-weight: bold;
	}
  .Text {
	font-size: 16px;
	color: #999;
	font-family: Tahoma, Geneva, sans-serif;
	}
	.bDescr {
	font-size: 12px;
	color: #999;
	font-family: Tahoma, Geneva, sans-serif;
	}#tags{
		font-size: 12px;
	}
	.sTitel {
	font-size: 16px;
	color: #BBB;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	}
	.bTitle {
	font-size: 24px;
	color: #BBB;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	}
	.Menu a, .Menu a:link, .Menu a:visited, .Menu a:active   {font-weight:bold; color:#999; text-decoration:none; }
	.Menu a:focus ,.Menu a:hover { font-weight:bold; color:#999; text-decoration:underline; }
	#cont1, #Rahmen{
		opacity: .85;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		filter: alpha(opacity=85);
	}
	body {
		behavior: url(./js/csshover3.htc);
		background-image:url('../13_metal.jpg');
		background-position: center top;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-color: #000;
		
	}
	#backgr{
		height:1444px; width:1100px;
		top:10px; margin:0 auto; z-index:1;
	}
	#gbform{table-layout:fixed;position:absolute;left:460px;top:60px;}
	#gbtext{position:absolute; top:60px; color:#999}
	#cont{
		position:relative; top:55px;
	}
	#importantfield{visibility:hidden;}
	div#lang{
	width: 110px;
	height: 20px;
	float: right;
	font-size: 12px;
}
	.langb{margin:2px;}
	div#contabs
	{
	width:850px;
	top:250px;
	margin-left: auto;
	margin-right: auto;
	margin-top:250px;
	background:#030505;
	z-index:10;
	padding:20px;
}
#backb{
	left:600px; position:relative; left:800px; font-weight:bold;
}


 
/* Style für linke Blog Spalte */

.posts {
	position: relative;
	padding:5px;
	margin:15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	
}
.blogtext{
	left:220px;
	width: 120px;
}
.blogpics{
	float: left;
	margin-right: 5px;
}
.posts a img{
	border: none;
}
.posttitle {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.postdet{
	position: absolute;
	border: 1px solid #666;
	bottom: 5px;
	right: 5px;
	font-size: 11px;
	/*overflow: visible;*/
}
/* Style für rechte Gallerie Spalte  */

.galpics, #spotdescr{
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	padding:5px;
	border: 1px solid #AAA;
}
.galpics a img{
	border: none;
}
.galdescr{
	padding:5px;
	font-size:14px;
}