/*
 ******************************************************************************
 * CSS for Print64
 *
 * kindly supported by Martin Stegert - Webmaster
 * RT Reprotechnik Beteiligungsgesellschaft mbH
 * Prager Straße 13
 * 04103 Leipzig
 ******************************************************************************
*/

body {
	padding: 0;
	margin: 0;
	background: white;
	text-align: center;
	font-family: Arial, sans-serif;
	background: url(../../layout/print64.de/bg-line.jpg) top repeat-x fixed;
}

/*
 ******************************************************************************
 FONTS
 ******************************************************************************
*/

p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #444444;
	font-weight: bold;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #444444;
	font-weight: bold;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444444;
	font-weight: bold;
}

a {
	color: #cc0033;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

/*
 ******************************************************************************
 POSITIONING
 ******************************************************************************
*/

#wrapper {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../../layout/print64.de/background.jpg) top center no-repeat white;
}

.content {
	width: 595px;
	padding: 0 35px;
	float: left;
}

.content table {
	margin: 0 20px 20px 60px;
}

.content table h2,
.content table p {
	margin: 0;
}

.content table li,
.content li {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

.vertical-rule {
	width: 1px;
	height: 630px;
	background: url(../../layout/print64.de/vertical-rule.png) top center no-repeat;
	float: left;
}

.horizontal-rule {
	width: 929px;
	height: 1px;
	background: url(../../layout/print64.de/horizontal-rule.png) top center no-repeat;
	margin: 20px 0;
}


.right {
	width: 220px;
	margin: 0 10px 0 15px;
	padding: 0;
	float: left;
}

.right table {
	margin-bottom: 15px;
}

.right table caption {
	text-align: left;
	background: url(../../layout/print64.de/InfoBox-Oben.png) top center no-repeat;
	padding-left: 15px;
	color: white;
}

.right table td {
	text-align: left;
	background: url(../../layout/print64.de/Infobox-Unten.png) top center repeat-y;
	border: 1px solid #DCDCDC;
	border-top: none;
}

.right table td p {
	margin: 10px 15px;
}

.content p,
.content h2,
.content h3 {
	margin: 0 20px 20px 60px;
}

.content li { margin: 0 0 0 60px; }

.right .right-spacer {
	margin: 0 0 20px 25px;
}

.right h1 {
	color: #cc0033;
	font-size:20px;
	font-weight:bold;
}

.person {
	float: right;
	margin: 0 0 0 30px;
}

.clear {
	clear: both;
}

/*
 ******************************************************************************
 NAVI
 ******************************************************************************
*/

#navi {
	position: fixed;
	top: 0;
	left: auto;
	right: auto;
	width: 930px;
	height: 145px;
	margin: 0 auto;
	padding: 0;
	background: url(../../layout/print64.de/navi.png) top center no-repeat;
	z-index: 450;
}

#logo {
	width: 105px;
	height: 60px;
	background: url(../../layout/print64.de/print-64.png) top center no-repeat;
	float: left;
}

#nav-slot {
	float: left;
	text-align: left;
	width: 800px;
}

ul.rex-navi1 {
	list-style: none;
	padding: 18px 0 0 0;
	margin: 0;
	position: relative;
	display: block;
	width: 500px;
}

ul.rex-navi2 {
	position: absolute;
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0;
	left: 0;
	width: 500px;
}

ul.rex-navi1 li,
ul.rex-navi2 li {
	float: left;
	color: #ffffff;
	padding: 0 2px;
	border-left: 1px solid #ffffff;
	line-height: 15px;
}

ul.rex-navi1 li:first-child {
	border: none;
}

ul.rex-navi1 li a,
ul.rex-navi2 li a {
	color: #ffffff;
	font-size: 12px;
	margin: 0 2px;
	text-decoration: none;
}

ul.rex-navi1 li a:hover,
ul.rex-navi2 li a:hover {
	text-decoration: underline;
}

ul.rex-navi1 .rex-active,
ul.rex-navi1 .rex-current {
	background: #ffffff;
	color: #000000 !important;
}

ul.rex-navi2 .rex-active,
ul.rex-navi2 .rex-current {
	background: none;
	color: #ffffff !important;
}

a.rex-active,
a.rex-current {
	font-weight: bold;
}


/*
 ******************************************************************************
 LOGIN-PAGE
 ******************************************************************************
*/

#login-wrapper {
	width: 240px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#login-torsten {
	width: 240px;
	margin: 0 auto;
	background: url(../../layout/print64.de/torsten.png) top center no-repeat;
	padding: 335px 0px 0px 0px;
}

#login-tina {
	width: 240px;
	margin: 0 auto;
	background: url(../../layout/print64.de/tina.png) top center no-repeat;
	padding: 335px 0px 0px 0px;
}

#login-thomas {
	width: 240px;
	margin: 0 auto;
	background: url(../../layout/print64.de/thomas.png) top center no-repeat;
	padding: 335px 0px 0px 0px;
}

#login-christoph {
	width: 240px;
	margin: 0 auto;
	background: url(../../layout/print64.de/christoph.png) top center no-repeat;
	padding: 335px 0px 0px 0px;
}

#login-torsten p,
#login-thomas p,
#login-christoph p,
#login-tina p {
	color: white;
	margin: 0;
}

.login-button {
	background: none;
	color: white;
	font-size: 15px;
	cursor: pointer;
	border: none;
	margin-bottom: 75px;
}

.logout-button {
	background: none;
	color: #dddddd;
	font-size: 10px;
	cursor: pointer;
	border: none;
	float: right;
	margin: 0;
}

.logout-button:hover {
	text-decoration: underline;
}

.getID {
	width: 170px;
	text-align: left;
	margin: 0 auto;
}

div.warning {
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 20px 0 0 0;
	text-align: center;
}

div.warning h1 {
	padding: 0;
	margin: 0;
	color: #cc0033;
	font-size: 14px;
}

.senden {
	background: #b2b2b2;
	height: 24px;
	color: white;
	border: none;
	cursor: pointer;
	margin: 10px 0;
}

.getID {
	width: 170px;
	text-align: left;
	margin: 0 auto;
}

form.personal-contact {
	margin: 0 20px 0 60px;
	padding:0;
}

form.personal-contact p,
form.personal-contact table {
	margin: 0;
	padding: 0;
}

form.personal-contact textarea {
	margin: 5px 0;
	width: 380px;
	height: 180px;
}

form.personal-contact .contact {
	width: 322px;
}

.platz {
	margin-top: 127px;
}

