@charset "UTF-8";

/****************************************************
  GLOBALE DINGE LAYOUT
******************************************************/
html,body {width:100%;height:100%;margin:0;padding:0;margin:0;background: #000000!important; background-color:#000000!important;min-height:100%;}



/****************************************************
  CSS RESET
******************************************************/
*{text-decoration:none;font-size:1em;outline:none;padding:0;margin:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{white-space:normal;font-size:1em;font:inherit}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6{font-weight:normal}a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet,table{border:none}table{border-collapse:collapse;border-spacing:0}caption,th,td,center{vertical-align:top;text-align:left}body{background: #000000; background-color:#000000;line-height:1;color:white}q{quotes:"" ""}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}hr{display:none}font{color:inherit!important;font:inherit!important;color:inherit!important}marquee{overflow:inherit!important;-moz-binding:none}blink{text-decoration:none}nobr{white-space:normal}

/****************************************************
  RESET
*****************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; list-style: none;}

/* -- Clearfix code -- */
.clearfix:after {content: "."; display: block; clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}
/* -- Clearfix code -- */

/* pt-sans-narrow-regular - latin-ext_latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-narrow-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* pt-sans-narrow-700 - latin-ext_latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-narrow-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-narrow-v17-latin-ext_latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* cinzel-regular - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cinzel-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/cinzel-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cinzel-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cinzel-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/cinzel-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cinzel-v19-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}

/* cinzel-700 - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/cinzel-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/cinzel-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cinzel-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cinzel-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/cinzel-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cinzel-v19-latin-700.svg#Cinzel') format('svg'); /* Legacy iOS */
}




/****************************************************
  GRID 
*****************************************************/
.alpha {margin-left: 0 !important;}
.omega {margin-right: 0 !important;}


/****************************************************
  LINKS FOR DIE WEBSEITE
******************************************************/
/* -- Alle HTML links -- */
a:link { }
a:visited { }
a:hover { }
a:active { }


/****************************************************
  EBENEN AUFTEILUNGEN
******************************************************/
#wrapper{z-index:5000;}
#pattercoint {z-index:5;}
#logo{z-index:20000;}
#navbar{z-index:19999;}
.mycanvas {z-index:20003;}
#backgrdsound{z-index:259999;}
#ground{z-index:4;}
#top-bottom-menu{z-index:18000;}

* {margin: 0;padding: 0;}
.clear {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}

/****************************************************
  Gridbox Einstellung Logo
******************************************************/
.grid-box{float:left;}
.mod-box{background: transparent;}
.size-auto{width:100%;height:auto;}
.leftarrow{width:50px;}

#logo{position:fixed;left: 50%;margin-left:-117px;top:-24px; background:transparent;z-index:30000;}
.logowidth{width:238px;}

.display_none{display: none;}
.float_left{float: left;}
.float_right{float: right;}

.pictslider {height:100%;}
.sortingWrapper{ }

.940 {witdh:940px;}
.620 {witdh:620px;}
.410 {witdh:410px;}

.mittig {text-align: center;}
.sub {margin-top:0px;}
.highest {margin-top:200px;}
.blocksatz {text-align: justify;}
.leftarrow{width:50px;}	
.abstand{margin: 30px 0px 0px 0px;}


/****************************************************
  CONTENTFADE
******************************************************/
#image {position:absolute;display:block;background:transparent;margin-top:300px;}
#loader {position:absolute;display:block;background:#fff;margin:300px 0px 0px 0px;padding:5xp 5px 5px 5px}


/****************************************************
  CONTAINER & INHALT ELEMENTE
*****************************************************/

#inhaltwrap{
	position:relative;
	display:block;
	width: 960px;
	height: auto;
	left:50%;
	margin-left:-480px;
	border: 0px;
	background-color:transparent;
	z-index:10;}

.contentbild{display:block;width:960px;height:400px;border: 0px;background:#555;}

.allpict{width:940px;
	display:block;
	position:relative;
	float:left;
	background: rgba(0,0,0,0.5);
	margin: 20px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	border: 10px solid #222222;
    -moz-box-shadow:  0px 1px 18px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 1px 18px rgba(0,0,0,0.9);
    box-shadow: 0px 1px 18px rgba(0,0,0,0.9);}

.innershadow{
	width:940px;
	display:block;
	margin: -475px 0px 30px 9px;
	padding:0px 0px 0px 0px;
	height: auto;
	position:relative;
	background:transparent;
	border: 1px solid #000;
	box-shadow: 0px 1px 30px rgba(0,0,0,1) inset;}

.timage{display:block;position:relative;float:left;margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;background:transparent;z-index:2000;}
.fullwidth{width:940px;height:auto;z-index:10;background:transparent;}	

.headblocc{display:block;position:relative;float:left;height:140px;width:960px;margin:0px 0px 0px 0px}	

.dasher {position:relative;float:left;display:block;width:960px;height:1px; border-bottom: 1px dashed rgba(0,0,0,1);margin:0px 0px 0px 0px;background:transparent;}
.dasherc {position:relative;float:left;display:block;width:960px;height:1px; border-bottom: 1px dashed rgba(0,0,0,1);margin:20px 0px 40px 0px;background:transparent;}
.dasheri {position:relative;float:left;display:block;width:960px;height:1px; border-bottom: 1px dashed rgba(0,0,0,1);margin:30px 0px 30px 0px;background:transparent;}

/****************************************************
  CONTAINER BLOC ELEMENETE HÖHEN
******************************************************/
#bloc_info{position:relative;display:block;width:auto;height:1300px;}
#bloc_produkte{position:relative;display:block;width:auto;height:2100px;}
#bloc_impressum{position:relative;display:block;width:auto;height:1500px;}
.extrabloc_impressum{position:relative;display:block;width:auto;height:50px;margin:-80px 0px 0px 0px;}

/****************************************************
  CONTAINER TEXT ELEMENTE
******************************************************/


p{display:block;position:relative;float:left;width:960px;height:auto;text-transform: none;text-decoration: none;word-spacing: none;letter-spacing:none;background:transparent;margin:0px 0px 0px 0px;}


#bloc_info h2 {
	display:block;
	float:left;
	width:960px;
	font-family: 'Cinzel', serif;
	font-size: 21px;
	line-height: 24px;
	font-weight: 400;
	color: #999999;
	text-align:center;
	text-transform: none;
	text-decoration: none;
	word-spacing: 0.05em;
	letter-spacing:0.025em;
	margin: 0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	background-color: rgba(0,0,0,.3);
	border: 0px solid transparent;
    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,1);
     box-shadow: 0px 1px 10px rgba(0,0,0,1);}
 
