html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	width: 100%;	
	height: 100%;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #005293;
	font-size: 11px;
	line-height: 15px;
	background-image: url(img/bgkachel.gif);
	background-repeat: repeat-x;
	background-color: #d2dfe8;
	
}


.bgimage {
	width: 100%;
	height: 100%;
	background-image: url(img/bg2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 1;
}


/*img {
	behavior: url(iepngfix.htc);
}*/

.shadow {
	behavior: url(iepngfix.htc);
	position: absolute;
	left: 50%;
	margin-left: -427px;
	top: 50%;
	margin-top: -289px;
	width: 855px;
	height: 578px;
	background-image: url(img/shadow.png);
	background-repeat: no-repeat;
	z-index: 2;
	
	
	
}

/* stage zentrieren */

.stage {
	position: absolute;
	left: 50%;
	margin-left: -398px;
	top: 50%;
	margin-top: -259px;
	width: 795px;
	height: 518px;
	background-color: #ffffff;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	z-index: 1000;
	
	
}

/* head bauen */


.head {
	margin-top: 0px;
	padding: 0px;
	padding-top: 113px;
	padding-left: 41px;
	width: 754px;
	height: 14px;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	background-position: 575px bottom;
}

.langnav {
	height: 14px;

	
	
}

.langnav img {
	border: 0px;
	margin-right: 9px;
	margin-left: 0px;
}

.topnav {
	width: 795px;
	height: 15px;
	margin-top: 21px;
	margin-bottom: 11px;
}

.bottomnav {
	width: 795px;
	height: 20px;
	margin-top: 30px;
	
}


ul#nav {
	margin: 0;
	padding: 0;
	margin-left: 28px;
	
}

ul#nav li {
	float: left;
	list-style: none;
 	text-align: center;
 	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	height: 16px;
	
	
	
}

ul#nav li.aktiv {
	float: left;
	background-color: #fff7e2;
  list-style: none;
 	text-align: center;
 	border-left: 1px solid #ffd300;
 	border-right: 1px solid #ffd300;
 	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	height: 16px;
}


ul#nav li.spacer {
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
 	text-align: center;
 	color: #ffd300;
 	
}




ul#nav li a:link {
	
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;

	
	
}

ul#nav li a:visited {
	
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;

	
	
}

ul#nav li a:hover {
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #005293;

}





ul#subnav {
	clear: both;
	margin: 0;
	padding: 0;
	padding-left: 241px;
	
}

ul#subnav li {
	float: left;
	list-style: none;
 	text-align: left;
 	padding-right: 24px;
 	
	
	
	
}

ul#subnav li {
	float: left;
	list-style: none;
 	text-align: left;
 	padding-right: 24px;
 	font-weight: bold;
 	
	
}



ul#subnav li a:link {
	
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;

	
	
}

ul#subnav li a:visited {
	
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;

	
	
}

ul#subnav li a:hover {
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #005293;

}






ul#nav2 {
	margin: 0;
	padding: 0;
	margin-left: 372px;
	
	
	
}

ul#nav2 li {
	float: left;
	list-style: none;
 	text-align: center;
 	padding-left: 12px;
	padding-right: 12px;
	height: 18px;
	padding-top: 1px;
	
	
}

ul#nav2 li.aktiv {
	float: left;
	background-color: #fff7e2;
  list-style: none;
 	text-align: center;
 	border-left: 1px solid #ffd300;
 	border-right: 1px solid #ffd300;
 	padding-left: 12px;
	padding-right: 12px;
	height: 18px;
}


ul#nav2 li.spacer {
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
 	text-align: center;
 	color: #ffd300;
 	
}




ul#nav2 li a:link {
	
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;

	
	
}

ul#nav2 li a:visited {
	
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;

	
	
}
	

ul#nav2 li a:hover {
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #005293;

}


.pagenav {

	font-family: Arial, Helvetica;
	font-size: 10px;
	line-height: 11px;

color: #000000;
	/*border: 1px dotted red;*/
}

.pagenav a:link {
	float: left;	font-family: Arial, Helvetica;
	font-size: 10px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #005293;
	text-decoration: none;
}

