html {
	width: 100%;			/* Gecko and Opera both need expl. height, in html AND body */
	height: 100%;			/* FF1.5 likes this, 100% forces erroneous vert. scroller,  */
	background-color: #ffffff;
			/* but everybody else, incl. FF1.0, wants/needs this value, */
	margin: 0px;			/* which is why we need "setheight.js" for a good job */
	padding: 0px;
	overflow: hidden;		/* Gecko and Opera both need this HERE for scrollers */
	border-style: none;
	/* Diese font-family wird (fast) ?berall nach unten hin vererbt */
	font-family: Arial, Helvetica, Geneva, Swiss, Verdana, SunSans-Regular, sans-serif;
}

body {
	width: 100%;
	height: 100%;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-style: none;
}

/* To make things "pixelgenau" */
img, table, table td, form, div, div div, div div div, div div div div {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	text-align: left;
}

table {
	/*	Let width default - works better in IE6 when a scrollbar comes */
	border-collapse: collapse;	/* Gets rid of IE Borders */
	border-spacing: 0px;		/* Gets rid of Firefox Borders */
}

p, li, table  {
	color: #000000;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
}
p, li  {
	color: #000000;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	margin: 0px 0px 6px 0px;
}

ul, ol {
		margin: 0px 0px 12px 18px;
}


ul {
	list-style-image: url(../images/ulpoint.gif);
}


h1 {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 10px;
}

h2 {
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 18px 0px 6px 0px;
}

h3 {
	color: #007171;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0px 0px 20px 0px;
}

h4 {
	color: #007171;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	margin: 0 0 4px;
}

h5 {
	color: #007171;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 15px 0 0;
}

a, a:link, a:visited {
	color: #000000;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	background-color: transparent;
}


h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:focus, {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	background-color: transparent;
}

h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:focus {
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: transparent;
}

h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:focus {
	color: #007171;
	background-color: transparent;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0px 0px 20px 0px;

}

/* Except on Hover */
a:hover, a:active  {
	color: #007171;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	background-color: transparent;
}

h3 a:hover {
	color: #666666;
	background-color: transparent;
}


div.cent {					/* Some browsers, esp. IE5, miss scrollbars on body */
	position: absolute;		/* so we need an extra div for them */
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;			/* THIS allows the scrollbars */
	text-align: center;		/* This is for a weakness in IE5 */
}


img.bottomright {
	position: absolute;
	top: 596px;
	left: 916px;
}

div.mainhome {
	background-color: #ffffff;
	background-image: url(../images/hg_angebot.jpg);
	background-repeat: no-repeat;
	margin: 0 auto auto;
	position: relative;
	top: 20px;
	width: 920px;
	height: 580px;
	overflow: hidden;
}

div.mainangebot {
	background-color: #ffffff;
	background-image: url("../images/hg_angebot.jpg");
	background-repeat: no-repeat;
	margin: 0px auto auto auto;
	position: relative;
	top: 20px;
	width: 920px;
	height: 580px;
	overflow: hidden;
}

div.mainreferenzen {
	background-color: #ffffff;
	background-image: url("../images/hg_referenzen.jpg");
	background-repeat: no-repeat;
	margin: 0px auto auto auto;
	position: relative;
	top: 20px;
	width: 920px;
	height: 580px;
	overflow: hidden;
}

div.mainreferenzen2  {
	background-color: #ffffff;
	background-image: url("../images/hg_referenzen2.jpg");
	background-repeat: no-repeat;
	margin: 0px auto auto auto;
	position: relative;
	top: 20px;
	width: 920px;
	height: 580px;
	overflow: hidden;
}

div.homelink { 
	height: 100px; 
	width: 100px; 
	left: 0px; 
	top: 0px; position: absolute; visibility: visible; }

div.menu {
	position: absolute;
	top: 115px;
	left: 0px;
	width: auto;
	height: auto;
	overflow: hidden;
}

div.bot {
	position: absolute;
	top: 516px;
	left: 0px;
	width: auto;
	height: auto;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	overflow: hidden;
}

td.menu a, td.menu a:link, td.menu a:visited, td.menu a:active, td.menu a:focus {
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	height: 15px;
}

td.menu a:hover {
	color: #007171;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	background-image: url("../images/point_first.jpg");
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	height: 15px;
}

td.menu a.iscur, td.menu a.iscur:link, td.menu a.iscur:visited,
td.menu a.iscur:active, td.menu a.iscur:hover, td.menu a.iscur:focus {
	color: #007171;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	background-image: url("../images/point_first.jpg");
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	height: 15px;
}

td.menuohne {
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	height: 15px;
}

td.menusec a, td.menusec a:link, td.menusec a:visited, td.menusec a:active, td.menusec a:focus {
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	display: block;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 32px;
	height: 15px;
}

td.menusec a:hover {
	color: #007171;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	background-image: url("../images/point_sec.jpg");
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 32px;
	height: 15px;
}

td.menusec a.iscur, td.menusec a.iscur:link, td.menusec a.iscur:visited,
td.menusec a.iscur:active, td.menusec a.iscur:hover, td.menusec a.iscur:focus {
	color: #007171;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	background-image: url("../images/point_sec.jpg");
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 32px;
	height: 15px;
}

