/* Style-Sheet für die Homepage
   www.hellerisches.de
   22-10-2016  */



* {margin: 0px; padding: 0px; border: 0px}

html {font-size: 13px; height: 100.5%;}
body {font-family: arial, sans-serif; font-size: 1.0em; background-color:#2b2b2b; color:#eeeeee;}



/* Bereiche definieren */

#header, #navigation, #content, #footer {width: 80%; margin: 0px auto;}


#header {
    padding-top: 1.4em;
    padding-bottom: 0.1em;
    border-bottom: 1px solid #323232;
    /* text-align: right; */
    font-size: 3.0em;
    font-weight: bold;
    }


#navigation {
    /* text-align: right; */
    font-size: 1.1em;
    padding-top: 0.5em;
    }


#content {
    min-width: 800px;
    padding-top: 1.8em;
    padding-bottom: 1.8em;

    }


#footer {border-top: 1px solid #323232; clear: both; padding-top:0.5em; font-size:1.1em;}


#navigation a, #footer a {text-decoration: none; color: #838383;}
#navigation a:hover, #footer a:hover {color: #eeeeee;}



/* Absatzformatierungen */

p {font-size:1.1em; line-height:140%; margin-bottom:0.5em;}

h1 {font-size: 2.0em;}
h2 {font-size: 1.4em; margin-top: 1.4em; margin-bottom: 0.5em;}



/* Für den Bereich Fotos */

.description {clear:both; min-height: 200px; padding:10px; margin-bottom: 20px; }
.description img {float:left; height: 180px; width: 270px; padding:10px 10px 10px 1px; }
.description h1 {}
.description h2 {font-size: 1.1em; color:#ccc; }
.description a {}

.images img {float:left; height: 200px; width: 200px; padding:1px; }
.images {padding:10px; margin-top:40px;}



/* Buttons */

.button
 {
		display: inline-block;
		white-space: nowrap;
		background-color: #ccc;
		background-image: -webkit-linear-gradient(top, #eee, #ccc);
		background-image: -moz-linear-gradient(top, #eee, #ccc);
		background-image: -ms-linear-gradient(top, #eee, #ccc);
		background-image: -o-linear-gradient(top, #eee, #ccc);
		background-image: linear-gradient(top, #eee, #ccc);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		border: 1px solid #777;
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;
		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		color: #333 !important;
		cursor: pointer;
		font: normal 1em/2em Arial, Helvetica;
		margin: 1.5em 0.75em 0 0;
		padding: 0 1.5em;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
	}



.button:before {
		background: #ccc;
		background: rgba(0,0,0,.1);
		float: left;
		width: 1em;
		text-align: center;
		font-size: 1.5em;
		margin: 0 1em 0 -1em;
		padding: 0 .2em;
		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-moz-border-radius: .15em 0 0 .15em;
		-webkit-border-radius: .15em 0 0 .15em;
		border-radius: .15em 0 0 .15em;
		pointer-events: none;
	}

	.button-add:before { content: "\271A"; }
	.button-delete:before { content: "\2718"; }
	.button-edit:before { content: "\270E"; }
	.ym-email:before { content: "\2709"; }
	.button-like:before { content: "\2764"; }
	.button-next:before { content: "\279C"; }
/*	.button-next:before { content: "\2B05"; } */
	.ym-play:before { content: "\25B6"; }
	.ym-save:before { content: "\2714"; }
	.ym-spark:before { content: "\2737"; }
	.ym-star:before { content: "\2605"; }