@import url(gallery.css);
@import url(animate.css);

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local(''),
	   url('../fonts/lato-v23-latin-300.woff2') format('woff2'),
	   url('../fonts/lato-v23-latin-300.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
	   url('../fonts/lato-v23-latin-regular.woff2') format('woff2'),
	   url('../fonts/lato-v23-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
	   url('../fonts/lato-v23-latin-700.woff2') format('woff2'),
	   url('../fonts/lato-v23-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: local(''),
	   url('../fonts/kaushan-script-v14-latin-regular.woff2') format('woff2'),
	   url('../fonts/kaushan-script-v14-latin-regular.woff') format('woff');
}

html { height: 100%; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after, .clear { clear: both; }
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    background: #fff url('../images/bg.png') repeat;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
}
a {
	color: #555;
	text-decoration: none;
}
.container {
	width: 100%;
	position: relative;
}
.cynthiart {
	padding: 30px 5% 50px;
	max-width: 1580px;
	margin: 0 auto;
}
.cynthiart > header { padding: 30px 5% 30px; }
#about .cynthiart > header #main_nav {
	background: transparent url('../images/bg_header_about.png') repeat;
}
#about {
	background: #111 url('../images/loader_dark.gif') 50% 50% no-repeat;
}
h1, h2, h4, h5, h6 {
	font-family: 'Kaushan Script', cursive;
}
.cynthiart > header h1 {
	font-family: 'Kaushan Script', cursive;
	font-size: 50px;
	line-height: 55px;
	margin: 0 auto;
	font-weight: 700;
	color: #333;
	text-align: center;
	text-shadow: 0 0 10px #fff;
}
.cynthiart > header h1 span {
    font-family: 'Lato', Calibri, Arial, sans-serif;
	display: block;
	font-size: 20px;
	font-weight: 300;
	line-height: 35px;
	text-shadow: 0 0 5px #fff;
}
.cynthiart > header h1 a { color: #333; }
.cynthiart > header h1 a:hover { color: #333; }
.cynthiart > header h1 a:hover span { color: #333; }
.support-note span{
	color: #ac375d;
	font-size: 16px;
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}


/* NAVIGATION */
#main_nav {
	min-height: 50px;
	padding: 11px 0;
	margin-top: 20px;
}
.table {
	display: table;
	margin: 0 auto 0;
}
#main_nav ul {
	font-size: 20px;
	list-style: none;
}
#main_nav ul li {
	display: inline;
	width: auto;
}
#main_nav ul li a {
	padding: 10px 0;
	margin: 0 10px;
	color: #333;
	-webkit-transition-property: border-bottom;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property: border-bottom;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-property: border-bottom;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: linear, ease-in;
}
#main_nav ul li a:hover { border-bottom: 5px solid #333; }
#main_nav ul li.aktiv a {
	font-family: 'Kaushan Script', cursive;
	line-height: 1.3em;
	cursor: default;
}
#main_nav ul li.aktiv a:hover { border-bottom: none; }

#wip {
	background: #111 url('../images/bg_wip.jpg') repeat;
	color: #fff;
}
#wip .cynthiart > header h1 a { color: #fff; }
#wip .cynthiart > header h1 a:hover span { color: #fff; }
#wip a { color: #fff; }
#wip #main_nav ul li a { color: #fff; }
#wip #main_nav ul li a:hover { border-bottom: 5px solid #fff; }

/* INHALT */
#inhalt {
	background: transparent url('../images/bg_dark.png') repeat;
	margin: 30px 5% 0;
	color: #fff;
}
#inhalt h2 {
	color: #fff;
	text-align: left;
	padding: 50px 0 15px;
	margin: 0;
	font-size: 50px;
}
#inhalt p {
	font-size: 1.3em;
	margin-bottom: 15px;
}
#inhalt p a {
	color: #fff;
	-webkit-transition-property: border-bottom;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property: border-bottom;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-property: border-bottom;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: linear, ease-in;
}
#inhalt p a:hover {
	border-bottom: 5px solid #fff;
}
#inhalt img {
}
#inhalt .text {
	padding-right: 10%;
}
.tada_about {
	background: #111;
	border: 10px solid #fff;
}
.nomargin {
}
.half {
	width: 45%;
	min-width: 360px;
}

/* FOOTER */
.cynthiart > footer {
	padding: 40px 5% 10px;
	text-align: center;
	font-size: 0.9em;
}