html, body {height:100%}

body {color: #000; background:#fff;	overflow:auto; border: 0; padding: 0; margin: 0; font-family: Arial, Verdana, Helvetica, sans-serif}

h1 {font-size:20px; letter-spacing:0.1em; padding-left:5px}	
blockquote {margin:10px; margin-left:20px;}

.rahmen_l {border-left: 1px solid #999999;}
.rahmen_r {border-right: 1px solid #999999;}
.rahmen_t {border-top: 1px solid #999999;}
.rahmen_b {border-bottom: 1px solid #999999;}
.rahmen {border: 1px solid #999999;}

#logo {position: absolute; left:44px; top:28px; width:200px; height:71px; $height:101px; padding-top:30px; z-index: 3; background:url(../img/ballon.png); text-align:center}
#logo a {color:#000; font-weight:bold; text-decoration:none; font-size:18px; letter-spacing:0.05em}
	
a {color:#03f; text-decoration: none; font-weight: normal; outline:none}
a:hover {text-decoration: underline}

#splash {width:500px; height:400px; position:relative; top:50%; left:50%; margin-left:-250px; margin-top:-200px; text-align:center}
#splash h2 {font-size: 22px; letter-spacing:0.1em; padding-left:5px; margin:0}

#frontPicture {background:url(../img/front.png); border:1px solid; height:300px}
#frontPicture h1 {font-size:21px; letter-spacing:0.1em; font-weight: bold; margin:105px 0 0 5px; text-align:left}

#container, #content {height:100%; min-height:650px}
#figur {position:relative; left:153px; top:100%; width:296px; height:600px; margin-top:-600px; z-index: 2}

#menuDiv {position: relative; left:0; top:100%; width:250px; height:490px; margin-top:-510px; overflow:hidden; z-index: 3}
#menuDiv a{color: #fff;	font-size: 18px; letter-spacing:0.15em;	font-weight: bold; display:block; height:40px; $height:60px; text-align:center; padding-top:18px; text-decoration: none; position:absolute; background: center no-repeat}

#menuDiv a.main { width:110px; background-image: url(../img/menu/main.png); left:100px; top:0}
#menuDiv a.main:hover {background-image: url(../img/menu/main_h.png)}

#menuDiv a.gallery {width: 140px; background-image: url(../img/menu/gallery.png); left:45px; top:60px}
#menuDiv a.gallery:hover {background-image: url(../img/menu/gallery_h.png)}

#menuDiv a.profile {width: 150px; background-image: url(../img/menu/profile.png); left:100px; top:120px}
#menuDiv a.profile:hover {background-image: url(../img/menu/profile_h.png)}

#menuDiv a.works {width: 110px;	background-image: url(../img/menu/works.png); left:90px; top:180px}
#menuDiv a.works:hover {background-image: url(../img/menu/works_h.png)}

#menuDiv a.shop {width: 140px; background-image: url(../img/menu/project.png); left:45px; top:240px}
#menuDiv a.shop:hover {background-image: url(../img/menu/project_h.png)}

#menuDiv a.diary {width: 140px;	background-image: url(../img/menu/diary.png); left:30px; top:300px}
#menuDiv a.diary:hover {background-image: url(../img/menu/diary_h.png)}

#menuDiv a.faq {width:100px; background-image: url(../img/menu/faq.png); left:100px; top:360px}
#menuDiv a.faq:hover {background-image: url(../img/menu/faq_h.png)}

#menuDiv a.contact {width: 140px; background-image: url(../img/menu/contact.png); left:100px; top:420px}
#menuDiv a.contact:hover {background-image: url(../img/menu/contact_h.png)}

#content {overflow:auto; border-left:1px solid; border-right:1px solid; filter: alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;
position:absolute; top:0; left:350px; min-width:680px; width:50%; z-index: 1; background:#fff}
#content h1.sectionTitle {margin:30px 0 50px 0; text-align:right; font-size:22px; background:#eee; padding:7px 20px 7px 0; letter-spacing:0.1em}
#content div.contentContainer {width:100%; height:100%; margin-top:100px; top:0; position:absolute}

#languageSelect {margin:30px 0 0 0}
#languageSelect a {margin:0 2px 0 2px; padding:15px 0 0 60px; background:top left no-repeat; text-decoration:none}
#languageSelect a.en { background-image:url(../img/flags/en.png)}
#languageSelect a.en:hover { background-image:url(../img/flags/en_h.png)}
#languageSelect a.jp { background-image:url(../img/flags/jp.png)}
#languageSelect a.jp:hover { background-image:url(../img/flags/jp_h.png)}
#languageSelect a.de { background-image:url(../img/flags/de.png)}
#languageSelect a.de:hover { background-image:url(../img/flags/de_h.png)}
#languageSelect a.ru { background-image:url(../img/flags/ru.png)}
#languageSelect a.ru:hover { background-image:url(../img/flags/ru_h.png)}

#navi{padding-left: 15px; font-size: 15px; text-decoration: none}

span.begin {background: url(../img/begin_dis.png) top left no-repeat; background-position: 3px 3px; padding-top:7px; $padding-top:6px}
a.begin {background: url(../img/begin.png) top left no-repeat; background-position: 3px 3px; padding:7px; $padding:6px}
a.begin:hover {background-image: url(../img/begin_hov.png)}
span.end {background: url(../img/end_dis.png) top left no-repeat; background-position: -3px 3px; padding-top:7px; $padding-top:6px}
a.end {background: url(../img/end.png) top left no-repeat; background-position: -3px 3px; padding:7px; $padding:6px}
a.end:hover {background-image: url(../img/end_hov.png);}
span.prev {background: url(../img/prev_dis.png) top left no-repeat;	background-position: 0 3px;	padding-top:7px; $padding-top:6px}
a.prev {background: url(../img/prev.png) top left no-repeat; background-position: 0 3px; padding:7px; $padding:6px}
a.prev:hover {background-image: url(../img/prev_hov.png);}
span.next {background: url(../img/next_dis.png) top left no-repeat; background-position: 0 3px; padding-top:7px; $padding-top:6px}
a.next {background: url(../img/next.png) top left no-repeat; background-position: 0 3px; padding:7px; $padding:6px}
a.next:hover {background-image: url(../img/next_hov.png)}
a.close {background: url(../img/close.png) top left no-repeat; background-position: 0 2px; padding:7px; $padding:6px}
a.close:hover {background-image: url(../img/close_hov.png)}
a.gal {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
a.gal:hover {filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.list {
	font-size: 15px;
	font-weight: normal;
	text-indent: 0px;
	white-space: normal;
	list-style:none;
	margin:0;
	padding:0;
	}
.list li {clear:both; margin:5px}
	
.list img {display:inline; float:left; margin:0 10px 15px 5px}

.absatz {
	color: #006633;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	text-indent: 20px;
	white-space: normal;
}

.text {
	font-size: 15px;
	font-weight: normal;
	text-indent: 0px;
	white-space: normal;
	}

.text1 {
	color: #990000;
	font-size: 12px;
	font-weight: normal;
	}

.text_fehler {
	color: #FF0000;
}

.text_klein {
	font-size: 13px;
	font-weight: normal;
	}
	
	
.op {
		filter: alpha(opacity=95);
		-moz-opacity:0.95;
/*		opacity:0.95;*/
	}
	
.op_100 {
		filter: alpha(opacity=100);
		-moz-opacity:1;
/*		opacity:1;*/
	}

input, textarea, select {
		background: none;
		border: #999999 1px solid;
		font: "Trebuchet MS", Arial, Helvetica, sans-serif, 11px/13px;
		color: #000000;
	}