﻿/*FARBEN
Braun: #211407
Braun: #30261d oder 1f1307 oder 211407		Pantone Black 4
Creme: #fff4e0
*/


html {
	background:#211407 url(../images/hg.png) center repeat-y;
}

body {
	display:block;
}

/* -------------------- TEXTE HEADER ------------------------- */


#deulink {
	font-family: 'Lora', serif, "Times New Roman", Times, serif; 
	line-height:1; 
	text-align:center; 
	font-weight: 400; 
	font-size:15px; 
	margin: 0px;
	color:#211407;
	text-decoration:none;
}

#deulink a:link {text-decoration:none; color: #211407;}
#deulink a:visited {text-decoration:none; color: #211407;}
#deulink a:hover {text-decoration:none; color: #211407; font-variant:small-caps;}
#deulink a:active {text-decoration:none; color: #211407;}


#aster { 
	font-family: 'Lora', serif, "Times New Roman", Times, serif; 
	line-height:1; 
	text-align:left; 
	font-weight: 400; 
	font-size:35px; 
	margin: 0px; 
	padding-top:20px; 
	display:inline;
	color:#211407;
	text-decoration:none;
}

#aster a:link {text-decoration:none; color: #211407;}
#aster a:visited {text-decoration:none; color: #211407;}
#aster a:hover {text-decoration:none; color: #211407;}
#aster a:active {text-decoration:none; color: #211407;}

#deutext {
	font-family: 'Lora', serif, "Times New Roman", Times, serif; 
	line-height:1.5;
	text-align:left;
	font-weight: 400;
	font-size:15px; 
	margin: 0px; 
	padding-top:20px; 
	display:inline;
}

#deutext {
	font-family: 'Lora', serif, "Times New Roman", Times, serif; 
	line-height:1.5;
	text-align:left;
	font-weight: 400;
	font-size:15px; 
	margin: 0px; 
	padding-top:20px; 
	display:inline;
}


h1 { font-family: 'Lora', serif, "Times New Roman", Times, serif; line-height:1; text-align:left; font-weight: 400; font-size:35px; margin: 0px; padding-top:20px; display:inline;}
h3 { font-family: 'Lora', serif, "Times New Roman", Times, serif; line-height:1.5; text-align:left; font-weight: 400; font-size:13px; margin: 0px; display:inline; }
h4 { font-family: 'Lora', serif, "Times New Roman", Times, serif; line-height:1.5; text-align:left; font-weight: 400; font-size:30px; margin: 0px; padding-top:20px; display:inline;}

.trennung {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size:24px;
	font-variant:normal;
	line-height:1.6;
	text-align:left;
	text-align:right;
	color:#211407;
}

/* --- TEXT NAVIGATION --- */


#navitext {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size:14px;
	font-variant:normal;
	line-height:1.6;
	text-align:left;
	text-align:right;
	color:#211407;
}

#navitext a:link {text-decoration:none; color: #211407;}
#navitext a:visited {text-decoration:none; color: #211407;}
#navitext a:hover {text-decoration:none; color: #fff4e0; background-color:#211407;}
#navitext a:active {text-decoration:none; color: #211407;}

hr {border-style:solid; border-bottom:thick; color:#211407;}

#aktiv {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size:14px;
	font-variant:normal;
	line-height:1.6;
	text-align:left;
	text-align:right;
	color:#fff4e0;
	background-color:#211407;
}

#aktiv a:link {text-decoration:none; color: #fff4e0;}
#aktiv a:visited {text-decoration:none; color: #fff4e0; background-color:#211407;}
#aktiv a:hover {text-decoration:none; color: #fff4e0; background-color:#211407;}
#aktiv a:active {text-decoration:none; color: #fff4e0; background-color:#211407;}

/* --- ENDE TEXT NAVIGATION --- */


/* -------------------- INHALT HEADER ------------------------- */

.header {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height:60px;
	padding: 0px;
}
/* --- BUTTON DEUTSCH --- */

.leiste {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 1000px;
	height:50px;
	padding: 0px;
	margin-top:-10px;
}

