/* CSS Document */

body {
	background-color: #F7F0CC;
	scrollbar-3dlight-color:#02329e;
	scrollbar-arrow-color:#02329e;
	scrollbar-base-color:#E1E7F4;
	scrollbar-darkshadow-color:#E1E7F4;
	scrollbar-face-color:#E1E7F4;
	scrollbar-highlight-color:#E1E7F4;
	scrollbar-shadow-color:#E1E7F4;
	text-align: center;
  
}

#inhalt {
	background-color: #E1E7F4;
	position: relative;
	height: 100%;
	width: 960px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
}


#box {
  width: 400px;
  margin: 0px auto;
  padding: 15px;
  text-align: left;
  background-color: #ffffc6;
}


td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#untermenue {
	background-color: #8098ce;
	vertical-align: top;
	width: 200px;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #02329E;
	height: 25px;
	position: absolute;
	width: 925px;
	left: 50px;
	top: 567px;
	z-index: 8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #02329e;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #02329e;
}
#hauptabelle {
	width: 900px;
	border: 1px solid #02329E;
	margin: 25px 50px;
}
#bildgross {
	width: 400px;
	position: absolute;
	visibility: hidden;
	top: 220px;
	right: 60px;
	height: 300px;
	z-index: 10;
}
.aussenrahmen {
	border: 1px solid #02329E;
}


#header {
	height: 200px;
	display: block;
}
#textbereich {
	background-color: #e1e7f4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	display: block;
	overflow: auto;
	position: relative;
	z-index: 1;
	width: 100%;
	left: 0px;
	top: 0px;
	visibility: visible;
	height: 100%;
	text-align: left;
	right: 0px;
	bottom: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 20px;
}


#textbereichstart {
	background-color: #e1e7f4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	display: block;
	overflow: auto;
	position: relative;
	z-index: 1;
	width: 100%;
	visibility: visible;
	height: 100%;
	text-align: left;
}


#bild1 {
	height: 200px;
	width: 200px;
	left: 0px;
	top: 0px;
	z-index: 2;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #02329e;
	border-left-color: #02329e;
	visibility: visible;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #02329E;
	padding-left: 20px;

}

h1 {
	font-size: 18px;
	padding-top: 10px;
}

h2 {
	font-size: 12px;
	padding-top: 10px;
}

.textbereich {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}
.formbutton {
	border: 1px solid #02329E;
	background-color: #FFFFFF;

}
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #02329E;
	border-right: 1px solid #02329E;
	border-bottom: 1px solid #02329E;
	border-left: medium solid #02329E;
	background-color: #eef1f9;

}
.formfieldReq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #02329E;
	border-right: 1px solid #02329E;
	border-bottom: 1px solid #02329E;
	border-left: medium solid #990000;
	background-color: #eef1f9;
}
#hauptmenueli {
	background-color: #c0cce7;
	vertical-align: top;
	text-align: right;
	width: 170px;
	height: 200px;
	position: absolute;
	visibility: visible;
	left: 250px;
	
	top: 0px;	
	z-index: 3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #02329e;
}
.ueberschriftLandkarte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

#logo {
	position: absolute;
	height: 200px;
	width: 185px;
	left: 420px;
	top: 0px;
	background-color: #FFFFFF;
	z-index: 4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #02329e;
}

#hauptmenuere {
	background-color: #c0cce7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	width: 170px;
	text-align: left;
	height: 200px;
	position: absolute;
	left: 605px;
	top: 0px;
	z-index: 5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #02329e;
}
#bild2 {
	position: absolute;
	height: 200px;
	width: 201px;
	left: 775px;
	top: 0px;
	z-index: 2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #02329e;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #02329e;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #02329E;
	font-weight: bold;

}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #02329E;
	font-weight: bold;

}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8098CE;
	text-decoration: none;

}
a:active {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #02329E;
}
.hauptmenuelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding-right: 10px;
	line-height: 25px;
	padding-left: 10px;

}
.hauptmenuelinkProdukte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding-right: 10px;
	line-height: 25px;
	padding-left: 10px;
	background-color: #8098CE;
	color: #FFFFFF;

}

