/* Foundation v2.2 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */





.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.en
{
    font-style: italic;
    color:#484;
}

.button2
{
    background:#9e612b;
    display:block;
   color: #ffffff;
   text-decoration: none;
   vertical-align: middle;

 -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#9e612b', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#9e612b', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #9e612b, #000000);
background-image: -ms-linear-gradient(top, #9e612b, #000000);
background-image: -o-linear-gradient(top, #9e612b, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#9e612b), to(#000000));
background-image: -webkit-linear-gradient(top, #9e612b, #000000);
background-image: linear-gradient(top, #9e612b, #000000);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
 color: #ffffff;
}
A.button2:link {font-size:24;text-decoration: none; color: #fff;}
A.button2:visited {font-size:24;text-decoration: none;color: #fff;}
A.button2:active {font-size:24;text-decoration: none;color: #fff;}
A.button2:hover {font-size:12; font-weight:bold; color: #9e612b;}


@font-face {
    font-family: 'MuenchnerFrakturRegular';
    src: url('../ttf/muenchnerfraktur-webfont.eot');
    src: url('../ttf/muenchnerfraktur-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/muenchnerfraktur-webfont.woff') format('woff'),
         url('../ttf/muenchnerfraktur-webfont.ttf') format('truetype'),
         url('../ttf/muenchnerfraktur-webfont.svg#MuenchnerFrakturRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




h1
{
    font-family: 'SchmalfetteFrakturRegular';
}
.deutsch{
    
	font-family: 'SchmalfetteFrakturRegular';
}
                                        
body {
    font-size: 0.8em;
    line-height: 1.4;
}

	html {
		font-size: 100%; 
	}



.sideimage
{
    margin-top:100px;
}

@media only screen and (max-width: 600px) {
.sideimage
{
    margin-top:10px;
}

h1
{
    font-size:220%;
}
}

h4
{
    font-size:200%;
    
}



/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */