@charset "utf-8";


/* ==================================

色コード
背景の黄緑色　#e0e57c
メインコンテンツのクリーム色　#f8f0bd
文字の青色　#053665
リンクの緑色　#003d18
リンクの赤色　#d80000
リンクの背景の濃い黄緑色　#bdcb41
H1見出しの赤色　#ed2b00
H2見出しの紺色　#053665
日よけの黄色　#f9f100
ロゴのクリーム色　#fff9ee
ロゴの赤色　#e52b61
ロゴの黄緑色　#d9d900
ロゴのピーコック　#78f04d
ロゴの茶色　#9e632b
ロゴの黄色　#f6e400
ロゴの紺色　#15639d
ロゴのオレンジ色　#efa800
ロゴのピンク　#f5aeae
ロゴのグレー　#b7bec5
イラストの窓枠の水色　#7cc3ee


==================================== */




/* =====見出し、ここから=====*/

h1 #h1Link 
 {
	color:#ed2b00;
	text-decoration: none;
	height: 1px;
	/*display: block;*/
/*	text-indent: -9999px;*/
	line-height: 1px;
}

h2 
 {color:#053665;
  font-size:large;
  letter-spacing:1px;}

h3
 {color:#053665;
  font-size:medium;
  letter-spacing:1px;
}

/* =====見出し=====*/

/* =====リスト、ここから=====*/

li
{list-style-type:none;}

/* =====リスト=====*

.clear{
cear: both;}

/* =====全体の構造、ここから=====*/
body {
background:#e0e57c;
margin: 0;
padding: 0;
text-align: center;
font-family: Times;
}

#wrapper{
margin:20px auto;
text-align: left;
width: 800px;
}

img{
	vertical-align: bottom;
	border: none!important;
}

em{
font-style: normal;
}

.alignJustify{
text-align: justify;
}

.clearBoth{
clear: both;
}

/* =====全体の構造=====*/

/* =====ヘッダ、ここから=====*/

#head{
padding-top: 0px;
width: 800px;
}

#head-titel{
	float: left;
	width: 550px;
	margin-right: 0px;
	font-size:small;
}

#head-titel h1{
font-size:xx-large;
  color:#ed2b00;
  letter-spacing:2px;
  word-spacing:10px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Times;
}

#head-lang{
float: right;
width: 225px;
padding-top: 10px;
text-transform: lowercase;
text-align: right;
}


#head-lang li{
display: inline;
padding-left: 0px;
}

#head-lang a {
color:#053665;
margin:5px; 
text-decoration: none;
font-weight: bold;
}

#head-lang a:active {
padding:0px,0px,0px,0px;
background-color:#bdcb41; 
}

#head-lang a:hover {
padding:0px,0px,0px,0px;
background-color:#bdcb41; 
}


/* =====ヘッダ=====*/

/* =====ナビゲーション上、id属性、ここから
中央そろえ
一列に並べる
===== */

ul#navigation {
clear: both;
margin-left:10px;
margin-right:10px;
margin-bottom: 10px;
  text-align:center;
text-transform: lowercase;
}

ul#navigation li{
display: inline;
}

ul#navigation a {
margin:5px; 
text-decoration: none;
font-weight: bold;
}


/* =====ナビゲーション上、クラス属性
中央そろえ
一列に並べる
===== */

/* =====ナビゲーション下、id属性
中央そろえ
一列に並べる
===== */

ul#navigation-unten {
clear: both;
margin-left:10px;
margin-right:10px;
margin-bottom: 10px;
  text-align:center;
text-transform: lowercase;
}

ul#navigation-unten li{
display: inline;
}

ul#navigation-unten a {
margin:5px; 
text-decoration: none;
font-weight: bold;
}


/* =====ナビゲーション下、クラス属性
中央そろえ
一列に並べる
===== */

/* =====ナビゲーションなど、ここから
メインコンテンツの外枠の
バックが黄緑色のところの色指定

文字　紺色
リンク　赤色
マウスが上にきたら　濃い黄緑色のバック

文字の太さや余白などは個々に指定する
=====*/