.pagenav a:visited {
	float: left;	font-family: Arial, Helvetica;
	font-size: 10px;
	line-height: 11px;
font-style: normal;
font-weight: normal;
	color: #005293;
	text-decoration: none;
}

.pagenav a:hover {
	float: left;	font-family: Arial, Helvetica;
	font-size: 10px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fed302;
	text-decoration: none;
}

.content {
	
	width: 754px;
	height: 265px;
	padding-left: 41px;
}

/*.leftcontent {
	float: left;
	width: 322px;
	height: 265px;
	/*border: 1px dotted red;*/
	
}*/

.imgcontent img {
	margin-top: 0px;
	margin-right: 12px;
	
}

.leftcontent img {
	margin-top: 8px;
	margin-right: 8px;
	
}


.clear {
	height: 0px;
	width: 0px;
	clear: both;
	padding: 0px;
	margin-bottom: 0px;
}

.headline {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #005293;
	font-size: 18px;
}

.skizze {
	position: absolute;
	width: 1000px;
	height: 715px;
	top: 0px;
	left: 50%;
	margin-top: 0px;
	margin-left: -500px;
	
	
}

a:link {
	font-family: Arial, Helvetica;
	font-style: oblique;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	color: #005293;
	text-decoration: none;
}

a:visited {
	
	font-family: Arial, Helvetica;
	font-style: oblique;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	color: #005293;
	text-decoration: none;
}

a:hover {
	
	font-family: Arial, Helvetica;
	font-style: oblique;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	color: #fed302;
	text-decoration: none;
}

/*Galerie*/
.stepcarousel{
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	position: relative; /*leave this value alone*/
	border: 0px solid navy;
	overflow: scroll; /*leave this value alone*/
	width: 295px;
	height: 63px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
margin-right: 3px; /*margin around each panel*/
width: 82px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panelback {
	float: left;
	margin-top: 10px;
	width: 18px;
	height: 63px;
}

.panelfwd {
	float: left;
	margin-top: 10px;
	width: 18px;
	height: 63px;
}


.kontaktleft {
	width: 165px;
	float: left;
	text-align: right;
	font-size: 11px;
	
}

.kontaktright {
	width: 165px;
	float: left;
	text-align: right;
	font-size: 11px;
	
}

/*fields*/

.inputbig {
	width: 120px;
	height: 18px;
	background-color: #c0dbf1;
	border: 0px;
	border-top: 1px solid #a0b6d0;
	border-left: 1px solid #a0b6d0;
	font-size: 11px;
	color: #5984b4;
}

.inputsmall {
	width: 52px;
	height: 18px;
	background-color: #c0dbf1;
	border: 0px;
	border-top: 1px solid #a0b6d0;
	border-left: 1px solid #a0b6d0;
	font-size: 11px;
	color: #5984b4;
}

textarea {
	width: 175px;
	height: 60px;
	background-color: #c0dbf1;
	border: 0px;
	border-top: 1px solid #a0b6d0;
	border-left: 1px solid #a0b6d0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #5984b4;
}
.info {
	font-size: 9px;
	line-height: 11px;
	margin-left: 10px;
}

.button {
	width: 84px;
	height: 20px;
	background-color: #fff7e2;
	border: 0px;
	border-right: 1px solid #ffd300;
	border-left: 1px solid #ffd300;
	border-right: 1px solid #ffd300;
	color: #5984b4;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}

.pagenav .fwd {
	display: block;
	background-image: url(img/fwd.gif);
	background-repeat:no-repeat;
	background-position:right;
	width: 45px;
	height: 13px;
	line-height: 18px;
}

.pagenav .fwd a:link {
	float: left;	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.pagenav .fwd a:visited {
	float: left;	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.pagenav .fwd a:hover {
	float: left;	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.pagenav .active a:link {
	float: left;	font-family: Arial, Helvetica;
	font-size: 10px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fed302;
	text-decoration: none;
}

.pagenav .active a:visited {
	float: left;	font-family: Arial, Helvetica;
	font-size: 10px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fed302;
	text-decoration: none;
}

.pagenav .active a:hover {
	float: left;	font-family: Arial, Helvetica;
	font-size: 10px;
	line-height: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fed302;
	text-decoration: none;
}