html {height:100%;}

body {
	/* Hides from IE5-mac \*/
	height:100%;
	/* End hide from IE5-mac */
	margin:0;
	background: #F0F0F0 url(../../images/portal/back.gif) fixed;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {font-size: 16px; color: #039; padding:0; margin:0; border-bottom:1px solid #ccc;}

p,td { font-size: 13px}

a:link { color: #003399}
a:visited { color: #003399}
a:hover { color: #009999}
a:active { color: #003399}

.klein { font-size: 10px}

.fettblau {font-size: 13px; font-weight: bold; color: #039;}


/* Formbuttons wie im Shop und im oeffentlichen Bereich */

.formbutton {color:#000; background: url(../../images/backgrounds/buttshop.gif) repeat-x; border: 1px solid #888;}
input {background: url(../../images/backgrounds/input.gif) no-repeat top left; border: 1px solid #888;
	font-size: 10px;}

/* so machen es alle CSS2-faehigen Browser
input[type="text"], input[type="password"] , im Moment Rahmen und Hintergrund bei Checkboxen inline ausgeblendet */





/* ******************** Seitenaufbau ******************* */


/* Kopfbalken mit Logo */
#headerdiv {
	position:absolute;
	width:94%;
	height:auto;
	top:0;
	left:0;
	margin-top:15px;
}

#header {
	width:98%;
	text-align:right;
}

#header img {padding-right:15px;}
.selbalken {background: #003399;
	border-top:2px solid #111111;
	border-bottom: 1px solid #FFFFFF;
}

/* Tabelle fuer Seitengestaltung 100% Hoehe */

#layout {width:90%;
	height:100%;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

/* Tabelle für die Bilder */

#bildleiste {margin:80px 0 0 0;
	width:94%;
}

/* Bildtexte unterhalb */
.legende {
	font-size: 10px;
	text-align:left;
	padding-bottom:5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width:247px;
}


/* Links auf den Bildern mit Rollover als Hintergrund */

#un a {background:url(../../images/portal/unternehmen_unten.jpg);}
#mdc a {background:url(../../images/portal/mdc_unten.jpg);}
#bos a {background:url(../../images/portal/bos_unten.jpg);}
#mybos a {background:url(../../images/portal/mybos_unten.jpg);}

#un a, #mdc a, #bos a, #mybos a
{
display:block;
padding:14px 0 0 10px;
color:#555;
font-weight:700;
text-decoration:none;
text-align:left;
background-position: 0 0;
width:247px; /* Werte fuer IE 5.5 */ 
height:48px;
voice-family: "\"}\""; 
voice-family:inherit;
width:237px; /* Werte fuer IE 6 */
height:34px;
}

#bos a 
{
width:123px; /* Wert fuer IE 5.5 */
voice-family: "\"}\""; 
voice-family:inherit;
width:113px; /* Wert fuer IE 6 */
}

#mybos a 
{
	width:124px; /* Wert fuer IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:114px; /* Wert fuer IE 6 */
}

#un a:hover, #bos a:hover, #mybos a:hover, #mdc a:hover 
{
	background-position: 0 48px;
}


/* Fachhandel Login und Haendlersuche */

#handel
{
margin:25px 0 50px 0;
}


#login, #search {
	 background:#f6f6f6;
	 height:140px;
}

#login a {font-size:10px;}

caption {padding: 2px 0 3px 7px; /* Ueberschrift Tabellen */
color:#fff;
background:#5c5c5c url(../../images/portal/caption.gif);
margin:0;
text-align:left;
font-size:10px;
font-weight:bold;
}

/* Fusszeile mit Links */
#footerdiv {position:fixed;
	left:0;
	bottom:0;
	margin-top:-24px;
	width:94%;
	height:auto;}
	
#footer {
background:#039 url(../../images/portal/footer.gif) repeat-x bottom;
text-align:right;
height:24px;
padding:0 10px 4px 0;
width:98%;
border-top:2px solid #111;}

#footer .copy {
text-align:left;
color:#fff;
background:none;
padding:0 0 4px 70px;}

#footer a {
color:#fff;
background:transparent url(../../images/portal/pfeil_re.gif) 0 5px no-repeat;
text-decoration:none;
padding:0 25px 0 12px;
}
#footer a:hover {
color:#fff;
background:transparent url(../../images/portal/pfeil_re.gif) 0 -38px no-repeat;
text-decoration:none;
}
#footer a.aktiv {
color:#fff;
background:transparent url(../../images/portal/pfeil_re.gif) 0 -38px no-repeat;
text-decoration:none;
}