.green{
color:#053665;
}

.green a:link {
color:#d80000;
}

.green a:active {
color:#d80000;
background-color:#bdcb41; 
}

.green a:hover {
color:#d80000;
background-color:#bdcb41; 
}

.green a:visited {
color:#d80000;
}

/* =====ナビゲーションなど、おわり
メインコンテンツの外枠の
バックが黄緑色のところの色指定

文字　紺色
リンク　赤色
マウスが上にきたら　濃い黄緑色のバック

文字の太さや余白などは個々に指定する
=====*/

/* =====ツイッターとフェースブック、ここから=====*/

#twitterFacebook{
	width: 800px;
	height: 240px;
	margin-bottom: 30px;
}

#facebook{
float: right;
width: 121px;
}
#LikeButtonTwitter
{
	float: left;
	width: 661px;
}
#likeButton {
	padding-right: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.facebookSocialPlugins {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #FFF;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #3b5998;
}


/* =====ツイッターとフェースブック、おわり=====*/

/* =====ツイッターの日本語の説明、ここから=====*/

#aboutTwitterJp{
	margin-left:30px;
	line-height:25px;
	width: 740px;
}
#jpTwitter {
	margin-bottom: 20px;
}
/* =====ツイッターの日本語の説明、おわり=====*/

/* ==紺色の文字、リンク赤色と点線
---------------------------------------------------------==*/

.blue{
color:#053665;
}

.blue a.no-border{
border: none;
}

.blue a:active.no-border{
background-color:transparent; 
}

.blue a:hover.no-border{
background-color:transparent; 
}

.blue a{
color:#d80000;
margin:0px; 
padding:0px,0px,0px,0px;
text-decoration: none;
border-bottom: 1px dashed #d80000;
font-weight: normal;}

.blue a:active {
background-color:#e0e57c; 
}

.blue a:hover {
background-color:#e0e57c; 
}




/* =====メインコンテンツ、ここから=====*/

#maincontent{
margin-top:0px;
margin-bottom:40px;
padding-top: 20px;
padding-bottom: 1em;
line-height:25px;
width: 800px;
}

#maincontent h2{
text-align: center;
}

#maincontentIndex{
clear: both;
margin-top:0px;
margin-bottom:40px;
padding-top: 20px;
padding-bottom: 1em;
line-height:25px;
width: 800px;
}

/* =====メインコンテンツ=====*/

/* =====メインコンテンツの色指定
背景　クリーム色
文字　紺色
写真リンクには点線アンダーラインをつけない
写真リンクの上にマウスが来ても、背景は透明
リンク　赤　点線のアンダーライン
マウスが上にきたら、バックが黄緑色になる
===== */

.cream{
	background-color:#f8f0bd;/*濃いクリーム色*/

color:#053665;
	/*background-color: #fdf9d9;*//*薄いクリーム色*/
}

.cream a.no-border{
border: none;
}

.cream a:active.no-border{
background-color:transparent; 
}

.cream a:hover.no-border{
background-color:transparent; 
}

.cream a{
color:#d80000;
margin:0px; 
padding:0px,0px,0px,0px;
text-decoration: none;
border-bottom: 1px dashed #d80000;
font-weight: normal;}

.cream a:active {
background-color:#e0e57c; 
}

.cream a:hover {
background-color:#e0e57c; 
}


/* =====メインコンテンツの色指定
背景　クリーム色
文字　紺色
リンク　赤　点線のアンダーライン
マウスが上にきたら、バックが黄緑色になる
===== */


/* =====フッター===== */

#footer{
margin-top: 20px;
border-top: 2px dotted #053665;
text-align: left;
color:#003d18;
letter-spacing: 0px;
}

#footer address {
float: left;
width: 660px;
font-size:11pt;
padding: 1em;
font-style: normal;
}

#footer-sitemap a{
text-decoration: none;
font-weight: bold;
}

