@charset "UTF-8";
 
/*
Projektname:   Multivison Website Relaunch 
Funktion:      homepage CSS
Erstellt am:   18.09.2007 von hB    
Bearbeitet am: 18.09.2007 von hB
QS am:  
*/

/* INHALTSVERZEICHNIS */
/* 1. FORMATIERUNG DES BODY */ 
/* 2. TYPO UND LINKS*/
/* 3. SEITENELEMENTE */        



/* 1. FORMATIERUNG DES BODY */ 
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%; /* setzt 1em auf 10px */
color: #000;
background-color: #FFF;
margin: 0 0;
padding: 0 0;
}

/* 2. TYPO UND LINKS */

.sIFR-flash {
visibility: visible !important;
margin: 0; 
}

.sIFR-replaced {
 visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
display: none !important;
}

p {
margin: 0;
padding: 0;
}

a { 
color: #8b9096;  
text-decoration: underline; 
} 

/* a href="" sonstige Ausgabegeraete */
a:link { 
color: #8b9096; 
text-decoration: underline; 
} 

/* besuchter Link */
a:visited { 
color: #8b9096; 
text-decoration: underline; 
}

/* maus ueber link */
a:hover { 
color: #bf0000; 
text-decoration: underline; 
} 

/* maus down = klick und im IE auch wiederbesuch der Seite ueber backspace */
a:active { 
color: #bf0000; 
text-decoration: underline; 
}

/* wenn link ueber tab "aktiviert" wird */
a:focus { 
color: #bf0000; 
text-decoration: underline;  
}



/* 3. SEITENELEMENTE */

#home-wrapper {
margin: 0px auto;
width: 799px;
}

#home-kopf {
margin: 0;
padding: 0;
width: 100%;
height: 135px;
border: none;
}

#home-metanavigation {
width: 100%;
height: 22px;
background-color: #FFF;
color: #8b9096;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
border: none;
}

#home-metanavigation a, #home-metanavigation a:hover {
text-decoration: none;
line-height: 22px;
height: 22px;
padding: 10px 5px 0 10px;
}

.meta-trenner {
padding: 0 0 0 5px;
background-image: url(/customer/images/trennstrich-metanavigation.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

img {
clear: left;
float: left;
margin: 25px 0 0 0;
width: 137px;
height: 77px;
border: none;
}

#home-kopf h1 {
float: right;
margin: 75px 0 0 0;
padding: 0;
font-size: 1.6em;
color: #bf0000;
font-weight: bold;
border: none;
text-align: right;	
}

.sIFR-hasFlash #home-kopf h1 {
visibility: hidden;
font-size: 1.9em;
}







#gateways {
background-image: url(/customer/images/homepage/hintergrund-ul.jpg);
background-repeat: no-repeat;
background-position: 0 0;
height: 296px;
border: none;
}

#gateways ul {
margin: 0 !important;
margin: 0;
padding: 0;
overflow:hidden;
position:relative;
height:256px;
}

#gateways li {
float: left;
padding: 0;
width: 196px;
height: 256px;
background-repeat: no-repeat;
background-position: 0 0;
list-style-type: none;
overflow:hidden;
}


.gateway-eins {
}
.gateway-zwei,
.gateway-drei,
.gateway-vier {
margin:0 0 0 5px;
}

div#gateways ul li div {
width: 176px; /* kleiner wegen padding */ /*  Browserweiche MSIE 5.5 */
height: 246px;
position: relative; /*  Browserweiche MSIE 7.0 */
top: 206px; /* kleiner wegen padding - Browserweiche MSIE 7.0 */
padding: 10px 0 0 20px;
background-color: #be0000;
overflow:hidden;
text-align: left;
border: none;
z-index: 100;
}

div#gateways ul li div h3 {
margin: 0px;
font-size: 1.3em;
width:140px;
background-image: url(/customer/images/homepage/pfeil-white.jpg);
background-repeat: no-repeat;
background-position: 0 2px;
}


div#gateways ul li div h3 a,
div#gateways ul li div h3 a:hover {
display: block;
text-decoration: none;
padding: 0 0 0 12px;
color: #FFF;
}

.sIFR-hasFlash div#gateways ul li div h3 a {
visibility: hidden;
}

div#gateways ul li div ul {
position:absolute;
top:70px;
}

div#gateways ul li div ul li {
display: block;
clear: both;
list-style-type: none;
margin: 0;
padding: 10px 0 0 0;
width: 160px;
height: auto;
line-height: 1.3em;
color: #FFF;
font-size: 1.1em;
border: none;
}

div#gateways ul li div ul li a {
color: #FFF;
text-decoration: none;
}

div#gateways ul li div ul li a:hover {
color: #FFF;
text-decoration: underline;
}

div#gateways ul li div p {
position:absolute;
top:210px;
}

div#gateways ul li div p a {
font-weight: bold;
color: #FFF;
font-size: 1.1em;
}







#einstieg {
width: 100%;
height: auto;
border: none;
text-align: left;
}


#einstieg ul {
margin: 0;
padding: 0;
width: 100%;
}

#einstieg li { /* Browserweiche MSIE 5.5 */
width: 240px;
list-style-type: none;
float: left;
border-left: 1px solid #CCC;
margin: 0;
padding: 0 0 0 25px;
}

#einstieg li.first { /* Browserweiche MSIE 5.5 */
list-style-type: none;
margin: 0 11px 0 0; 
padding: 0;
border: none;
}

#einstieg ul li h2 {
color: #8b9096;
font-size: 1.8em;
font-weight: bold;
margin: 10px 0 10px;
}

.sIFR-hasFlash #einstieg ul li h2 {
visibility: hidden;
}

#einstieg li p {
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
}

#einstieg li p a {
background-image: url(/customer/images/homepage/pfeil-black.jpg);
background-repeat: no-repeat;
background-position: 0 4px;
text-decoration: none;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0 0 0 10px; /* abstand vom link zum text */
padding: 0 0 0 7px; /* abstand zum hintergrundbild */
}

#einstieg li p a:hover {
text-decoration: underline;
}