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

body {
	font-family:trebuchet ms,arial,helvetica,sans-serif;
	font-size:15px;
	color:#333;
	background:#74b2e1;
	min-height:100%;
}


* {
	outline:none;
	border:none;
}

a {
	color:#224a62;
}

a:hover {
	color:#f3b920;
}

.pic {
	border:solid 1px #666;
	margin-top:5px;
	margin-bottom:12px;
}

.mainbg {
	min-height:100%;
	background:#74b2e1 url(../images/bg.jpg) repeat-x bottom;
	position:relative;
}

#stage {	
	width:940px;
	padding:30px 0px 400px;
	margin:0px auto;
	position:relative;
	z-index:12;
}


#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:448px;
}

#footer .bg {
	background:url(../images/skyline.png) no-repeat center;
	height:300px;
}

#footer .navi {
	width:940px;	
	margin:auto;
	padding-top:95px;
}

.button {	
	background:url(../images/button_bg_2.png) no-repeat;
	width:150px;
	height:29px;
	padding-top:6px;
	color:#224a62;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	margin-right:8px;
	z-index:15;
	position:relative;
}

input.button {	
	height:35px;
	padding:0px;
	color:#fff;
	background:url(../images/button_bg_2_hover.png) no-repeat;	
}

#arrows .button {
	margin-left:10px;
	margin-right:0px;
	font-weight:normal;
	float:right;
}

#subnav .button {
	
}

#subnav {
	height:76px;
	margin-top:-24px;
	margin-right:-10px;
}

.button:hover, .button.on {	
	color:#fff;
	background:url(../images/button_bg_2_hover.png) no-repeat;
}

#haus {
	margin-left:-530px;
	position:absolute;
	left:50%;
	top:250px;
}

#haus a {
	text-decoration:none;
	}

#haus .tip {
	margin-top:-100px;
	position:absolute;
	width:144px;
	background:url(../images/tip_bg_2.png) no-repeat;
	padding:5px 7px;
	height:86px;
	margin-left:-79px;
	left:50%;
	color:#224a62;
	font-size:13px;
	text-align:left;
}

#haus .tip strong {
	font-size:14px;
}

#haus1 {
	width:150px;
	height:82px;
	position:absolute;
	margin-left:375px;
	z-index:23;
	top:17px;
}

#haus1.active {
	width:300px;
	height:165px;
	position:absolute;
	margin-left:300px;
	margin-top:-42px;
}

#haus2 {
	width:160px;
	height:80px;
	position:absolute;
	margin-left:630px;
	z-index:21;
	top:8px;
}


#haus2.active {
	width:320px;
	height:160px;
	position:absolute;
	margin-left:550px;
	margin-top:-40px;
}

#haus3 {
	width:160px;
	height:77px;
	position:absolute;
	margin-left:440px;
	z-index:20;
	top:8px;
}

#haus3.active {
	width:320px;
	height:155px;
	position:absolute;
	margin-left:360px;
	margin-top:-38px;
}

#haus4 {
	width:172px;
	height:50px;
	position:absolute;
	margin-left:146px;
	z-index:19;
	top:44px;
}

#haus4.active {
	width:344px;
	height:100px;
	position:absolute;
	margin-left:60px;
	margin-top:-25px;
}

#haus5 {
	width:40px;
	height:132px;
	position:absolute;
	margin-left:600px;
	z-index:22;
	top:-40px;
}


#haus5.active {
	width:80px;
	height:264px;
	position:absolute;
	margin-left:590px;
	margin-top:-66px;
}


#haus6 {
	width:165px;
	height:60px;
	position:absolute;
	margin-left:272px;
	z-index:17;
	top:22px;
}

#haus6.active {
	width:330px;
	height:120px;
	position:absolute;
	margin-left:190px;
	margin-top:-30x;
}

#haus7 {
	width:175px;
	height:48px;
	position:absolute;
	margin-left:767px;
	z-index:18;
	top:29px;
}

#haus7.active {
	width:350px;
	height:96px;
	position:absolute;
	margin-left:680px;
	margin-top:-26px;
}

#haus8 {
	width:140px;
	height:86px;
	position:absolute;
	margin-left:50px;
	z-index:24;
	top:16px;
}

#haus8.active {
	width:280px;
	height:172px;
	position:absolute;
	margin-left:-20px;
	margin-top:-43px;
}

#haus9 {
	width:150px;
	height:71px;
	position:absolute;
	margin-left:880px;
	z-index:25;
	top:20px;
}

#haus9.active {
	width:300px;
	height:142px;
	position:absolute;
	margin-left:805px;
	margin-top:-36px;
}

#haus1 img, #haus2 img, #haus3 img, #haus4 img, #haus5 img, #haus6 img, #haus7 img, #haus8 img, #haus9 img {
	width:100%;
	height:100%;
}


#arrows {
	float:right;
}

#arrows .down {
	background:url(../images/arrow_down.png);
	width:35px;
	height:35px;
	float:right;
	margin-left:5px;
}

#arrows .down:hover {
	background:url(../images/arrow_down_hover.png);
}


#arrows .up {
	background:url(../images/arrow_up.png);
	width:35px;
	height:35px;
	float:right;
	margin-left:5px;
}

#arrows .up:hover {
	background:url(../images/arrow_up_hover.png);
}

