@charset "utf-8";
@import url("reset.css");
html{
	font-size:100.1%;
}
body{
	width:100%;
	height:100%;
	font-size:80%;
	background-image:url(images/layout/hg_24.gif);
	background-repeat: repeat;
	padding-top:20px;
}	
#container {
	position:relative;
	width: 976px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFF;
}
#header{
	position:relative;
	height:205px;
	background-image:url(images/layout/bg_header.png);
	background-repeat: no-repeat;
}
#headerlogoadress{
	position:absolute;
	left:41px;
	top:30px;
	width:915px;
	height:125px;
}
.headerlogo{
	border:none;
	float:left;
}
#headeradress{
	float:right;
	width:190px;
	font-size:12px;
	line-height:24px;
	margin-top:10px;
}
.kontakticon{
	float:left;
	margin-top:5px;
}
#topnav{
	position:absolute;
	height:18px;
	top:176px;
	left:30px;
	width:935px;
}
#maincont{
	height:auto;
	background-image: url(images/layout/bg_middle.jpg);
	background-repeat: repeat-y;
}
#leftrow{
	width:190px;
	float:left;
	background-image:url(images/layout/bg_menue.jpg);
	background-repeat: no-repeat;
	height:460px;
}
#mainrow{
	width: 740px;
	float: right;
	padding-right:13px;
}
#mr_content{
	width: 540px;
	float:left;
	margin-top:30px;
}
#mr_right{
	width:170px;
	float:right;
	margin-top:25px;
	height:auto;	
}
#cont_ref{
	height:390px;
	/*width:152px; */
	margin-left:5px;
	overflow:auto;
}
#footer{
	clear:both;
	background-image: url(images/layout/bg_footer.jpg);	
	height:54px;
}

div#topnav a:link,div#topnav a:visited{
	display:block;
	/*height:17px; */
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
	/* letter-spacing:1px; */
	padding-top:2px;
}
div#topnav a:hover{
	/* border-bottom:1px dotted #03F; */
	color:#3a48a4;
}

div.topspacer{
	float:left;
	width:20px;
	height:17px;
	background-image: url(images/layout/buttons/spacer.gif);
	background-repeat: no-repeat;
	background-position:center;
}
/* Formatierungen im Mittelbereich */
h1{
	background-repeat:no-repeat;
}
h1.bg_home{
	background-image: url(images/layout/headlines/bg_home.png);
}
h1.bg_ueberuns{
	background-image: url(images/layout/headlines/bg_ueberuns.png);
}
h1.bg_leistungen{
	background-image: url(images/layout/headlines/bg_leistungen.png);
}
h1.bg_service{
	background-image: url(images/layout/headlines/bg_service.png);
}
h1.bg_anfahrt{
	background-image: url(images/layout/headlines/bg_anfahrt.png);
}
h1.bg_kontakt{
	background-image: url(images/layout/headlines/bg_kontakt.png);
}
h1.bg_impressum{
	background-image: url(images/layout/headlines/bg_impressum.png);
}
h1.bg_dokumentation{
	background-image: url(images/layout/headlines/bg_dokumentation.png);
}
h1.bg_echeck{
	background-image: url(images/layout/headlines/bg_echeck.png);
}
h1.bg_sps_programmierung{
	background-image: url(images/layout/headlines/bg_sps_programmierung.png);
}
h1.bg_datenschutz{
	background-image: url(images/layout/headlines/bg_datenschutz.png);
}
h1.bg_schaltschrankbau{
	background-image: url(images/layout/headlines/bg_schaltschrankbau.png);
}
h1.bg_schulung{
	background-image: url(images/layout/headlines/bg_schulung.png);
}
h1.bg_digitalisierung{
	background-image: url(images/layout/headlines/bg_digitalisierung.png);
}
h1.bg_modernisierung{
	background-image: url(images/layout/headlines/bg_modernisierung.png);
}
h1.bg_visualisierung{
	background-image: url(images/layout/headlines/bg_visualisierung.png);
}
h1.bg_projektierung{
	background-image: url(images/layout/headlines/bg_projektierung.png);
}
h1.bg_pdf_hilfe{
	background-image: url(images/layout/headlines/bg_pdf_hilfe.png);
}
div#mr_content p{
	/* text-align:justify; */
}
/* Listenformatierungen im Mittenbereich */
div#mr_content ul{
	margin-bottom:0.75em;
}
div#mr_content li{
	line-height:1.3em;
	margin-bottom:0.75em; 
	padding-left:10px;
}

/* Links im Mittenbereich */
a.linknormal:link,a.linknormal:visited{
	text-decoration:none;
	color:#3a48a4;
	font-weight:bold;
}
a.linknormal:hover{
	text-decoration:underline;	
}
/* Links im Referenzbereich */
div#mr_right a.linknormal{
	font-size:11px;
}

/* Bilder Referenzen */
.img_ref{
	border:1px solid #333;
}

/* Listendefinitionen */
ul.liste_leistungen{
	list-style-position:outside;
}
div#mr_content ul.liste_leistungen li{
	background-image:url(images/layout/symbols/list1.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:25px;
}
.liste_leistungen_header{
	line-height:1.5em;
	font-size:110%;
	font-weight:bold;
	color:#444;
}
ul.liste_service{
	list-style-position:outside;
}
div#mr_content ul.liste_service li{
	background-image:url(images/layout/symbols/list1.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:25px;
}
.liste_service_header{
	line-height:1.5em;
	font-size:110%;
	font-weight:bold;
	color:#444;
}
ul.liste_echeck{
	list-style-position:outside;
}
div#mr_content ul.liste_echeck li{
	background-image:url(images/layout/symbols/list1.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:25px;
}
.liste_echeck_header{
	line-height:1.5em;
	font-size:110%;
	font-weight:bold;
	color:#444;
}
ul.liste_echeck2{
	list-style-position:outside;
}
div#mr_content ul.liste_echeck2 li{
	background-image:url(images/layout/symbols/list2.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:25px;
}
.liste_echeck2_header{
	line-height:1.5em;
	font-size:110%;
	font-weight:bold;
	color:#444;
}

ul.liste_datenschutz{
	list-style-position:outside;
	list-style-type:square;
	margin-left:10px;
	padding-left:10px;
}

div#mr_content ul.liste_datenschutz li{
	line-height:1.3em;
	margin-bottom:0.3em;
}
ul.liste_digitalisierung{
	list-style-position:outside;
}
div#mr_content ul.liste_digitalisierung li{
	background-image:url(images/layout/symbols/list1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:25px;
}
/* Bildformatierungen */
.bild_links{
	float:left;
	margin-right:20px;
	margin-bottom:4px;
}
.bild_links_mit_rahmen{
	float:left;
	margin-top:3px;
	margin-right:20px;
	margin-bottom:4px;
	border:1px solid #999;
}
.bild_rechts_mit_rahmen{
	float:right;
	margin-top:3px;
	margin-left:20px;
	margin-bottom:4px;
	border:1px solid #999;
}
.bild_mit_rahmen{
	border:2px solid #999;
}
.bildlink{
	border:2px solid #fff;
}
.bildlink:link,.bildlink:visited{
	border:2px solid #fff;
}
.bildlink:hover{
	border:2px solid #FC0;
}
.echeck_logo{
	float:right;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:10px;
}
.echeck_logo2{
	float:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
}