/* CSS Document */

html, body{
	width:100%; height:100%;
	padding:0; margin:0;
	overflow:hidden;
}

html{
	background:url(../images/body_bg.png) top left repeat-x #714b01;
}

body{
	font-family: 'PT Sans', sans-serif;
	font-size:18px;
	color:#fff;
	padding:0; margin:0;
}

*{ box-sizing:border-box; }

a{ color:#fff; }

.orange{ color:#e95d0f; }
.normal{ font-weight:normal; }

.mainMenu{
	position:absolute;
	right:50%;
	margin-right:200px;
	top:60px;
	font-size:12px;
	z-index:106;
}

.pagelink{
	position:absolute;
	top:430px;
	display:block;
	cursor:pointer;
	color:#F6B242;
	text-transform:uppercase;
	line-height:18px;
	z-index:105;
}
.pagelink_kai{ left:825px; }
.pagelink_kim{ left:415px; }

.pagelink_start{ top:28px; left:120px; font-size:24px; font-size: 36px; letter-spacing: -4px; padding:30px; }
.pagelink_start:hover{ background:url(../images/back_rollover.png) center center no-repeat;}
.kim .pagelink_start{ left:1030px; }

.icon{
	background:url(../images/icons.png) 0 0 no-repeat;
	padding-left:35px;
	color:#fff;
	line-height:30px;
	margin:5px 0;
}
.icon.mobile{ background-position:0 -30px; }
.icon.phone{ background-position:0 -60px; }
.icon.mail{ background-position:0 -90px; }

ul.icons{
	margin:0;
	list-style:none;
	
	padding:0;
}

ul.icons li{
	background: url(../images/bullets.png) 0 0px no-repeat;
	padding: 0 0 0 35px;
	margin-bottom: 10px;
}

.text{
	width:827px;
	height:836px;
	margin:30px auto 0 auto;
	background:url(../images/bigbubble.png) top left no-repeat;
	padding:200px 0 0 295px;
}

.contact{ margin-top:90px; }

.people{
	position:absolute;
	width:692px;
	height:874px;
	left:50%;
	margin-left:-380px;
	top:115px;
	background:url(../images/personen.png);
	z-index:101;
}

.logo_innung{
	position:absolute;
	width:232px;
	height:232px;
	left:50%;
	top:-45px;
	margin-left:-116px;
	z-index:100;
	
}

.bubble{
	position:absolute;
}

.page{
	position:absolute;
	width:1280px;
	height:900px;
	left:50%;
	margin-left:-640px;
}

.bubble.kai_start{
	position:absolute;
	width:337px;
	height:337px;
	top:105px;
	left:840px;
	background:url(../images/bubble_logo_kai_start.png) top left no-repeat;
}

.bubble.kim_start{
	position:absolute;
	width:337px;
	height:337px;
	top:105px;
	left:120px;
	background:url(../images/bubble_logo_kim_start.png) top left no-repeat;
}


.kai{
	display:none;
}
	

.bubble.logo_kai{
	width:340px;
	height:340px;
	top:105px;
	left:130px;
	padding-top:135px;
	background:url(../images/bubble_logo_kai.png) top left no-repeat;
	color:#000;
	font-size:23px;
	text-align:center;
	line-height:25px;
	letter-spacing:.5px;
}
.bubble.foto_kai{
	top:95px;
	left:844px;
	width:257px;
	background:url(../images/bubble_foto_kai.png) top left no-repeat;
	padding:270px 45px 0 45px;
	text-align:center;
}
.kai .people{ left:-430px; }

.kim{
	display:none;
}

.kim .text{
	background-image:url(../images/bigbubble_kim.png);
	padding:200px 0 0 260px;
}

.bubble.logo_kim{
	width:339px;
	height:339px;
	top:105px;
	left:747px;
	padding-top:135px;
	background:url(../images/bubble_logo_kim.png) top left no-repeat;
	color:#000;
	font-size:23px;
	text-align:center;
	line-height:25px;
	letter-spacing:.5px;
}


.bubble.foto_kim{
	top:130px;
	left:180px;
	width:255px;
	background:url(../images/bubble_foto_kim.png) top left no-repeat;
	padding:270px 45px 0 45px;
	text-align:center;
}

.kim .people{ left:890px; }

.modal_overlay{
	display:none;
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	background:rgba(0,0,0,0.5);
	z-index:1000;
}

.modal{
	top:100%;
	position:fixed;
	width:90%;
	height:90%;
	max-width:700px;
	margin:0 auto;
	left:0;
	right:0;
	z-index:1002;
	background:#fff;
	border-radius:5px 5px 0 0;
	overflow:hidden;
	box-shadow:0 0 10px #000;
}

.modal .visible{
	box-shadow:0 0 10px rgba(0,0,0,0.8);
}

.modal .title{
	background:#983E17;
	color:#fff;
	padding:10px 20px;
	display:table;
	width:100%;
}

.modal .title .td{ display:table-cell; }
.modal .title .td.right{ text-align:right; }
.modal .title a{ text-decoration:none; }

.modal .content{
	padding:20px;
	color:#000;
	max-height:90%;
	overflow:auto;
}