#bloc_produkte h2 {
	display:block;
	float:left;
	width:960px;
	font-family: 'Cinzel', serif;
	font-size: 21px;
	line-height: 24px;
	font-weight: 400;
	color: #999999;
	text-align:center;
	text-transform: none;
	text-decoration: none;
	word-spacing: 0.05em;
	letter-spacing:0.025em;
	margin: 0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	background-color: rgba(0,0,0,.3);
	border: 0px solid transparent;
    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,1);
     box-shadow: 0px 1px 10px rgba(0,0,0,1);}

	
#bloc_impressum h1 {
	position:relative;
	display:block;
	float:left;
	width:960px;
	font-family: 'Cinzel', serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: 400;
	color: rgba(0,0,0,0);
	text-align:center;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	letter-spacing:none;
	margin: 0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	background-color:transparent;
	border: 0px solid transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
     box-shadow:none);} 

#bloc_impressum h2 {
	display:block;
	float:left;
	width:960px;
	font-family: 'Cinzel', serif;
	font-size: 21px;
	line-height: 24px;
	font-weight: 400;
	color: #999999;
	text-align:center;
	text-transform: none;
	text-decoration: none;
	word-spacing: 0.05em;
	letter-spacing:0.025em;
	margin: 0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	background-color: rgba(0,0,0,.3);
	border: 0px solid transparent;
    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,1);
     box-shadow: 0px 1px 10px rgba(0,0,0,1);}


#bloc_info h3 {
	display:block;
	position:relative;
	font-family: 'Cinzel', serif;
	font-weight: 700;
	color: #999999;
	font-size: 60px;
    text-shadow:2px 2px 20px rgba(0,0,0,1);
	line-height: 55px;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	letter-spacing:none;
	text-align:center;
    margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border: 0px;}
	