#footer-sitemap{
float: right;
width: 100px;
padding-top: 10px;
text-transform: none;
text-align: right;
}

#footer  address a{
color:#053665;
margin:0px; 
text-decoration: none;
border-bottom: 1px dashed #053665;
font-weight: bold;}

#footer address a:active {
padding:0px,0px,0px,0px;
background-color:#bdcb41; 
}

#footer address a:hover {
padding:0px,0px,0px,0px;
background-color:#bdcb41; 
}


/* =====フッター===== */

/* =====パン屑===== */
#brot{
text-align: center;
text-transform: lowercase;
margin-top:0px; 
margin-bottom:0px; 
padding-top:0px; 
font-weight: normal;
}

#brot a{
text-decoration: none;
font-weight: normal;}

/* =====パン屑===== */

/* =====写真やテーブルがはみ出さないように===== */

.text-maincontent:after{
content:".";
display: block;
height: 0;
clear: both;
}

/* =====写真やテーブルがはみ出さないように===== */

/* =====休暇=====*/

.urlaub-anzeige
{ text-align:left;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:20px;
  padding-right:20px;  
}

.index-urlaub{
	margin-bottom: 30px;
	border-bottom-width: 35px;
	border-bottom-style: solid;
	border-bottom-color: #e0e57c;
}

.index-urlaub-text{

	padding-bottom: 20px;
	margin-right: 30px;
	margin-left: 30px;
	}

/* =====休暇=====*/

/* =====インデックス=====*/

.index-news{
	margin-bottom: 30px;
	border-bottom-width: 35px;
	border-bottom-style: solid;
	border-bottom-color: #e0e57c;
	/*height: 180px;*/
	padding-top: 0px;
	padding-bottom: 0px;
}

.index-news-text{
	padding-bottom: 20px;
	margin-right: 30px;
	margin-left: 30px;
	}
.index-newa-text-jmo{
	/*float: left;*/
	margin-bottom: 1px;
}

#RoseAloeHydratingToningMist{
	margin-top: 40px;
	margin-left: -20px;
}

#RoseApricotAntioxidantDayCreme{
	margin-top: 49px;
	margin-left: -20px;
}
	
.NewsProduktFoto{
	float: left;
	margin-bottom: 1px;
	/*height: 120px;
	width: 120px;*/
}

#index-bild{
	float: left;
	width:398px;
	margin-left: 65px;
	clear: left;
}


#index-about-oben {
	width: 240px;
	margin-left: 530px;
	padding-top:20px;
}

#index-about-oben h2{
text-align:left;
}

#index-about-unten{
	float:left;
	width:470px;
	padding-top:5px;
	text-align: justify;
	clear: both;
	margin-left: 30px;
}

#index-foto{
	padding-top:40px;
	padding-bottom:15px;
	width: 240px;
	margin-left: 530px;
}
.dick {
	font-weight: bold;
}

.achtung {
	font-weight: bold;
	font-size: large;
}

.achtung .rot {
	color:#d80000;
}


#index-about-unten #specialListe li{
	list-style-type: disc;
}

/* =====インデックス=====*/

/* =====Angebot のページはFAQと一緒=====*/


/* =====地図のページ=====*/

#standort-map {
float: left;
margin-left: 20px;
width: 572px;
padding-top: 0px;
}

#standort-address {
text-align:left;
margin-left: 612px;
margin-right: 20px;
padding-top: 30px;
}

/* =====地図のページ=====*/

/* =====料金表=====*/


#preisliste-main{
	float:left;
	width:570px;
}

#preisliste-address{
	text-align:left;
	line-height:25px;
	margin-left:580px;
	padding-top: 0px;
	width: 200px;
}