.deutschbutton {
	width:80px;
	height:36px;
	margin-left:920px;
	background-color:#211407;
	padding-top:14px;
	font-family: 'Lora', serif, "Times New Roman", Times, serif; 
	line-height:3.5; 
	text-align:center; 
	font-weight: 400; 
	font-size:13px; 
	color:#fff4e0;
}

.deutschbutton a:link {text-decoration:none; color: #fff4e0;}
.deutschbutton a:active {text-decoration:none; color: #fff4e0;}
.deutschbutton a:visited {text-decoration:none; color: #fff4e0;}
.deutschbutton a:hover {text-decoration:none; color: #211407; background-color:#fff4e0;}



deutschbutton { 
	width:80px;
	height:36px;
	margin-left:920px;
	background-color:#211407;
	padding-top:14px;
	font-family: 'Lora', serif, "Times New Roman", Times, serif; 
	line-height:3.5; 
	text-align:center; 
	font-weight: 400; 
	font-size:13px; 
	color:#fff4e0;
}

a.deutschbutton { 
	width:80px;
	height:36px;
	margin-left:920px;
	padding-top:14px;
	font-family: 'Lora', serif, "Times New Roman", Times, serif; 
	line-height:3.5; 
	text-align:center; 
	font-weight: 400; 
	font-size:13px; 
	color:#fff4e0;
	display:block; 
	text-align:center;
	border-width:1px; 
	border-style:ridge;
	background-color:#fff4e0;
	border-width:1px; 
	border-style:ridge;
	text-decoration:none;
	border-color:#211407;
}

a.deutschbutton:link    { text-decoration:none; color:#211407; background-color:#fff4e0; border-width:1px; border-style:ridge;}
a.deutschbutton:visited { text-decoration:none; color:#211407; background-color:#fff4e0; border-width:1px; border-style:ridge;}
a.deutschbutton:hover   { text-decoration:none; color:#fff4e0; background-color:#211407; border-width:1px; border-style:ridge;}
a.deutschbutton:active  { text-decoration:none; color:#211407; background-color:#211407; border-width:1px; border-style:ridge;}

.aktiv {
	width:80px;
	height:36px;
	margin-left:920px;
	padding-top:14px;
	font-family: 'Lora', serif, "Times New Roman", Times, serif; 
	line-height:3.5; 
	text-align:center; 
	font-weight: 400; 
	font-size:13px; 
	color:#211407;
	display:block; 
	text-align:center;
	background-color:#211407;
	border-width:1px; 
	border-style:ridge;
	text-decoration:none; 
	border-color:#211407;
	}

.aktiv a:link    { text-decoration:none; color:#fff4e0; background-color:#211407;}
.aktiv a:visited { text-decoration:none; color:#fff4e0; background-color:#211407; }
.aktiv a:hover   { text-decoration:none; color:#fff4e0; background-color:#211407; }
.aktiv a:active  { text-decoration:none; color:#fff4e0; background-color:#211407;}



/* --- ENDE BUTTON DEUTSCH --- */

.label {
	display: block;
	float:left;
	text-align: left;
	width: 500px;
	height:60px;
	padding: 0px;
}

.navi {
	display: table-cell;
	vertical-align: bottom;
	text-align:right;
	width: 600px;
	height:60px;
	padding: 0;
	padding-right:20px;
}

/* -------------------- ENDE HEADER KOMPLETT ------------------------- */

/* -------------------- BEGINN CONTENT ------------------------- */

.content {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height:auto;
	padding: 0px;
	margin-top:60px;
}

#images {
	display: block;
	float:left;
	position:absolute;
	width: 400px;
	height:601px;
	padding: 0px;
	border-width:1px;
	border-style:solid;
	border-color:#211407;
}

#content {
	display: block;
	float:left;
	text-align:left;
	width: 570px;
	height:auto;
	margin-left:430px;
}

h2 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size:28px;
	font-variant:normal;
	color: #211407;
	line-height:0;
	text-align:left;
	display:inline;
}
	
#japtext {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size:14px;
	font-variant:normal;
	color: #211407;
	line-height:1.6;
	text-align:left;
	
	font-style: normal; 
	text-emphasis: dot; 
	text-emphasis-position: over right; 
}


