@font-face {
    font-family: 'caviardreams-regular_g_aangepast';
    src: url('../fonts/caviardreams-regular_g_aangepast.eot');
    src: url('../fonts/caviardreams-regular_g_aangepast.eot%3F') format('embedded-opentype'),
         url('../fonts/caviardreams-regular_g_aangepast.woff') format('woff'),
         url('../fonts/caviardreams-regular_g_aangepast.ttf') format('truetype'),
         url('../fonts/caviardreams-regular_g_aangepast.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'edelsansregular';
    src: url('../fonts/edelsans_regular-webfont.eot');
    src: url('../fonts/edelsans_regular-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/edelsans_regular-webfont.woff') format('woff'),
         url('../fonts/edelsans_regular-webfont.ttf') format('truetype'),
         url('../fonts/edelsans_regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'crimson_textbold_italic';
    src: url('../fonts/crimsontext-bolditalic-webfont.eot');
    src: url('../fonts/crimsontext-bolditalic-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/crimsontext-bolditalic-webfont.woff') format('woff'),
         url('../fonts/crimsontext-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/crimsontext-bolditalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'crimson_textitalic';
    src: url('../fonts/crimsontext-italic-webfont.eot');
    src: url('../fonts/crimsontext-italic-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/crimsontext-italic-webfont.woff') format('woff'),
         url('../fonts/crimsontext-italic-webfont.ttf') format('truetype'),
         url('../fonts/crimsontext-italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'crimson_textsemibold';
    src: url('../fonts/crimsontext-semibold-webfont.eot');
    src: url('../fonts/crimsontext-semibold-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/crimsontext-semibold-webfont.woff') format('woff'),
         url('../fonts/crimsontext-semibold-webfont.ttf') format('truetype'),
         url('../fonts/crimsontext-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
	font-family: 'edelsansregular', Verdana, Arial, Times; 
	-webkit-overflow-scrolling: touch;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #777;
	text-decoration: none;
}

.navbar-default {
	background: url('../images/bg.png') repeat;
}

.navbar .navbar-header .navbar-brand img.navbar-brand-logo {
	width: 440px;
}

.navbar .navbar-header .navbar-brand img.navbar-brand-logo-sm {
	width: 80px;
}

.navbar-default {
	border-color: none;
}

.nav li a {
	font-size: 1.5em;
	font-family: 'crimson_textitalic', Verdana, Arial, Times;
}

li.lang a {
	padding: 13px 2px;
}

img.lang {
	height: 20px;
	width: 30px;
}

.container {
	width: 100%;
}

.container-text {
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	width: 100%;
	max-height: 90%;
	margin-bottom: 100px;
	overflow-x: auto;	
	-webkit-overflow-scrolling: touch;
	width: 100%;
	padding: 20px;
	font-size: 1.2em;
	color: #777;
}

section {
	background-size: cover;
	background-position: center center;	height: 100%;
	padding-top: 20%;
	text-align: left;
}

section h3, section h4 {
	font-family: 'crimson_textitalic', Verdana, Arial, Times;
	color: #444;
	font-size: 1.5em;
}

section h4 {
	padding-top: 1em;
}

.row {
	height: 100%;
}

#intro {
	background: url('../images/bg.png') repeat;
	overflow: hidden;
}

#intro div.row:first-child {
	padding-top: 10%;
}

#intro div.logo {
	background-image: url('../images/logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	width: 714px;
	height: 50px;
	padding-bottom: 10px;
}

#logo-container {
	opacity: 0;
}

#logo-container div {
	display: inline-block;
}

#logo-container div img.logorotate {
	float: left;
	width: 38px;
	height: 38px;
	margin-top: -3px;
	margin-left: 38px;
}
	
#adres {
	padding-top: 15px;
	width: 710px;
	padding-left: 10px;
	margin-left: auto !important;
	margin-right: auto !important;
}

#adres td {
	font-family: 'crimson_textitalic', Verdana, Arial, Times;
	font-size: 10px;
	border-left: 1px solid #ff0000;
}

#adres td:last-child {
	text-align: right;
	width: 110px;
}

#adres td:first-child {
	text-align: left;
	border-left: 0;
	width: 130px;
}

#adres td a {
	padding: 0;
	margin: 0;
	color: #777;
	text-decoration: none;
}

#adres td a:hover {
	color: #333;
}

address {
	margin-bottom: 0;
}