html { outline:0;}
body { outline:0; background:#c0c0c0;}


/* SCHRIFTSTYLE */




/* FARBGEBUNG */
#portfolio i { color:#6a7898; margin-left:5px;}
header i { color:#ffffff;}
a { color:#6a7898; outline:0; text-decoration:underline;}
a:hover { color:#7585aa; outline:0;}
.btn { color:#fff; background:#6a7898; border:#6699ff; outline:0;}
.btn:hover, .btn:focus , .btn:active{ color:#fff; background:#7585aa; border:#6699ff; outline:0;}


/* SECTION BACKGROUNDS */
.back-ground1{background: rgba(0, 0, 0, 0.9) url("../media/slide3w.jpg")  no-repeat fixed center center / cover ;}
.back-ground2{background: rgba(0, 0, 0, 0) url("http://") no-repeat top left / cover ;}
.back-ground3{background:#f7f7f7; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-bottom:65px;}
.back-ground4{background: rgba(255, 255, 255, 0) url("http://") no-repeat fixed center center / cover ;}
.back-ground5{background: rgba(255, 255, 255, 0) url("http://") no-repeat fixed center center / cover ;}
.back-ground6{background: rgba(0, 0, 0, 0) url("../media/bg-foot.jpg") no-repeat fixed center center / cover ;}

.color-overlay1 {  background: rgba(0, 0, 0, 0.62) none repeat scroll 0 0; padding:120px 0 60px 0;}
.color-overlay2 {  background: rgba(0, 0, 0, 0.10) none repeat scroll 0 0; padding:120px 0 120px 0; margin:90px 0 90px 0;}


/* HEADER NAVIGATION */
 #header  {  background:#c0c0c0; border:0; }  

.navbar { border:0;} 

header .navbar-nav { margin: 0px 1px;  }  

header .navbar-wrapper { position: absolute;  top: 0;  left: 0;  right: 0;  z-index: 20; }

header .navbar-custom { background: #afb7c6;  font-weight:700; text-transform:uppercase; border-width:0; outline:0;}
header .navbar-custom  .navbar-nav>li>a { color: #f6f6f6; outline:0;}
header .navbar-custom  .dropdown-menu li>a:hover { color: #eee; outline:0;}
header .navbar-custom  .navbar-nav li>a:hover{ background:#c0c0c0; outline:0;}

header  .navbar-nav li .open, .navbar-custom .navbar-nav .active a  { background:#6a7898; outline:0; }
header  .navbar-nav li .open:hover, .navbar-custom:hover .navbar-nav .active a:hover  { background:#6a7898; outline:0; }


 .dropdown-menu { text-align:right; top:60px;  background:#afb7c6; color:#fff; width:300px;  border:0;}
 .dropdown-menu  li a, 
 .dropdown-menu  li ,
 .dropdown-menu  li:active , 
 .dropdown-menu  li:focus {outline:0; line-height:1px; text-align:left; height:15px; margin:0 0 0 0; 
                background:#afb7c6; border-top:0px; display:block; width:100%;  padding:2px 5px 2px 0px;
				color:#ffffff; border-right:0px; text-decoration:none; }
 
 
 .dropdown-menu  li a:focus,
 .dropdown-menu  li a:active,
 .dropdown-menu  li a:hover {  color:#f4f4f4; border-right:0px;}

header .nav li a, header .navbar-nav li a{ margin:0 0 0 0; padding:20px 43px 20px 43px;  float:left; text-decoration:none;
								   display:block; border-right:0px solid #fff; text-align:left;}

header #nav.affix { position:fixed; top: 0; z-index:10; -webkit-transition: all .6s ease-in-out; }
header #nav {  width: 100%;  position:static; border-bottom:0px solid #ccc;  }


#home .home,  #shop .shop , #news .news , #gallery .dropdown , #kontakt .kontakt , #vita .vita  , #presse .presse , #ausstellung .ausstellung  { background:#6a7898; color:#ffffff;}


.dropdown-toggle:hover,
.dropdown-toggle:focus,
.dropdown-toggle.focus,
.dropdown-toggle:active,
.dropdown-toggle.active,
.open > .dropdown-toggle{ background:blue;}



/* HEADER CAROUSEL */

header .carousel-caption {  border:0;}

header #myCarousel {  position:relative; background:#c0c0c0; display:block; border:0; margin:0px 0 00px 0; }
header #myCarousel h1{ color:#fff;  display:block; font-size:80px;  padding:45px 0 0px 0;   text-transform:uppercase; }
header #myCarousel h2{  padding:0px 0px 40px 20px; margin:0 0 0 0; color:#fff; display:block;}
header #myCarousel img{  padding:40px 0px 40px 0px; margin:0 0 0 0; color:#fff; display:block;}

#slide_prev i, #slide_next i {font-size:36px; color:rgba(248, 248, 248, 0.49)}
#slide_prev:hover i, #slide_next:hover i {color:orange;}

 #slide_next{  position: absolute;  top: 250px;  right: 0;  display:block;  padding: 15px 5px 15px 15px; 
 z-index:100; background:rgba(248, 248, 248, 0.29);
   border-top-left-radius:14px;
   border-bottom-left-radius:14px;
 }
 #slide_prev{  position: absolute;  top: 250px;  left: 0;  display:block; padding: 15px 15px 15px 5px; 
 z-index:100; background:rgba(248, 248, 248, 0.29);
  border-top-right-radius:14px;
   border-bottom-right-radius:14px;
 }

 #slide_prev:hover{  padding: 15px 15px 15px 25px;  background:rgba(248, 248, 248, 0.99);    
   border-top-right-radius:14px;
   border-bottom-right-radius:14px; }
 #slide_next:hover{  padding: 15px 25px 15px 15px;   background:rgba(248, 248, 248, 0.99);
   border-top-left-radius:14px;
   border-bottom-left-radius:14px; }


#portfolio {background:#c0c0c0;  min-height:700px;  margin-top:24px; border:0;}
   
   .gallerist {list-style:none;  display:block; padding:0 0 0 0; margin:0 0 0 0; }
   .gallerist li{float:left; width:173px; margin:1% 1% 0 0 ;  display:block; }
   .gallerist img{width:172px; height:172px; display:block; }
   
   
   
   /* SHOP */
   
   	.shopgallery {position:relative; top:-5px; width:245px; float:left; border:0px solid #444444; margin-left:5px; overflow:hidden;}
	
	.shopgallery .imgbig{position:relative; width:201px; height:240px; float:left; border:0px solid #444444; overflow:hidden;}
	 #imagehide {position:absolute; top:0px; left:0px; display:none; }
	 #fullimg {position:absolute; top:0px; left:0px; display:none; }
	
	.shopgallery .imgsmall{ position:relative; width:210px; height:65px; border:0px solid #444444; overflow:hidden; cursor:help;}
	.shopgallery .imgsmall img{position:relative; width:80px; height:60px; float:left; cursor:help;}
	
  
   
   .jborder {border:1px solid #333; padding-bottom:10px;  width:180px; margin:25px auto 0 auto;}
   
    #contacts-form   label{ width:60%;}
   #contacts-form  input{ background:#dedede; font-weight:normal;}
   #contacts-form  textarea{ background:#dedede; height:250px; font-weight:normal;}

   
    
	
	
	
	

.panel-default{
  border-color: transparent;
}

.panel-default>.panel-heading,
.panel{
  background-color: #c9c9c9; 
  border:0 none;
  box-shadow:none;
}

.panel-default>.panel-heading+.panel-collapse .panel-body{
  background: #c9c9c9;
  color: #858586;
}

.panel-body{
  padding: 20px 20px 10px;
}
	
	.panel-heading.active{
  background: 
    background: #afb7c6; 
}
	
	.panel-heading.active .panel-title>a{
  color:#fff;
}


a.accordion-toggle  i{
  width: 45px;
  line-height: 44px;
  font-size: 20px;
  margin-top: -10px;
  text-align: center;
  margin-right: -15px;
  background: #afb7c6;
}

.panel-heading.active a.accordion-toggle i{
  background: #3a7898;
  color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{
  background: #6a7898;
  color: #fff;
}
   
   
/* FOOTER 1073b8*/

#footer  {  color:#c0c0c0; text-align:left; padding-bottom:20px; background:#101010;}
#footer a{ padding:0 0 0 0; margin:0 0 0 0; color:#c0c0c0; text-decoration:none;}
#footer a:hover{ color:#fff;}
#footer h3  {  font-weight:700; font-size:17px; color:#cccccc; }
#footer p  {   color:#fff; }

ul.footed{ list-style:none; text-align:left;}
 .footed li{padding:0 0 0 0; margin:5px 0 5px -40px; clear:both; text-align:left;}
 .footed a{ padding:0 0 0 0; margin:0 0 0 0; color:#aaaaaa;}
 .footed a:hover{ text-decoration:none; color:#ffffff;}


#scroll-top  { position:fixed; z-index:100; bottom:8px; right:-20px;
			background:#afb7c6;  color:#fff; font-size:20px; border:1px solid #ccc; padding:5px 10px 5px 10px;  }
#scroll-top:hover  {background:#6a7898; right:0px;}
#scroll-top  i{color:#fff; }




#profiler  { position:fixed; z-index:2000; top:40%; right:0px; display:block;}
.profbox  {background:#afb7c6; border:1px solid #ccc; position:relative; right:-20px; padding:10px 10px 10px 10px; margin-top:2px;}
.profbox:hover {background:#6a7898; right:0px; }
.profbox  i , .profbox a, .profbox:hover a i  {color:#ffffff; font-size:30px; }



#fixview {position:fixed; top:0px; left:0px; width:100%; height:100%; max-width:100%; max-height:100%;  display:none;}
#fixviewbg {position:fixed; top:0px; left:0px; width:100%; height:100%;   z-index:99999999988;}
#fiximg {position:relative; width:auto; height:90%; margin:5% auto 5%  auto; vertical-align:center; }
#fiximga {position:relative; width:auto; height:90%; margin:auto auto auto auto; border:1px solid #ccc;   display:block;   z-index:999999999999;}