body {
	background-color: #979DA2;
	background-image: url(img/back.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
img { border: 0px; }

a { outline: 0px dotted black; }

html, body {
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#spacer, #center {
  position:absolute;
  margin:0;
  padding:0;
}

#spacer{
  /* sorgt dafür, dass wenn nötig Scrolleisten erscheinen */
  width:100%;        /* genauso breit, wie der Anzeigebereich */
  height:100%;       /* genauso hoch, wie der Anzeigebereich */
}

* html #IEspacer {
  /* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */ 
  width:790px;          /* Breite von #center (+ ein paar Pixel Rand) */ 
  height:607px;         /* Höhe von #center (+ ein paar Pixel Rand) */
}

#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        
  width:783px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:601px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;  
  left:50%;                
  margin:-300px 0 0 -391px;
  border: 0px solid blue;
}  

/* KOPFSTYLES START UND FOLGE */

#head { 
  width:783px;  
  height:185px; 
  background-color:#FFFFFF;
  border: 0px solid yellow;  
}
#metamenu { 
  width:767px;   
  padding-top:9px;
  margin-bottom:0px;
  background-color:#FFFFFF;
  text-align:right;
  vertical-align:top;
  border: 0px solid yellow;  
}
#metamenu a { color:#7B7A7A; font-size:11px;text-decoration:none;}
#metamenu a:link { color:#7B7A7A; font-size:11px;text-decoration:none;}
#metamenu a:hover { color:#7B7A7A; font-size:11px;text-decoration:underline;}

#basehead { position:absolute; left:0px; top:32px; width:772px; height:136px; z-index:1; border:0px solid black; }

/* STYLES NUR FUER STARTSEITE */

#startscroll { position:absolute; color:#105FCF; font-size: 16px; left:335px; top:120px; width:428px; height:50px; z-index:2;border:0px solid grey; }

/* STYLES FUER FOLGESEITEN */
#logo { 
  height:102px;
  margin: 0px 0px 0px 12px;
  float:left;
  border: 0px solid yellow;  
}
#kopfbild { 
  width:518px;  
  height:103px;
  margin: 0px 0px 0px 0px;
  float:right;
  z-index:1;
  border: 0px solid yellow;  
}

#folgescroll { position:absolute; color:#FFF; font-size: 14px; left:267px; top:110px; width:488px; height:20px; z-index:2;border:0px solid grey; }

#breadcrumb { 
  position:absolute;
  width:508px;  
  height:15px;
  margin: 110px 20px 0px 255px;
  clear:both;
  z-index:3;
  font-size:10px;
  border: 0px solid yellow;  
}
#breadcrumb a:link { color:#656565; font-size:10px;text-decoration:none;}
#breadcrumb a:hover { color:#000!important; font-size:10px;text-decoration:none;}
#breadcrumb a:visited { color:#656565; font-size:10px;text-decoration:none;}

#ue { 
  position:absolute;
  width:508px;  
  margin: 133px 20px 0px 255px;
  clear:both;
  z-index:3;
  font-size:18px;
  font-weight:bold;
  color:#656565;
  border: 0px solid yellow;  
}
#ue img { 
  margin-top:3px; 
}
/* STYLES LINKE SEITE */

#left { 
  width:240px;  
  height:416px;
  float: left;
  border: 0px solid red;  
}
#kont { 
  width:206px;  
  height:267px;
  margin: 0px 10px 0px 0px;
  padding-left:24px;
  font-size:10px;
  color:#838282;
  background-image: url(img/back_kont.gif);
  background-repeat: no-repeat;
  border: 0px solid yellow;  
}
#kont a { color:#7B7A7A; font-size:10px;text-decoration:underline;}
#kont a:link { color:#7B7A7A; font-size:10px;text-decoration:underline;}
#kont a:hover { color:#7B7A7A; font-size:10px;text-decoration:none;}

#kontu { 
  width:206px;  
  height:166px;
  margin: 0px 10px 0px 0px;
  padding-left:24px;
  font-size:10px;
  color:#838282;
  background-image: url(img/back_kont.gif);
  background-repeat: no-repeat;
  border: 0px solid yellow;  
}
#kontu a { color:#7B7A7A; font-size:10px;text-decoration:underline;}
#kontu a:link { color:#7B7A7A; font-size:10px;text-decoration:underline;}
#kontu a:hover { color:#7B7A7A; font-size:10px;text-decoration:none;}

