/* CSS Document mojimoji.de */

@charset "utf-8";


/* Start */

#start_box {
	position: relative ;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	}

div.start_inbox_bg {
	height: auto;
	position: relative;
	width: 450px;
	margin: 0 auto 0 auto;	
	}

#start_header {
	display: block;
	width: 100%;
	height: 130px;
	}


/* generell */

body { 
	background-image: url(../../image-elements/bg-paper.jpg); 
	background-color: #ECE9E4;
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	}

html, body { 
	height: 100%;
	}

::selection {
    background: #7a9300; /* 背景色 */
    color: #ffffff; /* 文字色 */
	}

/* Firefox用 */
::-moz-selection { 
    background: #7a9300;
    color: #ffffff;
	}


/* layout elements */

#box {
	position: relative ;
	width: auto;
	height: auto;
	padding-right: 30px;
	}

#inbox {
	width: 100%;
	height: auto;
	padding-bottom: 40px;
	}

#header {
	display: block;
	width: 100%;
	height: 27px;
	}


.headerpic1 { 
	width: 300px;
	height: 10px;
	position: fixed!important;
	display: block;
	top: 45px;
	left: 26px;
	/* background-image: url(../image/xxx.png); */
	/* background-repeat: no-repeat; */
	}

div.contents_bg {
	/* max-width: 730px; */
	/* min-width: 550px; */
	margin: 0px 0px 0px 284px;
	height: auto;
	background-image: url(../../image-elements/bg_white45.png);
	z-index: 4;
	}

div.maintext {
	padding: 15px 0px 35px 40px;
	}
	
#mwline {
	display: block;
	position: fixed!important;
	position: absolute;
	width: 230px;
	height: 1px;
	top: 29px;
	left: 26px;
	background-image: url(../../image-elements/line.png);
	background-repeat: no-repeat;
	z-index: 1;
	}

#mojimoji a {
	display: block;
	position: fixed!important;
	position: absolute;
	width: 230px;
	height: 26px;
	top: 28px;
	left: 27px;
	background-image: url(../../image-elements/mojimoji-titel-green.png);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 1;
	}

#menu_above a {
	display: block;
	position: fixed!important;
	position: absolute;
	width: 228px;
	height: 78px;
	top: 85px;
	left: 27px;
	background-image: url(../../image-elements/mojikumihan-titel.png);
	background-repeat: no-repeat;
	z-index: 1;
	}

#navigation {
	position: fixed!important;
	position: absolute;
	left: 26px;
	top: 200px;
	width: 250px;
	float: left;
	font-family: "calluna-sans";
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	z-index: 3;
	}

#passportlizenz a {
	display: block;
	position: fixed!important;
	position: absolute;
	width: 219px;
	height: 47px;
	left: 32px;
	bottom: 5%;
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 1;
	}

#passportlizenz a:link {
	background-image: url(../../image-elements/powered_by_morisawa_passport.png);
	}

#passportlizenz a:hover {
	background-image: url(../../image-elements/powered_by_morisawa_passport_active.png);
	}	

#language a {
	display: block;
	position: fixed!important;
	width: 38px;
	height: 120px;
	background-repeat: no-repeat;
	right: 0;
	top: 5%;
	z-index: 10;
	}

#language a:link {
	background-image: url(../image/nihongo.png);
	}

#language a:hover {
	background-image: url(../image/nihongo-active.png);
	}

*.floatclear
	{
	clear: both;
	}


/* text styles */

body {
	-moz-osx-font-smoothing: grayscale;
	}

p.de { 
	font-family: "calluna";
	font-size: 16px;
	line-height: 23px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.2px;
	text-align: left;
	color: #443C36;
	margin: 0px 60px 13px 0px;
	} 

p.de_last { 
	font-family: "calluna";
	font-size: 16px;
	line-height: 23px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.2px;
	text-align: left;
	color: #443C36;
	margin: 0px 60px 45px 0px;
	} 

p.de .boldgreen { 
	font-family: "calluna-sans";
	line-height: 20px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.2px;
	color: #607400;
	} 
	
p.de_italic { 
	font-family: "calluna";
	font-size: 16px;
	line-height: 23px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.2px;
	text-align: left;
	color: #443C36;
	margin: 0px 60px 13px 0px;
	} 