div.mittescroll {
	position: absolute;
	top: 117px;
	left: 248px;
	width: 450px;
	height: 435px;
	overflow: auto;
}
	 
div.mittebreitsrcoll {
	position: absolute;
	top: 117px;
	left: 250px;
	width: 670px;
	height: 435px;
	overflow: auto;
}

div.mitte {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 390px;
	height: auto;
	overflow: hidden;
}

div.mitterefscroll      { 
	position: absolute; 
	top: 105px; 
	left: 218px; 
	width: 485px; 
	height: 465px; 
	overflow: hidden }

div.mitterefscroll h1, div.mitterefscroll p, div.mitterefscroll h2      { 
	margin: 0px 15px 10px 15px }

div.mitteref         { 
	position: relative; 
	top: 15px; 
	right: 15px; 
	bottom: 25px; 
	left: 15px; 
	width: 485px; 
	height: 465px; 
	overflow: hidden }

h1.margin, p.margin, h2.margin, img.margin      { padding: 0 0 0 15px }

div.mitteref2 {
	position: absolute;
	top: 460px;
	left: 0px;
	width: 390px;
	height: 460px;
	overflow: visible;
}

div.mittebreit {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 625px;
	height: auto;
	overflow: hidden;
}

div.mitteintro {
	position: absolute;
	top: 0px;
	left: 415px;
	width: 205px;
	height: auto;
	overflow: hidden;
}

div.mittebreitlogos {
	background-image: url("../img_ref/linie_vertikal.gif");
	background-repeat: repeat-y;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 625px;
	height: auto;
	overflow: hidden;
}

div.mittebreitangebot {
	position: absolute;
	top: 80px;
	left: 60px;
	width: 575px;
	height: auto;
	overflow: hidden;
}

div.rechts {
	position: absolute;
	top: 117px;
	left: 730px;
	width: 176px;
	height: 453px;
	overflow: visible;
}

div.rechtsall { position: absolute; top: 105px; left: 715px; width: 202px; height: 465px; overflow: visible; visibility: visible; }

img.magic a:hover, img.magic a:focus, img.magic a:onmouseover, { display: block; margin: 0; padding: 0; overflow: hidden ; visibility: hidden; }


img.bottom   { display: block; margin: 0; padding: 0; position: absolute; bottom: 18px; left: 0; overflow: hidden; }

img.bottom2   { display: block; margin: 0; padding: 0; position: absolute; bottom: 0px; left: 0; overflow: hidden; }


img.top   { display: block; margin: 0; padding: 0; position: absolute; top: 15px; left: 0; overflow: hidden; }

img.right   { display: block; margin: 0; padding: 0; position: absolute; bottom: 18px; right: 15px; overflow: hidden; }


/* liste mit drei bildern, logoseite */
div.mittebreit img.bildlinks, div.mittebreitlogos img.bildlinks {
	background-color: transparent;
	background-image: none;
	margin: 10px 42px 10px 0;
	text-align: center;
}

div.mittebreit img.bildmitte, div.mittebreitlogos img.bildmitte {
	background-color: transparent;
	background-image: none;
	margin: 10px 42px 10px 0px;
	text-align: center;
}

div.mittebreit img.bildrechts, div.mittebreitlogos img.bildrechts {
	background-color: transparent;
	background-image: none;
	margin: 10px 0px 10px 0;
	text-align: center;
}

div.mittebreitlogos div.liniehor {
	height: 1px;
	width: 625px;
	background-color: rgb(227,227,227);
	overflow: hidden;
}
p.weiter a, p.weiter a:link, p.weiter a:visited, p.weiter a:active, p.weiter a:focus  /* Weiter-Pfeil */ { color: #007171; font-size: 14px; background-image: url(../images/weiter.gif); background-repeat: no-repeat; background-position: 0 1px; text-align: left; padding-left: 18px; display: block; }

p.weiterref a, p.weiterref a:link, p.weiterref a:visited, p.weiterref a:active, p.weiterref a:focus  /* Weiter-Pfeil */ { color: #007171; font-size: 12px; background-image: url(../images/weiterref.gif); background-repeat: no-repeat; background-position: 0 1px; text-align: left; padding-left: 18px; display: block; }


div.hgillu {
	height: 465px;
	width: 699px;
	left: 219px;
	top: 105px;
	position: absolute;
	visibility: visible;
	background-color: #FEFBE7;
	padding: 8px;
}
img.illuicon1 {
	width:76px;
	z-index:1;
	overflow: hidden;
	height: 100px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #EEEEEE;
}
img.illuicon2 {
	width:76px;
	z-index:1;
	overflow: hidden;
	height: 100px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #BBBBBB;
}
img.illuicon1ende {
	width:76px;
	z-index:1;
	overflow: hidden;
	height: 100px;
	margin-right: 0px;
}
.weiterref {
	left: 445px;
	top: 20px;
	position: absolute;
	z-index: 1;
}
.backref {
	left: 20px;
	top: 440px;
	position: absolute;
	z-index: 1;
}
div.h-120-sekunden {
	height: auto;
	left: 20px;
	top: 440px;
	position: absolute;
	width: auto;
}
div.h-120-sekunden2 {
	height: auto;
	left: 20px;
	top: 420px;
	position: absolute;
	width: auto;
}