a.hauptmenuelinkProdukte:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding-right: 10px;
	line-height: 25px;
	padding-left: 10px;
	background-color: #8098CE;
	color: #FFFFFF;

}
a.hauptmenuelinkProdukte:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	width: 100%;
	display: block;
	padding-right: 10px;
	line-height: 25px;
	padding-left: 10px;
	background-color: #8098CE;
	color: #FFFFFF;

}
a.hauptmenuelinkProdukte:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding-right: 10px;
	line-height: 25px;
	padding-left: 10px;
	background-color: #8098CE;
	color: #FFFFFF;
}
a.hauptmenuelink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #02329E;
	text-decoration: none;
}
a.hauptmenuelink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #02329E;
	text-decoration: none;
	list-style-type: none;
}
a.hauptmenuelink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8098CE;
	display: block;
}

.untermenuelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	width: 200px;
	display: block;
	line-height: 25px;
	text-align: right;
	padding-right: 10px;
	float: right;
	margin-left: -10px;
}

a.untermenuelink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	list-style-type: none;
	display: block;
	float: right;
}
a.untermenuelink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	list-style-type: none;
}
a.untermenuelink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #02329E;
	text-decoration: none;
	display: block;
	float: right;
	background-image: url(images/_bg_button.png);
	background-repeat: no-repeat;
	background-position: right;
}
.untermenuelinkActiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	width: 200px;
	display: block;
	line-height: 25px;
	padding-right: 10px;
	text-align: right;
	float: right;
	background-image: url(images/_bg_button.png);
	background-repeat: no-repeat;
	background-position: right;
}
a.untermenuelinkActiv:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #02329E;
	text-decoration: none;
	list-style-type: none;
	display: block;
	float: right;
	background-image: url(images/_bg_button.png);
	background-repeat: no-repeat;
	background-position: right;
}
a.untermenuelinkActiv:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #02329E;
	text-decoration: none;
	list-style-type: none;
	background-image: url(images/_bg_button.png);
	background-repeat: no-repeat;
	background-position: right;
}
a.untermenuelinkActiv:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: right;
	background-image: url(images/_bg_button.png);
	background-repeat: no-repeat;
	background-position: right;
}

.copy: {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #c0cce7;
	text-decoration: none;
	line-height: 25px;
}
a.copy:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #c0cce7;
	text-decoration: none;
	line-height: 25px;
}
a.copy:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
}
a.copy:visited {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #c0cce7;
	text-decoration: none;
}
a.copy:active {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #c0cce7;
	text-decoration: none;
}
.h1start {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #02329E;
	padding-left: 10px;
}
.h2start {
	font-size: 12px;
	color: #02329E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
}

#bildgrossRE {

	width: 400px;
	position: absolute;
	visibility: hidden;
	top: 220px;
	right: 65px;
	height: 300px;
	z-index: 10;
}
#bildgrossLI {
	width: 400px;
	position: absolute;
	visibility: hidden;
	top: 220px;
	height: 300px;
	z-index: 10;
	left: 260px;
}
.aussenrahmenLupe {
	border: 1px solid #02329E;
	background-attachment: fixed;
	background-image: url(images/_lupe.jpg);
	background-repeat: no-repeat;
	background-position: -2px -2px;
}

.haupt {
	overflow: auto;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#wrapperHeader {
	height: 200px;
	width: 100%;
	background-color: #FFF;
	text-align: center;
	background-image: url(images/logo-streit-metallbau-wintergarten.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#wrapperHeaderlinks {
	height: 200px;
	width: 380px;
	background-color: #C0CCE7;
	float: left;
}
#wrapperHeaderrechts {
	height: 200px;
	width: 380px;
	background-color: #3CC;
	float: right;
	position: relative;
}
#logo {
	position: relative;
}
.imgrechts {
	float: right;
}