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

}

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

html, body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

html {
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjBlYWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3YmZiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) fixed;
	background: -moz-linear-gradient(-45deg,  #f0eae1 0%, #c7bfb5 100%) fixed;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f0eae1), color-stop(100%,#c7bfb5)) fixed;
	background: -webkit-linear-gradient(-45deg,  #f0eae1 0%,#c7bfb5 100%) fixed;
	background: -o-linear-gradient(-45deg,  #f0eae1 0%,#c7bfb5 100%) fixed;
	background: -ms-linear-gradient(-45deg,  #f0eae1 0%,#c7bfb5 100%) fixed;
	background: linear-gradient(135deg,  #f0eae1 0%,#c7bfb5 100%) fixed;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eae1', endColorstr='#c7bfb5',GradientType=1 );
*/

/*
background-size:100% 100%;
background: #f0eae1;
*/
}



body {
	color: #4b4849;
	color:#664335;
	font-size: 12pt;
	font-family: sofia_pro_lightregular, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background: #c7bbad url(../img/bg.jpg) top left fixed repeat-y;
	/*background-size:465px 100%;*/
	height:100%;
}

h1, h2, h3 {
	font-family:sofia_pro_light_condensedRg, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #4b4849;
	color:#664335;
}

h1 { 
	font-size: 1.9em;
	text-align:center;
}

h2 {
	font-size: 1.5em; 
}

table form {
	border:1px solid #664335;
	padding:10px;
}
	
	
.content a {
	text-decoration: none; 

	transition-property: text-shadow, color, font-size;
	transition-delay:0s, 0.1s, 0s;
	transition-duration:0.3s, 1.4s, 0.5s;
	transition-timing-function:	ease, ease, ease;

	color: #4b4849;
	color: #664335;
	text-shadow: 1px 1px 1px #a68578;	
}
.content a:visited {
	color: #4b4849;
	color: #664335;
}

.content a:hover   { 
	transition-property: text-shadow, color, font-size;
	transition-delay:0s, 0.1s, 0s;
	transition-duration:0.3s, 1.4s, 0.5s;
	transition-timing-function:	ease, ease, ease;

	color: #c22f42; 
	text-shadow: 2px 2px 2px #4b4849;
	font-size:1.0em;
}

table {border: 0;}
img {border: 0;}

.main {
	width:720px; /*960*/
	margin:auto;
}

.top {
	font-size:3em;
	font-size:2.6em;	
	text-align:center;
	cursor:default;
	text-shadow: -1px -1px 0px #c7bfb5, 1px 1px 0px #f0eae1;
	padding-top:25px;	
	color:#c22f42;
}

.top p{
	font-size:16px;
	margin-top:5px;
	margin-bottom:25px;
}

.top hr {
	color:#4b4849;
	width:580px;
	margin:auto;
	margin-top:5px;
	margin-bottom:20px;
	border:none;
	border-top: 1px solid #4b4849;
}

.content {
	clear:left;
}

.menu {
	font-size: 12pt;
	text-align:center;
	height:30px;
}

.menu a, .altonale a {
	position:relative;
	padding:0 10px;
	text-decoration: none; 

	transition-property: text-shadow, color, top;
	transition-delay:0s, 0.1s, 0s;
	transition-duration:0.3s, 1.4s, 0.5s;
	transition-timing-function:	ease, ease, ease;

	text-shadow: 1px 1px 1px #a68578;	
	color: #4b4849;
	color: #664335;
	top:0px;
}
.menu a:visited, .altonale a:visited {
	color: #4b4849;
	color: #664335;
}

.menu a:hover{ 
	transition-property: text-shadow, color, top;
	transition-delay:0s, 0.3s, 0s;
	transition-duration:0.5s, 0.2s, 0.3s;
	transition-timing-function:	ease, ease, ease-in;

	text-shadow: 2px 2px 4px #a68578;
	color: #c22f42; 
	top:-3px;
}

#lang { text-align: left; }

#menu_act {
	color:#fff;
	text-shadow: 0px 0px 3px #4b4849, 1px 1px 1px #4b4849;
}

.tbl_gallery { border: solid 1px #d6eeee; }

.filmstreifen { background-image: url(../img/film.gif); background-repeat: repeat-x; }

.content a .box{
    color: #664335;
}

.content a:hover .box{
    color: #fff;
}

.box {
	float:left;
	width:180px; 
	height:180px; 
	margin:5px;

	transition:background ease 0.3s;
	background-color:#f0eae1;
}

.box.klein {
	float:left;
	width:150px; 
	height:150px; 
	background-color:#f0eae1;
	margin:20px;
}

.box div {
	width:150px; 
	margin:auto; 
	position:relative;
	top:15px;
	text-align:center;
}

.box.klein div {
	width:120px; 
	margin:auto; 
	position:relative;
	top:65px;
	text-align:center;
}

.box img {
	margin:2px;
}

.box:hover {
	transition:background ease 0.5s;
	background-color:#664335; 
	color:#fff;
}

.firstcolumn {
	display:block;
	clear: left;
}

.altonale {
	float:right;
	height:120px;
	width:120px;
	background:url(../img/Altonale17.png) no-repeat;
	position:relative;
	left:0px;
	top:20px;
}

.altonale div {
	font-size:10pt;
	color:#fff;
	margin-top:5px;
	text-align:center;
}

.altonale a, .altonale a:visited {
	transition-property: none;
	
	color:#fff;
	padding:0;
}

.altonale a:hover   {
	transition-property: none;

	text-shadow: 1px 1px 2px #fff;

	top:-1px;
}