@charset "utf-8";


@font-face {
    font-family: 'einzigartig_scriptitalic';
    src: url('einzigartig.eot');
    src: url('einzigartig.eot?#iefix') format('embedded-opentype'),
         url('einzigartig.woff') format('woff'),
         url('einzigartig.ttf') format('truetype'),
         url('einzigartig.svg#einzigartig_scriptitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	margin: 0;
	padding: 0 0 0 0;
	color: #fff;
	

	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	font-size: 14px;
	width: 100%;
/*	overflow:hidden;
	width: 100%;
	height: 100% !important;*/
	background: #3f4141; /*HAUPTHINTERGRUNDFARBE */
	
       
       /* border: none;
     
         flexbox, por favor 
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: center;
        -webkit-box-align: center;
       
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-pack: center;
        -moz-box-align: center;
        
        display: box;
        box-orient: horizontal;
        box-pack: center;
        box-align: center;*/
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
	list-style: none;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 0px;	
	margin-bottom: 0px;	
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	font-size: 12px;
}
p {
	margin-top: 0px;	
	padding-right: 0px;
	padding-left: 0px; 
}
a img { 
	border:none;
	text-decoration: none; 
}

a:link {
	border:none;
	color:#67625f;
	text-decoration: none; 
}
a:visited {
	border:none;
	color: #4E5869;
	text-decoration: none;
}
a:hover, a:active, a:focus, a:visited:active { 
	border:none;
	color: #fff;
	text-decoration: none;
}

img {

}

td{
	height:120px;
	width: 135px;
	text-align:left;
	vertical-align:top;
}
iframe{
	width:640px;
	height:540px;
	/*frameBorder:0;
	scrolling:no;*/
	/*overflow:hidden;	*/
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	position: absolute;
	width: 960px;
	height: 540px;
	background: #3f4141;
	/*padding-top: 10px;
	overflow:hidden;*/
        border: none;
    
		top: 50%;
		left: 50%;
		margin-top: -270px;
		margin-left: -480px;
		  
}

.container2 span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	font-size: 12px;
}

.header {
	
}


.sidebar1 {
	font: 16px, Verdana, Arial, Helvetica, sans-serif;
	/*line-hight:12px;*/
	float: left;
	width: 180px;
	padding-bottom: 0px;
	height: 540px;
}

.sidebar1 img {
	margin-top: 11px;
	height: 173px;
	width: 180px;
}

.contact2 {
	margin-top: 9px;
	color: #fff;
	background: #67625f;
	padding: 10px 0px 10px 20px;
	list-style: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	font-style: normal;
}

.sidebar2 {
/*	position:relative;*/
	margin-left: 12px;
	margin-right: 12px;
	float: left;
/*	background: #3f4141; 
	height: 540 px !important;
	width: 140 px !important;*/
	padding: 0 0 0 0;
	text-align:center;
	vertical-align: top;
/*	visibility:hidden; */
}

.sidebar2 img {
	/*position:relative;*/
	width: 80px ;
	height: 80px ;
	padding-bottom: 9px;
}

#zub_img img{
/*	position:relative;*/
	width: 80px ;
	height: 80px ;
	padding-bottom: 0px;
}

.content {
	/*position:relative;
	overflow:hidden;*/
	padding-left: 0px;
	width: 640px;
	min-height: 100%; /* real browsers */
	height: 540px; /* IE6: treated as min-height*/
	float:left;
	/*background: #3f4141;*/
	color: #fff;
}

.content iframe {
	overflow:hidden;
	min-height: 100%;  /*real browsers
	height: 540 px !important; */ 
	width:640px;
	border-style:hidden;
	border:0px none transparent !important;
/*	marginheight:0px;
	marginwidth:0px;
	frameborder:0px; */
}
.fade {
   opacity: 0.3;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
   opacity: 1;
}

.nav {
	margin-top: 0px;
	/*text-align:center;*/
	list-style: none; /* this removes the list marker */
/*	border-top: 0px solid #666; 
	border-bottom: 0px solid #666;*/
	padding-bottom: 0px;
	line-height: 12px;
	height:172px;
	/*font-style: normal;*/ 
	background: #67625f;
}
.nav li {
	border-bottom: 0px solid #666;
	width:180px;
	/* this creates the button separation */
}
.nav a, .nav a:visited { 
	padding: 16px 10px 5px 20px;
/*	line-height:24px; */
	display: block; 
	text-decoration: none;
	background: #67625f;
	color: #fff;	
}
.nav a:hover, .nav a:active, .nav a:focus { 
	background: #8d8681;
	opacity: 1;
}

.nav2{
	list-style: none; 
	/* this removes the list marker */
}

.quer img{
	height: 448px;
	width:100%;
}

/* ~~The footer ~~ */
.footer {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0;
/*	background: #3f4141;*/
/*	position: relative;*/
	clear: both; 
}
 
.auswahltabelle{
	width: 640px;
	height: 540px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	color: #fff;
	background: #3f4141;
	

}

.auswahltabelle img{
	width: 	115px;
	height: 115px;
	
	transition:width .5s, height .5s, transform .5s;
-webkit-transition:width .5s, height .5s, -webkit-transform .5s;
}

.auswahltabelle img:hover{
width: 	130px;
height: 130px;
}

#beschreibung{
	position:absolute;
	width: 100%;
	height: 75px;
	margin-top: 10px;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	padding-right:0px;
	background: #3f4141;
}

#beschreibung b{
	padding-right:5px;
}

.gross{
	width:100%;
	height:75%;
}

.home img{
	height:264px;
	width: 100%;
}

.unterschrift{
	
    font-family: 'einzigartig_scriptitalic';
	font-size: 16px;
}

.artschrift{
	
    font-family: 'einzigartig_scriptitalic';
	font-size: 16px;
	color:#31f835;
}

.impressum{
	font-size: 10px;
	top:10px;
	left:10px;
	width: 180px;
	height: 20px;
	/*position:static;*/
	text-align:left;
	color:#FFF;
	/*background-color:#FF0000;*/
}

.container2 a:link, .container2 a:visited{
	color:#FFFFFF;
}

.container2 a:hover{
	color:#31f835;
}
.contact2 a:link, .contact2 a:visited{
	color:#FFFFFF;
}

.contact2 a:hover{
	color:#31f835;
}