.schiere {
	background-attachment: scroll;
	background-image: url(../image/schiere.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.preisliste {
padding: 1em;
  font-weight:bold;
  line-height:25px;
}

.preisliste-menu{
text-align:right;
padding-left:50px;
}

.preisliste-ab
 {text-align:right;
  padding-left:50px;
  word-spacing:7px;}

.preisliste-preis
 {text-align:right;
  word-spacing:7px;}
.preisliste-link {
	padding-left: 20px;
}

.preisliste-preis-jp
 {text-align:right;
padding-left:50px;
  word-spacing:7px;}


/* =====料金表=====*/

/* =====ヘアメーク=====*/

.borderBottom{
width: 750px;
margin-top: 25px;
margin-left:25px;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 2px dotted #e0e55c;
}

.work-foto-left{
	float: left;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:100px;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0px;
	padding-right: 0px;
	width: 260px;
	position: relative;
}

.work-text-right{
margin-left:420px;
padding-top: 10px;
width: 280px;
text-align: left;
}

.work-text-right:after{
content:".";
display: block;
height: 0;
clear: both;
}



.marginLeftRight{
clear: both;
margin-left:25px;
margin-right:25px;
}

#model-foto{
margin-left: 20px;
width: 500px;
}

#model-text{
background:;
float: right;
margin-top: 25px;
margin-right: 25px;
width: 240px;
}

/* =====ヘアメーク=====*/

/* =====展覧会=====*/

#veranstaltung-links {
float: left;
 text-align: left;
margin-left: 30px;
padding-top: 10px;
padding-bottom: 1em;
width: 420px;
}

#veranstaltung-rechts {
 text-align:left;
margin-left: 500px;
margin-right: ;
padding-top: 10px;
padding-bottom: 1em;
}

/* =====展覧会=====*/

/* =====あずさちゃん=====*/

#azusa{
margin-top:0px;
margin-bottom:40px;
margin-left:150px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 10px ;
line-height:45px;
width: 490px
}

#azusa h2{
text-align:center;
}

/* =====あずさちゃん=====*/

/* =====ボリス=====*/

#boris-foto{
float: left;
text-align: left;
margin-left: 40px;
width: 300px;
padding-top: 2em;
}

#boris-lebenslauf{
text-align:left;
line-height: 25px;
margin-left: 390px;
margin-right: 30px;
padding-top: 2em;
padding-bottom: 1em;
border-left: 2px dotted #e0e55c;
}

#boris-lebenslauf h3{
text-align:center;
}

#boris-lebenslauf dt{
font-weight: normal;
line-height: 2em;
padding-left: 25px;
}

#boris-text-jp{
text-align:left;
line-height: 25px;
margin-left: 390px;
margin-right: 30px;
padding-top: 2em;
padding-bottom: 1em;
}

/* =====ボリス=====*/

/* =====むとう君=====*/

#teru{
margin-top:0px;
margin-bottom:40px;
margin-left:115px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 10px ;
line-height:25px;
width: 555px
}

#teru-top{
margin-left: 50px;
margin-right: 50px;
margin-bottom: 20px;
}

#teru-top h2{
text-align: center;
}

.teru-foto{
word-spacing:0px;
text-align:left;
margin-left: 55px;
padding-top: 10px;
padding-bottom: 0;
}

/* =====むとう君=====*/


/* =====写真=====*/

#foto{
margin-top:0px;
margin-bottom:40px;
margin-left:120px;
padding-top: 20px;
padding-bottom: 1em;
padding-left: 0px ;
line-height:25px;
width: 580px
}

#foto h2{
text-align: center;
}

#foto a{
line-height:0px;
}

#foto-left{
float: left;
margin-top:0px;
margin-bottom:0px;
margin-left:30px;
padding-bottom: 1px;
width: 160px;
line-height:20px;
}

#foto-right{
float: right;
margin-top:0px;
margin-bottom:0px;
margin-right:30px;
padding-bottom: 1px;
width: 160px;
line-height:20px;
}

#foto-center{
margin-top:0px;
margin-bottom:0px;
margin-left:210px;
padding-bottom: 1px;
width: 160px;
line-height:20px;
}


/* =====個々の写真=====*/

