@charset "UTF-8";
@import "container.css";
@import "navi-top.css";

/*******************************************************************************
*  layout.css : 2006-07-10
*******************************************************************************/
html, body {
	background-color: #FFFFFF;
	color: #18295A;
	font-family: sans-serif;
	font-weight: bold;
}
body {
	font-size:110%; /* 100% - 12% */
	margin: 50px 50px 0px 50px;
	padding:0px;
	/* min-width:500px; */
}
div#oldbrowser {
	display:none;
}
.clear {
	clear: both;
	padding-bottom: 1px;/* for Gecko-based browsers */
	margin-bottom: -1px;/* for Gecko-based browsers */
}
.hide {
	display: none !important;
}
.inside {
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	color:#18295A;
}

.inhalt {
	padding: 0em 2em 0 2em;
	margin: 0px 10px 0px 10px;
}
a.zurueck:link, 
a.zurueck:visited, 
a.zurueck:active {
	font-weight:bold;
	color: #FFFFFF;
	background-color: #18295A;
	border: 1px solid #003366;
	text-decoration: none;
	text-align:center;
	padding:0px 20px 0px 20px;
	}
#rightColumn p {
	background-color:#CDD3E0;
	color:#18295A;
	margin: 10px 3px 0px 3px;
	text-align: left;
	font-size:0.8em;
	font-weight:bold;
}
ul, ol, dl, p, h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding:3px 5px 3px 0px;
}

.none {
	background: url(/images/icon_linkextern.gif) no-repeat 0 2px;
}
p, h1 {
	font-family: sans-serif;
	font-size:1em;
	/* color:#FFFFFF; #18295A */
	/* background-color:#FFFFFF; */
	padding:3px 5px 3px 0px;
	line-height: 1em;
}
h1 {
	font-size:1.4em;
	color:#FFFFFF; /* #18295A */
	/* background-color:#FFFFFF; */
	line-height: 2em;
}
h2 {
	font-size:1em;
	color:#18295A;
	background-color:#FFFFFF;
}
h3 {
	font-size:1.1em;
	color:#18295A;
	background-color:#FFFFFF;
}
.small {
	font-size:0.9em;
}
/*---- Tabelle ----*/
table {
	font-size: 100%;
}
.table {
	vertical-align: top;
	padding-right: 50px;
	padding-left: 0px;
	padding-top:  4px;
}
td, th {
	vertical-align: top;
}
td, th, pre {
	font-family: sans-serif;
	font-size:1em;
	color:#18295A;
	background-color:#FFFFFF;
	padding:0px 5px 0px 5px;;
}
/*----Farben---*/
.blau {
	color:#18295A;
	background-color:#B9C2D4;
}
.blau a, 
.blau a:link, 
.blau a:visited, 
.blau a:active {
	color:#18295A;
	background-color:#B9C2D4;
	text-decoration: underline;
}
.hellblau {
	color:#18295A;
	background-color:#FFFFFF;
}
.hellblau a, 
.hellblau a:link, 
.hellblau a:visited, 
.hellblau a:active {
	color:#18295A;
	background-color:#FFFFFF;
	text-decoration: underline;
}
/*---- Links----*/
/* alter some HTML elements' default style */
a, 
a:link, 
a:visited, 
a:active {
	color:#18295A;
	background-color:#FFFFFF;
	text-decoration: underline;
}
a.oben:link,
a.oben:visited,
a.oben:active {
	color:#FFFFFF;
	background-color:#354E91;
	padding:0px 6px 0px 0px;
	margin:0px 0px 0px 2px;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
}
a.it4m:link,
a.it4m:visited,
a.it4m:active {
	background-color: #18295A;
	color: #FFFFFF;
	text-decoration:none;
	font-size:0.8em;
}

a.normal:link,
a.normal:visited,
a.normal:active {
	color:#18295A;
	background-color:#FFFFFF;
	text-decoration: none;	
}

a.normal:hover {
color:#18295A;
	background-color:#FFFFFF;
	text-decoration: underline;
}

a.adress:link,
a.adress:visited,
a.adress:active {
	color:#18295A;
	background-color:#CDD3E0;
	text-decoration:none; 
}
a.adress:hover {
	color:#18295A;
	background-color:#CDD3E0;
	text-decoration:underline;
}
a.check:link,
a.check:visited,
a.check:active {
	background-color: #18295A;
	color: #FFFFFF;
	text-decoration:none;
	font-size:0.8em;
}
/*---- Leiste nach oben ----*/
a.uplink:link,
a.uplink:visited,
a.uplink:active,
a.uplink:hover {
	color:#999999;
	background-color:#FFFFFF;
	text-decoration:none;
	font-size:0.9em;
	padding-right:15px;
	background: url(/images/icon_seitenanfang.gif) no-repeat right;
}
/*---- Bilder ----*/
.imglinks {
	float:left;
	margin-right:10px;
}
.imgrechts {
	float:right;
	margin-left:10px;
}
.mitte{
	padding:10px 50px 0px 40px;
}
a img {
	border:none;
	color:#18295A;
	background-color:#FFFFFF;
	text-decoration: none;
}
img {
	border:none;
}
.galerie{
	border:1px solid #18295A;;
}

