/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-100italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
}

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:125%;
	font-weight:100;
	color:#222222;
}

.clear{
	clear:both;
}

td{
	white-space:nowrap;
}

a, a:visited {
	color:#222222;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	font-family:'Raleway', Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:100%;
	font-weight:100;
	color:#666666;
	margin-bottom:5px;
}

h2{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:125%;
	font-weight:100;
	color:#222222;
	margin-bottom:15px;
}

h4 {
	font-family:'Raleway', Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height:20%;
	font-weight:200;
	color:#405590;
}

label{
	font-size:9px;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}

td > button{
	text-indent:5px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	width:300px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

/**
* Backgrounds
*/
div.background {
	position:absolut;
	width:1024px;
	height:631px;
	top:50%; 
	left:50%;
	margin-top:-280px;
	margin-left:-512px;
	z-index:1;
}

div.background#kontakt {
	background-image:url('../jpgs/buch_5_1250_kontakt.jpg'); background-repeat:no-repeat; background-size: 100%;
}

/**
* Content
*/
div.content-right {
	position:absolute;
	overflow:auto;
	top:50%;
	left:50%;
	margin-top:-180px;
	margin-left:30px;
	width:330px;
	height:auto;
	z-index:4;
}

div.headline {
	position:absolute;
	top:50%;
	left:50%;
	width:345px;
	/*height:auto;*/
	padding:0px 0px 0px 0px;
	z-index:5;
}

div.headline#left {
	margin-top:-227px;
	margin-left:-346px;
	text-align:left;
}

/**
* Navi
*/
div#navigation {
	position:absolute;
	width:115px;
	height:auto;
	top:50%; 
	left:50%;
	margin-top:-240px;
	margin-left:-518px;
	text-align:right;
	z-index:3;
}

/**
* Footer
*/
div.content#copyright {
	margin-top:257px;
	margin-left:-365px;
	width:auto;
	height:auto;
}

.copyright { 
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	line-height:100%;
	font-weight:100;
	text-align:left;
	color:#666666;
}