/*
	gelb: #f0ce11;
	schwarz: #2a2a2a;
*/
/*----------------Basics----------------*/
body {
	font-family: 'Poly', "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	color: #2a2a2a;
	cursor: default;
}
h1, h2 {
	font-family: 'Tangerine', "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	text-align: center;
	line-height: 1.2;
}
h1 { font-size: 4em; }
h2 { font-size: 3em; }
h3, h4 {
	font-style: italic;
	text-align: center;
	line-height: 1.2;
}
h3, h4 { font-size: 1.5em; }

p, li { line-height: 1.2; }

small { font-size: 0.8em; }

a:link,a:visited,a:active, .link { cursor: pointer; color: #2a2a2a; text-decoration: none; text-shadow: #f0ce11 0 0 1px; }
a:link:hover, .link:hover { color: #000; text-shadow: none;  }

/*----------------Nav----------------*/
header {
	background: #f0ce11;
	box-shadow: #2a2a2a 0 0 1em;
	min-height: 2em;
	z-index: 1000;
	font-size: 0.95em;
	position: relative;
}
.fixed { position: fixed; }
nav ul li { text-align: center; }
header a:link, header a:visited, header a:active {
	color: #2a2a2a;
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}
header a:hover { color: #000;text-decoration: underline; }
header #toggleMenu { text-align: center; padding: 0.5em 0; }
.scrollToTop { text-align: right;padding-right: 1em; clear: both; }

/*----------------Layers----------------*/
#container { 
	background: #fff url(../images/bg.jpg) repeat;
	position: relative;
	z-index: 1;
	margin-bottom: 5em; 
}
aside {
	min-height: 2em;
	padding: 5em 0;
	background-color: #2a2a2a;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	color: #f0ce11;
	text-shadow:0.1em 0.1em 0.05em #2a2a2a;
}
aside h4 { margin: 0 auto; width: 80%; }
aside small { display: block; }

section {
	padding-top: 1em;
	padding-bottom: 2em;	
	box-shadow: #2a2a2a 0 0 10px 5px;
	position: relative;
}

section h2 {
	line-height: 1.5;
	padding: 0.2em 0 0.5em 0;
	text-shadow: #f0ce11 2px 2px 5px;
}
section h2 span { border-bottom: 2px solid #2a2a2a; }
section h3 { padding-top: 1em; }

hr { width: 80%; box-shadow: #f0ce11 0 0 4px; }
/*----------------Start----------------*/
#Start {
	background: #2a2a2a; /*url(../images/laden.jpg) no-repeat center center;*/
	background-size: 100% auto;
	color: #f0ce11;
	padding: 3em 0 4em;
	box-shadow: none;
}
#Start h1, #Start h2, #Start h3 {
	line-height: 1;
	padding: 0;
	text-transform: none;
	text-shadow: 0.1em 0.1em 0.05em #2a2a2a;
}
#Start h1 { padding-top: 0.5em; }
#Start h3 {
	font-size: 2em;
	font-family: 'Tangerine', "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#Start h4 {
	margin-top: 3em;
	font-size: 1em;
	text-shadow: 0.1em 0.1em 0.05em #2a2a2a;
}

/*----------------Leistungen----------------*/
#Leistungen {}
#Leistungen > ul > li {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center 1em;
	background-size: 8em auto;
	padding-top: 9em;
	background-image: url(../images/leistungen/blank.png);
}
#Leistungen #Service { background-image: url(../images/leistungen/service.png); }
#Leistungen #Geld { background-image: url(../images/leistungen/geld.png); }
#Leistungen #Wasser { background-image: url(../images/leistungen/wassertropfen.png); }
#Leistungen #Anfertigung { background-image: url(../images/leistungen/anfertigung.png); }
#Leistungen #Perle { background-image: url(../images/leistungen/perle.png); }
#Leistungen #Gravur { background-image: url(../images/leistungen/gravur.png); }
#Leistungen #Regulator { background-image: url(../images/leistungen/pendel.png); }
#Leistungen #MUhr { background-image: url(../images/leistungen/zugfeder.png); }
#Leistungen #AUhr { background-image: url(../images/leistungen/schwungrad.png); }

/*----------------T_Kunst----------------*/
#Kunst {
	background-image: url(../images/hintergrund/regulator.jpg);
}
/*----------------Handwerk----------------*/
#Handwerk {}
#Handwerk > ul {
	box-shadow: #2a2a2a 0 0 1em;
	position:relative;
}
#Handwerk li { position: relative; }
#Handwerk ul li span { position: absolute; top: 0; left: 0; display: block; background: rgba(255,255,255); background-color: rgba(255,255,255,0.75);padding: 1em 0; width: 100%; text-align: center; }
#Handwerk .slidesjs-navigation { display: none; }

#Handwerk .slidesjs-pagination {
	margin-top: -30px;
    position: absolute;
    right: 10px;
    width: 100px;
    z-index: 100;
}
#Handwerk .slidesjs-pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
#Handwerk .slidesjs-pagination li a {
	display:block;
	width:18px;
	height:0;
	padding-top:18px;
	background-image:url(../images/pagination.png);
	background-position:-22px 0;
	overflow:hidden;
}
#Handwerk .slidesjs-pagination li.current a {
	background-position: 0 0;
}