/*----Listen ----*/
ul.list,
ul.listhellblau {
	margin: 0em;
	padding-left:0em;
}
ul.list li {
	display: block;
	list-style-type:none;
	padding-left: 19px;
	margin: 0em 0em 0em 0em;
	background: url(/images/list.gif) no-repeat 5px 4px;
}
ul.list2 li {
	display: block;
	list-style-type:none;
	padding-left: 19px;
	margin: 0em 0em 0em 0em;
	background: url(/images/list2.gif) no-repeat 5px 4px;
}
ul.listhellblau li {
	display: block;
	list-style-type:none;
	padding-left: 19px;
	margin: 0em 0em 0em 0em;
	background: url(/images/list.gif) no-repeat 5px 4px;
}
ul.listhellblau,
ul.listhellblau li {
	color:#18295A;
	background-color:#E6E9F0;
}
ul.download {
	margin: 0em;
	padding-left:0em;
}
ul.download li {
	display: block;
	list-style-type:none;
	padding-left: 30px;
	padding-top: 5px;
	margin: 0em 0em 0em 0em;
	background: url(/images/down.gif) no-repeat 5px 4px;
}



/* shape circle begin */
#shape_circleFields {
  width: 670px;
  height: 320px; /* 310px */
  margin:0;
  padding:0;
  /*border: 0px dotted green;*/
  background: #f6f6f6 url(../images/rund.jpg) no-repeat 140px 10px;
	border-radius: 3px;
}
/* Lochdurchmesser */
#shape_circleFields .holeDiameter {
  position: relative;
  width: 80px;
  top: 10px;
  left: 238px;
}
/* Innendurchmesser, Aussendurchmesser */
#shape_circleFields .diameter {
  position: relative;
  width: 200px;
  top: 120px;
  left: 395px;
}
/* Lochanzahl, Mittelsteg */
#shape_circleFields .bottomBar {
  position: relative;
  width: 670px; /* 580 */
  top: 230px;
  left: 80px;
}
#shape_circleFields input {
  width: 30px;
}
/* shape circle end */

/* shape rectangular begin */
#shape_rectangularFields {
  width: 670px;
  height: 400px;
  margin:0;
  padding:0;
  /*border: 1px dotted blue;*/
  background: #f6f6f6 url(../images/rechteck.jpg) no-repeat 140px 0px;
	border-radius: 3px;
}
/* Lochdurchmesser */
#shape_rectangularFields .holeDiameter {
  position: relative;
  width: 80px;
  top: 18px;
  left: 252px;
}
/* Breite aussen, Breite innen */
#shape_rectangularFields .width {
  position: relative;
  width: 200px;
  top: 98px;
  left: 372px;
}
/* Länge innen */
#shape_rectangularFields .inner-Length {
  position: relative;
  width: 80px;
  top: 175px;
  left: 245px;
}
/* Länge aussen */
#shape_rectangularFields .outer-Length {
  position: relative;
  width: 80px;
  top: 234px;
  left: 245px;
}
/* Lochanzahl */
#shape_rectangularFields .bottomBar {
  position: relative;
  width: 330px;
  top: 260px;
  left: 160px;
}
#shape_rectangularFields input {
  width: 30px;
}
/* shape rectangular end */



/* shape others begin */
#shape_othersFields {
  width: 600px;
  height: 330px; /* 320px */
  margin:0;
  padding:0;
  /*border: 1px dotted red;*/
  background: #f6f6f6 url(../images/sonderform.jpg) no-repeat 140px 20px;
	border-radius: 3px;
}
/* Lochdurchmesser */
#shape_othersFields .holeDiameter {
  position: relative;
  width: 80px;
  top: 18px;
  left: 262px;
}
/* Breite aussen, Breite innen */
#shape_othersFields .width {
  position: relative;
  width: 150px;
  top: 74px;
  left: 360px;
}
/* Länge innen */
#shape_othersFields .inner-Length {
  position: relative;
  width: 80px;
  top: 130px;
  left: 245px;
}
/* Länge aussen */
#shape_othersFields .outer-Length {
  position: relative;
  width: 80px;
  top: 162px;
  left: 245px;
}
/* Lochanzahl */
#shape_othersFields .bottomBar {
  position: relative;
  width: 330px;
  top: 200px;
  left: 160px;
}
#shape_othersFields input {
  width: 30px;
}
/* shape others end */

/*
input[type=file] { padding: 10px 5px; line-height: 1em; border: 2px solid #d9d9d9; border-radius: 3px; }

input[type="radio"] { padding: 10px 5px; line-height: 1em; border: 2px solid #d9d9d9; border-radius: 3px; }

input[type=password] { padding: 10px 5px; line-height: 1em; border:2px solid #d9d9d9; border-radius: 3px; }

input[type=text] { padding: 10px 5px; line-height: 1em; border: 2px solid #d9d9d9; border-radius: 3px; }

input[type=text]:focus { border-color:#00b0f0; }

input[type=submit] { padding: 10px 5px; background:#d9d9d9; border:0 none;  border-radius: 3px;
	cursor:pointer; border: 2px solid #d9d9d9; }

select { padding: 10px 5px; line-height: 1em; border:2px solid #d9d9d9; }

label { padding: 10px 5px; line-height: 2em; }

input { padding: 10px 5px; line-height: 1em; border: 2px solid #d9d9d9; border-radius: 3px; }

input:focus { border-color:#00b0f0; }
*/

input[type=file] { line-height: 1em; border: 1px solid #d9d9d9; border-radius: 3px; }

input[type="radio"] { line-height: 1em; border: 1px solid #d9d9d9; border-radius: 3px; }

input[type=password] { line-height: 1em; border: 1px solid #d9d9d9; border-radius: 3px; }

input[type=text] { line-height: 1em; border: 1px solid #d9d9d9; border-radius: 3px; }

input[type=text]:focus { border-color:#00b0f0; }

input[type=submit] { line-height: 1em; background:#d9d9d9; border-radius: 3px;
	cursor:pointer; border: 1px solid #d9d9d9; }

select { line-height: 1em; border:1px solid #d9d9d9; }

label { line-height: 1em; }

input { line-height: 1em; border: 1px solid #d9d9d9; border-radius: 3px; }

input:focus { border-color:#00b0f0; }