p.de_sans { 
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 23px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.2px;
	text-align: left;
	color: #443C36;
	margin: 0px 60px 13px 0px;
	} 

p.de_sans_sitemap { 
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 22px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	white-space: nowrap;
	color: #443C36;
	margin: 0px 25px 25px 0px;
	} 

p.de_sans_bold { 
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 23px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.2px;
	text-align: left;
	color: #443C36;
	margin: 0px 60px 0px 0px;
	} 

p.de_sans_bolditalic { 
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 22px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0.2px;
	text-align: left;
	color: #6E655F;
	margin: 0px 60px 10px 0px;
	} 

p.ajioka_navi { 
	font-family: "calluna-sans";
	font-size: 18px;
	line-height: 18px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	color: #443C36;
	margin: 0px 0px 30px 0px;
	}

p.ajioka_kanji { 
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	font-weight: 400;
	text-align: right;
	color: #443C36;
	margin: 0px 0px 0px 0px;
	} 
	
p.jp { 
	font-family:"Meiryo","MS PGothic","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: 0.1px;
	text-align: center;
	color: #605751;
	} 

.jap { 
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 17px;
	letter-spacing: 0px;
	}
	
.nihongo { 
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	font-size: 12px;
	}

h1 { 
	font-family: 'calluna';
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	letter-spacing: 0.1px;
	text-align: left;
	color: #607400;
	margin: 60px 0px 55px 0px;
	} 

h1.fonts { 
	font-family: "calluna";
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 50px;
	text-align: left;
	color: #607400;
	margin: 50px 0px 50px 0px;
	} 

h2 { 
	font-family: "calluna";
	font-size: 20px;
	line-height: 26px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0.15px;
	text-align: left;
	color: #3E2A1B;
	margin: 0px 70px 70px 0px;
	} 

h3 { 
	font-family: "calluna-sans";
	font-size: 18px;
	line-height: 23px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.1px;
	text-align: left;
	color: #6B533D;
	margin: 0px 15px 8px 0px;
	} 

h4 { 
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 21px;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	color: #6B533D;
	margin: 0px 15px 3px 0px;
	} 

p.de_kopf { 
	font-family: "calluna-sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0.2px;
	text-align: left;
	color: #9F967C;
	margin: 0px 20px 0px 0px;
	} 

ol.standard { 
	list-style-position: outside; 
	list-style-image: url(../../image-elements/bullet_square.png);
	margin: 0px 35px 0px 0px;
	padding: 0px 0px 0px 25px;
	}

ol.standard li {
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 22px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: left;
	margin: 8px 35px 5px 0px;
	padding: 0px 10px 0px 0px;
	}

