/* Main Elements */

body {
	margin: 0;
	text-align: center;
	background-attachment: #bababa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	scrollbar-base-color : #365061;
	scrollbar-track-color : ;
	scrollbar-face-color : ;
	scrollbar-highlight-color : ;
	scrollbar-3d-light-color : ;
	scrollbar-dark-shadow-color : ;
	scrollbar-shadow-color : ;
	scrollbar-arrow-color : #8E001D;
}
.canvas {
	height: 590px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 20px;
}
.trademark {
	position:absolute;
	width: 30px;
	height: 30px;
	left: 760px;
	top: 6px;
	color: #666666
}
.tp {
	height: 100px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
}
.left {
	background-color: #8E001D;
	height: 488px;
	width: 220px;
	position: absolute;
	top: 102px;
	left: 0px;
}
.startleft {
	background-color: #8E001D;
	height: 468px;
	width: 220px;
	position: absolute;
	top: 102px;
	left: 0px;
}
.middle {
	background-image: url(images/startpage4.jpg);
	background-position: center;
	height: 466px;
	width: 580px;
	position: absolute;
	left: 220px;
	top: 122px;
	border: 1px solid #365061;
	border-left: 0px;
	background-repeat: no-repeat;
	background-color: #8E001D;
}
.startmiddle {
	background-image: url(images/startpage4.jpg);
	background-position: center;
	height: 446px;
	width: 580px;
	position: absolute;
	left: 220px;
	top: 122px;
	border: 1px solid #365061;
	border-left: 0px;
	background-repeat: no-repeat;
	background-color: #8E001D;
}
.logo {height: 202px; width: 100%}

.extrawindow {height: 260px; width: 100%}
.beispiel {
	width: 576px;
	height: 258px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	border: 1px solid #e1e1e1;
}

.navspace {
	background-color: #FFFFFF;
	height: 26px;
	width: 500px;
	position: absolute;
	left: 300px;
	top: 101px;
	border: 1px solid gray;
}
.flashbox {
	background-color: #666666;
	height: auto;
	width: 580px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.btcontent {
	position: absolute;
	height: 210px;
	width: 189px;
	top: 191px;
	text-align: left;
	color: #FFFFFF;
	left: 18px;
	font-size: 11px;
	line-height: 16px;
}
.leftnav {
	position: absolute;
	height: 179px;
	width: 180px;
	top: 261px;
	left: 18px;
	text-align: right;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}
.mdcontent {
	position: absolute;
	height: 291px;
	width: 544px;
	top: 16px;
	text-align: left;
	color: #FFFFFF;
	left: 17px;
	font-size: 11px;
	line-height: 16px;
	overflow: auto;
}
#txtfield {
	position:absolute;
	width:703px;
	height:30px;
	left: 83px;
	top: 29px;
	text-align: right;
}
.logo {height: 200px; width: 578px; position: relative; margin-right: auto; margin-left: auto}

#Layer1 {
	position:absolute;
	width:580px;
	height:140px;
	z-index:1;
	left: 0px;
	top: 0px;
	background-color: #365061;
}
#Layer2 {
	position:absolute;
	width:580px;
	height:327px;
	z-index:2;
	left: 0px;
	top: 140px;
	background-color: #365061;
}

#Layer3 {
	position:absolute;
	width:532px;
	height:45px;
	z-index:5;
	top: 245px;
	left: 23px;
	text-align: left;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
}
#Layer4 {
	position:absolute;
	width:580px;
	height:446px;
	z-index:1;
	top: 0px;
	left: 0px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
	background-color: #365061;
	background-image: url(images/kontaktbg.jpg);
}
#layer4 img {margin-top: 10px}
#bild1 {
	position:absolute;
	left: 10px;
	top: 10px;
	width: 190px;
	height: 220px;
}
#bild2 {
	position:absolute;
	left: 210px;
	top: 10px;
	height: 220px;
	width: 360px;
}
#bild3 {
	position:absolute;
	left: 10px;
	top: 10px;
	height: 220px;
	width: 360px;
}
#bild4 {
	position:absolute;
	left: 380px;
	top: 10px;
	height: 220px;
	width: 190px;
}

.mdcontent a:link, .mdcontent a:visited {text-decoration: none; color: #FFFFFF}
.mdcontent a:hover {text-decoration: underline; color: #eee}

.leftnav a:link {
	color: #fff;
	text-decoration: none;
}
.leftnav a:visited {
	text-decoration: none;
	color: #fff;
}
.leftnav a:hover {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.leftnav a:active {
	text-decoration: none;
	
}
#formular {
	position: absolute;
	left: 76px;
	top: 10px;
	width: 400px;
	height: 343px;
	text-align: left
}
h1 {color: #365061; font-size:28px; font-family:"Times New Roman"}
h3 {color: #365061; font-size:18px; font-weight:normal; line-height: 30px}

/* -------------Nav-------------- */

#navcontainer
{
	position: absolute;
	width: 580px;
	top: 100px;
	left: 220px;
	text-align: left;
	height: 20px;
}

.navfield
{
	display: inline;
	width: 120px;
	height: 16px
}

.navfield a
{
	font-size: 14px;
	text-decoration: none;
	border-left: 10px solid #fff;
}

.navfield a:link, .navfield a:visited
{
padding-left: 20px;
color: #365061;}

.navfield a:hover
{
color: #5B7699;
border-left: 10px solid #8E001D; }

#detail1 {
	position:absolute;
	width:50px;
	height:34px;
	z-index:1;
	top: 166px;
	color: #FFFFFF;
	font-size: 18px;
	left: 7px; 
}
#detail2 {
	position:relative;
	width:48px;
	height:33px;
	z-index:1;
	top: 390px;
	color: #FFFFFF;
	font-size: 18px;
	left: 80px;
}
#Layer5 {
	position:absolute;
	width:48px;
	height:42px;
	z-index:2;
	left: 168px;
	top: 403px;
}
.Stil3 {font-size: 18px}