/* Style data2publish- (c) Klaus Weise, www.data2publish.de */
html {	/* Hintergrundbild auf voller Hoehe anzeigen */
	height: 100%;
}
body.webpage {
	height: 100%;
	margin: 0px; border: 0px;
	background-color: White;	
	background-image: url(/projects/data2publish/bg-d2p.jpg); 
	background-position: top left; background-repeat: no-repeat;
	text-align: center; 
}
body, p, div, td {	/* Schriftart der gesamten Seite festlegen */
	font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10pt;
	color: #414141;
}

b, strong {
	color: #012C68;
}

div.boxComplete {
	display: inline-block;
	width: 1300px;
	text-align: left;
	background-image: url(/projects/data2publish/d2p-bg-showroom.jpg); 
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left: 5px;
}

/* Beginn Kopfbereich */

div.boxHead {
	position: relative;
	top: 0px;
	width: 980px;
	height: 176px;
	max-height: 176px;
	background-repeat: no-repeat;
	display: block;
}
div.boxHeadPic {
	position: absolute;
	top: 0px; left: 0px;
	width: 980px;	height: 176px;
	min-width: 980px; min-height: 176px;
	overflow: hidden;
	background-image: url(/projects/data2publish/bg-d2p.jpg); 
	background-color: White;
}
div.boxHeadLedger {
	position: absolute;
	bottom: 1px; left: 0px;
	width: 980px;
	height: 43px;
/*	background-image: url(/projects/data2publish/d2p-logo-unterlaenge.jpg); 
	background-color: #3F66A1;	
	opacity: .75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75); */
}
div.boxHeadNavi {
	position: absolute;
	bottom: 0px; left: 0px;
	width: 980px;
	height: 23px;
	color: Gray;
	font-weight: bold;
	font-size: 120%;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
}
div.MainMenu {
	padding: 0px; border: 0px; margin: 0px;
}
div.MainMenu div {
	padding: 0px; border: 0px; margin: 0px;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	font-weight: bold;
	color: #012C68;
}
div.MainMenu div a.menuActive {
	text-decoration: none;
	color: #F80007;
}
div.MainMenu div a.menuInactive  {
	text-decoration: none;
	color: #012C68;
}
/* Ende Kopfbereich, Anfang Mittelbereich */

div.boxMiddle {
	position: relative;
	top: 0px;
	width: 980px;
	height: 650px;
	display: block;	
	border: 0px;
	padding: 0px;
	margin: 0px;
}
div.boxMiddleLeft {
	display: inline-block;
	float: left;
	padding-left: 10px; padding-right: 10px;
	padding-top: 20px;
	width: 195px;
	color: #DDDDDF;
	font-size: 110%;
	font-weight: bold;
}
div.SubMenu div {
	padding: 0px; border: 0px; margin: 0px;
	list-style: none outside none;
	display: block;
	list-style: none;
	padding-bottom: 2px;
}
div.SubMenu div a.menuActive {
	text-decoration: none;
	color: #F80109;
	width: 100%;
}
div.SubMenu div a.menuInactive {
	text-decoration: none;
	color: #012C68;
}

div.SubMenu div.menuLevel1 {	padding-left: 10px; }
div.SubMenu div.menuLevel2 {	padding-left: 20px; }
div.SubMenu div.menuLevel3 {	padding-left: 30px; }
div.SubMenu div.menuLevel4 {	padding-left: 40px; }

div.boxMiddleCenter {
	display: inline-block;
	float: left;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-top: 3px;
}
div.boxMiddleRight {
	display: inline-block;
	float: right;
	padding-top: 28px;
	padding-bottom: 60px;
	width: 196px;
}
div.boxMiddleRightFoot {
	width: 196px; min-width: 248px;
	height: 248px; min-height: 248px;
}
div.boxTopic {
	position: relative;
	display: block;
	overflow: hidden;
	width: 185px;
	height: 139px;
	background-color: White;
	margin-top: 20px;
}
div.boxTopicLeadger {
	position: absolute;
	bottom: 0px; left: 0px;
	padding-left: 6px;
	width: 100%;
	height: 20px;
	background-color: #DFDFDF;	
	opacity: .75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	color: #012C68;
	font-size: 110%;
}

div.boxFoot {
	clear: both;
	position: relative;
	top: 0px;
	width: 980px;	height: 10px;
	display: block;	
	background-color: #CACACA;
}
div.boxFootLogin {
	position: relative;
	top: -2px;
	float: left;
	width: 199px;
	padding-left: 10px;
	color: White;
	font-size: 9px;
	overflow: hidden; 
}
div.boxFootVaridea {
	position: relative;
	top: -2px;
	float: right;
	width: 199px;
	padding-left: 0px;
	color: White;
	font-size: 9px;
	overflow: hidden; 
}
div.boxFoot a {
	color: White;
	text-decoration: none;
}
div.boxFootFoot {
	position: absolute;
	left: 782px;
	bottom: 10px;
	width: 196px; min-width: 248px;
	height: 248px; min-height: 248px;
	background-image: url(/projects/data2publish/d2p-keyboard.jpg); 
	background-repeat: no-repeat;
}

div.webpage {
	position: inline-block;
	width: 550px;
	max-width: 550px;
	padding-top: 5px;
	padding-bottom: 0px;
}
div.webpage div.webpageTitle,
div.slideshowTitle,
div.videoTitle {
	font-size: 14px;
	font-weight: bold;
	color: #012C68;
	padding-top: 10px;
}
div.webpage div.webpageSubtitle {
	font-weight: bold;
	color: #012C68;
}
div.webpage div.webpageTextfield {
	color: #313131;
}
div.webpagePhotos {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	float: right;
}
div.webpagePhotos div.webpagePhoto {
	padding-bottom: 5px;
}