ol.asterisk { 
	list-style-position: outside; 
	list-style-image: url(../../image-elements/bullet_asterisk.png);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
	
ol.asterisk li {
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 8px 0px 0px;
	}

ul.square { 
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 0px 2px;
	}

ul.square li {
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: left;
	list-style-type: none;
	background: transparent url(../../image-elements/bullet_square.png) no-repeat left 0.1em;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 16px;
	}

ul.aldus { 
	margin: 15px 0px 20px 0px;
	padding: 0px 30px 0px 2px;
	}

ul.aldus li {
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 22px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: left;
	list-style-type: none;
	background: transparent url(../../image-elements/aldusleaf.png) no-repeat left 0.1em;
	margin: 0px 0px 7px 0px;
	padding: 1px 30px 0px 25px;
	}

ul.sup { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	}

ul.sup li {
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 22px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: left;
	list-style-type: none;
	background: transparent url(../../image-elements/sup1.png) no-repeat left 0.1em;
	margin: 0px 0px 5px 0px;
	padding: 1px 8px 0px 15px;
	}
	
ul.sup2 { 
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 0px 3px;
	}

ul.sup2 li {
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 22px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: left;
	list-style-type: none;
	background: transparent url(../../image-elements/sup2.png) no-repeat left 0.1em;
	margin: 0px 0px 5px 0px;
	padding: 1px 8px 0px 15px;
	}

ul.sitemap { 
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 15px;
	}

ul.sitemap li {
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 22px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	white-space: nowrap;
	color: #443C36;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

p.reference {
	font-family: "calluna-sans";
	font-size: 11px;
	line-height: 16px;
	font-style: normal;
	font-weight: 400;
	color: #AF965B;
	letter-spacing: 0.2px;
	text-align: right;
	margin: 15px 0px 0px 0px;
	}

.bildlegende {
	font-family: "calluna-sans";
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: left;
	list-style-type: none;
	background: none;
	margin: 0px 0px 7px 10px;
	}

.bildlegende_it {
	font-family: "calluna-sans";
	font-size: 13px;
	line-height: 17px;
	font-style: italic;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: left;
	list-style-type: none;
	background: none;
	margin: 0px 50px 7px 10px;
	}

.bildlegende_slidefont {
	font-family: "calluna-sans";
	font-size: 15px;
	line-height: 17px;
	font-style: italic;
	font-weight: 400;
	color: #6B533D;
	text-align: right;
	list-style-type: none;
	background: none;
	margin: 0px 20px 0px 0px;
	}

.bildlegende_it_slide {
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 17px;
	font-style: italic;
	font-weight: 400;
	color: #443C36;
	text-align: right;
	list-style-type: none;
	background: none;
	margin: 0px 20px 7px 0px;
	}

p.enlarge {
	font-family: "calluna-sans";
	font-size: 12px;
	line-height: 12px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: right;
	list-style-type: none;
	background: none;
	margin: 7px 0px 0px 0px;
	}

p.top {
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 14px;
	font-style: normal;
	font-weight: 400;
	color: #443C36;
	letter-spacing: 0.2px;
	text-align: right;
	list-style-type: none;
	background: none;
	margin: 12px 12px 0px 0px;
	}

div.coffee {
	display: block;
	height: 26px;
	background-image: url(../../image-elements/break.png);
	background-repeat: no-repeat;
	background-position:center;
	margin: 70px 35px 0px 0px;
	}


/* Hintergrund white */

div.block { 
	background-image: url(../../image-elements/bg_white45.png);
	border: 0px;
	margin: 20px 40px 25px 0px;
	padding: 20px 20px 20px 20px;
	z-index: 2;
	}


/* Hintergrund f? asterisk */

div.block2 { 
	background-image: url(../../image-elements/bg_white45.png);
	border: 0px;
	padding: 20px 25px 20px 20px; 
	margin: 20px 55px 25px 15px;
	border-top: 1px solid #DCE2AF;
	border-bottom: 1px solid #DCE2AF;
	}


/* Zeichenformate */

.bold { 
	font-family: "calluna-sans";
	font-style: normal;
	font-weight: 700;
	color: #6B533D;
	} 

.bold_italic { 
	font-family: "calluna-sans";
	font-style: italic;
	font-weight: 700;
	color: #6B533D;
	} 

.boldright18 { 
	font-family: "calluna-sans";
	font-style: normal;
	font-weight: 700;
	color: #605751;
	margin-right: 18px;
	} 

.boldteaser { 
	font-family: "calluna-sans";
	font-style: normal;
	font-weight: 700;
	color: #607400;
	} 

.teasergreen { 
	font-family: "calluna-sans";
	font-style: normal;
	font-weight: 700;
	color: #607400;
	line-height: 23px;
	} 
	
.green { 
	color: #607400;
	} 	
	
.boldgreen { 
	font-family: "calluna-sans";
	font-style: normal;
	font-weight: 700;
	color: #607400;
	} 

.boldgreen_italic { 
	font-family: "calluna-sans";
	font-style: italic;
	font-weight: 700;
	color: #607400;
	} 


/* HOME Slideshow */


#slideshowbox {
	position: relative;
	height: 750px;
	width: 220px;
	float: right;
	margin: 125px 0px 0px 40px;
	}

#slideshow {
	position: relative;
	height: 657px;
	width: 220px;
	}

#slideshow DIV {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	height: 657px;
	background-image: url(../../image-elements/bg-paper-slide.jpg);
	}

#slideshow DIV.active {
	z-index: 10;
	opacity: 1.0;
	}

#slideshow DIV.last-active {
	z-index: 9;
	}

#slideshow DIV IMG {
    height: 616px;
	width: 220px;
    display: block;
    border: 0;
    margin-bottom: 0px;
	}


/* Satzzeichen Table */

table.satzzeichen {
	margin: 20px 0px 20px 0px;
	text-align: left;
	border-collapse: collapse;
	}

