/* CSS Document */

body {
	min-width: 988px;
	background-color: #EBEBEB;
	padding: 0;
	margin-top: 8px;
	margin-left: 8px;
	color: #666666;
	text-align:center;
}

html, a, body, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

form, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

a:link {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

a:hover {
	color: #5788AF;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}


a.menu-line2-1:link {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}

a.menu-line2-1:visited {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}

a.menu-line2-1:hover {
	font-size: 11px;
	font-weight: bold;
	color: #5788AF;
}

a.menu-line2-1:active {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

a.menu-line2-1-marked:link {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

a.menu-line2-1-marked:visited {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

a.menu-line2-1-marked:hover {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

a.menu-line2-1-marked:active {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}






a.menu-line2-0:link {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}

a.menu-line2-0:visited {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}

a.menu-line2-0:hover {
	font-size: 14px;
	font-weight: bold;
	color: #5788AF;
	text-transform: uppercase;
}

a.menu-line2-0:active {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

a.menu-line2-0-marked:link {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

a.menu-line2-0-marked:visited {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

a.menu-line2-0-marked:hover {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

a.menu-line2-0-marked:active {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}


a.menu-solutions-1:link {
	font-weight: bold;
	color: #666666;
}
a.menu-solutions-1:visited {
	font-weight: bold;
	color: #666666;
}
a.menu-solutions-1:hover {
	font-weight: bold;
	color: #5788AF;
}
a.menu-solutions-1:active {
	font-weight: bold;
	color: #000000;
}

a.menu-solutions-1-marked:link {
	font-weight: bold;
	color: #000000;
}
a.menu-solutions-1-marked:visited {
	font-weight: bold;
	color: #000000;
}
a.menu-solutions-1-marked:hover {
	font-weight: bold;
	color: #000000;
}
a.menu-solutions-1-marked:active {
	font-weight: bold;
	color: #000000;
}

a.menu-solutions-2:link {
	color: #666666;
	font-size: 12px;

}
a.menu-solutions-2:visited {
	font-size: 12px;
	color: #666666;
}
a.menu-solutions-2:hover {
	color: #5788AF;
	font-size: 12px;

}
a.menu-solutions-2:active {
	color: #000000;
	font-size: 12px;
}

a.menu-solutions-2-marked:link {
	color: #000000;
	font-size: 12px;
}
a.menu-solutions-2-marked:visited {
	color: #000000;
	font-size: 12px;
}
a.menu-solutions-2-marked:hover {
	color: #000000;
	font-size: 12px;
}
a.menu-solutions-2-marked:active {
	color: #000000;
	font-size: 12px;
}

a.menu-solutions-3:link {
	font-weight: bold;
	font-size: 11px;
	color: #666666;
}
a.menu-solutions-3:visited {
	font-weight: bold;
	font-size: 11px;
	color: #666666;
}
a.menu-solutions-3:hover {
	font-weight: bold;
	font-size: 11px;
	color: #5788AF;
}
a.menu-solutions-3:active {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

a.menu-solutions-3-marked:link {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
a.menu-solutions-3-marked:visited {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
a.menu-solutions-3-marked:hover {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
a.menu-solutions-3-marked:active {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}


a.menu-solutions-4:link {
	font-size: 10px;
	color: #666666;
}
a.menu-solutions-4:visited {
	font-size: 10px;
	color: #666666;
}
a.menu-solutions-4:hover {
	font-size: 10px;
	color: #5788AF;
}
a.menu-solutions-4:active {
	font-size: 10px;
	color: #000000;
}

a.menu-solutions-4-marked:link {
	font-size: 10px;
	color: #000000;
}
a.menu-solutions-4-marked:visited {
	font-size: 10px;
	color: #000000;
}
a.menu-solutions-4-marked:hover {
	font-size: 10px;
	color: #000000;
}
a.menu-solutions-4-marked:active {
	font-size: 10px;
	color: #000000;
}


/*neues menue ende*/


a.cyboxlinks:link {
	font-size: 10px;
	color: #EBEBEB;
	cursor: default;
}
a.cyboxlinks:visited {
	font-size: 10px;
	color: #EBEBEB;
	cursor: default;
}
a.cyboxlinks:hover {
	font-size: 10px;
	color: #EBEBEB;
	cursor: default;
}
a.cyboxlinks:active {
	font-size: 10px;
	color: #EBEBEB;
	cursor: default;
}



a.by-cybox:link {
	font-size: 10px;
	color: #2764A7;
}
a.by-cybox:visited {
	font-size: 10px;
	color: #2764A7;
}
a.by-cybox:hover {
	font-size: 10px;
	color: #8DCDFC;
}
a.by-cybox:active {
	font-size: 10px;
	color: #2764A7;
}





div.umrandung {
	position: relative;
	width: 988px !important;
	margin: 0 auto 0;
	text-align: left;
	background-image: url(/_templates/2/images/hg-gesamt-beloh-magnete-und-magnetsysteme.gif);
	border-bottom: 1px solid #000000;
}



	div.kopf-0 {
	position: absolute;
	left: 0;
	top: 0;
	width: 986px !important;
	width: 988px;
	height: 85px !important;
	height: 87px;
	text-align: left;
	background-image: url(/_templates/2/images/hg-kopf-beloh-magnete-und-magnetsysteme.gif);
	border: 1px solid #000000;
	z-index: 2;
	}

	div.kopf-logo {
	position: relative;
	width: 256px !important;
	width: 258px;
	height: 85px !important;
	height: 87px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
	}

	div.kopf-bilder {
	position: relative;
	width: 728px !important;
	width: 728px;
	height: 79px !important;
	height: 85px;
	padding-top: 8px;
	text-align: left;
	float: left;
	}

	div.impressum {
	position: absolute;
	left: 0;
	top: 87px;
	width: 258px !important;
	width: 258px;
	height: 19px !important;
	height: 24px;
	text-align: center;
	border-bottom: 1px solid #000000;
	padding-top: 4px;
	background-color: #EBEBEB;
	}


	div.menue-oben {
	position: absolute;
	left: 258px;
	top: 87px;
	width: 730px !important;
	width: 730px;
	height: 19px !important;
	height: 24px;
	text-align: left;
	border-bottom: 1px solid #000000;
	padding-top: 4px;
	background-color: #EBEBEB;
	}

	div.menue {
	position: relative;
	width: 221px !important;
	width: 258px;
	float: left;
	margin-top: 110px;
	text-align: left;
	padding-left: 35px;
	padding-bottom: 20px;
	border: 1px solid #000000;
	margin-bottom: 9px;
	}

	div.content-0 {
	position: relative;
	width: 650px !important;
	width: 730px;
	float: left;
	margin-top: 110px;
	padding-left: 80px;
	text-align: left;
	}


	div.content-1 {
	position: relative;
	width: 380px !important;
	width: 430px;
	float: left;
	padding-bottom: 20px;
	padding-right: 50px;
	}

	div.content-2 {
	position: relative;
	width: 380px;
	float: left;
	}

div.content-2 td {
    font-size: 13px;
	color: #666666;
}

	div.istmenue-0 {
	position: relative;
	width: 393px !important;
	width: 393px;
	height: 36px;
	float: left;
	background-image: url(/_templates/2/images/hg-istmenue-0-beloh-magnete-und-magnetsysteme.gif);
	text-align: left;
	margin-top: 20px;
	margin-bottom: 50px;
	}

	div.istmenue-1 {
	position: relative;
	width: 112px !important;
	width: 120px;
	height: 20px;
	float: left;
	text-align: left;
	padding-left: 8px;
	overflow: hidden;
	font-size: 18px;
	color: rgb(87,136,175);
	font-weight: bold;
	}


	div.istmenue-2 {
	position: relative;
	width: 260px !important;
	width: 273px;
	height: 18px !important;
	height: 20px;
	float: left;
	text-align: right;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 5px;
	overflow: hidden;
	font-size: 16px;
	color: rgb(87,136,175);
	font-weight: bold;
	}


	div.istmenue-3 {
	position: relative;
	width: 384px !important;
	width: 393px;
	height: 15px !important;
	height: 16px;
	float: right;
	text-align: right;
	padding-top: 1px;
	padding-left: 4px;
	padding-right: 5px;
	overflow: hidden;
	font-size: 12px;
	color: rgb(87,136,175);
	font-weight: bold;
	}



	div.info-0 {
	position: relative;
	width: 220px;
	float: left;
	}


	div.suche {
	position: relative;
	width: 200px !important;
	width: 220px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	margin-bottom: 18px;
	}




	div.info-1 {
	position: relative;
	width: 198px !important;
	width: 220px;
	float: left;
	padding: 10px;
	margin-bottom: 9px;
	border: 1px solid #000000;
	}

div.info-1 td {
    font-size: 11px;
	color: #666666;
}

h1 {
	font-size: 18px;
	color: #666666;
	padding-bottom: 11px;
}

h2 {
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 10px;
}

h3 {
	font-size: 14px;
	color: #666666;
	padding-bottom: 7px;
}

h4 {
	font-size: 13px;
	color: #666666;
	padding-bottom: 3px;
}

h5 {
	font-size: 11px;
	color: #666666;
}


a img { color: #FFFFFF; }
@media all {
	a img {
		color: inherit;
		border: none;
	}
	div.content img {
		margin-top:  5px;
		margin-bottom:  10px;
		margin-left:  0px;
		margin-right:  14px;
	}

	div.info img {
		margin-top:  5px;
		margin-bottom:  10px;
		margin-left:  5px;
		margin-right:  14px;
	}

	div.image img, div.image-left img, div.image-right img, div.image-center img  {
		margin: 0;
	}
}


div.image   {
     min-width:  100px;
     margin-top: 7px;
     margin-bottom: 4px;
     margin-left:  5px;
     margin-right:  14px;
     font-size: 10px;
}
div.image-left   {
     min-width:  100px;
     margin-top: 7px;
     margin-bottom: 4px;
     margin-left:  5px;
     margin-right:  14px;
     font-size: 10px;
     float: left;
}
div.image-right   {
     min-width:  100px;
     margin-top: 7px;
     margin-bottom: 4px;
     margin-left:  9px;
     margin-right:  10px;
     font-size: 10px;
     float: right;
}
div.image-center   {
     width:  100%;
     text-align: center;
     margin-top: 10px;
     margin-bottom: 7px;
     font-size: 10px;
}



div.by-cybox {
	position: relative;
	width: 988px;
	margin: 3px auto 0;
	text-align: right;
	font-size: 10px;
  color: #EBEBEB;
}



td.menu-solutions-1 {
	height: 22px;
	padding-left: 0;
}
td.menu-solutions-1-marked {
	height: 22px;
	padding-left: 0;
}
td.menu-solutions-1-start {
	height:  5px;
}
td.menu-solutions-1-end {
	height: 5px;
}

td.menu-solutions-2 {
	height: 18px;
	padding-left: 10px;
}
td.menu-solutions-2-marked {
	height: 18px;
	padding-left: 10px;
}
td.menu-solutions-2-start {
	height:  3px;
}
td.menu-solutions-2-end {
	height: 3px;
}

td.menu-solutions-3 {
	height: 18px;
	padding-left: 20px;
}
td.menu-solutions-3-marked {
	height: 18px;
	padding-left: 20px;
}
td.menu-solutions-3-start {
	height:  3px;
}
td.menu-solutions-3-end {
	height: 3px;
}

td.menu-solutions-4 {
	height: 18px;
	padding-left: 30px;
}
td.menu-solutions-4-marked {
	height: 18px;
	padding-left: 30px;
}
td.menu-solutions-4-start {
	height:  3px;
}
td.menu-solutions-4-end {
	height: 3px;
}