#bloc_produkte h3 {
	display:block;
	position:relative;
	font-family: 'Cinzel', serif;
	font-weight: 700;
	color: #999999;
	font-size: 60px;
    text-shadow:2px 2px 20px rgba(0,0,0,1);
	line-height: 55px;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	letter-spacing:none;
	text-align:center;
    margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border: 0px;}
	
		 		
.txt {
	font-family: 'Metal Mania', cursive;
	font-weight: 400;
	font-weight: normal;
	color: #999999;
	font-size: 26px;
	line-height: 32px;
	text-align:center;
	text-shadow:2px 2px 10px rgba(0,0,0,1);
	height:auto;
	margin:0px 0px 10px 0px;}

.txtimpressum {
	font-family: 'Metal Mania', cursive;
	font-weight: 400;
	font-size: 18px;
	line-height: 19px;
	font-weight: normal;
	text-align:center;
	text-shadow:1px 1px 10px rgba(0,0,0,1);
	color: #999999;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	margin: 40px 0px 20px 0px;}
	
.txtimpressum a {color: #999999;text-decoration: none;text-shadow:1px 1px 10px rgba(0,0,0,1);}
.txtimpressum a:hover {color: #d10018;text-shadow:1px 1px 10px rgba(0,0,0,1);}

.xheadimpressum {
	font-family: 'Cinzel', serif;
	font-weight: 700;
	color: #999999;
	font-size: 36px;
	line-height: 38px;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	text-shadow:1px 1px 10px rgba(0,0,0,1);
	margin:0px 0px 0px 0px;}

.headimpressum {
	font-family: 'Cinzel', serif;
	font-weight: 700;
	color: #999999;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	text-shadow:2px 2px 15px rgba(0,0,0,1);
    margin:20px 0px 5px 0px;}
	
.subimpressum {
	font-family: 'Cinzel', serif;
	font-weight: 700;
	color: #999999;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	word-spacing: 0.1em;
	text-shadow:2px 2px 15px rgba(0,0,0,1);
    margin:5px 0px 5px 0px;}

.inhaltimpressum {
	font-family: 'Metal Mania', cursive;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	text-align:center;
	text-shadow:1px 1px 10px rgba(0,0,0,1);
	color: #999999;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	margin: 0px 0px 20px 0px;}

.inhaltimpressum a {color: #999999;text-decoration: none;text-shadow:1px 1px 10px rgba(0,0,0,1);}
.inhaltimpressum a:hover {color: #d10018;text-shadow:1px 1px 10px rgba(0,0,0,1);}

.itxtimpressum {
	font-family: 'Metal Mania', cursive;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	text-align: justify;
	text-shadow:1px 1px 10px rgba(0,0,0,1);
	color: #999999;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	margin: 0px 0px 20px 0px;}

.itxtimpressum a {color: #999999;text-decoration: none;text-shadow:1px 1px 10px rgba(0,0,0,1);}
.itxtimpressum a:hover {color: #d10018;text-shadow:1px 1px 10px rgba(0,0,0,1);}

.dateimpressum {
	font-family: 'Metal Mania', cursive;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	text-align:center;
	text-shadow:1px 1px 10px rgba(0,0,0,1);
	color: #999999;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	margin: 0px 0px 20px 0px;}


.txtpictfullhead {
display:block;
position:absolute;
font-family: 'Cinzel', serif;
font-weight: 700;
font-size: 28px;
line-height: 32px;
background: transparent;
color:#ff0000;
width:auto;
letter-spacing: -1px;
text-transform: none;
text-decoration: none;
text-align:left;
padding:0px 0px 0px 0px;
margin-top: -420px;
margin-left: 335px;
text-shadow:1px 1px 30px rgba(0,0,0,1);
outline: 0;
}

.txtsubpictfullhead {
display:block;
position:absolute;
z-index:200;
font-family: 'Metal Mania', cursive;
font-weight: 400;
font-size: 20px;
line-height: 20px;
font-weight: normal;
background: transparent;
color:#ff0000;
width:auto;
letter-spacing: none;
text-transform: none;
text-decoration: none;
text-align:left;
padding:0px 0px 0px 0px;
margin-top: -385px;
margin-left: 347px;
outline: 0;
}

		
.strack {
	display:block;
	position:relative;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	color: #999999;
	font-size: 9px;
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	letter-spacing:none;
	line-height: 9px;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:-13px 0px 0px 1px;
	background-color: transparent;}


#pressumcode {position: fixed;display:block;width: 100%;height: 40px;border: 0;bottom: 0px;left: 0px;overflow:hidden;background:rgba(0,0,0,0.9);background-images:url(../_images/grungeb.png);z-index:19800;}

.itxt {
	display:block;
	position:relative;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #999999;
	font-size: 16px;
	text-shadow:2px 2px 10px rgba(0,0,0,1);
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	letter-spacing:none;
	line-height: 16px;
	text-align:center;
	left:50%;
	width:760px;
	margin-left:-380px;
	margin-top:10px;
	padding:0px 0px 0px 0px;
	background: transparent;}

.itxt a {
	color: #999999;text-decoration: none;text-shadow:1px 1px 10px rgba(0,0,0,1);
	-webkit-transition: color 1.5s ease-out, background 0.2s ease-out;
	-moz-transition: color 1.5s ease-out, background 0.2s ease-out; 
	-o-transition: color 1.5s ease-out, background 0.2s ease-out; 
	-ms-transition: color 1.5s ease-out, background 0.2s ease-out; 
	transition: color 1.5s ease-out, background 0.2s ease-out;}

.itxt a:hover {color: #ff3300;text-shadow:1px 1px 10px rgba(0,0,0,1);}


#startslogan {position: absolute;display:block;width: 100%;height: 102px;border: 0;bottom: 20px;left: 0px;overflow:hidden;background:url(../_images/subgrd.png) top center;z-index:8000;background-repeat: no-repeat;}

.slogantxt {
	display:block;
	position:relative;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #ff3300;
	font-size: 28px;
	text-shadow:2px 2px 10px rgba(0,0,0,1);
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	letter-spacing:none;
	line-height: 16px;
	text-align:center;
	left:50%;
	width:760px;
	margin-left:-380px;
	margin-top:15px;
	padding:0px 0px 0px 0px;
	background: transparent;}

.outlettxt {
	display:block;
	position:relative;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #ff3300;
	font-size: 26px;
	text-shadow:2px 2px 10px rgba(0,0,0,1);
	text-transform: none;
	text-decoration: none;
	word-spacing: none;
	letter-spacing:none;
	line-height: 16px;
	text-align:center;
	left:50%;
	width:960px;
	margin-left:-480px;
	margin-top:15px;
	padding:0px 0px 0px 0px;
	background: transparent;}



/****************************************************
  BACKGROUND ELEMENTE
***************************************************/
#headergrunge {position: fixed;display:block;width: 100%;height: 160px;border: 0;top: 0px;left: 0px;overflow:hidden;background:url(../_images/grungeb.png) top center;z-index:14000;}
#grunge {position: fixed;width: 100%;height: 100%;z-index: 300;padding: 0;border: 0;top: 0px;left: 0px;overflow:hidden;background:url(../_images/grungeb.png) top center;}
#headerground {position: fixed;display:block;width: 100%;height: 160px;top: 0px;left: 0px;overflow:hidden;background:url(../_images/maingroundb.jpg) top center;z-index:13999;}
#background {position: fixed;display:block;width: 100%;top: 0px;left: 0px;height:100%;z-index: 190;overflow:hidden;background:url(../_images/maingroundb.jpg) no-repeat top center fixed;}
#bblacker {position: fixed;display:block;width: 100%;top: 0px;left: 0px;height: 100%;z-index: 210;overflow:hidden;background:rgba(0,0,0,0.4);background-images:url(../_images/containergrd.png);}
#headblacker {position: fixed;display:block;width: 100%;top: 0px;left: 0px;height: 160px;z-index:14001;overflow:hidden;background:rgba(0,0,0,0.4);background-images:url(../_images/containergrd.png);}
#ground {display:block;width:100%;height:auto;background:transparent;}



/*****************************************************
 KONTAKTFORMULAR ELEMENTE
******************************************************/
*:focus {outline: none;}
input:focus { outline: none; } 
.input:focus { outline: none; } 
#input:focus { outline: none; } 


/****************************************************
  HEAD MENUE ELEMENTE - DESKTOP -
******************************************************/
#headmenu {position:fixed; width:100%;left:0px; height:120px; top:0px; overflow: hidden; background:transparent;z-index:40000;}
#headmenu ul{position:fixed; width:920px; left:50%; margin-left:-460px; top:80px; height:auto;background:transparent;} /* Ausrichting Headmenü master groß */

#navbar{position:fixed; width:780px; left:50%; margin-left:-390px; top:115px; height:auto;background:rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 30px rgba(0,0,0,1);
  -webkit-box-shadow: 0px 0px  30px rgba(0,0,0,1);
   box-shadow: 0px 0px  30px rgba(0,0,0,1);}

#navbar li a{
font-family: 'Cinzel', serif;
font-weight: 400; 
background: transparent;
font-size: 18px;
line-height: 22px;
color:#7e7e7e;
letter-spacing: none;
text-transform: none;
text-align:center;
text-decoration: none;
padding:5px 15px 5px 15px;
margin: 0px 0px 0px 0px;
background:transparent;
float:left;
display: block;
border-top: 1px solid rgba(126,126,126,0.4);
border-bottom: 1px solid rgba(126,126,126,0.4);
outline: 0;
-webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
-moz-transition: color 0.2s ease-out, background 0.2s ease-out; 
-o-transition: color 0.2s ease-out, background 0.2s ease-out; 
-ms-transition: color 0.2s ease-out, background 0.2s ease-out; 
transition: color 0.2s ease-out, background 0.2s ease-out;}

#navbar a:hover{color:#ff3300;background:rgba(0,0,0,0.2);text-decoration: none;border-top: 1px solid rgba(126,126,126,0.4);border-bottom: 1px solid rgba(126,126,126,0.4);}
#navbar li.active a {color:#ff3300;text-decoration:none;border-top: 1px solid rgba(126,126,126,0.4);border-bottom: 1px solid rgba(126,126,126,0.4);}


/********* UNTERMENUE ELEMENTE - DESKTOP ********/
/* Dropdown */
#navbar .menu-dropdown {
		text-align: right;
		display: none;
		width:auto;
		background-color: transparent;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		position: absolute;
		margin:34px 0px 0px 0px;
		right: 0px;
		opacity: 1;
		z-index: 40000;
		-webkit-transition: color 0.2s ease-out, background 0.9s ease-out;
        -moz-transition: color 0.2s ease-out, background 0.9s ease-out; 
        -o-transition: color 0.2s ease-out, background 0.9s ease-out; 
        -ms-transition: color 0.2s ease-out, background 0.9s ease-out; 
        transition: color 0.2s ease-out, background 0.9s ease-out;}
	
#navbar li:hover .menu-dropdown {
		display: block;
		color:#ff3300;
		text-align: right;
		opacity: 1;
		-webkit-transition: color 0.2s ease-out, background 0.9s ease-out;
        -moz-transition: color 0.2s ease-out, background 0.9s ease-out; 
        -o-transition: color 0.2s ease-out, background 0.9s ease-out; 
        -ms-transition: color 0.2s ease-out, background 0.9s ease-out; 
        transition: color 0.2s ease-out, background 0.9s ease-out;
		margin-left:-10px;}
	
#navbar .menu-sub {	}
	
	
/* Dropdown content */
#navbar .menu-sub li {
	    border:0px;
	    border-top: 0px solid rgba(126,126,126,0.4);
		white-space: nowrap;
		display: block;
		background-color:transparent;
		overflow:hidden;
		-webkit-transition: color 0.2s ease-out, background 0.9s ease-out;
         -moz-transition: color 0.2s ease-out, background 0.9s ease-out; 
        -o-transition: color 0.2s ease-out, background 0.9s ease-out; 
       -ms-transition: color 0.2s ease-out, background 0.9s ease-out; 
        transition: color 0.2s ease-out, background 0.9s ease-out;}

#navbar .menu-sub li:hover {
	    border:0px;
		right:0px;
	    border-top: 0px solid rgba(126,126,126,0.4);
	    display: block;
		background: transparent;
		-webkit-transition: color 0.2s ease-out, background 0.8s ease-out;
        -moz-transition: color 0.2s ease-out, background 0.8s ease-out; 
         -o-transition: color 0.2s ease-out, background 0.8s ease-out; 
         -ms-transition: color 0.2s ease-out, background 0.8s ease-out; 
         transition: color 0.2s ease-out, background 0.8s ease-out;}

#navbar .menu-sub li a{
	float:right;
		right:0px;
		text-align: right;
	    border-top: 0px solid rgba(126,126,126,0.4);
	    display: block;
		width:auto;
		background: rgba(0,0,0,0.7) no-repeat 0px;
		-webkit-transition: color 0.2s ease-out, background 0.8s ease-out;
        -moz-transition: color 0.2s ease-out, background 0.8s ease-out; 
         -o-transition: color 0.2s ease-out, background 0.8s ease-out; 
         -ms-transition: color 0.2s ease-out, background 0.8s ease-out; 
         transition: color 0.2s ease-out, background 0.8s ease-out;}

#navbar .menu-sub li a:hover{
		right:0px;
		text-align: right;
	    border-top: 0px solid rgba(126,126,126,0.4);
		color:#ff3300;
	    display: block;
		width:auto;
		background:rgba(0,0,0,0.7) no-repeat 0px;
		-webkit-transition: color 0.2s ease-out, background 0.8s ease-out;
        -moz-transition: color 0.2s ease-out, background 0.8s ease-out; 
         -o-transition: color 0.2s ease-out, background 0.8s ease-out; 
         -ms-transition: color 0.2s ease-out, background 0.8s ease-out; 
         transition: color 0.2s ease-out, background 0.8s ease-out;}


/****************************************************
  DSK LINK
******************************************************/
#bkontorbar {position:fixed; display:block;top:180px;left:0px; width:241px;height:250px;background:transparent;z-index:10000;overflow:hidden;}
#bdskboard{
	background:url(../_images/dsklinkkleinc.png) no-repeat scroll 0 0;
	display:block;
	height:250px;
	margin-bottom:10px;
	text-indent:-999em;
	overflow:hidden;
	width:241px;
	cursor:pointer;
	position:absolute;}
#bdskboard:hover {background-position:0 -250px ;}
#bdskboard:focus {background-position:0 -250px;}

/*****************************************************
  BACKGROUND SOUND
******************************************************/
#backgrdsound{background:transparent;width: 50px;height: 50px;position:fixed;float:left;right:5px;bottom: 15px;}


/****************************************************
  BACKGROUNDSTYLE - DESKTOP -
******************************************************/
#top-menu {position:fixed;z-index:18000;background: transparent;left: 0;right: 0;top: 0;}
#top-menu li {float: left;list-style:inside none;}
#top-menu a {display: block; padding: 5px 25px 7px 25px;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
    border-bottom: 0px solid transparent;
    text-decoration: none;}

/****************************************************
  MENÜ SLIDING GROUND
******************************************************/
#top-bottom-menu{position:fixed;top:-5px;left:50%;width:280px;height:147px;background:transparent;}		
#top-bottom-menu #dstbm-top{position:absolute;width:100%;border:0px;display:none;cursor:pointer;background:transparent;}
#top-bottom-menu #dstbm-menu{position:absolute;border:0px;background:transparent;cursor:pointer;	}
#top-bottom-menu #dstbm-menu a{background:transparent;}
#top-bottom-menu #dstbm-menu a:hover{background:transparent;}
#top-bottom-menu #dstbm-menu #dstbmmenu{display:block;background:transparent;}
#top-bottom-menu #dstbm-menu ul{list-style-type:none;padding:0px;margin:0px;background:transparent;}
#top-bottom-menu #dstbm-menu ul li{display:block;background:transparent;}
#top-bottom-menu #dstbm-menu ul li:first-child{padding-center:0px;background:transparent;}
#top-bottom-menu #dstbm-bottom{position:absolute;border:0px;cursor:pointer;background:transparent;}
.TopBottomMenu {background:transparent;}



/****************************************************
  ANIMATION PORTFOLIO ELEMENT
******************************************************/

.getIn {
	-webkit-animation-name: logoIN;
	-moz-animation-name: logoIN;
	-o-animation-name: logoIN;
	animation-name: logoIN;
}

.one {
	animation-delay: 2s;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
}

.two {
	animation-delay: 3s;
	-moz-animation-delay: 3s;
	-webkit-animation-delay: 3s;
	-o-animation-delay: 3s;
}


.animi {
	-webkit-animation-duration: 6s;
	-moz-animation-duration: 6s;
	-o-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.outmi {
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.delay {
	animation-delay: 5s;
	-moz-animation-delay: 5s;
	-webkit-animation-delay: 5s;
	-o-animation-delay: 5s;
}

.animated {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}


#mailsheets{
	position:fixed;
	width:auto;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400; 
	font-size: 36px;
	line-height: 36px;
	float:left;
	letter-spacing: 0em;
	text-transform: none;
	text-decoration: none;
	left: 0px;
	margin-left:-6px;
	bottom: 1%;
	margin-bottom:25px;
	overflow: hidden;
	text-align: center;
	z-index:29000;
}

#mailsheets a{
	color: #999999;
	display: inline-block;
	padding: 5px 9px 10px 15px;
	border-color:rgba(0,0,0,0.1);
    -moz-box-shadow:0px 0px 1px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.1) inset;
    box-shadow:0px 0px 1px rgba(0,0,0,0.1) inset;
    background:#000000;
    background:-moz-linear-gradient(top, #313131 0%, #000000 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #313131), color-stop(100%, #000000));
    background:-webkit-linear-gradient(top, 313131 0% #000000 100%);
    background:-o-linear-gradient(top, #313131 0%, #000000 100%);
    background:-ms-linear-gradient(top, #313131 0%, #000000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='000000',GradientType=0);
    background:linear-gradient(top, #313131 0%, #000000 100%);
	text-decoration: none;

	outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
	
    -webkit-transition: color 0.4s ease-out, background 0.9s ease-out;
    -moz-transition: color 0.4s ease-out, background 0.9s ease-out; 
    -o-transition: color 0.4s ease-out, background 0.9s ease-out; 
    -ms-transition: color 0.4s ease-out, background 0.9s ease-out; 
    transition: color 0.4s ease-out, background 0.9s ease-out;
}

#mailsheets a:hover{
	color: #fff;
    color: #fff;
    background:#2d0000;
    background:-moz-linear-gradient(top, #ff0000 0%, #2d0000 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#2d0000));
    background:-webkit-linear-gradient(top, #ff0000 0%,#2d0000 100%);
    background:-o-linear-gradient(top, #ff0000 0%,#2d0000 100%);
    background:-ms-linear-gradient(top, #ff0000 0%,#2d0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#2d0000',GradientType=0);
    background: linear-gradient(top, #ff0000 0%,#2d0000 100%);
	text-decoration:none;
}



@-webkit-keyframes logoIN {
	from {opacity: 0; -webkit-transform:translate(0px, 0 );}
	to {opacity: 1;-webkit-transform: translateY(1);}
}

@-moz-keyframes logoIN {
	from {opacity:0; -moz-transform: translate(0px, 0);}
	to {opacity: 1;-moz-transform: translateY(1);}
}


@-o-keyframes logoIN {
	from {opacity: 0;-o-transform:translate(-30px, 0);}
	to{opacity: 1;-o-transform: translateY(1);
	}
}

@keyframes logoIN {
	from {opacity: 0;transform: translate(-30px, 0);}
	to {opacity: 1;transform: translateY(1);}
}

@-webkit-keyframes fadeInUp {
	from {opacity: 0; -webkit-transform: translateY(20px);}
	to {opacity: 1;-webkit-transform: translateY(0);}
}

@-moz-keyframes fadeInUp {
	from {opacity:0; -moz-transform: translateY(20px);}
	to {opacity: 1;-moz-transform: translateY(0);}
}


@-o-keyframes fadeInUp {
	from {opacity: 0;-o-transform: translateY(20px);}
	to{opacity: 1;-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	from {opacity: 0;transform: translateY(20px);}
	to {opacity: 1;transform: translateY(0);}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes goUp {
	from {opacity: 0; -webkit-transform: translate(-20px);}
	to {opacity: 1;-webkit-transform: translateY(0);}
}

@-moz-keyframes goUp {
	from {opacity:0; -moz-transform: translate(-20px);}
	to {opacity: 1;-moz-transform: translateY(0);}
}


@-o-keyframes goUp {
	from {opacity: 0;-o-transform: translate(-20px);}
	to{opacity: 1;-o-transform: translateY(0);
	}
}

@keyframes goUp {
	from {opacity: 0;transform: translate(-20px);}
	to {opacity: 1;transform: translateY(0);}
}

.goUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}