#dia-show{
margin-top:0px;
margin-bottom:8px;
padding-top: 20px;
padding-bottom: 20px;
width: 800px;
}

#dia-show img{
vertical-align: bottom;
}

/* ----- 右側にタイトルと説明文----- */

#dia-show-text{
float: right;
margin-top: 25px;
margin-right: 20px;
width: 200px;
}


/* ----- 左側に写真----- */

#dia-show-foto{
margin-left: 20px;
width: 540px;
}

/* ----- むとう君の縦長の写真----- */

#dia-show-foto-schmal{
width: 242px;
margin-left: 200px;
}

/* =====個々の写真=====*/

/* =====個々の写真の下の番号=====*/

#foto-nr{
text-align: center;
margin-top:0px; 
margin-bottom:0px; 
padding-top:0px; 
font-weight: bold;
text-transform: lowercase;
word-spacing:5px;
}

#foto-nr li{
display: inline;
}
#foto-nr .selected a{
	color: #053665;
}

#foto-nr a{
text-decoration:none ;
font-weight: normal;}

/* =====個々の写真の下の番号=====*/


/* =====従業員募集=====*/

#job{
margin-left:50px;
margin-right:50px;
}

#job h2{
text-align:center;
}

/* =====従業員募集=====*/


/* =====リンク=====*/

#link {
  padding-left:30px;
  padding-right:30px;
  margin:40px;
}

/* =====リンク=====*/

/* =====日本語　インデックス=====*/


#index-jp-bild{
float: left;
width:398px;
margin-left: 20px;
}

#index-jp-about-oben {
width: 333px;
margin-left: 438px;
padding-top:20px;
}

#index-jp-about-unten{
	clear:both;
	float:left;
	width:390px;
	padding-top:10px;
	margin-left: 25px;
}

#index-jp-foto{
margin-left:460px;
padding-top:10px;
padding-bottom:15px;
}


/* =====日本語　インデックス=====*/

/* =====日本語　FAQ=====*/
.q-and-a{
 font-size:medium;
font-weight: bold;
  letter-spacing:1px;
}

#answer{
text-align: center;
padding-bottom: 20px;
}

.answer{
text-align: center;
padding-bottom: 20px;
}

#frage {
  padding-left:30px;
  padding-right:30px;
  margin:40px;
text-align:left;
}

.frage {
  padding-left:30px;
  padding-right:30px;
  margin:40px;
text-align: justify;;
}

/* =====日本語　FAQ=====*/

/* =====サイトマップ=====*/
#sitemap-link{
float: left;
width: 370px;
margin-left: 30px;
padding-top: 10px;
}

#sitemap-recht{
margin-left: 400px;
padding-left: 30px;
padding-top: 10px;
width: 365px;
border-left: 2px dotted #bdcb41;
}

#sitemap-link h4{
margin-top: 10px;
margin-bottom: 0px;
}

#sitemap-recht h4{
margin-top: 10px;
margin-bottom: 0px;
}

.dot{
list-style-type:circle;
margin-left: -25px;
}

.sub-sub-menu-li{
margin-left: -20px;
}

.sub-menu-li{
margin-top:0px;
margin-left: -50px;
}
/* =====サイトマップ=====*/

/* =====予約フォーム=====*/
#form-vorname{
	margin-top: 50px;	
	}

.pflichtfeld-rot {
color:#d80000;
}
.form-wunschtermin {
	clear: both;
	margin-top: 20px;
}
.form-datum {
	float: left;
	margin-left: 20px;
}
.form-zeitraum {
	float: left;
	margin-left: 30px;
}
#wunsch-1, 
#wunsch-2, 
#wunsch-3{
	margin-top: 40px;
}

#form-menu-auswahl{
	margin-top: 50px;
}

#bemerkungen {
	margin-top: 20px;
}


#form-menu-auswahl {
	clear: both;
}
/* =====予約フォーム=====*/

/* =====予約をありがとうございました=====*/
#danke-text{
	margin-bottom: 50px;	
	}
/* =====予約をありがとうございました=====*/