@font-face 
        {
          font-family: Isabella;
          src: url('../fonts/Isabella.ttf') format("truetype");
        }

body {
	text-shadow: 0.1em 0.1em 0.3em black;
	color: #eeeeee;
}

a, a:visited {
	color: white;
	font-weight: bold;
}

a:hover {
	text-decoration:underline;
	color: white;
	font-weight: bold;
}

.sf-menu a:hover, .sf-menu a:focus, .sf-menu li:hover{
	background-color: transparent;
}

.header a:hover{
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {color: #eeeeee;
		margin: 0.5em 0 0.25em 0; 
		display: block; 
		font-family: Isabella, Helvetica;
		text-shadow: 0.1em 0.1em 0.3em black;
		}
        h1 { font-size: 3.00em;}
        h2 { font-size: 2.00em;}
        h3 { font-size: 1.70em;}
        h4 { font-size: 1.50em;}
        h5 { font-size: 1.25em;}
        h6 { font-size: 1.12em;}


.topbar {
	background-image:none;
	background-color:transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none
}

.topbar .container {
	background-image:-moz-linear-gradient(center top , #67cbff, #ffffff);
}

.footer {
	background-color:transparent;
}
.footer .container{
	background-image:-moz-linear-gradient(center top , #ffffff, #4a3318);
	//-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    //-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    //box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	//-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    //-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}

.main {
	padding-top:0px;
	padding-bottom:0px;
}


@media only screen and (max-width: 479px) {
	.header {
	    background: url('../images/panorama-mobil.png') bottom no-repeat;
	}
.main .container{
		background:url('../images/pince-mobil.jpg') top no-repeat;
	background-color:#4A3318;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.1);
	}
	    textarea { width: 150px; }
}

@media only screen and (min-width: 480px) {
	.header {
	    background: url('../images/panorama.png') center no-repeat;
	}
.main .container{
		background:url('../images/pince.jpg') top no-repeat;
	background-color:#4A3318;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.1);
	}
	textarea { width: 300px; }
	#qrvendeghaz{
		background: url("../qrvendeghaz.png") center no-repeat;
		height:130px;
		width:130px;
		margin:10px;
		float:left;
	}
	#qrpreshaz{
		background: url("../qrpreshaz.png") center no-repeat;
		height:130px;
		width:130px;
		margin:10px;
		float:right;
	}
}