/* Stylesheet für www.officeplus-online.de */
html, body {/*height:100%;*/}
body   { 
	z-index:1; 
	font-size:11pt; 
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	text-align:left;
	padding:15px;
	}

/* links */

a:link { 
	color:#336699; text-decoration:none; }
a:visited { 
	color:#336699; text-decoration:none; }
a:hover { 
	color:#cc0066; text-decoration:none; }
a:active { 
	color:#cc0066; text-decoration:none; }
	
a.menue:link { 
	color:#ffffff; text-decoration:none; }
a.menue:visited { 
	color:#ffffff; text-decoration:none; }
a.menue:hover { 
	color:#cc0066; text-decoration:none; }
a.menue:active { 
	color:#cc0066; text-decoration:none; }


#footerBox a { 
	text-decoration: underline;
	font-weight: normal;	
	}

/* basic elements */
p  { 
	text-align:left; 
	margin:10pt 0 5pt 0; 
	line-height:1.5;
	}
table  { 
	width:95%; 
	border:0;
	margin:0; 
	padding:0;
	}
td  { 
	text-align:left; 
	height: 20pt;
	}
ul  { 
	line-height:1.7;
	list-style-image:url(images/KreuzBlau15x15.gif); 
	list-style-position:outside; 
	margin-left:0;
	}

#intro h1	{
	color:#cc0066; 
	font-size:22px; 
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-weight:bold; 	
	}
#sprache	{
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 	
	font-size: 13pt;
	margin:85px 0 0 0;
	text-align: left;
	font-weight: bold;
	}
#sprache a	{
	line-height: 20pt;
	}


/* block elements */
#page { 
	z-index:2;
	position:absolute; 
	top:10px; left:180px; 
	width:800px; 	
	margin:0; padding:0;
	}
#topBox    { 
	position:relative; 
	margin:0; padding:0;
	width:800px;
	height:100px;
	border-top:2px solid #406A8E;
	border-left:2px solid #406A8E;
	border-right:2px solid #406A8E;
	/*background:url(images/topBanner.jpg) top left no-repeat; */
	text-align:right;
	}
#topLogo { 
	position:relative; 
	float:right; margin-top:4px;
	width:210px; height:98px;
	background-image:url(images/OfficePlusLogo210x128.gif);
	background-repeat:no-repeat; 
	background-position: right;
	}
.lineH {	
	position:relative;	
	height:2px;
	width:100%;
	border-top:#406A8E 2px solid;
	font-size:2px;
	}
#contentBox { 
	position:relative; 
	width:100%;
	height:100%;
	border-top:2px solid #406A8E;
	border-left:2px solid #406A8E;
	border-right:2px solid #406A8E;
	border-bottom:1px solid #406A8E;
	}
#textBox  { 
	position:relative; 
	height:380px;  								/* für IE, der kein min-height unterstützt */
	padding-left:230px; padding-right:30px; }
body > div #textBox {	
	height:auto;								/* min-height für Mozilla & Co */
	min-height:380px;
	}
#textBox.start  { 							
	padding-left:0 !important;	
	/*background-image: url(images/portrait2.jpg);
	background-position: left top;
	background-repeat: no-repeat;	*/
	height:500px;  	
	}
#textBox.start img { float:left; }
#pageLabelBox    { 
	position:relative; 
	/*height:25px;*/ width:400px;
	padding-top:20px; 
	}
#intro	{
	margin-left:420px;
	padding-top:140px;
	}
#footerBox { 
	position:relative; 
	width:800px;	
	margin:0;
	border-top:1px solid #406A8E;
	border-right:2px solid #406A8E;
	border-bottom:2px solid #406A8E;
	border-left:2px solid #406A8E;
	}


/* Navigation, Hauptmen? */
#navigationBox { 
	z-index:1;
	position:absolute; 
	top:120px; left:30px; 
	margin:0; padding:0;
	}
.mItemTop   { 
	width:150px; height:60px;
	background-image:url(images/mItemTop.gif); 
	background-repeat:no-repeat;
	margin:0;
	font-size:17px; font-weight:bold;
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	}
.mItem   { 
	width:150px; height:60px;
	background-image:url(images/mItem.gif); 
	background-repeat:no-repeat;
	margin:0; 
	font-size:17px; font-weight:bold; 
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	}
.mItemBottom   { 
	width:150px; height:70px;
	background-image:url(images/mItemBottom.gif); 
	background-repeat:no-repeat;
	margin:0;
	font-size:17px; font-weight:bold;
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	}
/* Beschriftung Menüpunkte */
.naviPlus { 
	display:inline;
	visibility:hidden;
	margin-right:5px;
	color:#fff;
	}	
.navi { 
	font-size:17px; font-weight:bold;
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	margin:0;
	padding-left:20px; padding-top:18px;
	}	
	

/* Subnavigation */
#subNaviBox { 
	z-index:3;
	position:absolute; 
	top:155px; left:200px; 
	width:200px; 
	/*background-color: #ccc;*/
	}
.submenueTop   { 
	width:200px; height:15px;
	background-image:url(images/SubmenueTop.gif); 
	background-repeat:no-repeat;
	margin:0; 
	}
.submenue  { 
	width:200px; 
	background-image:url(images/Submenue.gif); 
	background-repeat:repeat-y;
	margin:0; padding-left:5px;
	margin-top:-3px;							/* für IE (zeigt sonst weißen Balken darüber an */
	}
.submenueBottom   { 
	width:200px; height:55px;
	background-image:url(images/SubmenueBottom.gif); 
	background-repeat:no-repeat; 
	margin:0;
	margin-top:-10px;
	}
/* Beschriftung Menüpunkte */
.subnavi { 
	font-size:15px; font-weight:bold; 
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	margin:0; 
	color:#406A8E;
	}	
/* Position für Foto statt Submenu */	
.foto   { 
	width:200px; 
	height:310px;
	margin:0; 
	}


/* classes */	
.subheader { 
	font-size:11pt;	font-weight:bold; 
	}
.footnote { 
	text-align:left;
	color:#406A8E; 
	font-size:9pt; /*font-weight:bold; */
	margin:0; padding:0;
	margin-top:10px;
	margin-bottom:10px;
	}
.italic {
	font-style:italic;
	}
.plusBold {
	font-weight:bold;
	color:#406A8E;
	}


table.tabContent { border:none; padding:0; margin:0; empty-cells:show; width:auto; border-collapse:collapse; }
table.tabContent tr { vertical-align:top; }
table.tabContent td { margin:0; padding:2px 5px 2px 0; border:none; height:auto; font-size:11pt; line-height:1.5; }

.fehler { color:#cc0066; }