table.satzzeichen th { 
	width: 170px;
	font-family: "calluna-sans";
	font-size: 16px;
	line-height: 22px;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
	color: #607400;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	white-space: nowrap;
	border-bottom: 1px solid #D5DEC3;
	} 

table.satzzeichen td { 
	height: 80px;
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 22px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	vertical-align: middle;
	color: #605751;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-bottom: 1px solid #D5DEC3;
	} 

table.satzzeichen td.kopf { 
	height: 35px;
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 22px;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	color: #605751;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-bottom: 1px solid #D5DEC3;
	} 

table.satzzeichen td.bild { 
	text-align: center;
	vertical-align: middle;
	padding: 0px 35px 0px 35px;
	} 

table.satzzeichen td.roastbeef { 
	height: 20px;
	font-family: "calluna-sans";
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
	color: #605751;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px;
	} 

table.satzzeichen td.roastbeef img { 
	text-align: left;
	vertical-align: middle;
	margin: 0px 0px 2px 0px;
	padding: 0px 10px 0px 30px;
	border-bottom: 0px;
	} 

table.geviertstrich td { 
	text-align: center;
	vertical-align: middle;
	padding: 0px 15px 0px 15px;
	} 

table.demnaechst td.zeichen { 
	width: 70px;
	text-align: left;
	vertical-align: middle;
	margin: 0px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
	border-bottom: 0px;
	} 

table.demnaechst td { 
	font-family: "calluna-sans";
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	color: #6E655F;
	text-align: left;
	vertical-align: middle;
	padding: 0px 15px 0px 0px;
	} 

	
/* anker styles */

a {
	outline-style: none;
	outline-width: 0px;
	}

p.de a:link, p.de a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.de a:hover { text-decoration:underline; }

p.de_last a:link, p.de_last a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.de_last a:hover { text-decoration:underline; }

p.de_sans a:link, p.de_sans a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.de_sans a:hover { text-decoration:underline; }

p.de_sans_sitemap a:link, p.de_sans_sitemap a:visited { text-decoration:none; color:#84766D; font-weight:normal; }
p.de_sans_sitemap a:hover { text-decoration:underline; color:#0086E4; }

ul.sitemap li a:link, ul.sitemap li a:visited { text-decoration:none; color:#84766D; font-weight:normal; }
ul.sitemap li a:hover { text-decoration:underline; color:#0086E4; }

p.de_italic a:link, p.de_italic a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.de_italic a:hover { text-decoration:underline; }

a.asterisk:link, a.asterisk:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
a.asterisk:hover { text-decoration:none; color:#8AA600; }

a.mail:link, a.mail:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
a.mail:hover { text-decoration:underline; }

p.de a.mail-impressum:link, p.de a.mail-impressum:visited { text-decoration:none; color:#443C36; font-weight:normal; }
p.de a.mail-impressum:hover { text-decoration:underline; color:#0086E4; }

p.reference a:link, p.reference a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.reference a:hover { text-decoration:underline; }

li a:link, li a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
li a:hover { text-decoration:underline; }

.bildlegende a:link, .bildlegende a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
.bildlegende a:hover { text-decoration:underline; }

p.top a:link, p.top a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.top a:hover { text-decoration:underline; }

p.enlarge a:link, p.enlarge a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.enlarge a:hover { text-decoration:underline; }

a.readmore:link, a.readmore:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
a.readmore:hover { text-decoration:underline; }

p.de_kopf a:link, p.de_kopf a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.de_kopf a:hover { text-decoration:underline; }

p.bildlegende_it a:link, p.bildlegende_it a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.bildlegende_it a:hover { text-decoration:underline; }

.preislist a:link, .preislist a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
.preislist a:hover { text-decoration:underline; }

h2 a:link, h2 a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
h2 a:hover { text-decoration:underline; }

h3 a:link, h3 a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
h3 a:hover { text-decoration:underline; }

.bildlegende_slidefont a:link, .bildlegende_slidefont a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
.bildlegende_slidefont a:hover { text-decoration:underline; }

p.ajioka_navi a:link, p.ajioka_navi a:visited { text-decoration:none; color:#0086E4; font-weight:normal; }
p.ajioka_navi a:hover { text-decoration:underline; }