/*
 * @author ( Angie Radtke )
*/


/* ##########################  general  ########################### */

body {
	border: 0px #3C3C3C solid;
	margin: 0;
	padding: 0;
	
	font-family: 'Droid Sans', Arial, Helvetica, Sans-Serif;
		font-size: 11pt;
	font-weight: normal;
	background-color: #3C3C3C;
	color: #CCCCCC;
    padding: 0px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: -10;			
}

.mainbar {
	text-align: center;
	border-width: 0;
	background: url('../images/splotchdog_main_bar.png')  50%  top ;
	background-repeat: repeat-x;
	white-space: nowrap;
	font-size: 9pt;
}

.topmainbar {
	background-position: 50% top;
	text-align: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	border-width: 0;
	z-index: 2;		
}

.logoplace{
	background-position: 50% top;
	text-align: center;
	background-repeat: no-repeat;

	background-color: transparent;
	background-attachment: scroll;
	border-width: 0;
}

.menustyle{
	background-color: #353535;
	  border: 0px #000000;
	  border-radius: 5px 5px 5px 5px;
	  opacity:0.8;
	  list-style: none;
	  list-style-type:none;
	}
	.menustyle:hover{
	  opacity:1.0;	
	
	}
	
	
	.navbuttonstyle{
	  opacity:0.5;
	
	
	}
	.navbuttonstyle:hover{
	  opacity:1.0;	
	
	}
	
	
	
	
	.vimeo-wrapper {
		border-bottom-style: solid;
		border-bottom-width: 0px;
		border-radius: 20px 20px 20px 20px;
	
	
	
	
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
	   z-index: -3;
	   pointer-events: none;
	   overflow: hidden;
	 
	}
	.vimeo-wrapper iframe {
		border-bottom-style: solid;
		border-bottom-width: 0px;
		border-radius: 20px 20px 20px 20px;
	   z-index: -3;
	   width: 1200px;
	   height: 675px; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	   min-height: 675px;
	   min-width: 1200px; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	   position: absolute;

	   margin-left: auto;
	   margin-right: auto;
	   top: 0;
	   left: 0;
	   right: 0;
	   text-align: center;
	}

	.defaulbannerplace {
		display: block; 	
		position: absolute;	
		border-bottom-style: solid;
		border-bottom-width: 0px;
		border-radius: 20px 20px 20px 20px;
	   z-index: -7;
	   width: 1200px;
	   height: 675px; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	   min-height: 675px;
	   min-width: 1200px; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	   margin-left: auto;
	   margin-right: auto;
	   top: 0;
	   left: 0;
	   right: 0;
	   text-align: center;
	}
	.breakingnews{
		border-bottom-style: solid;
		border-bottom-width: 0px;
		border-radius: 10px 5px 10px 5px;
		margin-left: auto;
		margin-right: auto;	
	background-color: #f39200;
	opacity:0.5;
	}
	.auto-style4 {
		text-align: right;
	}
	.auto-style5 {
		text-align: left;
	}
	.nav-pills{
		list-style: : none;

	}
	
	.auto-style6 {
		text-align: left;
		border-width: 0;
		font-size: 9pt;
	}
	
	
	.auto-style7 {
		color: #000000;
		margin-left: auto;
		margin-right: auto;	
		border-radius: 5px 10px 10px 5px;		
	}
	
	.mainbody{
	width: 1200px;
		max-width: 1200px; 
		border-width: 0;	
		border-radius: 0px 0px 10px 10px;	
		background: #4C4C4C;
		align-self: center;
		margin-left: auto;
		margin-right: auto;
		background: linear-gradient(90deg, #4C4C4C 0%, #2C2C2C 100%);
		font-size: 11pt;
	}
	
	.articleheadertable{
		border-width: 0;	
		border-radius: 10px 10px 10px 10px;	
		background: #151515
	}

	.articleheadertablenews{
		border-width: 0;	
		border-radius: 10px 10px 10px 10px;	
		background: #151515
	}	

	.articlegallery{
		border-spacing: 10px;
		border-collapse: separate;
		border-radius: 10px 10px 10px 10px;	
		background: #3b3b3b;

		border-width: 0;		
	}
	
	.articledescript
	{
		border-width: 20;	
	border-style: solid; 

		border-color: #353535;
		border-radius: 5px 5px 5px 5px;	
		background: #353535;
		font-size: 10pt;		
	}
.gallery_commercial_descript	{
	font-size: 10pt;
}


	
.gallery_commercial_title{
	border-spacing: 10px;
	border-style: solid; 
	border-width: 10px;	
	border-top-width: 10px;	
	border-top-style: solid; 			

	border-radius:5px 5px 5px 5px;	

	font-size: 12pt;	

	margin-left: 50px;	

	background: #1f426b;		
	border-color: #1f426b;
	}
	
	.gallery_uncommercial_title{
		border-spacing: 10px;
		border-style: solid; 
		border-width: 10px;	
		border-top-width: 10px;	
		border-top-style: solid; 			
		border-color:  #287546;
		border-radius:5px 5px 5px 5px;	

		font-size: 12pt;	

		margin-left: 50px;	

		background: #287546;;	
		}
		



	.auto-style8 {
		text-align: center;
	}
	
	.aericleheadertitle{
		border-width: 0;
		border-radius: 5px 5px 5px 5px;
		font-size: 9pt;
		text-align: right;
	}

.artclebutton{
	.auto-style8 {
		text-align: center;
	}	
}

	.img-fulltext-left{
		display: block; 	
		position: absolute;	
		border-bottom-style: solid;
		border-bottom-width: 0px;
		border-radius: 20px 20px 20px 20px;
	   z-index: -2;
	   width: 1200px;
	   height: 675px; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	   min-height: 675px;
	   min-width: 1200px; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	   margin-left: auto;
	   margin-right: auto;
	   top: 0;
	   left: 0;
	   right: 0;
	   text-align: center;
	}

.img-intro-left{
	display:block; 	
	position: absolute;	
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-radius: 20px 20px 20px 20px;
   z-index: -2;
   width: 1200px;
   height: 675px; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 675px;
   min-width: 1200px; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   margin-left: auto;
   margin-right: auto;
   top: 0;
   left: 0;
   right: 0;
   text-align: center;

}

.img-panox{
	display:block; 	
	position: absolute;	
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-radius: 20px 20px 20px 20px;
   z-index: -2;
   width: 1200px;
   height: 675px; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 675px;
   min-width: 1200px; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   margin-left: auto;
   margin-right: auto;
   top: 0;
   left: 0;
   right: 0;
   text-align: center;
}



a:link {
	color:  #CCCCCC;
  }
  
  /* visited link */
  a:visited {
	color: #CCCCCC;
  }
  
  /* mouse over link */
  a:hover {
	color:  #CCCCCC;
  }
  
  /* selected link */
  a:active {
	color:  #CCCCCC;
  }

 .style32 {
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-radius: 10px 10px 10px 10px;
  }

.art_image {
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-radius: 10px 10px 10px 10px;
  }

	#sp-main-menu ul.level-0 > li >a:after {
		content: "";
		width: 8px;
		height: 8px;
		position: absolute;
		left: 0;
		margin-left: -8px;
		top: 50%;
		margin-top: -6px;
		border: 2px solid #888888;
		z-index: 3;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		}
		
		#sp-main-menu ul.level-0 > li:hover >a:after, #sp-main-menu ul.level-0 > li.active >a:after {
		content: "";
		width: 8px;
		height: 8px;
		position: absolute;
		left: 0;
		margin-left: -8px;
		top: 50%;
		margin-top: -6px;
		background: #fefefe;
		border: 2px solid;
		z-index: 3;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		}

hr{
	height: 0 px;
	border: 0;

}