@import "/local/skin/borowitz.css";
@import "/local/skin/sport2000/s2km.css";

body.start {
	background-color: rgb(240,240,240);
	background-image: none;
	color: black;
	font-family: Verdana, Geneva, sans-serif;
}

body.start h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(60,60,60);
}

body.cmshead {
    background-color: rgb(128,128,128);
    background-image: url("/local/skin/sport2000/verlauf.jpg");
    background-repeat: repeat-x;
}

div.cmsheadlogo {
    background-image: url("/local/skin/sport2000/cmsheadlogo.jpg");
    float: right;
    height: 60px;
    width: 379px;
}

body.start div.topline {
    background-color: rgb(204,204,204);
	color: Black;
}

body.start div.topline div.logout {
    position: absolute;
    right: 30px;
}

body.start p.selection {
    background-color: rgb(128,128,128);
    background-image: url("/local/skin/sport2000/verlaufbutton.jpg");
	color: white;
}

body.start div.topline div.logout a {
    color: black;
}

body.control {
    background-color: rgb(128,128,128);
}

body.cc {
    background-color: #d2d2d2;
    background-image: url("/local/skin/sport2000/verlaufcc.jpg");
	color: rgb(60,60,60);
	font-family: Verdana, Geneva, sans-serif;
}

body.cc div.header {
    background-image: url("/local/skin/lindwerk/images/Wortbildmarke.png");
	top: 40px; left: 30px;
}
body.cc div.header:after {
    content:'Kundencenter';
    margin-left: 250px;
    margin-top: 0px;
    font-size: 175%;
    font-style: italic;
    color: white;
}

body.cc div.selectionBar {
    background-color: #d2d2d2;
}

div.sectionBar {
    background-color: rgb(200,200,200);
    background-image: url("/local/skin/sport2000/redpoint.png");
	color: rgb(60,60,60);
}

div.sectionBar div.sectionright {
	color: rgb(60,60,60);
}

body.clipboard,
body.contentmgr,
body.grouptree {
    background-color: rgb(240,240,240);
}

.menu {
    background-color: rgb(60,60,60);
}

body.cc {
    background-color: #d2d2d2;
	background-image: none;
	color: rgb(60,60,60);
	font-family: Verdana, Geneva, sans-serif;
}
/* xpho Freshbox Logout-Layout */

body.xphoLogout {
	background-image: none;
	background-color: White;

}
body.xphoLogout div.headerPic {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	background-position: center left;
	background-image: url("xpho-logout-header.jpeg");
}
body.xphoLogout div.messageArea {
	top: 220px;
}
body.xphoLogout div.logoutTitle {
	font-weight: bold;
	color: Black;
}
body.xphoLogout div.logoutTitle:before {
	content: "SPORT 2000 ";
}
body.xphoLogout div.logoutMessage {
	color: Black;
}

/*  Opticland-css */

body.xphoLogin {
	background-image: url('/local/skin/opticland.lindwerk.net/opticlandbg.jpg');
	position: relative;
}

body.xphoLogin div.header {
	display: none;
}
body.xphoLogin body.div.title {
	display: none;
}

body.xphoLogin div.loginFields {
	background-color: rgba(240,240,240,0.4);
	position: absolute;
	box-sizing: border-box;
	left: 50%; top: 50%;
	width: 400px; height: 570px;
	margin-left: -200px; margin-top: -285px;
	padding: 50px;
}
body.xphoLogin p.loginInfo {
	font-size: 0;
	width: 100%; height: 160px;
	background-image: url('/local/skin/opticland.lindwerk.net/opticland_logo_weiss.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	position: relative;
}
body.xphoLogin p.loginInfo:after {
	display: inline-block;
	content: "BILDDATENBANK";
	position: absolute;
	width: 100%;
	height: 40px;
	font-size: 21px;
	color: white;
	bottom: 0;
	text-align: center;
	font-weight: bolder;
}

body.xphoLogin p.loginName,
body.xphoLogin p.loginPass {
	color: white;
	font-size: 17px;
	font-weight: bolder;
	padding: 25px 0 8px 0;
}
body.xphoLogin input.loginName,
body.xphoLogin input.loginPass {
	background-color: white;
	border: none;
	padding: 10px;
}
body.xphoLogin div.loginButton {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	border: 10px solid #2a546a;
	right: 0; top: 0;
	margin-top: 35px; padding: 0;
	background-image: none;
	border-radius: 0;
	background-color: #2a546a;
	font-size: 18px;
	font-weight: bolder;
	color: white;
	text-align: center;
	text-transform: uppercase;
}
body.xphoLogin p.passwordLost {
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-align: center;
}
body.xphoLogin p.loginCopyright {
	left: 0; bottom: 0;
	margin: 0;
	background-color: #2a546a;
	color: white;
	font-size: 14px;
	font-weight: bolder;
	box-sizing: border-box;
	width: 100%;
	padding: 15px 45px;
}
body.xphoLogin p.impressum {
	bottom: 0;
	right: 0;
	margin: 0;
	background-color: #2a546a;
	color: white;
	font-size: 14px;
	font-weight: bolder;
	padding: 15px 45px;
}