/*----------------T_Zeit----------------*/
#Zeit {
	background-image: url(../images/hintergrund/uhr.jpg);
}
/*----------------Uhren----------------*/
#Uhren { }
#Uhren ul {
	display: block;
	margin: 0 auto;
	width: 80%;
	min-height: 14em;
}
#Uhren li {
  height: 14em;
  width: 10em;
}
#Uhren li img {
	display: block;
    height: 100%;
    margin: 0 auto;
}


/*----------------T_Kreativ----------------*/
#Kreativ {
	background-color: #ababab;
	background-image: url(../images/hintergrund/kreativ.jpg);
}

/*----------------Schmuck----------------*/
#Schmuck {}
#Schmuck ol li { display: list-item; }
#Schmuck ul { padding-top: 1em; }
#Schmuck ul li { text-align: center; }
#Schmuck .slidesjs-navigation { display: none; }

/*----------------T_Idee----------------*/
#Idee {
	background-image: url(../images/hintergrund/idee.jpg);
}
/*----------------Kontakt----------------*/
#Kontakt { }
#Kontakt .dg { width: 80%; }
#Kontakt div h3, #Kontakt div p { margin: 0 auto 1em; }
#Kontakt figure { text-align: center; }
#Kontakt figure img { margin-bottom: 1em; }

/*----------------Footer----------------*/
footer {
	position: fixed;
	bottom: 0;
	z-index: 0;
	min-height: 2em;
	font-size: 0.8em;
	background: white;
	padding: 1em 0;
}
footer li { text-align: center; }
footer a, footer a:link, footer a:visited, footer a:active {
	display: block;
	padding: 0.7em 0.7em;
	/*text-shadow: none;*/
}
/*footer a:link:hover { text-shadow: #f0ce11 1px 1px 3px; }*/

#socialicons { width: 600px; margin: 0 auto;  }
#socialicons.fixed {z-index: 1000;width: auto;position: fixed; right: 0; top: 150px;background: white; box-shadow: #2a2a2a 0 0 10px 5px;}
.social_share_privacy_area { width: 100%; overflow: visible; height: auto; }
.social_share_privacy_area li.help_info {
	width: auto;
	min-width: 70px;
	height: 90px;
	float: left;
	padding-right: 10px;
}
#socialicons.fixed .social_share_privacy_area li.help_info { float: right; clear: right; }
.social_share_privacy_area li.help_info .info, 
.social_share_privacy_area li .help_info.icon .info {
	background: #f0ce11;
}
.social_share_privacy_area li .switch {
	float: right;
	clear: right;
	display: block;
	margin-right: 23px;
}
.social_share_privacy_area li .dummy_btn {
    height: auto;
    float: right;
    text-align: right;
    margin: 10px 10px 0 0;
    padding-left: 10px;
}
.social_share_privacy_area li div.tweet, .social_share_privacy_area li div.gplusone {
    width: auto;
}
.social_share_privacy_area li.help_info .info, .social_share_privacy_area li.gplus.help_info .info { left: -150px; }
/*----------------Impressum----------------*/
#Impressum h3, #Disclaimer h3 {
    font-size: 1.2em;
    padding-bottom: 0.5em;
    padding-top: 1em;
    text-align: left;
}

/*----------------Sonstiges----------------*/
.justify { text-align: justify; }
.center { text-align: center; }
.space { padding-top: 2em; }
.nospace { padding-top: 0; }

/*----------------DynamicGridCustomize----------------*/
#Start h1, #Start h2, #Start h3, #Start h4 {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#2a2a2a,direction=135,strength=1);
}

/*----------------DynamicGridCustomize----------------*/
.scrollToTop, #toggleMenu { display: none; }
@media only screen and (max-width: 1023px) {
	header { font-size: 0.85em; }
	aside {	background-size: auto 100%;	}
}
@media only screen and (min-width: 760px) {
	#Handwerk ul, #Uhren ul, aside h4 { width: 80%; }
	header nav ul { display: block !important; }
	section { padding-left: 1em;padding-right: 1em; width: auto; }
}
@media handheld, only screen and (max-width: 760px) {
	.dg .left, .dg .tenth, .dg .nineth, .dg .eighth, .dg .seventh, .dg .sixth, .dg .sixth5, .dg .fiveth, .dg .fiveth2, .dg .fiveth3, .dg .fiveth4, .dg .quarter, .dg .third, .dg .third2, .dg .half, .dg .full { margin-bottom: 1em; }
	#container { margin-bottom: 10em; }
	.scrollToTop, #toggleMenu { display: block; }
	header nav ul { display: none; }
	aside h4, #Uhren ul, #Kontakt .dg { width: 100%; }
	#Navigation li, footer .dg .quarter { margin-bottom: 0; }
	#Impressum, #Disclaimer { padding-left: 1em;padding-right: 1em; width: auto; }
}