/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		
		padding: 0;
		border: 0;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	

h5.title {font-size:18px;margin:0 0 16px 0;padding-bottom:14px;line-height:0;}
	h5.title.style-2 {border:none;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 26px; line-height: 32px; margin-bottom: 8px; font-weight:600; }
	h4 { font-size: 14px; padding-left:10px; line-height: 0px; margin-bottom: 6px; }/*  Contact Form position
  */


/* #Typography
================================================== */
	
	
	h4.title.low {
		margin-bottom:10px;
	}
	
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	


/* #Tabs and Accordions
================================================== */
	.tabbed-area {
		position:relative;
		display:block;
		margin-bottom:49px;
	}
	.tabbed-area ul.tabs {  
		margin:0px;
		padding:0px;
	}  
	.tabbed-area ul.tabs li {
		list-style:none;  
		display:block;
		float:left;
		margin:0;
		padding:0; 
	}
	.tabbed-area ul.tabs li a {
		padding:11px 8px 10px 8px;  
		text-decoration:none;
		font-weight:bold;
		position:relative;
		z-index:100;
		border-bottom:none;
		outline:none;
		background-color:#ececec;
		border:1px solid #dbdbdb;
		margin:0;
		top:2px;
		color:#a7a7a7;
		font-size:11px;
		line-height:17px;
	}  
	.tabbed-area ul.tabs li a.active {
		color:#3783a0; 
		padding:10px 8px 10px 8px;  
		background-color:transparent;
		border:1px solid #dbdbdb;
		border-top:1px solid #3783a0;
		border-bottom:3px solid #f4f3f3;
		top:0;
		left:0;
	}
	.tabbed-area ul.tabs li:first-child a {border-right:none;}
	.tabbed-area ul.tabs li:nth-child(3) a {border-left:none;}
	.tabbed-area .tcontent {  
		border:1px solid #dbdbdb;
		padding:0 0 3px 15px;
		position:relative;
		top:10px;
		z-index:10;	
	}  
	.tabbed-area .tcontent { display:none; }
	
	
	.accordion {width:100%;cursor:pointer;margin:0 0 45px 0;padding:0;}
	.accordion li {margin:-1px 0 0 0;}
	.accordion div.parent {margin:0;padding:0;vertical-align:middle;}
	.accordion div.parent .accordion-caption {
		background:url(../images/design/accordion-arrow.png) no-repeat transparent;
		width:23px;
		height:23px;
		float:right;
		position:relative;
		top:8px;
		margin-right:10px;
	}
	.accordion div.parent h6 {min-height:31px;padding:9px 0 0 10px;font-weight:normal;font-family:"Open Sans";font-size:14px;border:1px solid #e1e0e0;margin:0;background:#ecebeb;}
	.accordion div.parent.open h6 {}
	.accordion div.tcontent {padding:14px;display:none;border:1px solid #e1e0e0;border-top:none;}

/* #Buttons
================================================== */

	a.medium-button, a.button.color,a.big-button {
		background: url(../images/design/button-cut.png) no-repeat scroll top right #404040;
		display: block;
		float: left;
		text-decoration:none !important;
		height: 36px;
		padding-right: 8px; 
		text-decoration: none;
		margin-bottom:5px;
	}
	a.medium-button span, a.button.color span,a.big-button span {
		background: url(../images/design/button-body.png) no-repeat #404040;
		display: block;
		line-height: 26px;
		padding:5px 19px 5px 22px;
		font-weight:bold;
		font-size:12px;
		color:#ffffff;
		font-family:Helvetica,arial,freesans,clean,sans-serif;
	}
	a.big-button {
		background:url(../images/design/callout-button-cut.png) no-repeat scroll top right #404040;
		height:51px;
		padding-right:6px;
	}
	a.big-button span {
		background:url(../images/design/callout-button.png) no-repeat #404040;
		line-height:41px;
		padding:5px 15px 5px 22px !important;
		font-size:19px !important;
		color:#ffffff !important;
		font-weight:600 !important;
		border:none !important;
		font-style:normal;
		font-family:"Open Sans";
	}
	/* For Javascript */
	a.big-button:active,a.big-button:active span,a.big-button:hover,a.big-button:hover span,
	a.medium-button:active,a.medium-button:active span,a.medium-button:hover,a.medium-button:hover span {background-color:#279fcc;}
	
	a.big-button:active,a.medium-button:active {background-position:bottom right;}
	a.big-button:active span,a.medium-button:active span {background-position:bottom left;}
	a.button.small:active span {background-position: bottom left;} 
	a.button.color { background: transparent url(../images/design/buttons/cbutton-denim-blue-cut.png) no-repeat scroll top right;padding-right: 4px;height:22px; }
	a.button.color span { 
		background: transparent url(../images/design/buttons/cbutton-denim-blue.png) no-repeat;
		height:12px;
		line-height:10px;
		padding:6px 12px 4px 16px;
		color:#f8f8f8;
		font-style:normal;
		text-shadow: 0px 1px 1px #333333;
        filter: dropshadow(color=#333333, offx=0, offy=1);
	}
	a.button.color:hover {background-position:bottom right;}
	a.button.color:hover span {background-position:bottom left;}
	a.medium-button span {padding-right:14px !important;padding-left:22px;}
	

/* #Forms
================================================== */
	
a:hover, a:focus { color: #999999; }/*  EMail und Web hover coler */	
ul.slidecontrols li a.next:hover,ul.slidecontrols li a.prev:hover{background-color:#3aa9d2;}
	.slidecontrols li a.next, .slidecontrols li a.prev {
		cursor: pointer;
		position:relative;
		text-indent: -9999em;
		width:13px;
		display:block;
		height:13px;
	}
	ul.slidecontrols li a.next:hover {background-color:#3aa9d2;}
	ul.slidecontrols li a.prev:hover {background-color:#3aa9d2;}
	/* For Javascript */
	a.big-button:active,a.big-button:active span,a.big-button:hover,a.big-button:hover span,
	a.medium-button:active,a.medium-button:active span,a.medium-button:hover,a.medium-button:hover span {background-color:#279fcc;}
	a.button.color:hover {background-position:bottom right;}
	a.button.color:hover span {background-position:bottom left;}
	a.medium-button span {padding-right:14px !important;padding-left:22px;}
	
/* #Misc
========================================================================================= wichtig */
	p.note, p.note.success {
		background:url(../images/icons/check_32.png) no-repeat #f2ffe8;/*   #f2ffe8 ==========*/
		background-position:10px 15px;
		border:2px solid #F00;
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari, Chrome */
		border-radius: 5px; /* CSS3 */
		padding:10px 10px 6px 55px;
		margin-bottom:20px;
		width:100%;
	}
	p.note.info {
		background:url(../images/icons/info_button_32.png) no-repeat #e5f7ff;
		background-position:15px 15px;
		border-color:#5ac8f1;
	}
	p.note.warning {
		background:url(../images/icons/warning_32.png) no-repeat #fffadc;
		background-position:15px 15px;
		border-color:#ffd858;
	}
	p.note.error {
	background-position: 140px 10px;
	border-color: #ffa0a0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;/* text große ( Please type your name.) ==========*/
	color: #FF0;/*   # color text ( Please type your name.) ==========*/
	background-color: #312b22;
	background-image: url(../../../gallery-design-css/icons/close_16.png);
	background-repeat: no-repeat;
	}
	.bold {font-weight:bold !important;}
	.remove-bottom { margin-bottom: 0 !important; }
	.remove-top {margin-top: 0 !important}
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.right		{float:right !important;}
	.left		{float:left !important;}
	.relative	{position:relative !important;}
	.absolute	{position:absolute !important;}
	.bold		{font-weight:bold !important;}
	.overh		 {overflow:hidden;}
	
	
	/**** Isotope Filtering ****/
	
	.isotope-item {
	  z-index: 2;
	}
	
	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}
	
	/**** Isotope CSS3 transitions ****/
	
	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
		 -moz-transition-duration: 0.8s;
		  -ms-transition-duration: 0.8s;
		   -o-transition-duration: 0.8s;
			  transition-duration: 0.8s;
	}
	
	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}
	
	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:         top, left, opacity;
			  transition-property:         transform, opacity;
	}
	
	/**** disabling Isotope CSS3 transitions ****/
	
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
	}


	.isotope-item {
	  z-index: 2;
	}
	
	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}