@CHARSET "UTF-8";

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #EAEAEA url('../img/hintergrund.jpg') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	position: relative;
	min-width: 1000px;
	min-height: 680px;
	width: 100%;
	height: 100%;
}

#center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 996px;
	height: 678px;
	margin: 0;
	padding: 0;
	margin-top: -339px;
	margin-left: -498px;
	background: transparent url('../img/hintergrund2.png') no-repeat;
	overflow: hidden;
}

#intellistore {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0px;
	right: 0px;
	width: 208px;
	height: 51px;
	overflow: hidden;
}

#login_navi1 {
	position: absolute;
	bottom: 28px;
	left: 8px;
	width: 980px;
	height: 91px;
	overflow: hidden;
	background: transparent url('../img/hintergrund3.png') repeat-x;
	margin: 0;
	padding: 0;
}

#kemper_logo {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 200px;
	height: 61px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#navi1 {
	position: absolute;
	bottom: 111px;
	left: 28px;
	width: 960px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#navi1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navi1 ul li {
	float: left;
	display: block;
	width: 185px;
	height: 1px;
	margin: 0;
	margin-right: 3px;
	padding: 0;
	position: relative;
	overflow: visible;
}

#navi1 ul li .schublade {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: auto;
	width: 145px;
	margin: 0;
	padding: 0px 20px;
	padding-top: 14px;
	overflow: hidden;
	background: transparent url('../img/schublade.gif') no-repeat;
}

#navi1 ul li h3 {
	text-transform: uppercase;
	margin: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	color: #FFF;
	width: 145px;
	height: 25px;
	overflow: hidden;
	font-weight: normal;
}

#navi1 ul li h3 a,
#navi1 ul li h3 a:link,
#navi1 ul li h3 a:active,
#navi1 ul li h3 a:visited,
#navi1 ul li h3 a:hover {
	text-decoration: none;
	color: #FFF;
	display: block;
	width: 145px;
	height: 25px;
	overflow: hidden;
	line-height: 25px;
}

#navi1 ul li .schublade-inhalt {
	overflow: hidden;
        /*Flackern verhindern*/
	display: none;
}

#navi1 ul li ul {
	margin: 0;
	padding: 15px 0px;
}

#navi1 ul li ul li {
	float: none;
	display: block;
	width: 145px;
	height: 29px;
	line-height: 29px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#navi1 ul li ul li a,
#navi1 ul li ul li a:link,
#navi1 ul li ul li a:active,
#navi1 ul li ul li a:visited {
	display: block;
	text-decoration: none;
	color: #FFF;
	line-height: 28px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	border-bottom: 1px dotted #CCC;
	background: transparent url('../img/pfeil.gif') 17px 10px no-repeat;
}

#navi1 ul li ul li a:hover {
	background-color: #686868;
}

#keyvisual {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 8px;
	left: 8px;
	width: 796px;
	height: 559px;
	overflow: hidden;
}

#inhalt {
	position: absolute;
	bottom: 111px;
	left: 28px;
	width: 945px;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url('../img/hintergrund4.jpg') bottom left no-repeat;
}

#reiter {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 937px;
	height: 36px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#reiter ul {
	position: absolute;
	right: 0px;
	top: 8px;
	width: auto;
	height: 28px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#reiter ul li {
	float: left;
	width: 129px;
	height: 27px;
	line-height: 28px;
	overflow: hidden;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	text-align: center;
}

#reiter ul li a,
#reiter ul li a:link,
#reiter ul li a:active,
#reiter ul li a:visited,
#reiter ul li a:hover {
	display: block;
	line-height: 28px;
	background-color: #DBDBDB;
	text-decoration: none;
	color: #FF5D02;
}

#reiter ul li a.active,
#reiter ul li a.active:link,
#reiter ul li a.active:active,
#reiter ul li a.active:visited,
#reiter ul li a.active:hover {
	background-color: #FF5D02;
	color: #FFF;
}

#inhalt-container1 {
	position: absolute;
	top: 44px;
	left: 0px;
	width: 370px;
	height: 384px;
	overflow: hidden;
	margin: 0;
	padding: 20px;
	padding-top: 0px;
	margin-top: 5px;
}

#inhalt-container1 h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 34px;
	line-height: 38px;
	font-weight: normal;
	color: #444;
	margin-bottom: 10px;
}

#inhalt-container2 {
	position: absolute;
	top: 78px;
	left: 417px;
	width: 460px;
	height: 352px;
	overflow: auto;
	margin: 0;
	padding: 0;
	margin-top: 18px;
}

#inhalt-container2 h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}

#inhalt-container1 p,
#inhalt-container2 p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#inhalt-container2_scrollowrap {
	position: absolute;
	top: 78px;
	left: 897px;
	width: 20px;
	height: 370px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #888;
}

#inhalt-container2_scrollbalken {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 366px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#inhalt-container2_scrollklotz {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 16px;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #AAA;
}

#fuss {
	position: absolute;
	bottom: 0px;
	left: 53px;
	width: 935px;
	height: 20px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 13px;
}

#fuss p {
	margin: 0;
	padding: 0;
	display: inline;
}

#fuss ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#fuss li {
	margin: 0;
	padding: 0;
	display: inline;
}

#fuss li a,
#fuss li a:link,
#fuss li a:active,
#fuss li a:visited,
#fuss li a:hover {
	text-decoration: none;
	color: #666;
}

dfn,
.accesskey,
.invisible {
	display: none;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

#login_navi1_hoeher {
	position: absolute;
	bottom: 28px;
	left: 8px;
	width: 980px;
	height: 121px;
	overflow: hidden;
	background: transparent url('../img/hintergrund3_hoeher.png') repeat-x;
	margin: 0;
	padding: 0;
}

#keyvisual_hoeher {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 16px;
	left: 8px;
	width: 760px;
	height: 521px;
	overflow: hidden;
}

#login_formular {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 670px;
	height: 61px;
	overflow: hidden;
	margin: 0;
	/*padding: 25px 45px;*/
	padding: 0px 45px 42px 28px;
	color: #FFF;
}

#login_formular  a  img{
	border-left: 1px #aaa solid;
	border-top: 1px #aaa solid;
	border-right: 1px #787878 solid;
	border-bottom: 1px #787878 solid;
}

#login_formular p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#login_formular form {
	margin: 0;
	padding: 0;
}

#login_formular .label,
#login_formular .field {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 20px;
	margin-right: 5px;
}

#login_formular input {
	font-size: 12px;
	line-height: 14px;
}

#sprache {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 23px;
	right: 33px;
	width: 300px;
	height: 25px;
	overflow: hidden;
	text-align: right;
}

#sprache .field {
	margin: 0;
	padding: 0;
	float: right;
	line-height: 20px;
	margin-left: 5px;
}

#sprache select,
#sprache input {
	font-size: 12px;
	line-height: 14px;
}

img {
	border: 0;
}

/*Tabellenformatierung*/
#inhalt-container1 table.contenttable p,
#inhalt-container2 table.contenttable p {
	margin: 0;
}

#inhalt-container1 table.contenttable td,
#inhalt-container2 table.contenttable td {
	vertical-align: top;
}

/*Freischaltung*/
#login_formular p {
	margin-bottom: 15px;
}

#login_formular a.internal-link {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	border: 1px outset #FFF;
	padding: 5px 10px;
}