.box {
	position:relative;
	background:url(../images/box_m.png);
	margin-bottom:30px;
	float:left;
	width:940px;
}

.box .top {
	position:absolute;
	background:url(../images/box_t.png);
	height:10px;
	width:940px;
	top:-10px;
	left:0px;	
}
.box .bottom {
	position:absolute;
	background:url(../images/box_b.png);
	height:10px;
	width:940px;
	bottom:-10px;
	left:0px;	
}

.box .content {
	padding:1px 15px;
}

.box p {
	margin:0px 0px 10px;
}

.boxwrapper {
	position:relative;
	margin-bottom:10px;
	width:960px;
	margin-right:-20px;
	float:left;
}

.box_300 {
	position:relative;
	background:url(../images/box_m_300.png);
	margin-bottom:40px;
	width:300px;
	margin-right:20px;
	float:left;
}

.box_300 .top {
	position:absolute;
	background:url(../images/box_t_300.png);
	height:10px;
	width:300px;
	top:-10px;
	left:0px;	
}
.box_300 .bottom {
	position:absolute;
	background:url(../images/box_b_300.png);
	height:10px;
	width:300px;
	bottom:-10px;
	left:0px;	
}

.box_300 .content {
	padding:1px 15px;
	height:250px;
}

.box_300 .content img {
	padding:4px 0;
}

.box_300 .content a {
	color:#000000;
	text-decoration:none;
}

.box_300 .content a:hover {
	color:#224a62;
	text-decoration:none;
}

.boxMargin {
	padding-top:25px;
}

h1 {
	font-size:22px;
	font-weight:bold;
	color:#224a62;
	padding-left:14px;
	margin:4px 0px 22px;
}

h1 span {
	font-weight:normal;
}

h2 {
	font-size:20px;
	color:#224a62;
	margin:0px 0px 12px;
	padding:0px;
	font-weight:normal;
}

.halfleft {
	width:555px;
}

.tdrow {
	padding-left:130px;
	padding-bottom:10px;
}

.tdlabel {
	float:left;
	font-style:italic;
}

#quicknavi {
	position:fixed;
	top:30px;
	left:0px;
	width:87px;
	z-index:111;
}

#quicknavislider {
	position:absolute;
	width:225px;
	top:120px;
	left:-225px;
	background:url(../images/navi_bg.png) no-repeat;
	cursor:pointer;
}

#quicknavislider .bottom {
	position:absolute;
	width:225px;
	height:16px;
	bottom:-16px;
	left:0px;
	background:url(../images/navi_bg_b.png) no-repeat;
}

#quicknavislider a {
	display:block;
	color:#224a62;
	text-decoration:none;
	font-size:14px;
	margin-bottom:3px;
}

#quicknavislider a:hover {
	color:#f3b920;
}

#quicknavislider .inner {	
	width:130px;
	padding:20px 0 0 30px;
}

#quicknavi a.logo {
	background:url(../images/logo.png) no-repeat;
	width:70px;
	height:87px;
	display:block;
	position:absolute;
	z-index:44;
}

#quicknavi #home {
	background:url(../images/home.png) no-repeat;
	width:38px;
	height:74px;
	display:block;
	position:absolute;
	left:28px;
	top:10px;
	z-index:43;
}

#quicknavi a.logo span {	
	display:none;
}

.clearer {
	clear:both;
	overflow:hidden;
	height:1px;
}

/* magicbox */

#magicbox {
	float:right;
	width:334px;
	margin-left:20px;
}

#magicbox #zoomarea, #magicbox #zoomarea2 {
	width:332px;
	height:250px;
	overflow:hidden;
	cursor:move;
	border:solid 1px #666;
	position:relative;
}

#magicbox .thumbs {
	width:338px;
	margin-top:2px;
}

#magicbox .thumbs a {
	border:solid 1px #666;
	margin-right:2px;
	float:left;
	opacity: .6;
	-moz-opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);	
}

#magicbox .thumbs a:hover {
	opacity:1;
	-moz-opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#magicbox #info, #magicbox #info2 {
	background:url(../images/box_bg_80x80.png) no-repeat;
	width:60px;
	height:60px;
	padding:10px;
	color:#000000;
	font-size:11px;
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	line-height:1.3;
	display:none;
	margin:-40px 0 0 -40px;
}

.zertifikate {
	text-align:center;
}

.zertifikate img {
	vertical-align:middle;
	margin:5px;
}

.doublelist {
	width:400px;
	float:left;
	margin-right:10px;
}

#reflistenlink {
}

.rightrow {
	width:330px;
	float:right;
	margin-left:20px;
}

form {
	margin:0px;
	padding:0px;
}


/* formular */

.formrow {
	float:left;
	clear:left;
	padding-bottom:3px;
}

.formrow span {
	float:left;
	padding: 3px 3px 0px;
	display:block;
}

label {
	width:200px;
	display:block;
	float:left;
	padding-top:3px;
}

.textinput {
	width:300px;
	float:left;
	padding:3px 2px;
	font-family:trebuchet ms,arial,helvetica,sans-serif;
	font-size:15px;
}

.s2 {
	width:20px;
	float:left;
}

.s4 {
	width:40px;
	float:left;
}

.s5 {
	width:50px;
	float:left;
}

.s6 {
	width:157px;
	float:left;
}


.errortext {
	color:#ed1c24;
}