#port {  
  width: 210px;
  height:80px;
  padding-left: 20px;
  margin: 0px 10px 10px 0px;
  font-size:10px;
  color:#838282;
  clear:both;
  background-color:#FFFFFF;
  border: 0px solid yellow;  
}
#port a { display:inline; color:#7B7A7A; font-size:10px;text-decoration:underline;}
#port a:link { display:inline;color:#7B7A7A; font-size:10px;text-decoration:underline;}
#port a:hover { display:inline;color:#7B7A7A; font-size:10px;text-decoration:none;}
#port a:visited { display:inline;color:#7B7A7A; font-size:10px;text-decoration:underline;}

/* RECHTS STYLES */

#right { 
  width:543px;  
  height:416px; 
  float: right;
  background-color:#FFFFFF;
  border: 0px solid green;  
}
#foot { 
  width:543px;  
  height:29px;
  margin: 0px 0px 0px 0px;
  padding-top:15px;
  font-size:11px;
  color:#000000;
  text-align:center;
  background-image: url(img/back_foot.gif);
  background-repeat: no-repeat;
  border: 0px solid yellow;  
}
#inhalt { 
  width:543px;  
  height:372px;
  text-align:left; 
  background-color:#FFFFFF;
  border: 0px solid green;  
}
/* STYLES FUER INHALT */

/* STYLES Scrollebenen */
#scrolltext { 
  width:510px;  
  height:352px;
  margin: 0px 0px 0px 15px;
  padding:0px;
  text-align:left;
  overflow:auto;
  font-size:11px;
  color:#000;
  background-color:#FFFFFF;
  	scrollbar-3dlight-color:#E4E4E4;
 	scrollbar-arrow-color:#105FCF;
 	scrollbar-base-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-face-color:white;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:#105FCF;
	scrollbar-track-color:#F3F3F3;  
  border: 0px solid green;
}
#scrolltab {
	font-size: 11px;
	margin:20px 0px 0px 0px;
	padding:0px;
}
ul#text {
	margin:6px 0p 0px 0px;
	padding:0px;
	list-style-type:square;
	border: 0px solid green;
}
ul#text li {
	margin: 3px 0px 6px 14px;
	padding:0px;
}
#scrolltab a { color:#1C80D4; font-size:11px;text-decoration:underline;}
#scrolltab a:link { color:#1C80D4; font-size:11px;text-decoration:underline;}
#scrolltab a:hover { color:#1C80D4; font-size:11px;text-decoration:none;}
#scrolltab a:visited { color:#1C80D4; font-size:11px;text-decoration:underline;}

#bildunt {
    width:143px;
	font-size: 10px;
	margin:0px 0px 20px 0px;
	padding:2px 2px 7px 4px;
	background-image:url(img/bg_bildunt.jpg);
	text-align:left;
	color:#656565;
	border: 0px solid black;
}
#bildunt2 {
    width:193px;
	font-size: 10px;
	margin:0px 0px 20px 0px;
	padding:2px 2px 6px 4px;
	background-image:url(img/bg_bildunt.jpg);
	text-align:left;
	color:#656565;
	border: 0px solid black;
}
.lineheight {
    line-height:16px;
}
.ue {
    font-size:12px;
	font-weight:bold;
}
/* STYLES Produktintros */
#introtext {  
  height:352px; 
  margin: 0px 0px 0px 11px;
  padding:0px;
  text-align:left;
  font-size:11px;
  color:#000;
  background-color:#FFFFFF;
  border: 0px solid green;
}
#introtab {
	font-size: 11px;
	margin:10px 0px 0px 0px;
	padding:0px;
}
#introtab td {
	width:155px;
	height:155px;
	font-size: 11px;
	text-align:center;
	vertical-align:top;
	overflow: hidden;
	background-color:#F5F5F6;
	border-top-width: 12px;
	border-right-width: 18px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: white;
	border-right-color: white;
	border-bottom-color: white;
	border-left-color: white;
}
#introbild {
	padding:10px 0px 7px 0px;
}
#introlink {
	float:left;
	text-align:left;
	width:118px;
	height:auto;
	display:block;
	padding:0px 0px 10px 10px;
	background-image:url(img/bg_introlink.gif);
	border: 0px solid black;
}
#introlink a:link { display:block;color:#000; font-size:11px;font-weight:bold;text-decoration:none;}
#introlink a:hover { display:block;color:#000; font-size:11px;font-weight:bold;text-decoration:none;}
#introlink a:visited { display:block;color:#000; font-size:11px;font-weight:bold;text-decoration:none;}

#introarrow {
	float:right;
	padding:0px 10px 10px 0px;
}
/* Fader Home */
.next { position: absolute; top: 0px; left: 0px; opacity: 0; filter:alpha(opacity=0); }
#meinFader { margin-top:0px;padding-top:0px;position: relative; }